diff --git "a/static/css/style.css" "b/static/css/style.css" --- "a/static/css/style.css" +++ "b/static/css/style.css" @@ -70,6 +70,7 @@ @import url(./../vendor/aos/css/aos.min.css); @import url(./../vendor/perfect-scrollbar/css/perfect-scrollbar.css); @import url(./../vendor/metismenu/css/metisMenu.min.css); + :root { --primary: #40189D; --secondary: #8BC740; @@ -85,136 +86,165 @@ --rgba-primary-8: rgba(64, 24, 157, 0.8); --rgba-primary-9: rgba(64, 24, 157, 0.9); --font-family-base: Roboto, sans-serif; - --font-family-title: Roboto, sans-serif; } + --font-family-title: Roboto, sans-serif; +} .gradient_one { - background-image: linear-gradient(to right, rgba(186, 1, 181, 0.85) 0%, rgba(103, 25, 255, 0.85) 100%); } + background-image: linear-gradient(to right, rgba(186, 1, 181, 0.85) 0%, rgba(103, 25, 255, 0.85) 100%); +} .gradient-1 { background: #f0a907; background: -moz-linear-gradient(top, #f0a907 0%, #f53c79 100%); background: -webkit-linear-gradient(top, #f0a907 0%, #f53c79 100%); background: linear-gradient(to bottom, #f0a907 0%, #f53c79 100%) !important; - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0a907', endColorstr='#f53c79',GradientType=0 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0a907', endColorstr='#f53c79', GradientType=0); +} .gradient-2 { background: #4dedf5; background: -moz-linear-gradient(top, #4dedf5 0%, #480ceb 100%); background: -webkit-linear-gradient(top, #4dedf5 0%, #480ceb 100%); background: linear-gradient(to bottom, #4dedf5 0%, #480ceb 100%) !important; - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dedf5', endColorstr='#480ceb',GradientType=0 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dedf5', endColorstr='#480ceb', GradientType=0); +} .gradient-3 { background: #51f5ae; background: -moz-linear-gradient(top, #51f5ae 0%, #3fbcda 100%); background: -webkit-linear-gradient(top, #51f5ae 0%, #3fbcda 100%); background: linear-gradient(to bottom, #51f5ae 0%, #3fbcda 100%) !important; - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51f5ae', endColorstr='#3fbcda',GradientType=0 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51f5ae', endColorstr='#3fbcda', GradientType=0); +} .gradient-4 { background: #f25521; background: -moz-linear-gradient(left, #f25521 0%, #f9c70a 100%); background: -webkit-linear-gradient(left, #f25521 0%, #f9c70a 100%); background: linear-gradient(to right, #f25521 0%, #f9c70a 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25521', endColorstr='#f9c70a',GradientType=1 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f25521', endColorstr='#f9c70a', GradientType=1); +} .gradient-5 { background: #f53c79; background: -moz-linear-gradient(left, #f53c79 0%, #f0a907 100%); background: -webkit-linear-gradient(left, #f53c79 0%, #f0a907 100%); background: linear-gradient(to right, #f53c79 0%, #f0a907 100%) !important; - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f53c79', endColorstr='#f0a907',GradientType=1 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f53c79', endColorstr='#f0a907', GradientType=1); +} .gradient-6 { background: #36b9d8; background: -moz-linear-gradient(left, #36b9d8 0%, #4bffa2 100%); background: -webkit-linear-gradient(left, #36b9d8 0%, #4bffa2 100%); background: linear-gradient(to right, #36b9d8 0%, #4bffa2 100%) !important; - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36b9d8', endColorstr='#4bffa2',GradientType=1 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36b9d8', endColorstr='#4bffa2', GradientType=1); +} .gradient-7 { background: #4400eb; background: -moz-linear-gradient(left, #4400eb 0%, #44e7f5 100%); background: -webkit-linear-gradient(left, #4400eb 0%, #44e7f5 100%); background: linear-gradient(to right, #4400eb 0%, #44e7f5 100%) !important; - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4400eb', endColorstr='#44e7f5',GradientType=1 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4400eb', endColorstr='#44e7f5', GradientType=1); +} .gradient-8 { background: #F7B00F; background: -moz-linear-gradient(top, #F7B00F 0%, #F25521 100%); background: -webkit-linear-gradient(top, #F7B00F 0%, #F25521 100%); background: linear-gradient(to bottom, #F7B00F 0%, #F25521 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7B00F', endColorstr='#F25521',GradientType=1 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7B00F', endColorstr='#F25521', GradientType=1); +} -.gradient-9, .datepicker.datepicker-dropdown td.day:hover, .datepicker.datepicker-dropdown th.next:hover, .datepicker.datepicker-dropdown th.prev:hover, .datepicker table tr td.selected, .datepicker table tr td.active, .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { +.gradient-9, +.datepicker.datepicker-dropdown td.day:hover, +.datepicker.datepicker-dropdown th.next:hover, +.datepicker.datepicker-dropdown th.prev:hover, +.datepicker table tr td.selected, +.datepicker table tr td.active, +.datepicker table tr td.today, +.datepicker table tr td.today:hover, +.datepicker table tr td.today.disabled, +.datepicker table tr td.today.disabled:hover { background: #f31e7a !important; background: -moz-linear-gradient(left, #f31e7a 0%, #fd712c 100%); background: -webkit-linear-gradient(left, #f31e7a 0%, #fd712c 100%); background: linear-gradient(to right, #f31e7a 0%, #fd712c 100%) !important; - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f31e7a', endColorstr='#fd712c',GradientType=1 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f31e7a', endColorstr='#fd712c', GradientType=1); +} .gradient-10 { background: #f25521 !important; background: -moz-linear-gradient(left, #f25521 0%, #f9c70a 100%); background: -webkit-linear-gradient(left, #f25521 0%, #f9c70a 100%); background: linear-gradient(to top, #f25521 0%, #f9c70a 100%) !important; - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25521', endColorstr='#f9c70a',GradientType=1 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f25521', endColorstr='#f9c70a', GradientType=1); +} .gradient-11 { background: #3398fb; background: -moz-linear-gradient(left, #3398fb 0%, #8553ee 100%); background: -webkit-linear-gradient(left, #3398fb 0%, #8553ee 100%); background: linear-gradient(to right, #3398fb 0%, #8553ee 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3398fb', endColorstr='#8553ee',GradientType=1 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3398fb', endColorstr='#8553ee', GradientType=1); +} .gradient-12 { background: #36e1b4; background: -moz-linear-gradient(left, #36e1b4 0%, #11cae7 100%); background: -webkit-linear-gradient(left, #36e1b4 0%, #11cae7 100%); background: linear-gradient(to right, #36e1b4 0%, #11cae7 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36e1b4', endColorstr='#11cae7',GradientType=1 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36e1b4', endColorstr='#11cae7', GradientType=1); +} .gradient-13 { background: #ffbf31; background: -moz-linear-gradient(left, #ffbf31 0%, #ff890e 100%); background: -webkit-linear-gradient(left, #ffbf31 0%, #ff890e 100%); background: linear-gradient(to right, #ffbf31 0%, #ff890e 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf31', endColorstr='#ff890e',GradientType=1 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf31', endColorstr='#ff890e', GradientType=1); +} .gradient-14 { background: #23bdb8; background: -moz-linear-gradient(-45deg, #23bdb8 0%, #43e794 100%); background: -webkit-linear-gradient(-45deg, #23bdb8 0%, #43e794 100%); background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23bdb8', endColorstr='#43e794',GradientType=1 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23bdb8', endColorstr='#43e794', GradientType=1); +} .gradient-15 { background: #9a56ff; background: -moz-linear-gradient(-45deg, #9a56ff 0%, #e36cd9 100%); background: -webkit-linear-gradient(-45deg, #9a56ff 0%, #e36cd9 100%); background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a56ff', endColorstr='#e36cd9',GradientType=1 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a56ff', endColorstr='#e36cd9', GradientType=1); +} .gradient-16 { background: #f48665; background: -moz-linear-gradient(-45deg, #f48665 0%, #fda23f 100%); background: -webkit-linear-gradient(-45deg, #f48665 0%, #fda23f 100%); background: linear-gradient(135deg, #f48665 0%, #fda23f 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48665', endColorstr='#fda23f',GradientType=1 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f48665', endColorstr='#fda23f', GradientType=1); +} .gradient-17 { background: #e36cd9; background: -moz-linear-gradient(-45deg, #e36cd9 0%, #fe60ae 100%); background: -webkit-linear-gradient(-45deg, #e36cd9 0%, #fe60ae 100%); background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e36cd9', endColorstr='#fe60ae',GradientType=1 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e36cd9', endColorstr='#fe60ae', GradientType=1); +} .gradient-18 { background: #a15cff; background: -moz-linear-gradient(left, #a15cff 0%, #ce82fd 100%); background: -webkit-linear-gradient(left, #a15cff 0%, #ce82fd 100%); background: linear-gradient(to right, #a15cff 0%, #ce82fd 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a15cff', endColorstr='#ce82fd',GradientType=1 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a15cff', endColorstr='#ce82fd', GradientType=1); +} /* 0 - 600: Phone @@ -261,21 +291,34 @@ Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Comp --breakpoint-xl: 1200px; --breakpoint-xxl: 1440; --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; +} *, *::before, *::after { - 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; @@ -285,23 +328,33 @@ body { line-height: 1.5; color: #7e7e7e; text-align: left; - background-color: #F2F2F2; } + background-color: #F2F2F2; +} [tabindex="-1"]:focus:not(:focus-visible) { - outline: 0 !important; } + outline: 0 !important; +} hr { 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] { @@ -309,118 +362,147 @@ abbr[data-original-title] { text-decoration: underline dotted; cursor: help; border-bottom: 0; - 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: #40189D; text-decoration: none; - background-color: transparent; } - a:hover { - color: #250e5b; - text-decoration: underline; } + background-color: transparent; +} + +a:hover { + color: #250e5b; + text-decoration: underline; +} a:not([href]):not([class]) { color: inherit; - text-decoration: none; } - a:not([href]):not([class]):hover { - color: inherit; - text-decoration: none; } + text-decoration: none; +} + +a:not([href]):not([class]):hover { + color: inherit; + text-decoration: none; +} 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; - -ms-overflow-style: scrollbar; } + -ms-overflow-style: scrollbar; +} 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: 0.75rem; padding-bottom: 0.75rem; color: #89879f; text-align: left; - caption-side: bottom; } + caption-side: bottom; +} th { text-align: inherit; - text-align: -webkit-match-parent; } + text-align: -webkit-match-parent; +} 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, @@ -430,55 +512,66 @@ 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; +} [role="button"] { - cursor: pointer; } + cursor: pointer; +} 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"] { box-sizing: border-box; - padding: 0; } + padding: 0; +} textarea { overflow: auto; - resize: vertical; } + resize: vertical; +} fieldset { min-width: 0; padding: 0; margin: 0; - border: 0; } + border: 0; +} legend { display: block; @@ -489,135 +582,187 @@ 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; - color: #3d4465; } + color: #3d4465; +} -h1, .h1 { - font-size: 2.25rem; } +h1, +.h1 { + font-size: 2.25rem; +} -h2, .h2 { - font-size: 1.875rem; } +h2, +.h2 { + font-size: 1.875rem; +} -h3, .h3 { - font-size: 1.5rem; } +h3, +.h3 { + font-size: 1.5rem; +} -h4, .h4 { - font-size: 1.125rem; } +h4, +.h4 { + font-size: 1.125rem; +} -h5, .h5 { - font-size: 1rem; } +h5, +.h5 { + font-size: 1rem; +} -h6, .h6 { - font-size: 0.938rem; } +h6, +.h6 { + font-size: 0.938rem; +} .lead { font-size: 1.09375rem; - 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.09375rem; } + font-size: 1.09375rem; +} .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; @@ -625,49 +770,63 @@ mark, border: 1px solid #dee2e6; border-radius: 0.75rem; 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-wrap: break-word; } - a > code { - color: inherit; } + word-wrap: 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, .container-fluid, @@ -679,1272 +838,1780 @@ pre { padding-right: 15px; padding-left: 15px; margin-right: auto; - margin-left: auto; } + margin-left: auto; +} @media (min-width: 576px) { - .container, .container-sm { - max-width: 540px; } } + + .container, + .container-sm { + max-width: 540px; + } +} + @media (min-width: 768px) { - .container, .container-sm, .container-md { - max-width: 720px; } } + + .container, + .container-sm, + .container-md { + max-width: 720px; + } +} + @media (min-width: 992px) { - .container, .container-sm, .container-md, .container-lg { - max-width: 960px; } } + + .container, + .container-sm, + .container-md, + .container-lg { + max-width: 960px; + } +} + @media (min-width: 1200px) { - .container, .container-sm, .container-md, .container-lg, .container-xl { - max-width: 1140px; } } + + .container, + .container-sm, + .container-md, + .container-lg, + .container-xl { + max-width: 1140px; + } +} + .row { display: flex; flex-wrap: wrap; margin-right: -15px; - margin-left: -15px; } + margin-left: -15px; +} .no-gutters { margin-right: 0; - margin-left: 0; } - .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, .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, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, + margin-left: 0; +} + +.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, +.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, +.col-xxl-1, +.col-xxl-2, +.col-xxl-3, +.col-xxl-4, +.col-xxl-5, +.col-xxl-6, +.col-xxl-7, +.col-xxl-8, +.col-xxl-9, +.col-xxl-10, +.col-xxl-11, +.col-xxl-12, +.col-xxl, .col-xxl-auto { position: relative; width: 100%; padding-right: 15px; - padding-left: 15px; } + padding-left: 15px; +} .col { flex-basis: 0; flex-grow: 1; - max-width: 100%; } + max-width: 100%; +} -.row-cols-1 > * { +.row-cols-1>* { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; +} -.row-cols-2 > * { +.row-cols-2>* { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; +} -.row-cols-3 > * { +.row-cols-3>* { flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; } + max-width: 33.3333333333%; +} -.row-cols-4 > * { +.row-cols-4>* { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; +} -.row-cols-5 > * { +.row-cols-5>* { flex: 0 0 20%; - max-width: 20%; } + max-width: 20%; +} -.row-cols-6 > * { +.row-cols-6>* { flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; } + max-width: 16.6666666667%; +} .col-auto { flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; +} .col-1 { flex: 0 0 8.3333333333%; - max-width: 8.3333333333%; } + max-width: 8.3333333333%; +} .col-2 { flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; } + max-width: 16.6666666667%; +} .col-3 { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; +} .col-4 { flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; } + max-width: 33.3333333333%; +} .col-5 { flex: 0 0 41.6666666667%; - max-width: 41.6666666667%; } + max-width: 41.6666666667%; +} .col-6 { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; +} .col-7 { flex: 0 0 58.3333333333%; - max-width: 58.3333333333%; } + max-width: 58.3333333333%; +} .col-8 { flex: 0 0 66.6666666667%; - max-width: 66.6666666667%; } + max-width: 66.6666666667%; +} .col-9 { flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; +} .col-10 { flex: 0 0 83.3333333333%; - max-width: 83.3333333333%; } + max-width: 83.3333333333%; +} .col-11 { flex: 0 0 91.6666666667%; - max-width: 91.6666666667%; } + max-width: 91.6666666667%; +} .col-12 { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; +} .order-first { - order: -1; } + order: -1; +} .order-last { - order: 13; } + order: 13; +} .order-0 { - order: 0; } + order: 0; +} .order-1 { - order: 1; } + order: 1; +} .order-2 { - order: 2; } + order: 2; +} .order-3 { - order: 3; } + order: 3; +} .order-4 { - order: 4; } + order: 4; +} .order-5 { - order: 5; } + order: 5; +} .order-6 { - order: 6; } + order: 6; +} .order-7 { - order: 7; } + order: 7; +} .order-8 { - order: 8; } + order: 8; +} .order-9 { - order: 9; } + order: 9; +} .order-10 { - order: 10; } + order: 10; +} .order-11 { - order: 11; } + order: 11; +} .order-12 { - order: 12; } + order: 12; +} .offset-1 { - margin-left: 8.3333333333%; } + margin-left: 8.3333333333%; +} .offset-2 { - margin-left: 16.6666666667%; } + margin-left: 16.6666666667%; +} .offset-3 { - margin-left: 25%; } + margin-left: 25%; +} .offset-4 { - margin-left: 33.3333333333%; } + margin-left: 33.3333333333%; +} .offset-5 { - margin-left: 41.6666666667%; } + margin-left: 41.6666666667%; +} .offset-6 { - margin-left: 50%; } + margin-left: 50%; +} .offset-7 { - margin-left: 58.3333333333%; } + margin-left: 58.3333333333%; +} .offset-8 { - margin-left: 66.6666666667%; } + margin-left: 66.6666666667%; +} .offset-9 { - margin-left: 75%; } + margin-left: 75%; +} .offset-10 { - margin-left: 83.3333333333%; } + margin-left: 83.3333333333%; +} .offset-11 { - margin-left: 91.6666666667%; } + margin-left: 91.6666666667%; +} @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } - .row-cols-sm-1 > * { + .row-cols-sm-1>* { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } - .row-cols-sm-2 > * { + .row-cols-sm-2>* { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } - .row-cols-sm-3 > * { + .row-cols-sm-3>* { flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; } + max-width: 33.3333333333%; + } - .row-cols-sm-4 > * { + .row-cols-sm-4>* { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } - .row-cols-sm-5 > * { + .row-cols-sm-5>* { flex: 0 0 20%; - max-width: 20%; } + max-width: 20%; + } - .row-cols-sm-6 > * { + .row-cols-sm-6>* { flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; } + max-width: 16.6666666667%; + } .col-sm-auto { flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } .col-sm-1 { flex: 0 0 8.3333333333%; - max-width: 8.3333333333%; } + max-width: 8.3333333333%; + } .col-sm-2 { flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; } + max-width: 16.6666666667%; + } .col-sm-3 { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .col-sm-4 { flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; } + max-width: 33.3333333333%; + } .col-sm-5 { flex: 0 0 41.6666666667%; - max-width: 41.6666666667%; } + max-width: 41.6666666667%; + } .col-sm-6 { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .col-sm-7 { flex: 0 0 58.3333333333%; - max-width: 58.3333333333%; } + max-width: 58.3333333333%; + } .col-sm-8 { flex: 0 0 66.6666666667%; - max-width: 66.6666666667%; } + max-width: 66.6666666667%; + } .col-sm-9 { flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } .col-sm-10 { flex: 0 0 83.3333333333%; - max-width: 83.3333333333%; } + max-width: 83.3333333333%; + } .col-sm-11 { flex: 0 0 91.6666666667%; - max-width: 91.6666666667%; } + max-width: 91.6666666667%; + } .col-sm-12 { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .order-sm-first { - order: -1; } + order: -1; + } .order-sm-last { - order: 13; } + order: 13; + } .order-sm-0 { - order: 0; } + order: 0; + } .order-sm-1 { - order: 1; } + order: 1; + } .order-sm-2 { - order: 2; } + order: 2; + } .order-sm-3 { - order: 3; } + order: 3; + } .order-sm-4 { - order: 4; } + order: 4; + } .order-sm-5 { - order: 5; } + order: 5; + } .order-sm-6 { - order: 6; } + order: 6; + } .order-sm-7 { - order: 7; } + order: 7; + } .order-sm-8 { - order: 8; } + order: 8; + } .order-sm-9 { - order: 9; } + order: 9; + } .order-sm-10 { - order: 10; } + order: 10; + } .order-sm-11 { - order: 11; } + order: 11; + } .order-sm-12 { - order: 12; } + order: 12; + } .offset-sm-0 { - margin-left: 0; } + margin-left: 0; + } .offset-sm-1 { - margin-left: 8.3333333333%; } + margin-left: 8.3333333333%; + } .offset-sm-2 { - margin-left: 16.6666666667%; } + margin-left: 16.6666666667%; + } .offset-sm-3 { - margin-left: 25%; } + margin-left: 25%; + } .offset-sm-4 { - margin-left: 33.3333333333%; } + margin-left: 33.3333333333%; + } .offset-sm-5 { - margin-left: 41.6666666667%; } + margin-left: 41.6666666667%; + } .offset-sm-6 { - margin-left: 50%; } + margin-left: 50%; + } .offset-sm-7 { - margin-left: 58.3333333333%; } + margin-left: 58.3333333333%; + } .offset-sm-8 { - margin-left: 66.6666666667%; } + margin-left: 66.6666666667%; + } .offset-sm-9 { - margin-left: 75%; } + margin-left: 75%; + } .offset-sm-10 { - margin-left: 83.3333333333%; } + margin-left: 83.3333333333%; + } .offset-sm-11 { - margin-left: 91.6666666667%; } } + margin-left: 91.6666666667%; + } +} + @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } - .row-cols-md-1 > * { + .row-cols-md-1>* { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } - .row-cols-md-2 > * { + .row-cols-md-2>* { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } - .row-cols-md-3 > * { + .row-cols-md-3>* { flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; } + max-width: 33.3333333333%; + } - .row-cols-md-4 > * { + .row-cols-md-4>* { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } - .row-cols-md-5 > * { + .row-cols-md-5>* { flex: 0 0 20%; - max-width: 20%; } + max-width: 20%; + } - .row-cols-md-6 > * { + .row-cols-md-6>* { flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; } + max-width: 16.6666666667%; + } .col-md-auto { flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } .col-md-1 { flex: 0 0 8.3333333333%; - max-width: 8.3333333333%; } + max-width: 8.3333333333%; + } .col-md-2 { flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; } + max-width: 16.6666666667%; + } .col-md-3 { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .col-md-4 { flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; } + max-width: 33.3333333333%; + } .col-md-5 { flex: 0 0 41.6666666667%; - max-width: 41.6666666667%; } + max-width: 41.6666666667%; + } .col-md-6 { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .col-md-7 { flex: 0 0 58.3333333333%; - max-width: 58.3333333333%; } + max-width: 58.3333333333%; + } .col-md-8 { flex: 0 0 66.6666666667%; - max-width: 66.6666666667%; } + max-width: 66.6666666667%; + } .col-md-9 { flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } .col-md-10 { flex: 0 0 83.3333333333%; - max-width: 83.3333333333%; } + max-width: 83.3333333333%; + } .col-md-11 { flex: 0 0 91.6666666667%; - max-width: 91.6666666667%; } + max-width: 91.6666666667%; + } .col-md-12 { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .order-md-first { - order: -1; } + order: -1; + } .order-md-last { - order: 13; } + order: 13; + } .order-md-0 { - order: 0; } + order: 0; + } .order-md-1 { - order: 1; } + order: 1; + } .order-md-2 { - order: 2; } + order: 2; + } .order-md-3 { - order: 3; } + order: 3; + } .order-md-4 { - order: 4; } + order: 4; + } .order-md-5 { - order: 5; } + order: 5; + } .order-md-6 { - order: 6; } + order: 6; + } .order-md-7 { - order: 7; } + order: 7; + } .order-md-8 { - order: 8; } + order: 8; + } .order-md-9 { - order: 9; } + order: 9; + } .order-md-10 { - order: 10; } + order: 10; + } .order-md-11 { - order: 11; } + order: 11; + } .order-md-12 { - order: 12; } + order: 12; + } .offset-md-0 { - margin-left: 0; } + margin-left: 0; + } .offset-md-1 { - margin-left: 8.3333333333%; } + margin-left: 8.3333333333%; + } .offset-md-2 { - margin-left: 16.6666666667%; } + margin-left: 16.6666666667%; + } .offset-md-3 { - margin-left: 25%; } + margin-left: 25%; + } .offset-md-4 { - margin-left: 33.3333333333%; } + margin-left: 33.3333333333%; + } .offset-md-5 { - margin-left: 41.6666666667%; } + margin-left: 41.6666666667%; + } .offset-md-6 { - margin-left: 50%; } + margin-left: 50%; + } .offset-md-7 { - margin-left: 58.3333333333%; } + margin-left: 58.3333333333%; + } .offset-md-8 { - margin-left: 66.6666666667%; } + margin-left: 66.6666666667%; + } .offset-md-9 { - margin-left: 75%; } + margin-left: 75%; + } .offset-md-10 { - margin-left: 83.3333333333%; } + margin-left: 83.3333333333%; + } .offset-md-11 { - margin-left: 91.6666666667%; } } + margin-left: 91.6666666667%; + } +} + @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } - .row-cols-lg-1 > * { + .row-cols-lg-1>* { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } - .row-cols-lg-2 > * { + .row-cols-lg-2>* { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } - .row-cols-lg-3 > * { + .row-cols-lg-3>* { flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; } + max-width: 33.3333333333%; + } - .row-cols-lg-4 > * { + .row-cols-lg-4>* { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } - .row-cols-lg-5 > * { + .row-cols-lg-5>* { flex: 0 0 20%; - max-width: 20%; } + max-width: 20%; + } - .row-cols-lg-6 > * { + .row-cols-lg-6>* { flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; } + max-width: 16.6666666667%; + } .col-lg-auto { flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } .col-lg-1 { flex: 0 0 8.3333333333%; - max-width: 8.3333333333%; } + max-width: 8.3333333333%; + } .col-lg-2 { flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; } + max-width: 16.6666666667%; + } .col-lg-3 { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .col-lg-4 { flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; } + max-width: 33.3333333333%; + } .col-lg-5 { flex: 0 0 41.6666666667%; - max-width: 41.6666666667%; } + max-width: 41.6666666667%; + } .col-lg-6 { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .col-lg-7 { flex: 0 0 58.3333333333%; - max-width: 58.3333333333%; } + max-width: 58.3333333333%; + } .col-lg-8 { flex: 0 0 66.6666666667%; - max-width: 66.6666666667%; } + max-width: 66.6666666667%; + } .col-lg-9 { flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } .col-lg-10 { flex: 0 0 83.3333333333%; - max-width: 83.3333333333%; } + max-width: 83.3333333333%; + } .col-lg-11 { flex: 0 0 91.6666666667%; - max-width: 91.6666666667%; } + max-width: 91.6666666667%; + } .col-lg-12 { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .order-lg-first { - order: -1; } + order: -1; + } .order-lg-last { - order: 13; } + order: 13; + } .order-lg-0 { - order: 0; } + order: 0; + } .order-lg-1 { - order: 1; } + order: 1; + } .order-lg-2 { - order: 2; } + order: 2; + } .order-lg-3 { - order: 3; } + order: 3; + } .order-lg-4 { - order: 4; } + order: 4; + } .order-lg-5 { - order: 5; } + order: 5; + } .order-lg-6 { - order: 6; } + order: 6; + } .order-lg-7 { - order: 7; } + order: 7; + } .order-lg-8 { - order: 8; } + order: 8; + } .order-lg-9 { - order: 9; } + order: 9; + } .order-lg-10 { - order: 10; } + order: 10; + } .order-lg-11 { - order: 11; } + order: 11; + } .order-lg-12 { - order: 12; } + order: 12; + } .offset-lg-0 { - margin-left: 0; } + margin-left: 0; + } .offset-lg-1 { - margin-left: 8.3333333333%; } + margin-left: 8.3333333333%; + } .offset-lg-2 { - margin-left: 16.6666666667%; } + margin-left: 16.6666666667%; + } .offset-lg-3 { - margin-left: 25%; } + margin-left: 25%; + } .offset-lg-4 { - margin-left: 33.3333333333%; } + margin-left: 33.3333333333%; + } .offset-lg-5 { - margin-left: 41.6666666667%; } + margin-left: 41.6666666667%; + } .offset-lg-6 { - margin-left: 50%; } + margin-left: 50%; + } .offset-lg-7 { - margin-left: 58.3333333333%; } + margin-left: 58.3333333333%; + } .offset-lg-8 { - margin-left: 66.6666666667%; } + margin-left: 66.6666666667%; + } .offset-lg-9 { - margin-left: 75%; } + margin-left: 75%; + } .offset-lg-10 { - margin-left: 83.3333333333%; } + margin-left: 83.3333333333%; + } .offset-lg-11 { - margin-left: 91.6666666667%; } } + margin-left: 91.6666666667%; + } +} + @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } - .row-cols-xl-1 > * { + .row-cols-xl-1>* { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } - .row-cols-xl-2 > * { + .row-cols-xl-2>* { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } - .row-cols-xl-3 > * { + .row-cols-xl-3>* { flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; } + max-width: 33.3333333333%; + } - .row-cols-xl-4 > * { + .row-cols-xl-4>* { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } - .row-cols-xl-5 > * { + .row-cols-xl-5>* { flex: 0 0 20%; - max-width: 20%; } + max-width: 20%; + } - .row-cols-xl-6 > * { + .row-cols-xl-6>* { flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; } + max-width: 16.6666666667%; + } .col-xl-auto { flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } .col-xl-1 { flex: 0 0 8.3333333333%; - max-width: 8.3333333333%; } + max-width: 8.3333333333%; + } .col-xl-2 { flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; } + max-width: 16.6666666667%; + } .col-xl-3 { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .col-xl-4 { flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; } + max-width: 33.3333333333%; + } .col-xl-5 { flex: 0 0 41.6666666667%; - max-width: 41.6666666667%; } + max-width: 41.6666666667%; + } .col-xl-6 { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .col-xl-7 { flex: 0 0 58.3333333333%; - max-width: 58.3333333333%; } + max-width: 58.3333333333%; + } .col-xl-8 { flex: 0 0 66.6666666667%; - max-width: 66.6666666667%; } + max-width: 66.6666666667%; + } .col-xl-9 { flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } .col-xl-10 { flex: 0 0 83.3333333333%; - max-width: 83.3333333333%; } + max-width: 83.3333333333%; + } .col-xl-11 { flex: 0 0 91.6666666667%; - max-width: 91.6666666667%; } + max-width: 91.6666666667%; + } .col-xl-12 { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .order-xl-first { - order: -1; } + order: -1; + } .order-xl-last { - order: 13; } + order: 13; + } .order-xl-0 { - order: 0; } + order: 0; + } .order-xl-1 { - order: 1; } + order: 1; + } .order-xl-2 { - order: 2; } + order: 2; + } .order-xl-3 { - order: 3; } + order: 3; + } .order-xl-4 { - order: 4; } + order: 4; + } .order-xl-5 { - order: 5; } + order: 5; + } .order-xl-6 { - order: 6; } + order: 6; + } .order-xl-7 { - order: 7; } + order: 7; + } .order-xl-8 { - order: 8; } + order: 8; + } .order-xl-9 { - order: 9; } + order: 9; + } .order-xl-10 { - order: 10; } + order: 10; + } .order-xl-11 { - order: 11; } + order: 11; + } .order-xl-12 { - order: 12; } + order: 12; + } .offset-xl-0 { - margin-left: 0; } + margin-left: 0; + } .offset-xl-1 { - margin-left: 8.3333333333%; } + margin-left: 8.3333333333%; + } .offset-xl-2 { - margin-left: 16.6666666667%; } + margin-left: 16.6666666667%; + } .offset-xl-3 { - margin-left: 25%; } + margin-left: 25%; + } .offset-xl-4 { - margin-left: 33.3333333333%; } + margin-left: 33.3333333333%; + } .offset-xl-5 { - margin-left: 41.6666666667%; } + margin-left: 41.6666666667%; + } .offset-xl-6 { - margin-left: 50%; } + margin-left: 50%; + } .offset-xl-7 { - margin-left: 58.3333333333%; } + margin-left: 58.3333333333%; + } .offset-xl-8 { - margin-left: 66.6666666667%; } + margin-left: 66.6666666667%; + } .offset-xl-9 { - margin-left: 75%; } + margin-left: 75%; + } .offset-xl-10 { - margin-left: 83.3333333333%; } + margin-left: 83.3333333333%; + } .offset-xl-11 { - margin-left: 91.6666666667%; } } + margin-left: 91.6666666667%; + } +} + @media (min-width: 1440) { .col-xxl { flex-basis: 0; flex-grow: 1; - max-width: 100%; } + max-width: 100%; + } - .row-cols-xxl-1 > * { + .row-cols-xxl-1>* { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } - .row-cols-xxl-2 > * { + .row-cols-xxl-2>* { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } - .row-cols-xxl-3 > * { + .row-cols-xxl-3>* { flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; } + max-width: 33.3333333333%; + } - .row-cols-xxl-4 > * { + .row-cols-xxl-4>* { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } - .row-cols-xxl-5 > * { + .row-cols-xxl-5>* { flex: 0 0 20%; - max-width: 20%; } + max-width: 20%; + } - .row-cols-xxl-6 > * { + .row-cols-xxl-6>* { flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; } + max-width: 16.6666666667%; + } .col-xxl-auto { flex: 0 0 auto; width: auto; - max-width: 100%; } + max-width: 100%; + } .col-xxl-1 { flex: 0 0 8.3333333333%; - max-width: 8.3333333333%; } + max-width: 8.3333333333%; + } .col-xxl-2 { flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; } + max-width: 16.6666666667%; + } .col-xxl-3 { flex: 0 0 25%; - max-width: 25%; } + max-width: 25%; + } .col-xxl-4 { flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; } + max-width: 33.3333333333%; + } .col-xxl-5 { flex: 0 0 41.6666666667%; - max-width: 41.6666666667%; } + max-width: 41.6666666667%; + } .col-xxl-6 { flex: 0 0 50%; - max-width: 50%; } + max-width: 50%; + } .col-xxl-7 { flex: 0 0 58.3333333333%; - max-width: 58.3333333333%; } + max-width: 58.3333333333%; + } .col-xxl-8 { flex: 0 0 66.6666666667%; - max-width: 66.6666666667%; } + max-width: 66.6666666667%; + } .col-xxl-9 { flex: 0 0 75%; - max-width: 75%; } + max-width: 75%; + } .col-xxl-10 { flex: 0 0 83.3333333333%; - max-width: 83.3333333333%; } + max-width: 83.3333333333%; + } .col-xxl-11 { flex: 0 0 91.6666666667%; - max-width: 91.6666666667%; } + max-width: 91.6666666667%; + } .col-xxl-12 { flex: 0 0 100%; - max-width: 100%; } + max-width: 100%; + } .order-xxl-first { - order: -1; } + order: -1; + } .order-xxl-last { - order: 13; } + order: 13; + } .order-xxl-0 { - order: 0; } + order: 0; + } .order-xxl-1 { - order: 1; } + order: 1; + } .order-xxl-2 { - order: 2; } + order: 2; + } .order-xxl-3 { - order: 3; } + order: 3; + } .order-xxl-4 { - order: 4; } + order: 4; + } .order-xxl-5 { - order: 5; } + order: 5; + } .order-xxl-6 { - order: 6; } + order: 6; + } .order-xxl-7 { - order: 7; } + order: 7; + } .order-xxl-8 { - order: 8; } + order: 8; + } .order-xxl-9 { - order: 9; } + order: 9; + } .order-xxl-10 { - order: 10; } + order: 10; + } .order-xxl-11 { - order: 11; } + order: 11; + } .order-xxl-12 { - order: 12; } + order: 12; + } .offset-xxl-0 { - margin-left: 0; } + margin-left: 0; + } .offset-xxl-1 { - margin-left: 8.3333333333%; } + margin-left: 8.3333333333%; + } .offset-xxl-2 { - margin-left: 16.6666666667%; } + margin-left: 16.6666666667%; + } .offset-xxl-3 { - margin-left: 25%; } + margin-left: 25%; + } .offset-xxl-4 { - margin-left: 33.3333333333%; } + margin-left: 33.3333333333%; + } .offset-xxl-5 { - margin-left: 41.6666666667%; } + margin-left: 41.6666666667%; + } .offset-xxl-6 { - margin-left: 50%; } + margin-left: 50%; + } .offset-xxl-7 { - margin-left: 58.3333333333%; } + margin-left: 58.3333333333%; + } .offset-xxl-8 { - margin-left: 66.6666666667%; } + margin-left: 66.6666666667%; + } .offset-xxl-9 { - margin-left: 75%; } + margin-left: 75%; + } .offset-xxl-10 { - margin-left: 83.3333333333%; } + margin-left: 83.3333333333%; + } .offset-xxl-11 { - margin-left: 91.6666666667%; } } + margin-left: 91.6666666667%; + } +} + .table { width: 100%; margin-bottom: 1rem; - color: #7e7e7e; } - .table th, - .table td { - padding: 0.75rem; - vertical-align: top; - border-top: 1px solid #EEEEEE; } - .table thead th { - vertical-align: bottom; - border-bottom: 2px solid #EEEEEE; } - .table tbody + tbody { - border-top: 2px solid #EEEEEE; } + color: #7e7e7e; +} + +.table th, +.table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #EEEEEE; +} + +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid #EEEEEE; +} + +.table tbody+tbody { + border-top: 2px solid #EEEEEE; +} .table-sm th, .table-sm td { - padding: 0.3rem; } + padding: 0.3rem; +} .table-bordered { - border: 1px solid #EEEEEE; } - .table-bordered th, - .table-bordered td { - border: 1px solid #EEEEEE; } - .table-bordered thead th, - .table-bordered thead td { - border-bottom-width: 2px; } + border: 1px solid #EEEEEE; +} + +.table-bordered th, +.table-bordered td { + border: 1px solid #EEEEEE; +} + +.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: #7e7e7e; - 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: #cabee4; } +.table-primary>th, +.table-primary>td { + background-color: #cabee4; +} + .table-primary th, .table-primary td, .table-primary thead th, -.table-primary tbody + tbody { - border-color: #9c87cc; } +.table-primary tbody+tbody { + border-color: #9c87cc; +} .table-hover .table-primary:hover { - background-color: #bbacdd; } - .table-hover .table-primary:hover > td, - .table-hover .table-primary:hover > th { - background-color: #bbacdd; } + background-color: #bbacdd; +} + +.table-hover .table-primary:hover>td, +.table-hover .table-primary:hover>th { + background-color: #bbacdd; +} .table-secondary, -.table-secondary > th, -.table-secondary > td { - background-color: #dfefca; } +.table-secondary>th, +.table-secondary>td { + background-color: #dfefca; +} + .table-secondary th, .table-secondary td, .table-secondary thead th, -.table-secondary tbody + tbody { - border-color: #c3e29c; } +.table-secondary tbody+tbody { + border-color: #c3e29c; +} .table-hover .table-secondary:hover { - background-color: #d3e9b6; } - .table-hover .table-secondary:hover > td, - .table-hover .table-secondary:hover > th { - background-color: #d3e9b6; } + background-color: #d3e9b6; +} + +.table-hover .table-secondary:hover>td, +.table-hover .table-secondary:hover>th { + background-color: #d3e9b6; +} .table-success, -.table-success > th, -.table-success > td { - background-color: #bff2dd; } +.table-success>th, +.table-success>td { + background-color: #bff2dd; +} + .table-success th, .table-success td, .table-success thead th, -.table-success tbody + tbody { - border-color: #88e7bf; } +.table-success tbody+tbody { + border-color: #88e7bf; +} .table-hover .table-success:hover { - background-color: #aaeed2; } - .table-hover .table-success:hover > td, - .table-hover .table-success:hover > th { - background-color: #aaeed2; } + background-color: #aaeed2; +} + +.table-hover .table-success:hover>td, +.table-hover .table-success:hover>th { + background-color: #aaeed2; +} .table-info, -.table-info > th, -.table-info > td { - background-color: #cce7fd; } +.table-info>th, +.table-info>td { + background-color: #cce7fd; +} + .table-info th, .table-info td, .table-info thead th, -.table-info tbody + tbody { - border-color: #a0d2fb; } +.table-info tbody+tbody { + border-color: #a0d2fb; +} .table-hover .table-info:hover { - background-color: #b3dbfc; } - .table-hover .table-info:hover > td, - .table-hover .table-info:hover > th { - background-color: #b3dbfc; } + background-color: #b3dbfc; +} + +.table-hover .table-info:hover>td, +.table-hover .table-info:hover>th { + background-color: #b3dbfc; +} .table-warning, -.table-warning > th, -.table-warning > td { - background-color: #ffdbc2; } +.table-warning>th, +.table-warning>td { + background-color: #ffdbc2; +} + .table-warning th, .table-warning td, .table-warning thead th, -.table-warning tbody + tbody { - border-color: #febd8d; } +.table-warning tbody+tbody { + border-color: #febd8d; +} .table-hover .table-warning:hover { - background-color: #ffcca9; } - .table-hover .table-warning:hover > td, - .table-hover .table-warning:hover > th { - background-color: #ffcca9; } + background-color: #ffcca9; +} + +.table-hover .table-warning:hover>td, +.table-hover .table-warning:hover>th { + background-color: #ffcca9; +} .table-danger, -.table-danger > th, -.table-danger > td { - background-color: #ffd4cb; } +.table-danger>th, +.table-danger>td { + background-color: #ffd4cb; +} + .table-danger th, .table-danger td, .table-danger thead th, -.table-danger tbody + tbody { - border-color: #ffb09f; } +.table-danger tbody+tbody { + border-color: #ffb09f; +} .table-hover .table-danger:hover { - background-color: #ffbfb2; } - .table-hover .table-danger:hover > td, - .table-hover .table-danger:hover > th { - background-color: #ffbfb2; } + background-color: #ffbfb2; +} + +.table-hover .table-danger:hover>td, +.table-hover .table-danger:hover>th { + background-color: #ffbfb2; +} .table-light, -.table-light > th, -.table-light > td { - background-color: #fcfcfd; } +.table-light>th, +.table-light>td { + background-color: #fcfcfd; +} + .table-light th, .table-light td, .table-light thead th, -.table-light tbody + tbody { - border-color: #f9fafc; } +.table-light tbody+tbody { + border-color: #f9fafc; +} .table-hover .table-light:hover { - background-color: #ededf3; } - .table-hover .table-light:hover > td, - .table-hover .table-light:hover > th { - background-color: #ededf3; } + background-color: #ededf3; +} + +.table-hover .table-light:hover>td, +.table-hover .table-light:hover>th { + background-color: #ededf3; +} .table-dark, -.table-dark > th, -.table-dark > td { - background-color: #e9e9e9; } +.table-dark>th, +.table-dark>td { + background-color: #e9e9e9; +} + .table-dark th, .table-dark td, .table-dark thead th, -.table-dark tbody + tbody { - border-color: #d6d6d6; } +.table-dark tbody+tbody { + border-color: #d6d6d6; +} .table-hover .table-dark:hover { - background-color: gainsboro; } - .table-hover .table-dark:hover > td, - .table-hover .table-dark:hover > th { - background-color: gainsboro; } + background-color: gainsboro; +} + +.table-hover .table-dark:hover>td, +.table-hover .table-dark:hover>th { + background-color: gainsboro; +} .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-hover .table-active:hover>td, +.table-hover .table-active:hover>th { + background-color: rgba(0, 0, 0, 0.075); +} .table .thead-dark th { color: #fff; background-color: #343a40; - border-color: #454d55; } + border-color: #454d55; +} + .table .thead-light th { color: #495057; background-color: #e9ecef; - border-color: #EEEEEE; } + border-color: #EEEEEE; +} .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; + } +} + @media (max-width: 1439.98) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; - -webkit-overflow-scrolling: touch; } - .table-responsive-xxl > .table-bordered { - border: 0; } } + -webkit-overflow-scrolling: touch; + } + + .table-responsive-xxl>.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; +} + +.table-responsive>.table-bordered { + border: 0; +} .form-control { display: block; @@ -1959,62 +2626,83 @@ pre { background-clip: padding-box; border: 1px solid #f0f1f5; border-radius: 0.75rem; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .form-control { - transition: none; } } - .form-control::-ms-expand { - background-color: transparent; - border: 0; } - .form-control:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #495057; } - .form-control:focus { - color: #495057; - background-color: #fff; - border-color: #7d50e4; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.25); } - .form-control::placeholder { - color: #6c757d; - opacity: 1; } - .form-control:disabled, .form-control[readonly] { - background-color: #e9ecef; - opacity: 1; } + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} + +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} + +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} + +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: #7d50e4; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.25); +} + +.form-control::placeholder { + color: #6c757d; + opacity: 1; +} + +.form-control:disabled, +.form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { - appearance: none; } + appearance: none; +} select.form-control:focus::-ms-value { color: #495057; - background-color: #fff; } + background-color: #fff; +} .form-control-file, .form-control-range { display: block; - width: 100%; } + width: 100%; +} .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; - line-height: 1.5; } + line-height: 1.5; +} .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.09375rem; - line-height: 1.5; } + line-height: 1.5; +} .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.765625rem; - line-height: 1.5; } + line-height: 1.5; +} .form-control-plaintext { display: block; @@ -2026,80 +2714,104 @@ select.form-control:focus::-ms-value { color: #7e7e7e; 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.25rem 0.5rem; font-size: 0.765625rem; line-height: 1.5; - border-radius: 0.2rem; } + border-radius: 0.2rem; +} .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.09375rem; line-height: 1.5; - border-radius: 0.3rem; } + border-radius: 0.3rem; +} -select.form-control[size], select.form-control[multiple] { - height: auto; } +select.form-control[size], +select.form-control[multiple] { + height: auto; +} textarea.form-control { - 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: flex; 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, .form-check-input:disabled ~ .form-check-label { - color: #89879f; } + margin-left: -1.25rem; +} + +.form-check-input[disabled]~.form-check-label, +.form-check-input:disabled~.form-check-label { + color: #89879f; +} .form-check-label { - margin-bottom: 0; } + margin-bottom: 0; +} .form-check-inline { display: inline-flex; 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: #1BD084; } + color: #1BD084; +} .valid-tooltip { position: absolute; @@ -2114,68 +2826,107 @@ textarea.form-control { line-height: 1.5; color: #fff; background-color: rgba(27, 208, 132, 0.9); - border-radius: 0.75rem; } + border-radius: 0.75rem; +} -.was-validated :valid ~ .valid-feedback, -.was-validated :valid ~ .valid-tooltip, -.is-valid ~ .valid-feedback, -.is-valid ~ .valid-tooltip { - display: block; } +.was-validated :valid~.valid-feedback, +.was-validated :valid~.valid-tooltip, +.is-valid~.valid-feedback, +.is-valid~.valid-tooltip { + display: block; +} -.was-validated .form-control:valid, .form-control.is-valid { +.was-validated .form-control:valid, +.form-control.is-valid { border-color: #1BD084; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231BD084' 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: right calc(0.375em + 0.1875rem) center; - background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .form-control:valid:focus, .form-control.is-valid:focus { - border-color: #1BD084; - box-shadow: 0 0 0 0.2rem rgba(27, 208, 132, 0.25); } + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .form-control:valid:focus, +.form-control.is-valid:focus { + border-color: #1BD084; + box-shadow: 0 0 0 0.2rem rgba(27, 208, 132, 0.25); +} -.was-validated textarea.form-control:valid, textarea.form-control.is-valid { +.was-validated textarea.form-control:valid, +textarea.form-control.is-valid { 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: #1BD084; padding-right: calc(0.75em + 2.3125rem); - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231BD084' 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: #1BD084; - box-shadow: 0 0 0 0.2rem rgba(27, 208, 132, 0.25); } - -.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { - color: #1BD084; } -.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: #1BD084; } - .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { - border-color: #1BD084; } -.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { - border-color: #39e59d; - background-color: #39e59d; } -.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 0.2rem rgba(27, 208, 132, 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: #1BD084; } - -.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { - border-color: #1BD084; } -.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231BD084' 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: #1BD084; - box-shadow: 0 0 0 0.2rem rgba(27, 208, 132, 0.25); } + box-shadow: 0 0 0 0.2rem rgba(27, 208, 132, 0.25); +} -.invalid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 80%; - color: #FF6746; } +.was-validated .form-check-input:valid~.form-check-label, +.form-check-input.is-valid~.form-check-label { + color: #1BD084; +} + +.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: #1BD084; +} + +.was-validated .custom-control-input:valid~.custom-control-label::before, +.custom-control-input.is-valid~.custom-control-label::before { + border-color: #1BD084; +} + +.was-validated .custom-control-input:valid:checked~.custom-control-label::before, +.custom-control-input.is-valid:checked~.custom-control-label::before { + border-color: #39e59d; + background-color: #39e59d; +} + +.was-validated .custom-control-input:valid:focus~.custom-control-label::before, +.custom-control-input.is-valid:focus~.custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(27, 208, 132, 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: #1BD084; +} + +.was-validated .custom-file-input:valid~.custom-file-label, +.custom-file-input.is-valid~.custom-file-label { + border-color: #1BD084; +} + +.was-validated .custom-file-input:valid:focus~.custom-file-label, +.custom-file-input.is-valid:focus~.custom-file-label { + border-color: #1BD084; + box-shadow: 0 0 0 0.2rem rgba(27, 208, 132, 0.25); +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #FF6746; +} .invalid-tooltip { position: absolute; @@ -2190,106 +2941,166 @@ textarea.form-control { line-height: 1.5; color: #fff; background-color: rgba(255, 103, 70, 0.9); - border-radius: 0.75rem; } + border-radius: 0.75rem; +} -.was-validated :invalid ~ .invalid-feedback, -.was-validated :invalid ~ .invalid-tooltip, -.is-invalid ~ .invalid-feedback, -.is-invalid ~ .invalid-tooltip { - display: block; } +.was-validated :invalid~.invalid-feedback, +.was-validated :invalid~.invalid-tooltip, +.is-invalid~.invalid-feedback, +.is-invalid~.invalid-tooltip { + display: block; +} -.was-validated .form-control:invalid, .form-control.is-invalid { +.was-validated .form-control:invalid, +.form-control.is-invalid { border-color: #FF6746; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF6746' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF6746' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; - background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } - .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { - border-color: #FF6746; - box-shadow: 0 0 0 0.2rem rgba(255, 103, 70, 0.25); } + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .form-control:invalid:focus, +.form-control.is-invalid:focus { + border-color: #FF6746; + box-shadow: 0 0 0 0.2rem rgba(255, 103, 70, 0.25); +} -.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { +.was-validated textarea.form-control:invalid, +textarea.form-control.is-invalid { 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: #FF6746; padding-right: calc(0.75em + 2.3125rem); - background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF6746' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF6746' stroke='none'/%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: #FF6746; - box-shadow: 0 0 0 0.2rem rgba(255, 103, 70, 0.25); } - -.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { - color: #FF6746; } -.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: #FF6746; } - .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { - border-color: #FF6746; } -.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { + background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF6746' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF6746' stroke='none'/%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: #FF6746; + box-shadow: 0 0 0 0.2rem rgba(255, 103, 70, 0.25); +} + +.was-validated .form-check-input:invalid~.form-check-label, +.form-check-input.is-invalid~.form-check-label { + color: #FF6746; +} + +.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: #FF6746; +} + +.was-validated .custom-control-input:invalid~.custom-control-label::before, +.custom-control-input.is-invalid~.custom-control-label::before { + border-color: #FF6746; +} + +.was-validated .custom-control-input:invalid:checked~.custom-control-label::before, +.custom-control-input.is-invalid:checked~.custom-control-label::before { border-color: #ff9179; - background-color: #ff9179; } -.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 0.2rem rgba(255, 103, 70, 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: #FF6746; } - -.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { - border-color: #FF6746; } -.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { + background-color: #ff9179; +} + +.was-validated .custom-control-input:invalid:focus~.custom-control-label::before, +.custom-control-input.is-invalid:focus~.custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(255, 103, 70, 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: #FF6746; - box-shadow: 0 0 0 0.2rem rgba(255, 103, 70, 0.25); } +} + +.was-validated .custom-file-input:invalid~.custom-file-label, +.custom-file-input.is-invalid~.custom-file-label { + border-color: #FF6746; +} + +.was-validated .custom-file-input:invalid:focus~.custom-file-label, +.custom-file-input.is-invalid:focus~.custom-file-label { + border-color: #FF6746; + box-shadow: 0 0 0 0.2rem rgba(255, 103, 70, 0.25); +} .form-inline { display: flex; flex-flow: row wrap; - align-items: center; } + align-items: center; +} + +.form-inline .form-check { + width: 100%; +} + +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; + } + + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; + } + + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + + .form-inline .form-control-plaintext { + display: inline-block; + } + + .form-inline .input-group, + .form-inline .custom-select { + width: auto; + } + .form-inline .form-check { - width: 100%; } - @media (min-width: 576px) { - .form-inline label { - display: flex; - align-items: center; - justify-content: center; - margin-bottom: 0; } - .form-inline .form-group { - display: flex; - flex: 0 0 auto; - flex-flow: row wrap; - align-items: center; - margin-bottom: 0; } - .form-inline .form-control { - display: inline-block; - width: auto; - vertical-align: middle; } - .form-inline .form-control-plaintext { - display: inline-block; } - .form-inline .input-group, - .form-inline .custom-select { - width: auto; } - .form-inline .form-check { - display: flex; - align-items: center; - justify-content: center; - width: auto; - padding-left: 0; } - .form-inline .form-check-input { - position: relative; - flex-shrink: 0; - margin-top: 0; - margin-right: 0.25rem; - margin-left: 0; } - .form-inline .custom-control { - align-items: center; - justify-content: center; } - .form-inline .custom-control-label { - margin-bottom: 0; } } + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding-left: 0; + } + + .form-inline .form-check-input { + position: relative; + flex-shrink: 0; + margin-top: 0; + margin-right: 0.25rem; + margin-left: 0; + } + + .form-inline .custom-control { + align-items: center; + justify-content: center; + } + + .form-inline .custom-control-label { + margin-bottom: 0; + } +} .btn { display: inline-block; @@ -2304,28830 +3115,45046 @@ textarea.form-control { font-size: 0.875rem; line-height: 1.5; border-radius: 0.75rem; - 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; } - @media (prefers-reduced-motion: reduce) { - .btn { - transition: none; } } - .btn:hover { - color: #7e7e7e; - text-decoration: none; } - .btn:focus, .btn.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.25); } - .btn.disabled, .btn:disabled { - opacity: 0.65; } - .btn:not(:disabled):not(.disabled) { - cursor: pointer; } + 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; +} + +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} + +.btn:hover { + color: #7e7e7e; + text-decoration: none; +} + +.btn:focus, +.btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.25); +} + +.btn.disabled, +.btn:disabled { + opacity: 0.65; +} + +.btn:not(:disabled):not(.disabled) { + cursor: pointer; +} a.btn.disabled, fieldset:disabled a.btn { - pointer-events: none; } + pointer-events: none; +} .btn-primary { color: #fff; background-color: #40189D; - border-color: #40189D; } - .btn-primary:hover { - color: #fff; - background-color: #32137c; - border-color: #2e1171; } - .btn-primary:focus, .btn-primary.focus { - color: #fff; - background-color: #32137c; - border-color: #2e1171; - box-shadow: 0 0 0 0.2rem rgba(93, 59, 172, 0.5); } - .btn-primary.disabled, .btn-primary:disabled { - color: #fff; - background-color: #40189D; - border-color: #40189D; } - .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { - color: #fff; - background-color: #2e1171; - border-color: #291066; } - .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(93, 59, 172, 0.5); } + border-color: #40189D; +} + +.btn-primary:hover { + color: #fff; + background-color: #32137c; + border-color: #2e1171; +} + +.btn-primary:focus, +.btn-primary.focus { + color: #fff; + background-color: #32137c; + border-color: #2e1171; + box-shadow: 0 0 0 0.2rem rgba(93, 59, 172, 0.5); +} + +.btn-primary.disabled, +.btn-primary:disabled { + color: #fff; + background-color: #40189D; + border-color: #40189D; +} + +.btn-primary:not(:disabled):not(.disabled):active, +.btn-primary:not(:disabled):not(.disabled).active, +.show>.btn-primary.dropdown-toggle { + color: #fff; + background-color: #2e1171; + border-color: #291066; +} + +.btn-primary:not(:disabled):not(.disabled):active:focus, +.btn-primary:not(:disabled):not(.disabled).active:focus, +.show>.btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(93, 59, 172, 0.5); +} .btn-secondary { color: #212529; background-color: #8BC740; - border-color: #8BC740; } - .btn-secondary:hover { - color: #fff; - background-color: #77ae33; - border-color: #70a430; } - .btn-secondary:focus, .btn-secondary.focus { - color: #fff; - background-color: #77ae33; - border-color: #70a430; - box-shadow: 0 0 0 0.2rem rgba(123, 175, 61, 0.5); } - .btn-secondary.disabled, .btn-secondary:disabled { - color: #212529; - background-color: #8BC740; - border-color: #8BC740; } - .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { - color: #fff; - background-color: #70a430; - border-color: #6a9a2d; } - .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(123, 175, 61, 0.5); } + border-color: #8BC740; +} -.btn-success { +.btn-secondary:hover { color: #fff; - background-color: #1BD084; - border-color: #1BD084; } - .btn-success:hover { - color: #fff; - background-color: #17ae6f; - border-color: #15a367; } - .btn-success:focus, .btn-success.focus { - color: #fff; - background-color: #17ae6f; - border-color: #15a367; - box-shadow: 0 0 0 0.2rem rgba(61, 215, 150, 0.5); } - .btn-success.disabled, .btn-success:disabled { - color: #fff; - background-color: #1BD084; - border-color: #1BD084; } - .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { - color: #fff; - background-color: #15a367; - border-color: #149860; } - .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(61, 215, 150, 0.5); } + background-color: #77ae33; + border-color: #70a430; +} -.btn-info { +.btn-secondary:focus, +.btn-secondary.focus { color: #fff; - background-color: #48A9F8; - border-color: #48A9F8; } - .btn-info:hover { - color: #fff; - background-color: #2398f7; - border-color: #1792f6; } - .btn-info:focus, .btn-info.focus { - color: #fff; - background-color: #2398f7; - border-color: #1792f6; - box-shadow: 0 0 0 0.2rem rgba(99, 182, 249, 0.5); } - .btn-info.disabled, .btn-info:disabled { - color: #fff; - background-color: #48A9F8; - border-color: #48A9F8; } - .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { - color: #fff; - background-color: #1792f6; - border-color: #0b8cf6; } - .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(99, 182, 249, 0.5); } + background-color: #77ae33; + border-color: #70a430; + box-shadow: 0 0 0 0.2rem rgba(123, 175, 61, 0.5); +} -.btn-warning { +.btn-secondary.disabled, +.btn-secondary:disabled { color: #212529; - background-color: #FE8024; - border-color: #FE8024; } - .btn-warning:hover { - color: #fff; - background-color: #fb6a01; - border-color: #ee6501; } - .btn-warning:focus, .btn-warning.focus { - color: #fff; - background-color: #fb6a01; - border-color: #ee6501; - box-shadow: 0 0 0 0.2rem rgba(221, 114, 37, 0.5); } - .btn-warning.disabled, .btn-warning:disabled { - color: #212529; - background-color: #FE8024; - border-color: #FE8024; } - .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { - color: #fff; - background-color: #ee6501; - border-color: #e16001; } - .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(221, 114, 37, 0.5); } + background-color: #8BC740; + border-color: #8BC740; +} -.btn-danger { +.btn-secondary:not(:disabled):not(.disabled):active, +.btn-secondary:not(:disabled):not(.disabled).active, +.show>.btn-secondary.dropdown-toggle { color: #fff; - background-color: #FF6746; - border-color: #FF6746; } - .btn-danger:hover { - color: #fff; - background-color: #ff4820; - border-color: #ff3d13; } - .btn-danger:focus, .btn-danger.focus { - color: #fff; - background-color: #ff4820; - border-color: #ff3d13; - box-shadow: 0 0 0 0.2rem rgba(255, 126, 98, 0.5); } - .btn-danger.disabled, .btn-danger:disabled { - color: #fff; - background-color: #FF6746; - border-color: #FF6746; } - .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { - color: #fff; - background-color: #ff3d13; - border-color: #ff3306; } - .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(255, 126, 98, 0.5); } + background-color: #70a430; + border-color: #6a9a2d; +} -.btn-light { - color: #212529; - background-color: #F4F5F9; - border-color: #F4F5F9; } - .btn-light:hover { - color: #212529; - background-color: #dbdfec; - border-color: #d3d7e7; } - .btn-light:focus, .btn-light.focus { - color: #212529; - background-color: #dbdfec; - border-color: #d3d7e7; - box-shadow: 0 0 0 0.2rem rgba(212, 214, 218, 0.5); } - .btn-light.disabled, .btn-light:disabled { - color: #212529; - background-color: #F4F5F9; - border-color: #F4F5F9; } - .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { - color: #212529; - background-color: #d3d7e7; - border-color: #cbd0e3; } - .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(212, 214, 218, 0.5); } +.btn-secondary:not(:disabled):not(.disabled):active:focus, +.btn-secondary:not(:disabled):not(.disabled).active:focus, +.show>.btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(123, 175, 61, 0.5); +} -.btn-dark { - color: #212529; - background-color: #B1B1B1; - border-color: #B1B1B1; } - .btn-dark:hover { - color: #212529; - background-color: #9e9e9e; - border-color: #989898; } - .btn-dark:focus, .btn-dark.focus { - color: #212529; - background-color: #9e9e9e; - border-color: #989898; - box-shadow: 0 0 0 0.2rem rgba(155, 156, 157, 0.5); } - .btn-dark.disabled, .btn-dark:disabled { - color: #212529; - background-color: #B1B1B1; - border-color: #B1B1B1; } - .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { - color: #212529; - background-color: #989898; - border-color: #919191; } - .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(155, 156, 157, 0.5); } +.btn-success { + color: #fff; + background-color: #1BD084; + border-color: #1BD084; +} -.btn-outline-primary { - color: #40189D; - border-color: #40189D; } - .btn-outline-primary:hover { - color: #fff; - background-color: #40189D; - border-color: #40189D; } - .btn-outline-primary:focus, .btn-outline-primary.focus { - box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.5); } - .btn-outline-primary.disabled, .btn-outline-primary:disabled { - color: #40189D; - background-color: transparent; } - .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { - color: #fff; - background-color: #40189D; - border-color: #40189D; } - .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.5); } +.btn-success:hover { + color: #fff; + background-color: #17ae6f; + border-color: #15a367; +} -.btn-outline-secondary { - color: #8BC740; - border-color: #8BC740; } - .btn-outline-secondary:hover { - color: #212529; - background-color: #8BC740; - border-color: #8BC740; } - .btn-outline-secondary:focus, .btn-outline-secondary.focus { - box-shadow: 0 0 0 0.2rem rgba(139, 199, 64, 0.5); } - .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { - color: #8BC740; - 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: #8BC740; - border-color: #8BC740; } - .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 { - box-shadow: 0 0 0 0.2rem rgba(139, 199, 64, 0.5); } +.btn-success:focus, +.btn-success.focus { + color: #fff; + background-color: #17ae6f; + border-color: #15a367; + box-shadow: 0 0 0 0.2rem rgba(61, 215, 150, 0.5); +} -.btn-outline-success { - color: #1BD084; - border-color: #1BD084; } - .btn-outline-success:hover { - color: #fff; - background-color: #1BD084; - border-color: #1BD084; } - .btn-outline-success:focus, .btn-outline-success.focus { - box-shadow: 0 0 0 0.2rem rgba(27, 208, 132, 0.5); } - .btn-outline-success.disabled, .btn-outline-success:disabled { - color: #1BD084; - 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: #fff; - background-color: #1BD084; - border-color: #1BD084; } - .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 { - box-shadow: 0 0 0 0.2rem rgba(27, 208, 132, 0.5); } +.btn-success.disabled, +.btn-success:disabled { + color: #fff; + background-color: #1BD084; + border-color: #1BD084; +} -.btn-outline-info { - color: #48A9F8; - border-color: #48A9F8; } - .btn-outline-info:hover { - color: #fff; - background-color: #48A9F8; - border-color: #48A9F8; } - .btn-outline-info:focus, .btn-outline-info.focus { - box-shadow: 0 0 0 0.2rem rgba(72, 169, 248, 0.5); } - .btn-outline-info.disabled, .btn-outline-info:disabled { - color: #48A9F8; - 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: #48A9F8; - border-color: #48A9F8; } - .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 { - box-shadow: 0 0 0 0.2rem rgba(72, 169, 248, 0.5); } +.btn-success:not(:disabled):not(.disabled):active, +.btn-success:not(:disabled):not(.disabled).active, +.show>.btn-success.dropdown-toggle { + color: #fff; + background-color: #15a367; + border-color: #149860; +} -.btn-outline-warning { - color: #FE8024; - border-color: #FE8024; } - .btn-outline-warning:hover { - color: #212529; - background-color: #FE8024; - border-color: #FE8024; } - .btn-outline-warning:focus, .btn-outline-warning.focus { - box-shadow: 0 0 0 0.2rem rgba(254, 128, 36, 0.5); } - .btn-outline-warning.disabled, .btn-outline-warning:disabled { - color: #FE8024; - 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: #FE8024; - border-color: #FE8024; } - .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 { - box-shadow: 0 0 0 0.2rem rgba(254, 128, 36, 0.5); } +.btn-success:not(:disabled):not(.disabled):active:focus, +.btn-success:not(:disabled):not(.disabled).active:focus, +.show>.btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(61, 215, 150, 0.5); +} -.btn-outline-danger { - color: #FF6746; - border-color: #FF6746; } - .btn-outline-danger:hover { - color: #fff; - background-color: #FF6746; - border-color: #FF6746; } - .btn-outline-danger:focus, .btn-outline-danger.focus { - box-shadow: 0 0 0 0.2rem rgba(255, 103, 70, 0.5); } - .btn-outline-danger.disabled, .btn-outline-danger:disabled { - color: #FF6746; - 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: #FF6746; - border-color: #FF6746; } - .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 { - box-shadow: 0 0 0 0.2rem rgba(255, 103, 70, 0.5); } +.btn-info { + color: #fff; + background-color: #48A9F8; + border-color: #48A9F8; +} -.btn-outline-light { - color: #F4F5F9; - border-color: #F4F5F9; } - .btn-outline-light:hover { - color: #212529; - background-color: #F4F5F9; - border-color: #F4F5F9; } - .btn-outline-light:focus, .btn-outline-light.focus { - box-shadow: 0 0 0 0.2rem rgba(244, 245, 249, 0.5); } - .btn-outline-light.disabled, .btn-outline-light:disabled { - color: #F4F5F9; - 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: #F4F5F9; - border-color: #F4F5F9; } - .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 { - box-shadow: 0 0 0 0.2rem rgba(244, 245, 249, 0.5); } +.btn-info:hover { + color: #fff; + background-color: #2398f7; + border-color: #1792f6; +} -.btn-outline-dark { - color: #B1B1B1; - border-color: #B1B1B1; } - .btn-outline-dark:hover { - color: #212529; - background-color: #B1B1B1; - border-color: #B1B1B1; } - .btn-outline-dark:focus, .btn-outline-dark.focus { - box-shadow: 0 0 0 0.2rem rgba(177, 177, 177, 0.5); } - .btn-outline-dark.disabled, .btn-outline-dark:disabled { - color: #B1B1B1; - 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: #212529; - background-color: #B1B1B1; - border-color: #B1B1B1; } - .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 { - box-shadow: 0 0 0 0.2rem rgba(177, 177, 177, 0.5); } +.btn-info:focus, +.btn-info.focus { + color: #fff; + background-color: #2398f7; + border-color: #1792f6; + box-shadow: 0 0 0 0.2rem rgba(99, 182, 249, 0.5); +} -.btn-link { - font-weight: 400; - color: #40189D; - text-decoration: none; } - .btn-link:hover { - color: #250e5b; - text-decoration: underline; } - .btn-link:focus, .btn-link.focus { - text-decoration: underline; } - .btn-link:disabled, .btn-link.disabled { - color: #6c757d; - pointer-events: none; } - -.btn-lg, .btn-group-lg > .btn { - padding: 0.5rem 1rem; - font-size: 1.09375rem; - line-height: 1.5; - border-radius: 0.3rem; } +.btn-info.disabled, +.btn-info:disabled { + color: #fff; + background-color: #48A9F8; + border-color: #48A9F8; +} -.btn-sm, .btn-group-sm > .btn { - padding: 0.25rem 0.5rem; - font-size: 0.765625rem; - line-height: 1.5; - border-radius: 0.2rem; } +.btn-info:not(:disabled):not(.disabled):active, +.btn-info:not(:disabled):not(.disabled).active, +.show>.btn-info.dropdown-toggle { + color: #fff; + background-color: #1792f6; + border-color: #0b8cf6; +} -.btn-block { - display: block; - width: 100%; } - .btn-block + .btn-block { - margin-top: 0.5rem; } +.btn-info:not(:disabled):not(.disabled):active:focus, +.btn-info:not(:disabled):not(.disabled).active:focus, +.show>.btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(99, 182, 249, 0.5); +} -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; } +.btn-warning { + color: #212529; + background-color: #FE8024; + border-color: #FE8024; +} -.fade { - transition: opacity 0.15s linear; } - @media (prefers-reduced-motion: reduce) { - .fade { - transition: none; } } - .fade:not(.show) { - opacity: 0; } +.btn-warning:hover { + color: #fff; + background-color: #fb6a01; + border-color: #ee6501; +} -.collapse:not(.show) { - display: none; } +.btn-warning:focus, +.btn-warning.focus { + color: #fff; + background-color: #fb6a01; + border-color: #ee6501; + box-shadow: 0 0 0 0.2rem rgba(221, 114, 37, 0.5); +} -.collapsing { - position: relative; - height: 0; - overflow: hidden; - transition: height 0.35s ease; } - @media (prefers-reduced-motion: reduce) { - .collapsing { - transition: none; } } +.btn-warning.disabled, +.btn-warning:disabled { + color: #212529; + background-color: #FE8024; + border-color: #FE8024; +} -.dropup, -.dropright, -.dropdown, -.dropleft { - position: relative; } +.btn-warning:not(:disabled):not(.disabled):active, +.btn-warning:not(:disabled):not(.disabled).active, +.show>.btn-warning.dropdown-toggle { + color: #fff; + background-color: #ee6501; + border-color: #e16001; +} -.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; } +.btn-warning:not(:disabled):not(.disabled):active:focus, +.btn-warning:not(:disabled):not(.disabled).active:focus, +.show>.btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(221, 114, 37, 0.5); +} -.dropdown-menu { - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 10rem; - padding: 0.5rem 0; - margin: 0.125rem 0 0; - font-size: 0.875rem; - color: #7e7e7e; - text-align: left; - list-style: none; - background-color: #fff; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 0.75rem; } +.btn-danger { + color: #fff; + background-color: #FF6746; + border-color: #FF6746; +} -.dropdown-menu-left { - right: auto; - left: 0; } +.btn-danger:hover { + color: #fff; + background-color: #ff4820; + border-color: #ff3d13; +} -.dropdown-menu-right { - right: 0; - left: auto; } +.btn-danger:focus, +.btn-danger.focus { + color: #fff; + background-color: #ff4820; + border-color: #ff3d13; + box-shadow: 0 0 0 0.2rem rgba(255, 126, 98, 0.5); +} -@media (min-width: 576px) { - .dropdown-menu-sm-left { - right: auto; - left: 0; } +.btn-danger.disabled, +.btn-danger:disabled { + color: #fff; + background-color: #FF6746; + border-color: #FF6746; +} - .dropdown-menu-sm-right { - right: 0; - left: auto; } } -@media (min-width: 768px) { - .dropdown-menu-md-left { - right: auto; - left: 0; } +.btn-danger:not(:disabled):not(.disabled):active, +.btn-danger:not(:disabled):not(.disabled).active, +.show>.btn-danger.dropdown-toggle { + color: #fff; + background-color: #ff3d13; + border-color: #ff3306; +} - .dropdown-menu-md-right { - right: 0; - left: auto; } } -@media (min-width: 992px) { - .dropdown-menu-lg-left { - right: auto; - left: 0; } +.btn-danger:not(:disabled):not(.disabled):active:focus, +.btn-danger:not(:disabled):not(.disabled).active:focus, +.show>.btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(255, 126, 98, 0.5); +} - .dropdown-menu-lg-right { - right: 0; - left: auto; } } -@media (min-width: 1200px) { - .dropdown-menu-xl-left { - right: auto; - left: 0; } +.btn-light { + color: #212529; + background-color: #F4F5F9; + border-color: #F4F5F9; +} - .dropdown-menu-xl-right { - right: 0; - left: auto; } } -@media (min-width: 1440) { - .dropdown-menu-xxl-left { - right: auto; - left: 0; } +.btn-light:hover { + color: #212529; + background-color: #dbdfec; + border-color: #d3d7e7; +} - .dropdown-menu-xxl-right { - right: 0; - left: auto; } } -.dropup .dropdown-menu { - top: auto; - bottom: 100%; - margin-top: 0; - margin-bottom: 0.125rem; } -.dropup .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0; - border-right: 0.3em solid transparent; - border-bottom: 0.3em solid; - border-left: 0.3em solid transparent; } -.dropup .dropdown-toggle:empty::after { - margin-left: 0; } +.btn-light:focus, +.btn-light.focus { + color: #212529; + background-color: #dbdfec; + border-color: #d3d7e7; + box-shadow: 0 0 0 0.2rem rgba(212, 214, 218, 0.5); +} -.dropright .dropdown-menu { - top: 0; - right: auto; - left: 100%; - margin-top: 0; - margin-left: 0.125rem; } -.dropright .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0; - border-bottom: 0.3em solid transparent; - border-left: 0.3em solid; } -.dropright .dropdown-toggle:empty::after { - margin-left: 0; } -.dropright .dropdown-toggle::after { - vertical-align: 0; } +.btn-light.disabled, +.btn-light:disabled { + color: #212529; + background-color: #F4F5F9; + border-color: #F4F5F9; +} -.dropleft .dropdown-menu { - top: 0; - right: 100%; - left: auto; - margin-top: 0; - margin-right: 0.125rem; } -.dropleft .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; } -.dropleft .dropdown-toggle::after { - display: none; } -.dropleft .dropdown-toggle::before { - display: inline-block; - margin-right: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0.3em solid; - border-bottom: 0.3em solid transparent; } -.dropleft .dropdown-toggle:empty::after { - margin-left: 0; } -.dropleft .dropdown-toggle::before { - vertical-align: 0; } +.btn-light:not(:disabled):not(.disabled):active, +.btn-light:not(:disabled):not(.disabled).active, +.show>.btn-light.dropdown-toggle { + color: #212529; + background-color: #d3d7e7; + border-color: #cbd0e3; +} -.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { - right: auto; - bottom: auto; } +.btn-light:not(:disabled):not(.disabled):active:focus, +.btn-light:not(:disabled):not(.disabled).active:focus, +.show>.btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(212, 214, 218, 0.5); +} -.dropdown-divider { - height: 0; - margin: 0.5rem 0; - overflow: hidden; - border-top: 1px solid #e9ecef; } +.btn-dark { + color: #212529; + background-color: #B1B1B1; + border-color: #B1B1B1; +} -.dropdown-item { - display: block; - width: 100%; - padding: 0.25rem 1.5rem; - clear: both; - font-weight: 400; +.btn-dark:hover { color: #212529; - 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: #40189D; } - .dropdown-item.disabled, .dropdown-item:disabled { - color: #6c757d; - pointer-events: none; - background-color: transparent; } + background-color: #9e9e9e; + border-color: #989898; +} -.dropdown-menu.show { - display: block; } +.btn-dark:focus, +.btn-dark.focus { + color: #212529; + background-color: #9e9e9e; + border-color: #989898; + box-shadow: 0 0 0 0.2rem rgba(155, 156, 157, 0.5); +} -.dropdown-header { - display: block; - padding: 0.5rem 1.5rem; - margin-bottom: 0; - font-size: 0.765625rem; - color: #6c757d; - white-space: nowrap; } +.btn-dark.disabled, +.btn-dark:disabled { + color: #212529; + background-color: #B1B1B1; + border-color: #B1B1B1; +} -.dropdown-item-text { - display: block; - padding: 0.25rem 1.5rem; - color: #212529; } +.btn-dark:not(:disabled):not(.disabled):active, +.btn-dark:not(:disabled):not(.disabled).active, +.show>.btn-dark.dropdown-toggle { + color: #212529; + background-color: #989898; + border-color: #919191; +} -.btn-group, -.btn-group-vertical { - position: relative; - display: inline-flex; - vertical-align: middle; } - .btn-group > .btn, - .btn-group-vertical > .btn { - position: relative; - flex: 1 1 auto; } - .btn-group > .btn:hover, - .btn-group-vertical > .btn:hover { - z-index: 1; } - .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, - .btn-group-vertical > .btn:focus, - .btn-group-vertical > .btn:active, - .btn-group-vertical > .btn.active { - z-index: 1; } +.btn-dark:not(:disabled):not(.disabled):active:focus, +.btn-dark:not(:disabled):not(.disabled).active:focus, +.show>.btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(155, 156, 157, 0.5); +} -.btn-toolbar { - display: flex; - flex-wrap: wrap; - justify-content: flex-start; } - .btn-toolbar .input-group { - width: auto; } - -.btn-group > .btn:not(:first-child), -.btn-group > .btn-group:not(:first-child) { - margin-left: -1px; } -.btn-group > .btn:not(:last-child):not(.dropdown-toggle), -.btn-group > .btn-group:not(:last-child) > .btn { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } -.btn-group > .btn:not(:first-child), -.btn-group > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } +.btn-outline-primary { + color: #40189D; + border-color: #40189D; +} -.dropdown-toggle-split { - padding-right: 0.5625rem; - padding-left: 0.5625rem; } - .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-outline-primary:hover { + color: #fff; + background-color: #40189D; + border-color: #40189D; +} -.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { - padding-right: 0.375rem; - padding-left: 0.375rem; } +.btn-outline-primary:focus, +.btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.5); +} -.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { - padding-right: 0.75rem; - padding-left: 0.75rem; } +.btn-outline-primary.disabled, +.btn-outline-primary:disabled { + color: #40189D; + background-color: transparent; +} -.btn-group-vertical { - flex-direction: column; - align-items: flex-start; - justify-content: center; } - .btn-group-vertical > .btn, - .btn-group-vertical > .btn-group { - width: 100%; } - .btn-group-vertical > .btn:not(:first-child), - .btn-group-vertical > .btn-group:not(:first-child) { - margin-top: -1px; } - .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), - .btn-group-vertical > .btn-group:not(:last-child) > .btn { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } - .btn-group-vertical > .btn:not(:first-child), - .btn-group-vertical > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-top-right-radius: 0; } - -.btn-group-toggle > .btn, -.btn-group-toggle > .btn-group > .btn { - margin-bottom: 0; } - .btn-group-toggle > .btn input[type="radio"], - .btn-group-toggle > .btn input[type="checkbox"], - .btn-group-toggle > .btn-group > .btn input[type="radio"], - .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { - position: absolute; - clip: rect(0, 0, 0, 0); - pointer-events: none; } +.btn-outline-primary:not(:disabled):not(.disabled):active, +.btn-outline-primary:not(:disabled):not(.disabled).active, +.show>.btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #40189D; + border-color: #40189D; +} -.input-group { - position: relative; - display: flex; - flex-wrap: wrap; - align-items: stretch; - width: 100%; } - .input-group > .form-control, - .input-group > .form-control-plaintext, - .input-group > .custom-select, - .input-group > .custom-file { - position: relative; - flex: 1 1 auto; - width: 1%; - min-width: 0; - margin-bottom: 0; } - .input-group > .form-control + .form-control, - .input-group > .form-control + .custom-select, - .input-group > .form-control + .custom-file, - .input-group > .form-control-plaintext + .form-control, - .input-group > .form-control-plaintext + .custom-select, - .input-group > .form-control-plaintext + .custom-file, - .input-group > .custom-select + .form-control, - .input-group > .custom-select + .custom-select, - .input-group > .custom-select + .custom-file, - .input-group > .custom-file + .form-control, - .input-group > .custom-file + .custom-select, - .input-group > .custom-file + .custom-file { - margin-left: -1px; } - .input-group > .form-control:focus, - .input-group > .custom-select:focus, - .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { - z-index: 3; } - .input-group > .custom-file .custom-file-input:focus { - z-index: 4; } - .input-group > .form-control:not(:last-child), - .input-group > .custom-select:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - .input-group > .form-control:not(:first-child), - .input-group > .custom-select:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - .input-group > .custom-file { - display: flex; - align-items: center; } - .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .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 { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } +.btn-outline-primary:not(:disabled):not(.disabled):active:focus, +.btn-outline-primary:not(:disabled):not(.disabled).active:focus, +.show>.btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.5); +} -.input-group-prepend, -.input-group-append { - display: flex; } - .input-group-prepend .btn, - .input-group-append .btn { - position: relative; - z-index: 2; } - .input-group-prepend .btn:focus, - .input-group-append .btn:focus { - z-index: 3; } - .input-group-prepend .btn + .btn, - .input-group-prepend .btn + .input-group-text, - .input-group-prepend .input-group-text + .input-group-text, - .input-group-prepend .input-group-text + .btn, - .input-group-append .btn + .btn, - .input-group-append .btn + .input-group-text, - .input-group-append .input-group-text + .input-group-text, - .input-group-append .input-group-text + .btn { - margin-left: -1px; } +.btn-outline-secondary { + color: #8BC740; + border-color: #8BC740; +} -.input-group-prepend { - margin-right: -1px; } +.btn-outline-secondary:hover { + color: #212529; + background-color: #8BC740; + border-color: #8BC740; +} -.input-group-append { - margin-left: -1px; } +.btn-outline-secondary:focus, +.btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(139, 199, 64, 0.5); +} -.input-group-text { - display: flex; - align-items: center; - padding: 0.375rem 0.75rem; - margin-bottom: 0; - font-size: 0.875rem; - font-weight: 400; - line-height: 1.5; - color: #495057; - text-align: center; - white-space: nowrap; - background-color: #e9ecef; - border: 1px solid #f0f1f5; - border-radius: 0.75rem; } - .input-group-text input[type="radio"], - .input-group-text input[type="checkbox"] { - margin-top: 0; } - -.input-group-lg > .form-control:not(textarea), -.input-group-lg > .custom-select { - height: calc(1.5em + 1rem + 2px); } - -.input-group-lg > .form-control, -.input-group-lg > .custom-select, -.input-group-lg > .input-group-prepend > .input-group-text, -.input-group-lg > .input-group-append > .input-group-text, -.input-group-lg > .input-group-prepend > .btn, -.input-group-lg > .input-group-append > .btn { - padding: 0.5rem 1rem; - font-size: 1.09375rem; - line-height: 1.5; - border-radius: 0.3rem; } - -.input-group-sm > .form-control:not(textarea), -.input-group-sm > .custom-select { - height: calc(1.5em + 0.5rem + 2px); } - -.input-group-sm > .form-control, -.input-group-sm > .custom-select, -.input-group-sm > .input-group-prepend > .input-group-text, -.input-group-sm > .input-group-append > .input-group-text, -.input-group-sm > .input-group-prepend > .btn, -.input-group-sm > .input-group-append > .btn { - padding: 0.25rem 0.5rem; - font-size: 0.765625rem; - line-height: 1.5; - border-radius: 0.2rem; } - -.input-group-lg > .custom-select, -.input-group-sm > .custom-select { - padding-right: 1.75rem; } - -.input-group > .input-group-prepend > .btn, -.input-group > .input-group-prepend > .input-group-text, -.input-group > .input-group-append:not(:last-child) > .btn, -.input-group > .input-group-append:not(:last-child) > .input-group-text, -.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), -.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - -.input-group > .input-group-append > .btn, -.input-group > .input-group-append > .input-group-text, -.input-group > .input-group-prepend:not(:first-child) > .btn, -.input-group > .input-group-prepend:not(:first-child) > .input-group-text, -.input-group > .input-group-prepend:first-child > .btn:not(:first-child), -.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - -.custom-control { - position: relative; - z-index: 1; - display: block; - min-height: 1.3125rem; - padding-left: 1.5rem; - color-adjust: exact; } - -.custom-control-inline { - display: inline-flex; - margin-right: 1rem; } +.btn-outline-secondary.disabled, +.btn-outline-secondary:disabled { + color: #8BC740; + background-color: transparent; +} -.custom-control-input { - position: absolute; - left: 0; - z-index: -1; - width: 1rem; - height: 1.15625rem; - opacity: 0; } - .custom-control-input:checked ~ .custom-control-label::before { - color: #fff; - border-color: #40189D; - background-color: #40189D; } - .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.25); } - .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { - border-color: #7d50e4; } - .custom-control-input:not(:disabled):active ~ .custom-control-label::before { - color: #fff; - background-color: #9e7ceb; - border-color: #9e7ceb; } - .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { - color: #6c757d; } - .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { - background-color: #e9ecef; } +.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: #8BC740; + border-color: #8BC740; +} -.custom-control-label { - position: relative; - margin-bottom: 0; - vertical-align: top; } - .custom-control-label::before { - position: absolute; - top: 0.15625rem; - left: -1.5rem; - display: block; - width: 1rem; - height: 1rem; - pointer-events: none; - content: ""; - background-color: #fff; - border: #adb5bd solid 1px; } - .custom-control-label::after { - position: absolute; - top: 0.15625rem; - left: -1.5rem; - display: block; - width: 1rem; - height: 1rem; - content: ""; - background: no-repeat 50% / 50% 50%; } +.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 { + box-shadow: 0 0 0 0.2rem rgba(139, 199, 64, 0.5); +} -.custom-checkbox .custom-control-label::before { - border-radius: 0.75rem; } -.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' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } -.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { - border-color: #40189D; - background-color: #40189D; } -.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } -.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: rgba(64, 24, 157, 0.5); } -.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { - background-color: rgba(64, 24, 157, 0.5); } +.btn-outline-success { + color: #1BD084; + border-color: #1BD084; +} -.custom-radio .custom-control-label::before { - 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' width='12' height='12' 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(64, 24, 157, 0.5); } +.btn-outline-success:hover { + color: #fff; + background-color: #1BD084; + border-color: #1BD084; +} -.custom-switch { - padding-left: 2.25rem; } - .custom-switch .custom-control-label::before { - left: -2.25rem; - width: 1.75rem; - pointer-events: all; - border-radius: 0.5rem; } - .custom-switch .custom-control-label::after { - top: calc(0.15625rem + 2px); - left: calc(-2.25rem + 2px); - width: calc(1rem - 4px); - height: calc(1rem - 4px); - background-color: #adb5bd; - border-radius: 0.5rem; - 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; } - @media (prefers-reduced-motion: reduce) { - .custom-switch .custom-control-label::after { - transition: none; } } - .custom-switch .custom-control-input:checked ~ .custom-control-label::after { - background-color: #fff; - transform: translateX(0.75rem); } - .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: rgba(64, 24, 157, 0.5); } +.btn-outline-success:focus, +.btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(27, 208, 132, 0.5); +} -.custom-select { - display: inline-block; - width: 100%; - height: calc(1.5em + 0.75rem + 2px); - padding: 0.375rem 1.75rem 0.375rem 0.75rem; - font-size: 0.875rem; - font-weight: 400; - line-height: 1.5; - color: #495057; - vertical-align: middle; - background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; - border: 1px solid #f0f1f5; - border-radius: 0.75rem; - appearance: none; } - .custom-select:focus { - border-color: #7d50e4; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.25); } - .custom-select:focus::-ms-value { - color: #495057; - background-color: #fff; } - .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:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #495057; } +.btn-outline-success.disabled, +.btn-outline-success:disabled { + color: #1BD084; + background-color: transparent; +} -.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.765625rem; } +.btn-outline-success:not(:disabled):not(.disabled):active, +.btn-outline-success:not(:disabled):not(.disabled).active, +.show>.btn-outline-success.dropdown-toggle { + color: #fff; + background-color: #1BD084; + border-color: #1BD084; +} -.custom-select-lg { - height: calc(1.5em + 1rem + 2px); - padding-top: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 1rem; - font-size: 1.09375rem; } +.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 { + box-shadow: 0 0 0 0.2rem rgba(27, 208, 132, 0.5); +} -.custom-file { - position: relative; - display: inline-block; - width: 100%; - height: calc(1.5em + 0.75rem + 2px); - margin-bottom: 0; } +.btn-outline-info { + color: #48A9F8; + border-color: #48A9F8; +} -.custom-file-input { - position: relative; - z-index: 2; - width: 100%; - height: calc(1.5em + 0.75rem + 2px); - margin: 0; - opacity: 0; } - .custom-file-input:focus ~ .custom-file-label { - border-color: #7d50e4; - box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.25); } - .custom-file-input[disabled] ~ .custom-file-label, .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); } +.btn-outline-info:hover { + color: #fff; + background-color: #48A9F8; + border-color: #48A9F8; +} -.custom-file-label { - position: absolute; - top: 0; - right: 0; - left: 0; - z-index: 1; - height: calc(1.5em + 0.75rem + 2px); - padding: 0.375rem 0.75rem; - font-weight: 400; - line-height: 1.5; - color: #495057; - background-color: #fff; - border: 1px solid #f0f1f5; - border-radius: 0.75rem; } - .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.75rem 0.75rem 0; } +.btn-outline-info:focus, +.btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(72, 169, 248, 0.5); +} -.custom-range { - width: 100%; - height: 1.4rem; - padding: 0; +.btn-outline-info.disabled, +.btn-outline-info:disabled { + color: #48A9F8; background-color: transparent; - appearance: none; } - .custom-range:focus { - outline: none; } - .custom-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #F2F2F2, 0 0 0 0.2rem rgba(64, 24, 157, 0.25); } - .custom-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #F2F2F2, 0 0 0 0.2rem rgba(64, 24, 157, 0.25); } - .custom-range:focus::-ms-thumb { - box-shadow: 0 0 0 1px #F2F2F2, 0 0 0 0.2rem rgba(64, 24, 157, 0.25); } - .custom-range::-moz-focus-outer { - border: 0; } - .custom-range::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - margin-top: -0.25rem; - background-color: #40189D; - border: 0; - border-radius: 1rem; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; } - @media (prefers-reduced-motion: reduce) { - .custom-range::-webkit-slider-thumb { - transition: none; } } - .custom-range::-webkit-slider-thumb:active { - background-color: #9e7ceb; } - .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: #40189D; - border: 0; - border-radius: 1rem; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; } - @media (prefers-reduced-motion: reduce) { - .custom-range::-moz-range-thumb { - transition: none; } } - .custom-range::-moz-range-thumb:active { - background-color: #9e7ceb; } - .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: #40189D; - border: 0; - border-radius: 1rem; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; } - @media (prefers-reduced-motion: reduce) { - .custom-range::-ms-thumb { - transition: none; } } - .custom-range::-ms-thumb:active { - background-color: #9e7ceb; } - .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, -.custom-select { - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .custom-control-label::before, - .custom-file-label, - .custom-select { - transition: none; } } - -.nav { - display: flex; - flex-wrap: wrap; - padding-left: 0; - margin-bottom: 0; - 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; } +.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: #48A9F8; + border-color: #48A9F8; +} -.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.75rem; - border-top-right-radius: 0.75rem; } - .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: #F2F2F2; - border-color: #dee2e6 #dee2e6 #F2F2F2; } - .nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-left-radius: 0; - border-top-right-radius: 0; } +.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 { + box-shadow: 0 0 0 0.2rem rgba(72, 169, 248, 0.5); +} -.nav-pills .nav-link { - border-radius: 0.75rem; } -.nav-pills .nav-link.active, -.nav-pills .show > .nav-link { - color: #fff; - background-color: #40189D; } +.btn-outline-warning { + color: #FE8024; + border-color: #FE8024; +} -.nav-fill > .nav-link, -.nav-fill .nav-item { - flex: 1 1 auto; - text-align: center; } +.btn-outline-warning:hover { + color: #212529; + background-color: #FE8024; + border-color: #FE8024; +} -.nav-justified > .nav-link, -.nav-justified .nav-item { - flex-basis: 0; - flex-grow: 1; - text-align: center; } +.btn-outline-warning:focus, +.btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(254, 128, 36, 0.5); +} -.tab-content > .tab-pane { - display: none; } -.tab-content > .active { - display: block; } +.btn-outline-warning.disabled, +.btn-outline-warning:disabled { + color: #FE8024; + background-color: transparent; +} -.navbar { - position: relative; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - padding: 0.5rem 1rem; } - .navbar .container, - .navbar .container-fluid, - .navbar .container-sm, - .navbar .container-md, - .navbar .container-lg, - .navbar .container-xl { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; } +.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: #FE8024; + border-color: #FE8024; +} -.navbar-brand { - display: inline-block; - padding-top: 0.3359375rem; - padding-bottom: 0.3359375rem; - margin-right: 1rem; - font-size: 1.09375rem; - line-height: inherit; - white-space: nowrap; } - .navbar-brand:hover, .navbar-brand:focus { - text-decoration: none; } +.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 { + box-shadow: 0 0 0 0.2rem rgba(254, 128, 36, 0.5); +} -.navbar-nav { - display: flex; - 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; } +.btn-outline-danger { + color: #FF6746; + border-color: #FF6746; +} -.navbar-text { - display: inline-block; - padding-top: 0.5rem; - padding-bottom: 0.5rem; } +.btn-outline-danger:hover { + color: #fff; + background-color: #FF6746; + border-color: #FF6746; +} -.navbar-collapse { - flex-basis: 100%; - flex-grow: 1; - align-items: center; } +.btn-outline-danger:focus, +.btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 103, 70, 0.5); +} -.navbar-toggler { - padding: 0.25rem 0.75rem; - font-size: 1.09375rem; - line-height: 1; +.btn-outline-danger.disabled, +.btn-outline-danger:disabled { + color: #FF6746; background-color: transparent; - border: 1px solid transparent; - border-radius: 0.75rem; } - .navbar-toggler:hover, .navbar-toggler:focus { - text-decoration: none; } +} -.navbar-toggler-icon { - display: inline-block; - width: 1.5em; - height: 1.5em; - vertical-align: middle; - content: ""; - background: no-repeat center center; - background-size: 100% 100%; } - -@media (max-width: 575.98px) { - .navbar-expand-sm > .container, - .navbar-expand-sm > .container-fluid, - .navbar-expand-sm > .container-sm, - .navbar-expand-sm > .container-md, - .navbar-expand-sm > .container-lg, - .navbar-expand-sm > .container-xl { - padding-right: 0; - padding-left: 0; } } -@media (min-width: 576px) { - .navbar-expand-sm { - flex-flow: row nowrap; - justify-content: flex-start; } - .navbar-expand-sm .navbar-nav { - 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, - .navbar-expand-sm > .container-sm, - .navbar-expand-sm > .container-md, - .navbar-expand-sm > .container-lg, - .navbar-expand-sm > .container-xl { - flex-wrap: nowrap; } - .navbar-expand-sm .navbar-collapse { - display: flex !important; - 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-sm, - .navbar-expand-md > .container-md, - .navbar-expand-md > .container-lg, - .navbar-expand-md > .container-xl { - padding-right: 0; - padding-left: 0; } } -@media (min-width: 768px) { - .navbar-expand-md { - flex-flow: row nowrap; - justify-content: flex-start; } - .navbar-expand-md .navbar-nav { - 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, - .navbar-expand-md > .container-sm, - .navbar-expand-md > .container-md, - .navbar-expand-md > .container-lg, - .navbar-expand-md > .container-xl { - flex-wrap: nowrap; } - .navbar-expand-md .navbar-collapse { - display: flex !important; - 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-sm, - .navbar-expand-lg > .container-md, - .navbar-expand-lg > .container-lg, - .navbar-expand-lg > .container-xl { - padding-right: 0; - padding-left: 0; } } -@media (min-width: 992px) { - .navbar-expand-lg { - flex-flow: row nowrap; - justify-content: flex-start; } - .navbar-expand-lg .navbar-nav { - 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, - .navbar-expand-lg > .container-sm, - .navbar-expand-lg > .container-md, - .navbar-expand-lg > .container-lg, - .navbar-expand-lg > .container-xl { - flex-wrap: nowrap; } - .navbar-expand-lg .navbar-collapse { - display: flex !important; - 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-sm, - .navbar-expand-xl > .container-md, - .navbar-expand-xl > .container-lg, - .navbar-expand-xl > .container-xl { - padding-right: 0; - padding-left: 0; } } -@media (min-width: 1200px) { - .navbar-expand-xl { - flex-flow: row nowrap; - justify-content: flex-start; } - .navbar-expand-xl .navbar-nav { - 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, - .navbar-expand-xl > .container-sm, - .navbar-expand-xl > .container-md, - .navbar-expand-xl > .container-lg, - .navbar-expand-xl > .container-xl { - flex-wrap: nowrap; } - .navbar-expand-xl .navbar-collapse { - display: flex !important; - flex-basis: auto; } - .navbar-expand-xl .navbar-toggler { - display: none; } } -@media (max-width: 1439.98) { - .navbar-expand-xxl > .container, - .navbar-expand-xxl > .container-fluid, - .navbar-expand-xxl > .container-sm, - .navbar-expand-xxl > .container-md, - .navbar-expand-xxl > .container-lg, - .navbar-expand-xxl > .container-xl { - padding-right: 0; - padding-left: 0; } } -@media (min-width: 1440) { - .navbar-expand-xxl { - flex-flow: row nowrap; - justify-content: flex-start; } - .navbar-expand-xxl .navbar-nav { - flex-direction: row; } - .navbar-expand-xxl .navbar-nav .dropdown-menu { - position: absolute; } - .navbar-expand-xxl .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; } - .navbar-expand-xxl > .container, - .navbar-expand-xxl > .container-fluid, - .navbar-expand-xxl > .container-sm, - .navbar-expand-xxl > .container-md, - .navbar-expand-xxl > .container-lg, - .navbar-expand-xxl > .container-xl { - flex-wrap: nowrap; } - .navbar-expand-xxl .navbar-collapse { - display: flex !important; - flex-basis: auto; } - .navbar-expand-xxl .navbar-toggler { - display: none; } } -.navbar-expand { - flex-flow: row nowrap; - justify-content: flex-start; } - .navbar-expand > .container, - .navbar-expand > .container-fluid, - .navbar-expand > .container-sm, - .navbar-expand > .container-md, - .navbar-expand > .container-lg, - .navbar-expand > .container-xl { - padding-right: 0; - padding-left: 0; } - .navbar-expand .navbar-nav { - 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, - .navbar-expand > .container-sm, - .navbar-expand > .container-md, - .navbar-expand > .container-lg, - .navbar-expand > .container-xl { - flex-wrap: nowrap; } - .navbar-expand .navbar-collapse { - display: flex !important; - 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); } -.navbar-light .navbar-nav .nav-link { - color: rgba(0, 0, 0, 0.5); } - .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); } -.navbar-light .navbar-toggler { - color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.1); } -.navbar-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } -.navbar-light .navbar-text { - color: rgba(0, 0, 0, 0.5); } - .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; } -.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); } -.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; } -.navbar-dark .navbar-toggler { - color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.1); } -.navbar-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' 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; } - -.card { - position: relative; - display: flex; - flex-direction: column; - min-width: 0; - word-wrap: break-word; - background-color: #fff; - background-clip: border-box; - border: 1px solid rgba(0, 0, 0, 0.125); - border-radius: 0.75rem; } - .card > hr { - margin-right: 0; - margin-left: 0; } - .card > .list-group { - border-top: inherit; - border-bottom: inherit; } - .card > .list-group:first-child { - border-top-width: 0; - border-top-left-radius: calc(0.75rem - 1px); - border-top-right-radius: calc(0.75rem - 1px); } - .card > .list-group:last-child { - border-bottom-width: 0; - border-bottom-right-radius: calc(0.75rem - 1px); - border-bottom-left-radius: calc(0.75rem - 1px); } - .card > .card-header + .list-group, - .card > .list-group + .card-footer { - border-top: 0; } - -.card-body { - flex: 1 1 auto; - min-height: 1px; - padding: 1.25rem; } - -.card-title { - margin-bottom: 0.75rem; } - -.card-subtitle { - margin-top: -0.375rem; - margin-bottom: 0; } - -.card-text:last-child { - margin-bottom: 0; } +.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: #FF6746; + border-color: #FF6746; +} -.card-link:hover { - text-decoration: none; } -.card-link + .card-link { - margin-left: 1.25rem; } +.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 { + box-shadow: 0 0 0 0.2rem rgba(255, 103, 70, 0.5); +} -.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.75rem - 1px) calc(0.75rem - 1px) 0 0; } +.btn-outline-light { + color: #F4F5F9; + border-color: #F4F5F9; +} -.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.75rem - 1px) calc(0.75rem - 1px); } +.btn-outline-light:hover { + color: #212529; + background-color: #F4F5F9; + border-color: #F4F5F9; +} -.card-header-tabs { - margin-right: -0.625rem; - margin-bottom: -0.75rem; - margin-left: -0.625rem; - border-bottom: 0; } +.btn-outline-light:focus, +.btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(244, 245, 249, 0.5); +} -.card-header-pills { - margin-right: -0.625rem; - margin-left: -0.625rem; } +.btn-outline-light.disabled, +.btn-outline-light:disabled { + color: #F4F5F9; + background-color: transparent; +} -.card-img-overlay { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 1.25rem; - border-radius: calc(0.75rem - 1px); } +.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: #F4F5F9; + border-color: #F4F5F9; +} -.card-img, -.card-img-top, -.card-img-bottom { - flex-shrink: 0; - width: 100%; } +.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 { + box-shadow: 0 0 0 0.2rem rgba(244, 245, 249, 0.5); +} -.card-img, -.card-img-top { - border-top-left-radius: calc(0.75rem - 1px); - border-top-right-radius: calc(0.75rem - 1px); } +.btn-outline-dark { + color: #B1B1B1; + border-color: #B1B1B1; +} -.card-img, -.card-img-bottom { - border-bottom-right-radius: calc(0.75rem - 1px); - border-bottom-left-radius: calc(0.75rem - 1px); } +.btn-outline-dark:hover { + color: #212529; + background-color: #B1B1B1; + border-color: #B1B1B1; +} -.card-deck .card { - margin-bottom: 15px; } -@media (min-width: 576px) { - .card-deck { - display: flex; - flex-flow: row wrap; - margin-right: -15px; - margin-left: -15px; } - .card-deck .card { - flex: 1 0 0%; - margin-right: 15px; - margin-bottom: 0; - margin-left: 15px; } } - -.card-group > .card { - margin-bottom: 15px; } -@media (min-width: 576px) { - .card-group { - display: flex; - flex-flow: row wrap; } - .card-group > .card { - 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; } } +.btn-outline-dark:focus, +.btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(177, 177, 177, 0.5); +} -.card-columns .card { - margin-bottom: 0.75rem; } -@media (min-width: 576px) { - .card-columns { - column-count: 3; - column-gap: 1.25rem; - orphans: 1; - widows: 1; } - .card-columns .card { - display: inline-block; - width: 100%; } } +.btn-outline-dark.disabled, +.btn-outline-dark:disabled { + color: #B1B1B1; + background-color: transparent; +} -.accordion { - overflow-anchor: none; } - .accordion > .card { - overflow: hidden; } - .accordion > .card:not(:last-of-type) { - border-bottom: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } - .accordion > .card:not(:first-of-type) { - border-top-left-radius: 0; - border-top-right-radius: 0; } - .accordion > .card > .card-header { - border-radius: 0; - margin-bottom: -1px; } +.btn-outline-dark:not(:disabled):not(.disabled):active, +.btn-outline-dark:not(:disabled):not(.disabled).active, +.show>.btn-outline-dark.dropdown-toggle { + color: #212529; + background-color: #B1B1B1; + border-color: #B1B1B1; +} -.breadcrumb { - display: flex; - flex-wrap: wrap; - padding: 0.75rem 1rem; - margin-bottom: 1rem; - list-style: none; - background-color: #e9ecef; - border-radius: 0.75rem; } +.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 { + box-shadow: 0 0 0 0.2rem rgba(177, 177, 177, 0.5); +} -.breadcrumb-item { - display: flex; } - .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:hover::before { - text-decoration: underline; } - .breadcrumb-item + .breadcrumb-item:hover::before { - text-decoration: none; } - .breadcrumb-item.active { - color: #6c757d; } +.btn-link { + font-weight: 400; + color: #40189D; + text-decoration: none; +} -.pagination { - display: flex; - padding-left: 0; - list-style: none; - border-radius: 0.75rem; } +.btn-link:hover { + color: #250e5b; + text-decoration: underline; +} -.page-link { - position: relative; - display: block; - padding: 0.5rem 0.75rem; - margin-left: -1px; - line-height: 1.25; - color: #40189D; - background-color: #fff; - border: 1px solid #dee2e6; } - .page-link:hover { - z-index: 2; - color: #250e5b; - text-decoration: none; - background-color: #e9ecef; - border-color: #dee2e6; } - .page-link:focus { - z-index: 3; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.25); } +.btn-link:focus, +.btn-link.focus { + text-decoration: underline; +} -.page-item:first-child .page-link { - margin-left: 0; - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; } -.page-item:last-child .page-link { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; } -.page-item.active .page-link { - z-index: 3; - color: #fff; - background-color: #40189D; - border-color: #40189D; } -.page-item.disabled .page-link { +.btn-link:disabled, +.btn-link.disabled { color: #6c757d; pointer-events: none; - cursor: auto; - background-color: #fff; - border-color: #dee2e6; } +} -.pagination-lg .page-link { - padding: 0.75rem 1.5rem; +.btn-lg, +.btn-group-lg>.btn { + padding: 0.5rem 1rem; font-size: 1.09375rem; - line-height: 1.5; } -.pagination-lg .page-item:first-child .page-link { - border-top-left-radius: 0.3rem; - border-bottom-left-radius: 0.3rem; } -.pagination-lg .page-item:last-child .page-link { - border-top-right-radius: 0.3rem; - border-bottom-right-radius: 0.3rem; } + line-height: 1.5; + border-radius: 0.3rem; +} -.pagination-sm .page-link { +.btn-sm, +.btn-group-sm>.btn { padding: 0.25rem 0.5rem; font-size: 0.765625rem; - line-height: 1.5; } -.pagination-sm .page-item:first-child .page-link { - border-top-left-radius: 0.2rem; - border-bottom-left-radius: 0.2rem; } -.pagination-sm .page-item:last-child .page-link { - border-top-right-radius: 0.2rem; - border-bottom-right-radius: 0.2rem; } + line-height: 1.5; + border-radius: 0.2rem; +} -.badge { - display: inline-block; - padding: 0.25em 0.4em; - font-size: 75%; - font-weight: 700; - line-height: 1; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: 0.75rem; - 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; } - @media (prefers-reduced-motion: reduce) { - .badge { - transition: none; } } - a.badge:hover, a.badge:focus { - text-decoration: none; } - .badge:empty { - display: none; } +.btn-block { + display: block; + width: 100%; +} -.btn .badge { - position: relative; - top: -1px; } +.btn-block+.btn-block { + margin-top: 0.5rem; +} -.badge-pill { - padding-right: 0.6em; - padding-left: 0.6em; - border-radius: 10rem; } +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} -.badge-primary { - color: #fff; - background-color: #40189D; } - a.badge-primary:hover, a.badge-primary:focus { - color: #fff; - background-color: #2e1171; } - a.badge-primary:focus, a.badge-primary.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.5); } +.fade { + transition: opacity 0.15s linear; +} -.badge-secondary { - color: #212529; - background-color: #8BC740; } - a.badge-secondary:hover, a.badge-secondary:focus { - color: #212529; - background-color: #70a430; } - a.badge-secondary:focus, a.badge-secondary.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(139, 199, 64, 0.5); } +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} -.badge-success { - color: #fff; - background-color: #1BD084; } - a.badge-success:hover, a.badge-success:focus { - color: #fff; - background-color: #15a367; } - a.badge-success:focus, a.badge-success.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(27, 208, 132, 0.5); } +.fade:not(.show) { + opacity: 0; +} -.badge-info { - color: #fff; - background-color: #48A9F8; } - a.badge-info:hover, a.badge-info:focus { - color: #fff; - background-color: #1792f6; } - a.badge-info:focus, a.badge-info.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(72, 169, 248, 0.5); } +.collapse:not(.show) { + display: none; +} -.badge-warning { - color: #212529; - background-color: #FE8024; } - a.badge-warning:hover, a.badge-warning:focus { - color: #212529; - background-color: #ee6501; } - a.badge-warning:focus, a.badge-warning.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(254, 128, 36, 0.5); } +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} -.badge-danger { - color: #fff; - background-color: #FF6746; } - a.badge-danger:hover, a.badge-danger:focus { - color: #fff; - background-color: #ff3d13; } - a.badge-danger:focus, a.badge-danger.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(255, 103, 70, 0.5); } +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} -.badge-light { - color: #212529; - background-color: #F4F5F9; } - a.badge-light:hover, a.badge-light:focus { - color: #212529; - background-color: #d3d7e7; } - a.badge-light:focus, a.badge-light.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(244, 245, 249, 0.5); } +.dropup, +.dropright, +.dropdown, +.dropleft { + position: relative; +} -.badge-dark { - color: #212529; - background-color: #B1B1B1; } - a.badge-dark:hover, a.badge-dark:focus { - color: #212529; - background-color: #989898; } - a.badge-dark:focus, a.badge-dark.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(177, 177, 177, 0.5); } +.dropdown-toggle { + white-space: nowrap; +} -.jumbotron { - padding: 2rem 1rem; - margin-bottom: 2rem; - background-color: #e9ecef; - border-radius: 0.3rem; } - @media (min-width: 576px) { - .jumbotron { - padding: 4rem 2rem; } } +.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; +} -.jumbotron-fluid { - padding-right: 0; - padding-left: 0; - border-radius: 0; } +.dropdown-toggle:empty::after { + margin-left: 0; +} -.alert { - position: relative; - padding: 0.75rem 1.25rem; - margin-bottom: 1rem; - border: 1px solid transparent; - border-radius: 0.75rem; } +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 0.875rem; + color: #7e7e7e; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.75rem; +} -.alert-heading { - color: inherit; } +.dropdown-menu-left { + right: auto; + left: 0; +} -.alert-link { - font-weight: 700; } +.dropdown-menu-right { + right: 0; + left: auto; +} -.alert-dismissible { - padding-right: 3.8125rem; } - .alert-dismissible .close { - position: absolute; - top: 0; +@media (min-width: 576px) { + .dropdown-menu-sm-left { + right: auto; + left: 0; + } + + .dropdown-menu-sm-right { right: 0; - z-index: 2; - padding: 0.75rem 1.25rem; - color: inherit; } + left: auto; + } +} -.alert-primary { - color: #210c52; - background-color: #d9d1eb; - border-color: #cabee4; } - .alert-primary hr { - border-top-color: #bbacdd; } - .alert-primary .alert-link { - color: #0f0526; } +@media (min-width: 768px) { + .dropdown-menu-md-left { + right: auto; + left: 0; + } -.alert-secondary { - color: #486721; - background-color: #e8f4d9; - border-color: #dfefca; } - .alert-secondary hr { - border-top-color: #d3e9b6; } - .alert-secondary .alert-link { - color: #2d4015; } + .dropdown-menu-md-right { + right: 0; + left: auto; + } +} -.alert-success { - color: #0e6c45; - background-color: #d1f6e6; - border-color: #bff2dd; } - .alert-success hr { - border-top-color: #aaeed2; } - .alert-success .alert-link { - color: #083f28; } +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; + } -.alert-info { - color: #255881; - background-color: #daeefe; - border-color: #cce7fd; } - .alert-info hr { - border-top-color: #b3dbfc; } - .alert-info .alert-link { - color: #1a3d59; } + .dropdown-menu-lg-right { + right: 0; + left: auto; + } +} -.alert-warning { - color: #844313; - background-color: #ffe6d3; - border-color: #ffdbc2; } - .alert-warning hr { - border-top-color: #ffcca9; } - .alert-warning .alert-link { - color: #572c0d; } +@media (min-width: 1200px) { + .dropdown-menu-xl-left { + right: auto; + left: 0; + } -.alert-danger { - color: #853624; - background-color: #ffe1da; - border-color: #ffd4cb; } - .alert-danger hr { - border-top-color: #ffbfb2; } - .alert-danger .alert-link { - color: #5d2619; } + .dropdown-menu-xl-right { + right: 0; + left: auto; + } +} -.alert-light { - color: #7f7f81; - background-color: #fdfdfe; - border-color: #fcfcfd; } - .alert-light hr { - border-top-color: #ededf3; } - .alert-light .alert-link { - color: #666667; } +@media (min-width: 1440) { + .dropdown-menu-xxl-left { + right: auto; + left: 0; + } -.alert-dark { - color: #5c5c5c; - background-color: #efefef; - border-color: #e9e9e9; } - .alert-dark hr { - border-top-color: gainsboro; } - .alert-dark .alert-link { - color: #434343; } + .dropdown-menu-xxl-right { + right: 0; + left: auto; + } +} -@keyframes progress-bar-stripes { - from { - background-position: 1rem 0; } - to { - background-position: 0 0; } } -.progress { - display: flex; - height: 1rem; - overflow: hidden; - line-height: 0; - font-size: 0.65625rem; - background-color: #e9ecef; - border-radius: 0.75rem; } +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} -.progress-bar { - display: flex; - flex-direction: column; - justify-content: center; - overflow: hidden; - color: #fff; - text-align: center; - white-space: nowrap; - background-color: #40189D; - transition: width 0.6s ease; } - @media (prefers-reduced-motion: reduce) { - .progress-bar { - transition: none; } } +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} -.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; } +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} -.progress-bar-animated { - animation: progress-bar-stripes 1s linear infinite; } - @media (prefers-reduced-motion: reduce) { - .progress-bar-animated { - animation: none; } } +.dropright .dropdown-menu { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: 0.125rem; +} -.media { - display: flex; - align-items: flex-start; } +.dropright .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} -.media-body { - flex: 1; } +.dropright .dropdown-toggle:empty::after { + margin-left: 0; +} -.list-group { - display: flex; - flex-direction: column; - padding-left: 0; - margin-bottom: 0; - border-radius: 0.75rem; } +.dropright .dropdown-toggle::after { + vertical-align: 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: #7e7e7e; - background-color: #e9ecef; } +.dropleft .dropdown-menu { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: 0.125rem; +} -.list-group-item { - position: relative; - display: block; - padding: 0.75rem 1.25rem; - background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.125); } - .list-group-item:first-child { - border-top-left-radius: inherit; - border-top-right-radius: inherit; } - .list-group-item:last-child { - border-bottom-right-radius: inherit; - border-bottom-left-radius: inherit; } - .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: #40189D; - border-color: #40189D; } - .list-group-item + .list-group-item { - border-top-width: 0; } - .list-group-item + .list-group-item.active { - margin-top: -1px; - border-top-width: 1px; } +.dropleft .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} -.list-group-horizontal { - flex-direction: row; } - .list-group-horizontal > .list-group-item:first-child { - border-bottom-left-radius: 0.75rem; - border-top-right-radius: 0; } - .list-group-horizontal > .list-group-item:last-child { - border-top-right-radius: 0.75rem; - border-bottom-left-radius: 0; } - .list-group-horizontal > .list-group-item.active { - margin-top: 0; } - .list-group-horizontal > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } +.dropleft .dropdown-toggle::after { + display: none; +} -@media (min-width: 576px) { - .list-group-horizontal-sm { - flex-direction: row; } - .list-group-horizontal-sm > .list-group-item:first-child { - border-bottom-left-radius: 0.75rem; - border-top-right-radius: 0; } - .list-group-horizontal-sm > .list-group-item:last-child { - border-top-right-radius: 0.75rem; - border-bottom-left-radius: 0; } - .list-group-horizontal-sm > .list-group-item.active { - margin-top: 0; } - .list-group-horizontal-sm > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal-sm > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } } -@media (min-width: 768px) { - .list-group-horizontal-md { - flex-direction: row; } - .list-group-horizontal-md > .list-group-item:first-child { - border-bottom-left-radius: 0.75rem; - border-top-right-radius: 0; } - .list-group-horizontal-md > .list-group-item:last-child { - border-top-right-radius: 0.75rem; - border-bottom-left-radius: 0; } - .list-group-horizontal-md > .list-group-item.active { - margin-top: 0; } - .list-group-horizontal-md > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal-md > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } } -@media (min-width: 992px) { - .list-group-horizontal-lg { - flex-direction: row; } - .list-group-horizontal-lg > .list-group-item:first-child { - border-bottom-left-radius: 0.75rem; - border-top-right-radius: 0; } - .list-group-horizontal-lg > .list-group-item:last-child { - border-top-right-radius: 0.75rem; - border-bottom-left-radius: 0; } - .list-group-horizontal-lg > .list-group-item.active { - margin-top: 0; } - .list-group-horizontal-lg > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal-lg > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } } -@media (min-width: 1200px) { - .list-group-horizontal-xl { - flex-direction: row; } - .list-group-horizontal-xl > .list-group-item:first-child { - border-bottom-left-radius: 0.75rem; - border-top-right-radius: 0; } - .list-group-horizontal-xl > .list-group-item:last-child { - border-top-right-radius: 0.75rem; - border-bottom-left-radius: 0; } - .list-group-horizontal-xl > .list-group-item.active { - margin-top: 0; } - .list-group-horizontal-xl > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal-xl > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } } -@media (min-width: 1440) { - .list-group-horizontal-xxl { - flex-direction: row; } - .list-group-horizontal-xxl > .list-group-item:first-child { - border-bottom-left-radius: 0.75rem; - border-top-right-radius: 0; } - .list-group-horizontal-xxl > .list-group-item:last-child { - border-top-right-radius: 0.75rem; - border-bottom-left-radius: 0; } - .list-group-horizontal-xxl > .list-group-item.active { - margin-top: 0; } - .list-group-horizontal-xxl > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; } - .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; } } -.list-group-flush { - border-radius: 0; } - .list-group-flush > .list-group-item { - border-width: 0 0 1px; } - .list-group-flush > .list-group-item:last-child { - border-bottom-width: 0; } +.dropleft .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} -.list-group-item-primary { - color: #210c52; - background-color: #cabee4; } - .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { - color: #210c52; - background-color: #bbacdd; } - .list-group-item-primary.list-group-item-action.active { - color: #fff; - background-color: #210c52; - border-color: #210c52; } +.dropleft .dropdown-toggle:empty::after { + margin-left: 0; +} -.list-group-item-secondary { - color: #486721; - background-color: #dfefca; } - .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { - color: #486721; - background-color: #d3e9b6; } - .list-group-item-secondary.list-group-item-action.active { - color: #fff; - background-color: #486721; - border-color: #486721; } +.dropleft .dropdown-toggle::before { + vertical-align: 0; +} -.list-group-item-success { - color: #0e6c45; - background-color: #bff2dd; } - .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { - color: #0e6c45; - background-color: #aaeed2; } - .list-group-item-success.list-group-item-action.active { - color: #fff; - background-color: #0e6c45; - border-color: #0e6c45; } +.dropdown-menu[x-placement^="top"], +.dropdown-menu[x-placement^="right"], +.dropdown-menu[x-placement^="bottom"], +.dropdown-menu[x-placement^="left"] { + right: auto; + bottom: auto; +} -.list-group-item-info { - color: #255881; - background-color: #cce7fd; } - .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { - color: #255881; - background-color: #b3dbfc; } - .list-group-item-info.list-group-item-action.active { - color: #fff; - background-color: #255881; - border-color: #255881; } +.dropdown-divider { + height: 0; + margin: 0.5rem 0; + overflow: hidden; + border-top: 1px solid #e9ecef; +} -.list-group-item-warning { - color: #844313; - background-color: #ffdbc2; } - .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { - color: #844313; - background-color: #ffcca9; } - .list-group-item-warning.list-group-item-action.active { - color: #fff; - background-color: #844313; - border-color: #844313; } +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} -.list-group-item-danger { - color: #853624; - background-color: #ffd4cb; } - .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { - color: #853624; - background-color: #ffbfb2; } - .list-group-item-danger.list-group-item-action.active { - color: #fff; - background-color: #853624; - border-color: #853624; } +.dropdown-item:hover, +.dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #f8f9fa; +} -.list-group-item-light { - color: #7f7f81; - background-color: #fcfcfd; } - .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { - color: #7f7f81; - background-color: #ededf3; } - .list-group-item-light.list-group-item-action.active { - color: #fff; - background-color: #7f7f81; - border-color: #7f7f81; } +.dropdown-item.active, +.dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #40189D; +} -.list-group-item-dark { - color: #5c5c5c; - background-color: #e9e9e9; } - .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { - color: #5c5c5c; - background-color: gainsboro; } - .list-group-item-dark.list-group-item-action.active { - color: #fff; - background-color: #5c5c5c; - border-color: #5c5c5c; } +.dropdown-item.disabled, +.dropdown-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: transparent; +} -.close { - float: right; - font-size: 1.3125rem; - font-weight: 700; - 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; } +.dropdown-menu.show { + display: block; +} -button.close { - padding: 0; - background-color: transparent; - border: 0; } +.dropdown-header { + display: block; + padding: 0.5rem 1.5rem; + margin-bottom: 0; + font-size: 0.765625rem; + color: #6c757d; + white-space: nowrap; +} -a.close.disabled { - pointer-events: none; } +.dropdown-item-text { + display: block; + padding: 0.25rem 1.5rem; + color: #212529; +} -.toast { - flex-basis: 350px; - max-width: 350px; - font-size: 0.875rem; - background-color: rgba(255, 255, 255, 0.85); - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.1); - box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); - 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; } +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} -.toast-header { - display: flex; - align-items: center; - padding: 0.25rem 0.75rem; - 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-top-left-radius: calc(0.25rem - 1px); - border-top-right-radius: calc(0.25rem - 1px); } +.btn-group>.btn, +.btn-group-vertical>.btn { + position: relative; + flex: 1 1 auto; +} -.toast-body { - padding: 0.75rem; } +.btn-group>.btn:hover, +.btn-group-vertical>.btn:hover { + z-index: 1; +} -.modal-open { - overflow: hidden; } - .modal-open .modal { - overflow-x: hidden; - overflow-y: auto; } +.btn-group>.btn:focus, +.btn-group>.btn:active, +.btn-group>.btn.active, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn.active { + z-index: 1; +} -.modal { - position: fixed; - top: 0; - left: 0; - z-index: 1050; - display: none; - width: 100%; - height: 100%; - overflow: hidden; - outline: 0; } +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} -.modal-dialog { - position: relative; +.btn-toolbar .input-group { width: auto; - margin: 0.5rem; - pointer-events: none; } - .modal.fade .modal-dialog { - transition: transform 0.3s ease-out; - transform: translate(0, -50px); } - @media (prefers-reduced-motion: reduce) { - .modal.fade .modal-dialog { - transition: none; } } - .modal.show .modal-dialog { - transform: none; } - .modal.modal-static .modal-dialog { - transform: scale(1.02); } +} -.modal-dialog-scrollable { - display: flex; - max-height: calc(100% - 1rem); } - .modal-dialog-scrollable .modal-content { - max-height: calc(100vh - 1rem); - overflow: hidden; } - .modal-dialog-scrollable .modal-header, - .modal-dialog-scrollable .modal-footer { - flex-shrink: 0; } - .modal-dialog-scrollable .modal-body { - overflow-y: auto; } +.btn-group>.btn:not(:first-child), +.btn-group>.btn-group:not(:first-child) { + margin-left: -1px; +} -.modal-dialog-centered { - display: flex; - align-items: center; - min-height: calc(100% - 1rem); } - .modal-dialog-centered::before { - display: block; - height: calc(100vh - 1rem); - height: min-content; - content: ""; } - .modal-dialog-centered.modal-dialog-scrollable { - flex-direction: column; - 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; } +.btn-group>.btn:not(:last-child):not(.dropdown-toggle), +.btn-group>.btn-group:not(:last-child)>.btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} -.modal-content { - position: relative; - display: flex; +.btn-group>.btn:not(:first-child), +.btn-group>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} + +.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 { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg+.dropdown-toggle-split, +.btn-group-lg>.btn+.dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { flex-direction: column; + align-items: flex-start; + justify-content: center; +} + +.btn-group-vertical>.btn, +.btn-group-vertical>.btn-group { width: 100%; - pointer-events: auto; - background-color: #fff; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 0.3rem; - outline: 0; } +} -.modal-backdrop { - position: fixed; - top: 0; - left: 0; - z-index: 1040; - width: 100vw; - height: 100vh; - background-color: #000; } - .modal-backdrop.fade { - opacity: 0; } - .modal-backdrop.show { - opacity: 0.5; } +.btn-group-vertical>.btn:not(:first-child), +.btn-group-vertical>.btn-group:not(:first-child) { + margin-top: -1px; +} -.modal-header { - display: flex; - align-items: flex-start; - justify-content: space-between; - padding: 1rem 1rem; - border-bottom: 1px solid #EEEEEE; - border-top-left-radius: calc(0.3rem - 1px); - border-top-right-radius: calc(0.3rem - 1px); } - .modal-header .close { - padding: 1rem 1rem; - margin: -1rem -1rem -1rem auto; } +.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical>.btn-group:not(:last-child)>.btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} -.modal-title { +.btn-group-vertical>.btn:not(:first-child), +.btn-group-vertical>.btn-group:not(:first-child)>.btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.btn-group-toggle>.btn, +.btn-group-toggle>.btn-group>.btn { margin-bottom: 0; - line-height: 1.5; } +} -.modal-body { - position: relative; - flex: 1 1 auto; - padding: 1rem; } +.btn-group-toggle>.btn input[type="radio"], +.btn-group-toggle>.btn input[type="checkbox"], +.btn-group-toggle>.btn-group>.btn input[type="radio"], +.btn-group-toggle>.btn-group>.btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} -.modal-footer { +.input-group { + position: relative; display: flex; flex-wrap: wrap; - align-items: center; - justify-content: flex-end; - padding: 0.75rem; - border-top: 1px solid #EEEEEE; - border-bottom-right-radius: calc(0.3rem - 1px); - border-bottom-left-radius: calc(0.3rem - 1px); } - .modal-footer > * { - margin: 0.25rem; } + align-items: stretch; + width: 100%; +} -.modal-scrollbar-measure { - position: absolute; - top: -9999px; - width: 50px; - height: 50px; - overflow: scroll; } +.input-group>.form-control, +.input-group>.form-control-plaintext, +.input-group>.custom-select, +.input-group>.custom-file { + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; + margin-bottom: 0; +} -@media (min-width: 576px) { - .modal-dialog { - max-width: 500px; - margin: 1.75rem auto; } +.input-group>.form-control+.form-control, +.input-group>.form-control+.custom-select, +.input-group>.form-control+.custom-file, +.input-group>.form-control-plaintext+.form-control, +.input-group>.form-control-plaintext+.custom-select, +.input-group>.form-control-plaintext+.custom-file, +.input-group>.custom-select+.form-control, +.input-group>.custom-select+.custom-select, +.input-group>.custom-select+.custom-file, +.input-group>.custom-file+.form-control, +.input-group>.custom-file+.custom-select, +.input-group>.custom-file+.custom-file { + margin-left: -1px; +} - .modal-dialog-scrollable { - max-height: calc(100% - 3.5rem); } - .modal-dialog-scrollable .modal-content { - max-height: calc(100vh - 3.5rem); } +.input-group>.form-control:focus, +.input-group>.custom-select:focus, +.input-group>.custom-file .custom-file-input:focus~.custom-file-label { + z-index: 3; +} - .modal-dialog-centered { - min-height: calc(100% - 3.5rem); } - .modal-dialog-centered::before { - height: calc(100vh - 3.5rem); - height: min-content; } - - .modal-sm { - max-width: 300px; } } -@media (min-width: 992px) { - .modal-lg, - .modal-xl { - max-width: 800px; } } -@media (min-width: 1200px) { - .modal-xl { - max-width: 1140px; } } -.tooltip { - position: absolute; - z-index: 1070; - display: block; - margin: 0; - font-family: "Roboto", sans-serif; - font-style: normal; - font-weight: 400; - line-height: 1.5; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - word-spacing: normal; - white-space: normal; - line-break: auto; - font-size: 0.765625rem; - 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; } - -.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; - padding: 0.25rem 0.5rem; - color: #fff; - text-align: center; - background-color: #000; - border-radius: 0.75rem; } - -.popover { - position: absolute; - top: 0; - left: 0; - z-index: 1060; - display: block; - max-width: 276px; - font-family: "Roboto", sans-serif; - font-style: normal; - font-weight: 400; - line-height: 1.5; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - word-spacing: normal; - white-space: normal; - line-break: auto; - font-size: 0.765625rem; - word-wrap: break-word; - background-color: #fff; - 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; } - -.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); } - .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: #fff; } - -.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); - 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: #fff; } - -.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); } - .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: #fff; } - .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; } +.input-group>.custom-file .custom-file-input:focus { + z-index: 4; +} -.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); - 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: #fff; } +.input-group>.form-control:not(:last-child), +.input-group>.custom-select:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} -.popover-header { - padding: 0.5rem 0.75rem; - margin-bottom: 0; - font-size: 0.875rem; - color: #3d4465; - 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; } +.input-group>.form-control:not(:first-child), +.input-group>.custom-select:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} -.popover-body { - padding: 0.5rem 0.75rem; - color: #7e7e7e; } +.input-group>.custom-file { + display: flex; + align-items: center; +} -.carousel { - position: relative; } +.input-group>.custom-file:not(:last-child) .custom-file-label, +.input-group>.custom-file:not(:last-child) .custom-file-label::after { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} -.carousel.pointer-event { - touch-action: pan-y; } +.input-group>.custom-file:not(:first-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} -.carousel-inner { - position: relative; - width: 100%; - overflow: hidden; } - .carousel-inner::after { - display: block; - clear: both; - content: ""; } +.input-group-prepend, +.input-group-append { + display: flex; +} -.carousel-item { +.input-group-prepend .btn, +.input-group-append .btn { position: relative; - display: none; - float: left; - width: 100%; - margin-right: -100%; - backface-visibility: hidden; - transition: transform 0.6s ease-in-out; } - @media (prefers-reduced-motion: reduce) { - .carousel-item { - transition: none; } } + z-index: 2; +} -.carousel-item.active, -.carousel-item-next, -.carousel-item-prev { - display: block; } +.input-group-prepend .btn:focus, +.input-group-append .btn:focus { + z-index: 3; +} -.carousel-item-next:not(.carousel-item-left), -.active.carousel-item-right { - transform: translateX(100%); } +.input-group-prepend .btn+.btn, +.input-group-prepend .btn+.input-group-text, +.input-group-prepend .input-group-text+.input-group-text, +.input-group-prepend .input-group-text+.btn, +.input-group-append .btn+.btn, +.input-group-append .btn+.input-group-text, +.input-group-append .input-group-text+.input-group-text, +.input-group-append .input-group-text+.btn { + margin-left: -1px; +} -.carousel-item-prev:not(.carousel-item-right), -.active.carousel-item-left { - transform: translateX(-100%); } +.input-group-prepend { + margin-right: -1px; +} -.carousel-fade .carousel-item { - opacity: 0; - transition-property: opacity; - 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; } -.carousel-fade .active.carousel-item-left, -.carousel-fade .active.carousel-item-right { - z-index: 0; - opacity: 0; - transition: opacity 0s 0.6s; } - @media (prefers-reduced-motion: reduce) { - .carousel-fade .active.carousel-item-left, - .carousel-fade .active.carousel-item-right { - transition: none; } } +.input-group-append { + margin-left: -1px; +} -.carousel-control-prev, -.carousel-control-next { - position: absolute; - top: 0; - bottom: 0; - z-index: 1; +.input-group-text { display: flex; align-items: center; - justify-content: center; - width: 15%; - color: #fff; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #495057; text-align: center; - opacity: 0.5; - transition: opacity 0.15s ease; } - @media (prefers-reduced-motion: reduce) { - .carousel-control-prev, - .carousel-control-next { - 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; } + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #f0f1f5; + border-radius: 0.75rem; +} -.carousel-control-prev { - left: 0; } +.input-group-text input[type="radio"], +.input-group-text input[type="checkbox"] { + margin-top: 0; +} -.carousel-control-next { - right: 0; } +.input-group-lg>.form-control:not(textarea), +.input-group-lg>.custom-select { + height: calc(1.5em + 1rem + 2px); +} -.carousel-control-prev-icon, -.carousel-control-next-icon { - display: inline-block; - width: 20px; - height: 20px; - background: no-repeat 50% / 100% 100%; } +.input-group-lg>.form-control, +.input-group-lg>.custom-select, +.input-group-lg>.input-group-prepend>.input-group-text, +.input-group-lg>.input-group-append>.input-group-text, +.input-group-lg>.input-group-prepend>.btn, +.input-group-lg>.input-group-append>.btn { + padding: 0.5rem 1rem; + font-size: 1.09375rem; + line-height: 1.5; + border-radius: 0.3rem; +} -.carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } +.input-group-sm>.form-control:not(textarea), +.input-group-sm>.custom-select { + height: calc(1.5em + 0.5rem + 2px); +} -.carousel-control-next-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } +.input-group-sm>.form-control, +.input-group-sm>.custom-select, +.input-group-sm>.input-group-prepend>.input-group-text, +.input-group-sm>.input-group-append>.input-group-text, +.input-group-sm>.input-group-prepend>.btn, +.input-group-sm>.input-group-append>.btn { + padding: 0.25rem 0.5rem; + font-size: 0.765625rem; + line-height: 1.5; + border-radius: 0.2rem; +} -.carousel-indicators { +.input-group-lg>.custom-select, +.input-group-sm>.custom-select { + padding-right: 1.75rem; +} + +.input-group>.input-group-prepend>.btn, +.input-group>.input-group-prepend>.input-group-text, +.input-group>.input-group-append:not(:last-child)>.btn, +.input-group>.input-group-append:not(:last-child)>.input-group-text, +.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), +.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group>.input-group-append>.btn, +.input-group>.input-group-append>.input-group-text, +.input-group>.input-group-prepend:not(:first-child)>.btn, +.input-group>.input-group-prepend:not(:first-child)>.input-group-text, +.input-group>.input-group-prepend:first-child>.btn:not(:first-child), +.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.custom-control { + position: relative; + z-index: 1; + display: block; + min-height: 1.3125rem; + padding-left: 1.5rem; + color-adjust: exact; +} + +.custom-control-inline { + display: inline-flex; + margin-right: 1rem; +} + +.custom-control-input { position: absolute; - right: 0; - bottom: 0; left: 0; - z-index: 15; - display: flex; - justify-content: center; - padding-left: 0; - margin-right: 15%; - margin-left: 15%; - list-style: none; } - .carousel-indicators li { - box-sizing: content-box; - 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; - transition: opacity 0.6s ease; } - @media (prefers-reduced-motion: reduce) { - .carousel-indicators li { - transition: none; } } - .carousel-indicators .active { - opacity: 1; } + z-index: -1; + width: 1rem; + height: 1.15625rem; + opacity: 0; +} -.carousel-caption { - position: absolute; - right: 15%; - bottom: 20px; - left: 15%; - z-index: 10; - padding-top: 20px; - padding-bottom: 20px; +.custom-control-input:checked~.custom-control-label::before { color: #fff; - text-align: center; } + border-color: #40189D; + background-color: #40189D; +} -@keyframes spinner-border { - to { - transform: rotate(360deg); } } -.spinner-border { - display: inline-block; - width: 2rem; - height: 2rem; - vertical-align: text-bottom; - border: 0.25em solid currentColor; - border-right-color: transparent; - border-radius: 50%; - animation: spinner-border .75s linear infinite; } +.custom-control-input:focus~.custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.25); +} -.spinner-border-sm { - width: 1rem; - height: 1rem; - border-width: 0.2em; } - -@keyframes spinner-grow { - 0% { - transform: scale(0); } - 50% { - opacity: 1; - transform: none; } } -.spinner-grow { - display: inline-block; - width: 2rem; - height: 2rem; - vertical-align: text-bottom; - background-color: currentColor; - border-radius: 50%; - opacity: 0; - animation: spinner-grow .75s linear infinite; } +.custom-control-input:focus:not(:checked)~.custom-control-label::before { + border-color: #7d50e4; +} -.spinner-grow-sm { - width: 1rem; - height: 1rem; } +.custom-control-input:not(:disabled):active~.custom-control-label::before { + color: #fff; + background-color: #9e7ceb; + border-color: #9e7ceb; +} -.align-baseline { - vertical-align: baseline !important; } +.custom-control-input[disabled]~.custom-control-label, +.custom-control-input:disabled~.custom-control-label { + color: #6c757d; +} -.align-top { - vertical-align: top !important; } +.custom-control-input[disabled]~.custom-control-label::before, +.custom-control-input:disabled~.custom-control-label::before { + background-color: #e9ecef; +} -.align-middle { - vertical-align: middle !important; } +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} -.align-bottom { - vertical-align: bottom !important; } +.custom-control-label::before { + position: absolute; + top: 0.15625rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #fff; + border: #adb5bd solid 1px; +} -.align-text-bottom { - vertical-align: text-bottom !important; } +.custom-control-label::after { + position: absolute; + top: 0.15625rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50% / 50% 50%; +} -.align-text-top { - vertical-align: text-top !important; } +.custom-checkbox .custom-control-label::before { + border-radius: 0.75rem; +} -.bg-primary { - background-color: #40189D !important; } +.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' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} -a.bg-primary:hover, a.bg-primary:focus, -button.bg-primary:hover, -button.bg-primary:focus { - background-color: #2e1171 !important; } +.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { + border-color: #40189D; + background-color: #40189D; +} -.bg-secondary { - background-color: #8BC740 !important; } +.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); +} -a.bg-secondary:hover, a.bg-secondary:focus, -button.bg-secondary:hover, -button.bg-secondary:focus { - background-color: #70a430 !important; } +.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before { + background-color: rgba(64, 24, 157, 0.5); +} -.bg-success { - background-color: #1BD084 !important; } +.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { + background-color: rgba(64, 24, 157, 0.5); +} -a.bg-success:hover, a.bg-success:focus, -button.bg-success:hover, -button.bg-success:focus { - background-color: #15a367 !important; } +.custom-radio .custom-control-label::before { + border-radius: 50%; +} -.bg-info { - background-color: #48A9F8 !important; } +.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' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +} -a.bg-info:hover, a.bg-info:focus, -button.bg-info:hover, -button.bg-info:focus { - background-color: #1792f6 !important; } +.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { + background-color: rgba(64, 24, 157, 0.5); +} -.bg-warning { - background-color: #FE8024 !important; } +.custom-switch { + padding-left: 2.25rem; +} -a.bg-warning:hover, a.bg-warning:focus, -button.bg-warning:hover, -button.bg-warning:focus { - background-color: #ee6501 !important; } +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} -.bg-danger { - background-color: #FF6746 !important; } +.custom-switch .custom-control-label::after { + top: calc(0.15625rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + background-color: #adb5bd; + border-radius: 0.5rem; + 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; +} -a.bg-danger:hover, a.bg-danger:focus, -button.bg-danger:hover, -button.bg-danger:focus { - background-color: #ff3d13 !important; } +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; + } +} -.bg-light { - background-color: #F4F5F9 !important; } +.custom-switch .custom-control-input:checked~.custom-control-label::after { + background-color: #fff; + transform: translateX(0.75rem); +} -a.bg-light:hover, a.bg-light:focus, -button.bg-light:hover, -button.bg-light:focus { - background-color: #d3d7e7 !important; } +.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before { + background-color: rgba(64, 24, 157, 0.5); +} -.bg-dark { - background-color: #B1B1B1 !important; } +.custom-select { + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + vertical-align: middle; + background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; + border: 1px solid #f0f1f5; + border-radius: 0.75rem; + appearance: none; +} -a.bg-dark:hover, a.bg-dark:focus, -button.bg-dark:hover, -button.bg-dark:focus { - background-color: #989898 !important; } +.custom-select:focus { + border-color: #7d50e4; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.25); +} -.bg-white { - background-color: #fff !important; } +.custom-select:focus::-ms-value { + color: #495057; + background-color: #fff; +} -.bg-transparent { - background-color: transparent !important; } +.custom-select[multiple], +.custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; +} -.border { - border: 1px solid #EEEEEE !important; } +.custom-select:disabled { + color: #6c757d; + background-color: #e9ecef; +} -.border-top { - border-top: 1px solid #EEEEEE !important; } +.custom-select::-ms-expand { + display: none; +} -.border-right { - border-right: 1px solid #EEEEEE !important; } +.custom-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} -.border-bottom { - border-bottom: 1px solid #EEEEEE !important; } +.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.765625rem; +} -.border-left { - border-left: 1px solid #EEEEEE !important; } +.custom-select-lg { + height: calc(1.5em + 1rem + 2px); + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.09375rem; +} -.border-0 { - border: 0 !important; } +.custom-file { + position: relative; + display: inline-block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin-bottom: 0; +} -.border-top-0 { - border-top: 0 !important; } +.custom-file-input { + position: relative; + z-index: 2; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + margin: 0; + opacity: 0; +} -.border-right-0 { - border-right: 0 !important; } +.custom-file-input:focus~.custom-file-label { + border-color: #7d50e4; + box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.25); +} -.border-bottom-0 { - border-bottom: 0 !important; } +.custom-file-input[disabled]~.custom-file-label, +.custom-file-input:disabled~.custom-file-label { + background-color: #e9ecef; +} -.border-left-0 { - border-left: 0 !important; } +.custom-file-input:lang(en)~.custom-file-label::after { + content: "Browse"; +} -.border-primary { - border-color: #40189D !important; } +.custom-file-input~.custom-file-label[data-browse]::after { + content: attr(data-browse); +} -.border-secondary { - border-color: #8BC740 !important; } +.custom-file-label { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 1; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #fff; + border: 1px solid #f0f1f5; + border-radius: 0.75rem; +} -.border-success { - border-color: #1BD084 !important; } +.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.75rem 0.75rem 0; +} -.border-info { - border-color: #48A9F8 !important; } +.custom-range { + width: 100%; + height: 1.4rem; + padding: 0; + background-color: transparent; + appearance: none; +} -.border-warning { - border-color: #FE8024 !important; } +.custom-range:focus { + outline: none; +} -.border-danger { - border-color: #FF6746 !important; } +.custom-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #F2F2F2, 0 0 0 0.2rem rgba(64, 24, 157, 0.25); +} -.border-light { - border-color: #F4F5F9 !important; } +.custom-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #F2F2F2, 0 0 0 0.2rem rgba(64, 24, 157, 0.25); +} -.border-dark { - border-color: #B1B1B1 !important; } +.custom-range:focus::-ms-thumb { + box-shadow: 0 0 0 1px #F2F2F2, 0 0 0 0.2rem rgba(64, 24, 157, 0.25); +} -.border-white { - border-color: #fff !important; } +.custom-range::-moz-focus-outer { + border: 0; +} -.rounded-sm { - border-radius: 0.2rem !important; } +.custom-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #40189D; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} -.rounded { - border-radius: 0.75rem !important; } +@media (prefers-reduced-motion: reduce) { + .custom-range::-webkit-slider-thumb { + transition: none; + } +} -.rounded-top { - border-top-left-radius: 0.75rem !important; - border-top-right-radius: 0.75rem !important; } +.custom-range::-webkit-slider-thumb:active { + background-color: #9e7ceb; +} -.rounded-right { - border-top-right-radius: 0.75rem !important; - border-bottom-right-radius: 0.75rem !important; } +.custom-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} -.rounded-bottom { - border-bottom-right-radius: 0.75rem !important; - border-bottom-left-radius: 0.75rem !important; } +.custom-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #40189D; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} -.rounded-left { - border-top-left-radius: 0.75rem !important; - border-bottom-left-radius: 0.75rem !important; } +@media (prefers-reduced-motion: reduce) { + .custom-range::-moz-range-thumb { + transition: none; + } +} -.rounded-lg { - border-radius: 0.3rem !important; } +.custom-range::-moz-range-thumb:active { + background-color: #9e7ceb; +} -.rounded-circle { - border-radius: 50% !important; } - -.rounded-pill { - border-radius: 50rem !important; } +.custom-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; +} -.rounded-0 { - border-radius: 0 !important; } +.custom-range::-ms-thumb { + width: 1rem; + height: 1rem; + margin-top: 0; + margin-right: 0.2rem; + margin-left: 0.2rem; + background-color: #40189D; + border: 0; + border-radius: 1rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; +} -.clearfix::after { - display: block; - clear: both; - content: ""; } +@media (prefers-reduced-motion: reduce) { + .custom-range::-ms-thumb { + transition: none; + } +} -.d-none { - display: none !important; } +.custom-range::-ms-thumb:active { + background-color: #9e7ceb; +} -.d-inline { - display: inline !important; } +.custom-range::-ms-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: transparent; + border-color: transparent; + border-width: 0.5rem; +} -.d-inline-block { - display: inline-block !important; } +.custom-range::-ms-fill-lower { + background-color: #dee2e6; + border-radius: 1rem; +} -.d-block { - display: block !important; } +.custom-range::-ms-fill-upper { + margin-right: 15px; + background-color: #dee2e6; + border-radius: 1rem; +} -.d-table { - display: table !important; } +.custom-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; +} -.d-table-row { - display: table-row !important; } +.custom-range:disabled::-webkit-slider-runnable-track { + cursor: default; +} -.d-table-cell { - display: table-cell !important; } +.custom-range:disabled::-moz-range-thumb { + background-color: #adb5bd; +} -.d-flex { - display: flex !important; } +.custom-range:disabled::-moz-range-track { + cursor: default; +} -.d-inline-flex { - display: inline-flex !important; } +.custom-range:disabled::-ms-thumb { + background-color: #adb5bd; +} -@media (min-width: 576px) { - .d-sm-none { - display: none !important; } +.custom-control-label::before, +.custom-file-label, +.custom-select { + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} - .d-sm-inline { - display: inline !important; } +@media (prefers-reduced-motion: reduce) { - .d-sm-inline-block { - display: inline-block !important; } + .custom-control-label::before, + .custom-file-label, + .custom-select { + transition: none; + } +} - .d-sm-block { - display: block !important; } +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} - .d-sm-table { - display: table !important; } +.nav-link { + display: block; + padding: 0.5rem 1rem; +} - .d-sm-table-row { - display: table-row !important; } +.nav-link:hover, +.nav-link:focus { + text-decoration: none; +} - .d-sm-table-cell { - display: table-cell !important; } +.nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default; +} - .d-sm-flex { - display: flex !important; } +.nav-tabs { + border-bottom: 1px solid #dee2e6; +} - .d-sm-inline-flex { - display: inline-flex !important; } } -@media (min-width: 768px) { - .d-md-none { - display: none !important; } +.nav-tabs .nav-item { + margin-bottom: -1px; +} - .d-md-inline { - display: inline !important; } +.nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; +} - .d-md-inline-block { - display: inline-block !important; } +.nav-tabs .nav-link:hover, +.nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; +} - .d-md-block { - display: block !important; } +.nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; +} - .d-md-table { - display: table !important; } +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #F2F2F2; + border-color: #dee2e6 #dee2e6 #F2F2F2; +} - .d-md-table-row { - display: table-row !important; } +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} - .d-md-table-cell { - display: table-cell !important; } +.nav-pills .nav-link { + border-radius: 0.75rem; +} - .d-md-flex { - display: flex !important; } +.nav-pills .nav-link.active, +.nav-pills .show>.nav-link { + color: #fff; + background-color: #40189D; +} - .d-md-inline-flex { - display: inline-flex !important; } } -@media (min-width: 992px) { - .d-lg-none { - display: none !important; } +.nav-fill>.nav-link, +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} - .d-lg-inline { - display: inline !important; } +.nav-justified>.nav-link, +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} - .d-lg-inline-block { - display: inline-block !important; } +.tab-content>.tab-pane { + display: none; +} - .d-lg-block { - display: block !important; } +.tab-content>.active { + display: block; +} - .d-lg-table { - display: table !important; } +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} - .d-lg-table-row { - display: table-row !important; } +.navbar .container, +.navbar .container-fluid, +.navbar .container-sm, +.navbar .container-md, +.navbar .container-lg, +.navbar .container-xl { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} - .d-lg-table-cell { - display: table-cell !important; } +.navbar-brand { + display: inline-block; + padding-top: 0.3359375rem; + padding-bottom: 0.3359375rem; + margin-right: 1rem; + font-size: 1.09375rem; + line-height: inherit; + white-space: nowrap; +} - .d-lg-flex { - display: flex !important; } +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} - .d-lg-inline-flex { - display: inline-flex !important; } } -@media (min-width: 1200px) { - .d-xl-none { - display: none !important; } +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} - .d-xl-inline { - display: inline !important; } +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; +} - .d-xl-inline-block { - display: inline-block !important; } +.navbar-nav .dropdown-menu { + position: static; + float: none; +} - .d-xl-block { - display: block !important; } +.navbar-text { + display: inline-block; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} - .d-xl-table { - display: table !important; } +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} - .d-xl-table-row { - display: table-row !important; } +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.09375rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.75rem; +} - .d-xl-table-cell { - display: table-cell !important; } +.navbar-toggler:hover, +.navbar-toggler:focus { + text-decoration: none; +} - .d-xl-flex { - display: flex !important; } +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; +} - .d-xl-inline-flex { - display: inline-flex !important; } } -@media (min-width: 1440) { - .d-xxl-none { - display: none !important; } +@media (max-width: 575.98px) { - .d-xxl-inline { - display: inline !important; } + .navbar-expand-sm>.container, + .navbar-expand-sm>.container-fluid, + .navbar-expand-sm>.container-sm, + .navbar-expand-sm>.container-md, + .navbar-expand-sm>.container-lg, + .navbar-expand-sm>.container-xl { + padding-right: 0; + padding-left: 0; + } +} - .d-xxl-inline-block { - display: inline-block !important; } +@media (min-width: 576px) { + .navbar-expand-sm { + flex-flow: row nowrap; + justify-content: flex-start; + } - .d-xxl-block { - display: block !important; } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } - .d-xxl-table { - display: table !important; } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } - .d-xxl-table-row { - display: table-row !important; } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-sm>.container, + .navbar-expand-sm>.container-fluid, + .navbar-expand-sm>.container-sm, + .navbar-expand-sm>.container-md, + .navbar-expand-sm>.container-lg, + .navbar-expand-sm>.container-xl { + flex-wrap: nowrap; + } + + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } - .d-xxl-table-cell { - display: table-cell !important; } + .navbar-expand-sm .navbar-toggler { + display: none; + } +} - .d-xxl-flex { - display: flex !important; } +@media (max-width: 767.98px) { - .d-xxl-inline-flex { - display: inline-flex !important; } } -@media print { - .d-print-none { - display: none !important; } + .navbar-expand-md>.container, + .navbar-expand-md>.container-fluid, + .navbar-expand-md>.container-sm, + .navbar-expand-md>.container-md, + .navbar-expand-md>.container-lg, + .navbar-expand-md>.container-xl { + padding-right: 0; + padding-left: 0; + } +} - .d-print-inline { - display: inline !important; } +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; + } - .d-print-inline-block { - display: inline-block !important; } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } - .d-print-block { - display: block !important; } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } - .d-print-table { - display: table !important; } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-md>.container, + .navbar-expand-md>.container-fluid, + .navbar-expand-md>.container-sm, + .navbar-expand-md>.container-md, + .navbar-expand-md>.container-lg, + .navbar-expand-md>.container-xl { + flex-wrap: nowrap; + } + + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } - .d-print-table-row { - display: table-row !important; } + .navbar-expand-md .navbar-toggler { + display: none; + } +} - .d-print-table-cell { - display: table-cell !important; } +@media (max-width: 991.98px) { - .d-print-flex { - display: flex !important; } + .navbar-expand-lg>.container, + .navbar-expand-lg>.container-fluid, + .navbar-expand-lg>.container-sm, + .navbar-expand-lg>.container-md, + .navbar-expand-lg>.container-lg, + .navbar-expand-lg>.container-xl { + padding-right: 0; + padding-left: 0; + } +} - .d-print-inline-flex { - 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; } +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; + } -.embed-responsive-21by9::before { - padding-top: 42.8571428571%; } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } -.embed-responsive-16by9::before { - padding-top: 56.25%; } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } -.embed-responsive-4by3::before { - padding-top: 75%; } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-lg>.container, + .navbar-expand-lg>.container-fluid, + .navbar-expand-lg>.container-sm, + .navbar-expand-lg>.container-md, + .navbar-expand-lg>.container-lg, + .navbar-expand-lg>.container-xl { + flex-wrap: nowrap; + } + + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } -.embed-responsive-1by1::before { - padding-top: 100%; } + .navbar-expand-lg .navbar-toggler { + display: none; + } +} -.flex-row { - flex-direction: row !important; } +@media (max-width: 1199.98px) { -.flex-column { - flex-direction: column !important; } + .navbar-expand-xl>.container, + .navbar-expand-xl>.container-fluid, + .navbar-expand-xl>.container-sm, + .navbar-expand-xl>.container-md, + .navbar-expand-xl>.container-lg, + .navbar-expand-xl>.container-xl { + padding-right: 0; + padding-left: 0; + } +} -.flex-row-reverse { - flex-direction: row-reverse !important; } +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-flow: row nowrap; + justify-content: flex-start; + } -.flex-column-reverse { - flex-direction: column-reverse !important; } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } -.flex-wrap { - flex-wrap: wrap !important; } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } -.flex-nowrap { - flex-wrap: nowrap !important; } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-xl>.container, + .navbar-expand-xl>.container-fluid, + .navbar-expand-xl>.container-sm, + .navbar-expand-xl>.container-md, + .navbar-expand-xl>.container-lg, + .navbar-expand-xl>.container-xl { + flex-wrap: nowrap; + } + + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } -.flex-wrap-reverse { - flex-wrap: wrap-reverse !important; } + .navbar-expand-xl .navbar-toggler { + display: none; + } +} -.flex-fill { - flex: 1 1 auto !important; } +@media (max-width: 1439.98) { -.flex-grow-0 { - flex-grow: 0 !important; } + .navbar-expand-xxl>.container, + .navbar-expand-xxl>.container-fluid, + .navbar-expand-xxl>.container-sm, + .navbar-expand-xxl>.container-md, + .navbar-expand-xxl>.container-lg, + .navbar-expand-xxl>.container-xl { + padding-right: 0; + padding-left: 0; + } +} -.flex-grow-1 { - flex-grow: 1 !important; } +@media (min-width: 1440) { + .navbar-expand-xxl { + flex-flow: row nowrap; + justify-content: flex-start; + } -.flex-shrink-0 { - flex-shrink: 0 !important; } + .navbar-expand-xxl .navbar-nav { + flex-direction: row; + } -.flex-shrink-1 { - flex-shrink: 1 !important; } + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; + } -.justify-content-start { - justify-content: flex-start !important; } + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; + } + + .navbar-expand-xxl>.container, + .navbar-expand-xxl>.container-fluid, + .navbar-expand-xxl>.container-sm, + .navbar-expand-xxl>.container-md, + .navbar-expand-xxl>.container-lg, + .navbar-expand-xxl>.container-xl { + flex-wrap: nowrap; + } + + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } -.justify-content-end { - justify-content: flex-end !important; } + .navbar-expand-xxl .navbar-toggler { + display: none; + } +} -.justify-content-center { - justify-content: center !important; } +.navbar-expand { + flex-flow: row nowrap; + justify-content: flex-start; +} -.justify-content-between { - justify-content: space-between !important; } +.navbar-expand>.container, +.navbar-expand>.container-fluid, +.navbar-expand>.container-sm, +.navbar-expand>.container-md, +.navbar-expand>.container-lg, +.navbar-expand>.container-xl { + padding-right: 0; + padding-left: 0; +} -.justify-content-around { - justify-content: space-around !important; } +.navbar-expand .navbar-nav { + flex-direction: row; +} -.align-items-start { - align-items: flex-start !important; } +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} -.align-items-end { - align-items: flex-end !important; } +.navbar-expand .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; +} -.align-items-center { - align-items: center !important; } +.navbar-expand>.container, +.navbar-expand>.container-fluid, +.navbar-expand>.container-sm, +.navbar-expand>.container-md, +.navbar-expand>.container-lg, +.navbar-expand>.container-xl { + flex-wrap: nowrap; +} -.align-items-baseline { - align-items: baseline !important; } +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} -.align-items-stretch { - align-items: stretch !important; } +.navbar-expand .navbar-toggler { + display: none; +} -.align-content-start { - align-content: flex-start !important; } +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.9); +} -.align-content-end { - align-content: flex-end !important; } +.navbar-light .navbar-brand:hover, +.navbar-light .navbar-brand:focus { + color: rgba(0, 0, 0, 0.9); +} -.align-content-center { - align-content: center !important; } +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 0.5); +} -.align-content-between { - align-content: space-between !important; } +.navbar-light .navbar-nav .nav-link:hover, +.navbar-light .navbar-nav .nav-link:focus { + color: rgba(0, 0, 0, 0.7); +} -.align-content-around { - align-content: space-around !important; } +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); +} -.align-content-stretch { - align-content: stretch !important; } +.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); +} -.align-self-auto { - align-self: auto !important; } +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.1); +} -.align-self-start { - align-self: flex-start !important; } +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} -.align-self-end { - align-self: flex-end !important; } +.navbar-light .navbar-text { + color: rgba(0, 0, 0, 0.5); +} -.align-self-center { - align-self: center !important; } +.navbar-light .navbar-text a { + color: rgba(0, 0, 0, 0.9); +} -.align-self-baseline { - align-self: baseline !important; } +.navbar-light .navbar-text a:hover, +.navbar-light .navbar-text a:focus { + color: rgba(0, 0, 0, 0.9); +} -.align-self-stretch { - align-self: stretch !important; } +.navbar-dark .navbar-brand { + color: #fff; +} -@media (min-width: 576px) { - .flex-sm-row { - flex-direction: row !important; } +.navbar-dark .navbar-brand:hover, +.navbar-dark .navbar-brand:focus { + color: #fff; +} - .flex-sm-column { - flex-direction: column !important; } +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); +} - .flex-sm-row-reverse { - flex-direction: row-reverse !important; } +.navbar-dark .navbar-nav .nav-link:hover, +.navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); +} - .flex-sm-column-reverse { - flex-direction: column-reverse !important; } +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} - .flex-sm-wrap { - flex-wrap: wrap !important; } +.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; +} - .flex-sm-nowrap { - flex-wrap: nowrap !important; } +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); +} - .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse !important; } +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} - .flex-sm-fill { - flex: 1 1 auto !important; } +.navbar-dark .navbar-text { + color: rgba(255, 255, 255, 0.5); +} - .flex-sm-grow-0 { - flex-grow: 0 !important; } +.navbar-dark .navbar-text a { + color: #fff; +} - .flex-sm-grow-1 { - flex-grow: 1 !important; } +.navbar-dark .navbar-text a:hover, +.navbar-dark .navbar-text a:focus { + color: #fff; +} - .flex-sm-shrink-0 { - flex-shrink: 0 !important; } +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid rgba(0, 0, 0, 0.125); + border-radius: 0.75rem; +} - .flex-sm-shrink-1 { - flex-shrink: 1 !important; } +.card>hr { + margin-right: 0; + margin-left: 0; +} - .justify-content-sm-start { - justify-content: flex-start !important; } +.card>.list-group { + border-top: inherit; + border-bottom: inherit; +} - .justify-content-sm-end { - justify-content: flex-end !important; } +.card>.list-group:first-child { + border-top-width: 0; + border-top-left-radius: calc(0.75rem - 1px); + border-top-right-radius: calc(0.75rem - 1px); +} - .justify-content-sm-center { - justify-content: center !important; } +.card>.list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: calc(0.75rem - 1px); + border-bottom-left-radius: calc(0.75rem - 1px); +} - .justify-content-sm-between { - justify-content: space-between !important; } +.card>.card-header+.list-group, +.card>.list-group+.card-footer { + border-top: 0; +} - .justify-content-sm-around { - justify-content: space-around !important; } +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} - .align-items-sm-start { - align-items: flex-start !important; } +.card-title { + margin-bottom: 0.75rem; +} - .align-items-sm-end { - align-items: flex-end !important; } +.card-subtitle { + margin-top: -0.375rem; + margin-bottom: 0; +} - .align-items-sm-center { - align-items: center !important; } +.card-text:last-child { + margin-bottom: 0; +} - .align-items-sm-baseline { - align-items: baseline !important; } +.card-link:hover { + text-decoration: none; +} - .align-items-sm-stretch { - align-items: stretch !important; } +.card-link+.card-link { + margin-left: 1.25rem; +} - .align-content-sm-start { - align-content: flex-start !important; } +.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); +} - .align-content-sm-end { - align-content: flex-end !important; } +.card-header:first-child { + border-radius: calc(0.75rem - 1px) calc(0.75rem - 1px) 0 0; +} - .align-content-sm-center { - align-content: center !important; } +.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); +} - .align-content-sm-between { - align-content: space-between !important; } +.card-footer:last-child { + border-radius: 0 0 calc(0.75rem - 1px) calc(0.75rem - 1px); +} - .align-content-sm-around { - align-content: space-around !important; } +.card-header-tabs { + margin-right: -0.625rem; + margin-bottom: -0.75rem; + margin-left: -0.625rem; + border-bottom: 0; +} - .align-content-sm-stretch { - align-content: stretch !important; } +.card-header-pills { + margin-right: -0.625rem; + margin-left: -0.625rem; +} - .align-self-sm-auto { - align-self: auto !important; } +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 1.25rem; + border-radius: calc(0.75rem - 1px); +} - .align-self-sm-start { - align-self: flex-start !important; } +.card-img, +.card-img-top, +.card-img-bottom { + flex-shrink: 0; + width: 100%; +} - .align-self-sm-end { - align-self: flex-end !important; } +.card-img, +.card-img-top { + border-top-left-radius: calc(0.75rem - 1px); + border-top-right-radius: calc(0.75rem - 1px); +} - .align-self-sm-center { - align-self: center !important; } - - .align-self-sm-baseline { - align-self: baseline !important; } - - .align-self-sm-stretch { - align-self: stretch !important; } } -@media (min-width: 768px) { - .flex-md-row { - flex-direction: row !important; } +.card-img, +.card-img-bottom { + border-bottom-right-radius: calc(0.75rem - 1px); + border-bottom-left-radius: calc(0.75rem - 1px); +} - .flex-md-column { - flex-direction: column !important; } +.card-deck .card { + margin-bottom: 15px; +} - .flex-md-row-reverse { - flex-direction: row-reverse !important; } +@media (min-width: 576px) { + .card-deck { + display: flex; + flex-flow: row wrap; + margin-right: -15px; + margin-left: -15px; + } - .flex-md-column-reverse { - flex-direction: column-reverse !important; } + .card-deck .card { + flex: 1 0 0%; + margin-right: 15px; + margin-bottom: 0; + margin-left: 15px; + } +} - .flex-md-wrap { - flex-wrap: wrap !important; } +.card-group>.card { + margin-bottom: 15px; +} - .flex-md-nowrap { - flex-wrap: nowrap !important; } +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } - .flex-md-wrap-reverse { - flex-wrap: wrap-reverse !important; } + .card-group>.card { + flex: 1 0 0%; + margin-bottom: 0; + } - .flex-md-fill { - flex: 1 1 auto !important; } + .card-group>.card+.card { + margin-left: 0; + border-left: 0; + } - .flex-md-grow-0 { - flex-grow: 0 !important; } + .card-group>.card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } - .flex-md-grow-1 { - flex-grow: 1 !important; } + .card-group>.card:not(:last-child) .card-img-top, + .card-group>.card:not(:last-child) .card-header { + border-top-right-radius: 0; + } - .flex-md-shrink-0 { - flex-shrink: 0 !important; } + .card-group>.card:not(:last-child) .card-img-bottom, + .card-group>.card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } - .flex-md-shrink-1 { - flex-shrink: 1 !important; } + .card-group>.card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } - .justify-content-md-start { - justify-content: flex-start !important; } + .card-group>.card:not(:first-child) .card-img-top, + .card-group>.card:not(:first-child) .card-header { + border-top-left-radius: 0; + } - .justify-content-md-end { - justify-content: flex-end !important; } + .card-group>.card:not(:first-child) .card-img-bottom, + .card-group>.card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} - .justify-content-md-center { - justify-content: center !important; } +.card-columns .card { + margin-bottom: 0.75rem; +} - .justify-content-md-between { - justify-content: space-between !important; } +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; + } - .justify-content-md-around { - justify-content: space-around !important; } + .card-columns .card { + display: inline-block; + width: 100%; + } +} - .align-items-md-start { - align-items: flex-start !important; } +.accordion { + overflow-anchor: none; +} - .align-items-md-end { - align-items: flex-end !important; } +.accordion>.card { + overflow: hidden; +} - .align-items-md-center { - align-items: center !important; } +.accordion>.card:not(:last-of-type) { + border-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} - .align-items-md-baseline { - align-items: baseline !important; } +.accordion>.card:not(:first-of-type) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} - .align-items-md-stretch { - align-items: stretch !important; } +.accordion>.card>.card-header { + border-radius: 0; + margin-bottom: -1px; +} - .align-content-md-start { - align-content: flex-start !important; } +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: 0.75rem 1rem; + margin-bottom: 1rem; + list-style: none; + background-color: #e9ecef; + border-radius: 0.75rem; +} - .align-content-md-end { - align-content: flex-end !important; } +.breadcrumb-item { + display: flex; +} - .align-content-md-center { - align-content: center !important; } +.breadcrumb-item+.breadcrumb-item { + padding-left: 0.5rem; +} - .align-content-md-between { - align-content: space-between !important; } +.breadcrumb-item+.breadcrumb-item::before { + display: inline-block; + padding-right: 0.5rem; + color: #6c757d; + content: "/"; +} - .align-content-md-around { - align-content: space-around !important; } +.breadcrumb-item+.breadcrumb-item:hover::before { + text-decoration: underline; +} - .align-content-md-stretch { - align-content: stretch !important; } +.breadcrumb-item+.breadcrumb-item:hover::before { + text-decoration: none; +} - .align-self-md-auto { - align-self: auto !important; } +.breadcrumb-item.active { + color: #6c757d; +} - .align-self-md-start { - align-self: flex-start !important; } +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.75rem; +} - .align-self-md-end { - align-self: flex-end !important; } +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: #40189D; + background-color: #fff; + border: 1px solid #dee2e6; +} - .align-self-md-center { - align-self: center !important; } +.page-link:hover { + z-index: 2; + color: #250e5b; + text-decoration: none; + background-color: #e9ecef; + border-color: #dee2e6; +} - .align-self-md-baseline { - align-self: baseline !important; } +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.25); +} - .align-self-md-stretch { - align-self: stretch !important; } } -@media (min-width: 992px) { - .flex-lg-row { - flex-direction: row !important; } +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} - .flex-lg-column { - flex-direction: column !important; } +.page-item:last-child .page-link { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; +} - .flex-lg-row-reverse { - flex-direction: row-reverse !important; } +.page-item.active .page-link { + z-index: 3; + color: #fff; + background-color: #40189D; + border-color: #40189D; +} - .flex-lg-column-reverse { - flex-direction: column-reverse !important; } +.page-item.disabled .page-link { + color: #6c757d; + pointer-events: none; + cursor: auto; + background-color: #fff; + border-color: #dee2e6; +} - .flex-lg-wrap { - flex-wrap: wrap !important; } +.pagination-lg .page-link { + padding: 0.75rem 1.5rem; + font-size: 1.09375rem; + line-height: 1.5; +} - .flex-lg-nowrap { - flex-wrap: nowrap !important; } +.pagination-lg .page-item:first-child .page-link { + border-top-left-radius: 0.3rem; + border-bottom-left-radius: 0.3rem; +} - .flex-lg-wrap-reverse { - flex-wrap: wrap-reverse !important; } +.pagination-lg .page-item:last-child .page-link { + border-top-right-radius: 0.3rem; + border-bottom-right-radius: 0.3rem; +} - .flex-lg-fill { - flex: 1 1 auto !important; } +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.765625rem; + line-height: 1.5; +} - .flex-lg-grow-0 { - flex-grow: 0 !important; } +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} - .flex-lg-grow-1 { - flex-grow: 1 !important; } +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} - .flex-lg-shrink-0 { - flex-shrink: 0 !important; } +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.75rem; + 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; +} - .flex-lg-shrink-1 { - flex-shrink: 1 !important; } +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none; + } +} - .justify-content-lg-start { - justify-content: flex-start !important; } +a.badge:hover, +a.badge:focus { + text-decoration: none; +} - .justify-content-lg-end { - justify-content: flex-end !important; } +.badge:empty { + display: none; +} - .justify-content-lg-center { - justify-content: center !important; } +.btn .badge { + position: relative; + top: -1px; +} - .justify-content-lg-between { - justify-content: space-between !important; } +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; +} - .justify-content-lg-around { - justify-content: space-around !important; } +.badge-primary { + color: #fff; + background-color: #40189D; +} - .align-items-lg-start { - align-items: flex-start !important; } +a.badge-primary:hover, +a.badge-primary:focus { + color: #fff; + background-color: #2e1171; +} - .align-items-lg-end { - align-items: flex-end !important; } +a.badge-primary:focus, +a.badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(64, 24, 157, 0.5); +} - .align-items-lg-center { - align-items: center !important; } +.badge-secondary { + color: #212529; + background-color: #8BC740; +} - .align-items-lg-baseline { - align-items: baseline !important; } +a.badge-secondary:hover, +a.badge-secondary:focus { + color: #212529; + background-color: #70a430; +} - .align-items-lg-stretch { - align-items: stretch !important; } +a.badge-secondary:focus, +a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(139, 199, 64, 0.5); +} - .align-content-lg-start { - align-content: flex-start !important; } +.badge-success { + color: #fff; + background-color: #1BD084; +} - .align-content-lg-end { - align-content: flex-end !important; } +a.badge-success:hover, +a.badge-success:focus { + color: #fff; + background-color: #15a367; +} - .align-content-lg-center { - align-content: center !important; } +a.badge-success:focus, +a.badge-success.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(27, 208, 132, 0.5); +} - .align-content-lg-between { - align-content: space-between !important; } +.badge-info { + color: #fff; + background-color: #48A9F8; +} - .align-content-lg-around { - align-content: space-around !important; } +a.badge-info:hover, +a.badge-info:focus { + color: #fff; + background-color: #1792f6; +} - .align-content-lg-stretch { - align-content: stretch !important; } +a.badge-info:focus, +a.badge-info.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(72, 169, 248, 0.5); +} - .align-self-lg-auto { - align-self: auto !important; } +.badge-warning { + color: #212529; + background-color: #FE8024; +} - .align-self-lg-start { - align-self: flex-start !important; } +a.badge-warning:hover, +a.badge-warning:focus { + color: #212529; + background-color: #ee6501; +} - .align-self-lg-end { - align-self: flex-end !important; } +a.badge-warning:focus, +a.badge-warning.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(254, 128, 36, 0.5); +} - .align-self-lg-center { - align-self: center !important; } +.badge-danger { + color: #fff; + background-color: #FF6746; +} - .align-self-lg-baseline { - align-self: baseline !important; } +a.badge-danger:hover, +a.badge-danger:focus { + color: #fff; + background-color: #ff3d13; +} - .align-self-lg-stretch { - align-self: stretch !important; } } -@media (min-width: 1200px) { - .flex-xl-row { - flex-direction: row !important; } +a.badge-danger:focus, +a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(255, 103, 70, 0.5); +} - .flex-xl-column { - flex-direction: column !important; } +.badge-light { + color: #212529; + background-color: #F4F5F9; +} - .flex-xl-row-reverse { - flex-direction: row-reverse !important; } +a.badge-light:hover, +a.badge-light:focus { + color: #212529; + background-color: #d3d7e7; +} - .flex-xl-column-reverse { - flex-direction: column-reverse !important; } +a.badge-light:focus, +a.badge-light.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 245, 249, 0.5); +} - .flex-xl-wrap { - flex-wrap: wrap !important; } +.badge-dark { + color: #212529; + background-color: #B1B1B1; +} - .flex-xl-nowrap { - flex-wrap: nowrap !important; } +a.badge-dark:hover, +a.badge-dark:focus { + color: #212529; + background-color: #989898; +} - .flex-xl-wrap-reverse { - flex-wrap: wrap-reverse !important; } +a.badge-dark:focus, +a.badge-dark.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(177, 177, 177, 0.5); +} - .flex-xl-fill { - flex: 1 1 auto !important; } +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #e9ecef; + border-radius: 0.3rem; +} - .flex-xl-grow-0 { - flex-grow: 0 !important; } +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; + } +} - .flex-xl-grow-1 { - flex-grow: 1 !important; } +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} - .flex-xl-shrink-0 { - flex-shrink: 0 !important; } +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.75rem; +} - .flex-xl-shrink-1 { - flex-shrink: 1 !important; } +.alert-heading { + color: inherit; +} - .justify-content-xl-start { - justify-content: flex-start !important; } +.alert-link { + font-weight: 700; +} - .justify-content-xl-end { - justify-content: flex-end !important; } +.alert-dismissible { + padding-right: 3.8125rem; +} - .justify-content-xl-center { - justify-content: center !important; } +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 0.75rem 1.25rem; + color: inherit; +} - .justify-content-xl-between { - justify-content: space-between !important; } +.alert-primary { + color: #210c52; + background-color: #d9d1eb; + border-color: #cabee4; +} - .justify-content-xl-around { - justify-content: space-around !important; } +.alert-primary hr { + border-top-color: #bbacdd; +} - .align-items-xl-start { - align-items: flex-start !important; } +.alert-primary .alert-link { + color: #0f0526; +} - .align-items-xl-end { - align-items: flex-end !important; } +.alert-secondary { + color: #486721; + background-color: #e8f4d9; + border-color: #dfefca; +} - .align-items-xl-center { - align-items: center !important; } +.alert-secondary hr { + border-top-color: #d3e9b6; +} - .align-items-xl-baseline { - align-items: baseline !important; } +.alert-secondary .alert-link { + color: #2d4015; +} - .align-items-xl-stretch { - align-items: stretch !important; } +.alert-success { + color: #0e6c45; + background-color: #d1f6e6; + border-color: #bff2dd; +} - .align-content-xl-start { - align-content: flex-start !important; } +.alert-success hr { + border-top-color: #aaeed2; +} - .align-content-xl-end { - align-content: flex-end !important; } +.alert-success .alert-link { + color: #083f28; +} - .align-content-xl-center { - align-content: center !important; } +.alert-info { + color: #255881; + background-color: #daeefe; + border-color: #cce7fd; +} - .align-content-xl-between { - align-content: space-between !important; } +.alert-info hr { + border-top-color: #b3dbfc; +} - .align-content-xl-around { - align-content: space-around !important; } +.alert-info .alert-link { + color: #1a3d59; +} - .align-content-xl-stretch { - align-content: stretch !important; } +.alert-warning { + color: #844313; + background-color: #ffe6d3; + border-color: #ffdbc2; +} - .align-self-xl-auto { - align-self: auto !important; } +.alert-warning hr { + border-top-color: #ffcca9; +} - .align-self-xl-start { - align-self: flex-start !important; } +.alert-warning .alert-link { + color: #572c0d; +} - .align-self-xl-end { - align-self: flex-end !important; } +.alert-danger { + color: #853624; + background-color: #ffe1da; + border-color: #ffd4cb; +} - .align-self-xl-center { - align-self: center !important; } +.alert-danger hr { + border-top-color: #ffbfb2; +} - .align-self-xl-baseline { - align-self: baseline !important; } +.alert-danger .alert-link { + color: #5d2619; +} - .align-self-xl-stretch { - align-self: stretch !important; } } -@media (min-width: 1440) { - .flex-xxl-row { - flex-direction: row !important; } +.alert-light { + color: #7f7f81; + background-color: #fdfdfe; + border-color: #fcfcfd; +} - .flex-xxl-column { - flex-direction: column !important; } +.alert-light hr { + border-top-color: #ededf3; +} - .flex-xxl-row-reverse { - flex-direction: row-reverse !important; } +.alert-light .alert-link { + color: #666667; +} - .flex-xxl-column-reverse { - flex-direction: column-reverse !important; } +.alert-dark { + color: #5c5c5c; + background-color: #efefef; + border-color: #e9e9e9; +} - .flex-xxl-wrap { - flex-wrap: wrap !important; } +.alert-dark hr { + border-top-color: gainsboro; +} - .flex-xxl-nowrap { - flex-wrap: nowrap !important; } +.alert-dark .alert-link { + color: #434343; +} - .flex-xxl-wrap-reverse { - flex-wrap: wrap-reverse !important; } +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } - .flex-xxl-fill { - flex: 1 1 auto !important; } + to { + background-position: 0 0; + } +} - .flex-xxl-grow-0 { - flex-grow: 0 !important; } +.progress { + display: flex; + height: 1rem; + overflow: hidden; + line-height: 0; + font-size: 0.65625rem; + background-color: #e9ecef; + border-radius: 0.75rem; +} - .flex-xxl-grow-1 { - flex-grow: 1 !important; } +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: #fff; + text-align: center; + white-space: nowrap; + background-color: #40189D; + transition: width 0.6s ease; +} - .flex-xxl-shrink-0 { - flex-shrink: 0 !important; } +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} - .flex-xxl-shrink-1 { - flex-shrink: 1 !important; } +.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; +} - .justify-content-xxl-start { - justify-content: flex-start !important; } +.progress-bar-animated { + animation: progress-bar-stripes 1s linear infinite; +} - .justify-content-xxl-end { - justify-content: flex-end !important; } +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} - .justify-content-xxl-center { - justify-content: center !important; } +.media { + display: flex; + align-items: flex-start; +} - .justify-content-xxl-between { - justify-content: space-between !important; } +.media-body { + flex: 1; +} - .justify-content-xxl-around { - justify-content: space-around !important; } +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: 0.75rem; +} - .align-items-xxl-start { - align-items: flex-start !important; } +.list-group-item-action { + width: 100%; + color: #495057; + text-align: inherit; +} - .align-items-xxl-end { - align-items: flex-end !important; } +.list-group-item-action:hover, +.list-group-item-action:focus { + z-index: 1; + color: #495057; + text-decoration: none; + background-color: #f8f9fa; +} - .align-items-xxl-center { - align-items: center !important; } +.list-group-item-action:active { + color: #7e7e7e; + background-color: #e9ecef; +} - .align-items-xxl-baseline { - align-items: baseline !important; } +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); +} - .align-items-xxl-stretch { - align-items: stretch !important; } +.list-group-item:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} - .align-content-xxl-start { - align-content: flex-start !important; } +.list-group-item:last-child { + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; +} - .align-content-xxl-end { - align-content: flex-end !important; } - - .align-content-xxl-center { - align-content: center !important; } - - .align-content-xxl-between { - align-content: space-between !important; } - - .align-content-xxl-around { - align-content: space-around !important; } +.list-group-item.disabled, +.list-group-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: #fff; +} - .align-content-xxl-stretch { - align-content: stretch !important; } +.list-group-item.active { + z-index: 2; + color: #fff; + background-color: #40189D; + border-color: #40189D; +} - .align-self-xxl-auto { - align-self: auto !important; } +.list-group-item+.list-group-item { + border-top-width: 0; +} - .align-self-xxl-start { - align-self: flex-start !important; } +.list-group-item+.list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} - .align-self-xxl-end { - align-self: flex-end !important; } +.list-group-horizontal { + flex-direction: row; +} - .align-self-xxl-center { - align-self: center !important; } +.list-group-horizontal>.list-group-item:first-child { + border-bottom-left-radius: 0.75rem; + border-top-right-radius: 0; +} - .align-self-xxl-baseline { - align-self: baseline !important; } +.list-group-horizontal>.list-group-item:last-child { + border-top-right-radius: 0.75rem; + border-bottom-left-radius: 0; +} - .align-self-xxl-stretch { - align-self: stretch !important; } } -.float-left { - float: left !important; } +.list-group-horizontal>.list-group-item.active { + margin-top: 0; +} -.float-right { - float: right !important; } +.list-group-horizontal>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; +} -.float-none { - float: none !important; } +.list-group-horizontal>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; +} @media (min-width: 576px) { - .float-sm-left { - float: left !important; } + .list-group-horizontal-sm { + flex-direction: row; + } - .float-sm-right { - float: right !important; } + .list-group-horizontal-sm>.list-group-item:first-child { + border-bottom-left-radius: 0.75rem; + border-top-right-radius: 0; + } - .float-sm-none { - float: none !important; } } -@media (min-width: 768px) { - .float-md-left { - float: left !important; } + .list-group-horizontal-sm>.list-group-item:last-child { + border-top-right-radius: 0.75rem; + border-bottom-left-radius: 0; + } - .float-md-right { - float: right !important; } + .list-group-horizontal-sm>.list-group-item.active { + margin-top: 0; + } - .float-md-none { - float: none !important; } } -@media (min-width: 992px) { - .float-lg-left { - float: left !important; } + .list-group-horizontal-sm>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; + } - .float-lg-right { - float: right !important; } + .list-group-horizontal-sm>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} - .float-lg-none { - float: none !important; } } -@media (min-width: 1200px) { - .float-xl-left { - float: left !important; } +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } - .float-xl-right { - float: right !important; } + .list-group-horizontal-md>.list-group-item:first-child { + border-bottom-left-radius: 0.75rem; + border-top-right-radius: 0; + } - .float-xl-none { - float: none !important; } } -@media (min-width: 1440) { - .float-xxl-left { - float: left !important; } + .list-group-horizontal-md>.list-group-item:last-child { + border-top-right-radius: 0.75rem; + border-bottom-left-radius: 0; + } - .float-xxl-right { - float: right !important; } + .list-group-horizontal-md>.list-group-item.active { + margin-top: 0; + } - .float-xxl-none { - float: none !important; } } -.user-select-all { - user-select: all !important; } + .list-group-horizontal-md>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; + } -.user-select-auto { - user-select: auto !important; } + .list-group-horizontal-md>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} -.user-select-none { - user-select: none !important; } +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } -.overflow-auto { - overflow: auto !important; } + .list-group-horizontal-lg>.list-group-item:first-child { + border-bottom-left-radius: 0.75rem; + border-top-right-radius: 0; + } -.overflow-hidden { - overflow: hidden !important; } + .list-group-horizontal-lg>.list-group-item:last-child { + border-top-right-radius: 0.75rem; + border-bottom-left-radius: 0; + } -.position-static { - position: static !important; } + .list-group-horizontal-lg>.list-group-item.active { + margin-top: 0; + } -.position-relative { - position: relative !important; } + .list-group-horizontal-lg>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; + } -.position-absolute { - position: absolute !important; } + .list-group-horizontal-lg>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} -.position-fixed { - position: fixed !important; } +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } -.position-sticky { - position: sticky !important; } + .list-group-horizontal-xl>.list-group-item:first-child { + border-bottom-left-radius: 0.75rem; + border-top-right-radius: 0; + } -.fixed-top { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030; } + .list-group-horizontal-xl>.list-group-item:last-child { + border-top-right-radius: 0.75rem; + border-bottom-left-radius: 0; + } -.fixed-bottom { - position: fixed; - right: 0; - bottom: 0; - left: 0; - z-index: 1030; } + .list-group-horizontal-xl>.list-group-item.active { + margin-top: 0; + } -@supports (position: sticky) { - .sticky-top { - position: sticky; - top: 0; - z-index: 1020; } } + .list-group-horizontal-xl>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; + } -.sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border: 0; } + .list-group-horizontal-xl>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} -.sr-only-focusable:active, .sr-only-focusable:focus { - position: static; - width: auto; - height: auto; - overflow: visible; - clip: auto; - white-space: normal; } +@media (min-width: 1440) { + .list-group-horizontal-xxl { + flex-direction: row; + } -.shadow-sm { - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } + .list-group-horizontal-xxl>.list-group-item:first-child { + border-bottom-left-radius: 0.75rem; + border-top-right-radius: 0; + } -.shadow { - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } + .list-group-horizontal-xxl>.list-group-item:last-child { + border-top-right-radius: 0.75rem; + border-bottom-left-radius: 0; + } -.shadow-lg { - box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } + .list-group-horizontal-xxl>.list-group-item.active { + margin-top: 0; + } -.shadow-none { - box-shadow: none !important; } + .list-group-horizontal-xxl>.list-group-item+.list-group-item { + border-top-width: 1px; + border-left-width: 0; + } -.w-25 { - width: 25% !important; } + .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { + margin-left: -1px; + border-left-width: 1px; + } +} -.w-50 { - width: 50% !important; } +.list-group-flush { + border-radius: 0; +} -.w-75 { - width: 75% !important; } +.list-group-flush>.list-group-item { + border-width: 0 0 1px; +} -.w-100 { - width: 100% !important; } +.list-group-flush>.list-group-item:last-child { + border-bottom-width: 0; +} -.w-auto { - width: auto !important; } +.list-group-item-primary { + color: #210c52; + background-color: #cabee4; +} -.h-25 { - height: 25% !important; } +.list-group-item-primary.list-group-item-action:hover, +.list-group-item-primary.list-group-item-action:focus { + color: #210c52; + background-color: #bbacdd; +} -.h-50 { - height: 50% !important; } +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #210c52; + border-color: #210c52; +} -.h-75 { - height: 75% !important; } +.list-group-item-secondary { + color: #486721; + background-color: #dfefca; +} -.h-100 { - height: 100% !important; } +.list-group-item-secondary.list-group-item-action:hover, +.list-group-item-secondary.list-group-item-action:focus { + color: #486721; + background-color: #d3e9b6; +} -.h-auto { - height: auto !important; } +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #486721; + border-color: #486721; +} -.mw-100 { - max-width: 100% !important; } +.list-group-item-success { + color: #0e6c45; + background-color: #bff2dd; +} -.mh-100 { - max-height: 100% !important; } +.list-group-item-success.list-group-item-action:hover, +.list-group-item-success.list-group-item-action:focus { + color: #0e6c45; + background-color: #aaeed2; +} -.min-vw-100 { - min-width: 100vw !important; } +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #0e6c45; + border-color: #0e6c45; +} -.min-vh-100 { - min-height: 100vh !important; } +.list-group-item-info { + color: #255881; + background-color: #cce7fd; +} -.vw-100 { - width: 100vw !important; } +.list-group-item-info.list-group-item-action:hover, +.list-group-item-info.list-group-item-action:focus { + color: #255881; + background-color: #b3dbfc; +} -.vh-100 { - height: 100vh !important; } +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #255881; + border-color: #255881; +} -.m-0 { - margin: 0 !important; } +.list-group-item-warning { + color: #844313; + background-color: #ffdbc2; +} -.mt-0, -.my-0 { - margin-top: 0 !important; } +.list-group-item-warning.list-group-item-action:hover, +.list-group-item-warning.list-group-item-action:focus { + color: #844313; + background-color: #ffcca9; +} -.mr-0, -.mx-0 { - margin-right: 0 !important; } +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #844313; + border-color: #844313; +} -.mb-0, -.my-0 { - margin-bottom: 0 !important; } +.list-group-item-danger { + color: #853624; + background-color: #ffd4cb; +} -.ml-0, -.mx-0 { - margin-left: 0 !important; } +.list-group-item-danger.list-group-item-action:hover, +.list-group-item-danger.list-group-item-action:focus { + color: #853624; + background-color: #ffbfb2; +} -.m-1 { - margin: 0.25rem !important; } +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #853624; + border-color: #853624; +} -.mt-1, -.my-1 { - margin-top: 0.25rem !important; } +.list-group-item-light { + color: #7f7f81; + background-color: #fcfcfd; +} -.mr-1, -.mx-1 { - margin-right: 0.25rem !important; } +.list-group-item-light.list-group-item-action:hover, +.list-group-item-light.list-group-item-action:focus { + color: #7f7f81; + background-color: #ededf3; +} -.mb-1, -.my-1 { - margin-bottom: 0.25rem !important; } +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #7f7f81; + border-color: #7f7f81; +} -.ml-1, -.mx-1 { - margin-left: 0.25rem !important; } +.list-group-item-dark { + color: #5c5c5c; + background-color: #e9e9e9; +} -.m-2 { - margin: 0.5rem !important; } +.list-group-item-dark.list-group-item-action:hover, +.list-group-item-dark.list-group-item-action:focus { + color: #5c5c5c; + background-color: gainsboro; +} -.mt-2, -.my-2 { - margin-top: 0.5rem !important; } +.list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #5c5c5c; + border-color: #5c5c5c; +} -.mr-2, -.mx-2 { - margin-right: 0.5rem !important; } - -.mb-2, -.my-2 { - margin-bottom: 0.5rem !important; } +.close { + float: right; + font-size: 1.3125rem; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .5; +} -.ml-2, -.mx-2 { - margin-left: 0.5rem !important; } +.close:hover { + color: #000; + text-decoration: none; +} -.m-3 { - margin: 1rem !important; } +.close:not(:disabled):not(.disabled):hover, +.close:not(:disabled):not(.disabled):focus { + opacity: .75; +} -.mt-3, -.my-3 { - margin-top: 1rem !important; } +button.close { + padding: 0; + background-color: transparent; + border: 0; +} -.mr-3, -.mx-3 { - margin-right: 1rem !important; } +a.close.disabled { + pointer-events: none; +} -.mb-3, -.my-3 { - margin-bottom: 1rem !important; } +.toast { + flex-basis: 350px; + max-width: 350px; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); + opacity: 0; + border-radius: 0.25rem; +} -.ml-3, -.mx-3 { - margin-left: 1rem !important; } +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} -.m-4 { - margin: 1.5rem !important; } +.toast.showing { + opacity: 1; +} -.mt-4, -.my-4 { - margin-top: 1.5rem !important; } +.toast.show { + display: block; + opacity: 1; +} -.mr-4, -.mx-4 { - margin-right: 1.5rem !important; } +.toast.hide { + display: none; +} -.mb-4, -.my-4 { - margin-bottom: 1.5rem !important; } +.toast-header { + display: flex; + align-items: center; + padding: 0.25rem 0.75rem; + 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-top-left-radius: calc(0.25rem - 1px); + border-top-right-radius: calc(0.25rem - 1px); +} -.ml-4, -.mx-4 { - margin-left: 1.5rem !important; } +.toast-body { + padding: 0.75rem; +} -.m-5 { - margin: 3rem !important; } +.modal-open { + overflow: hidden; +} -.mt-5, -.my-5 { - margin-top: 3rem !important; } +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} -.mr-5, -.mx-5 { - margin-right: 3rem !important; } +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} -.mb-5, -.my-5 { - margin-bottom: 3rem !important; } +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} -.ml-5, -.mx-5 { - margin-left: 3rem !important; } +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} -.p-0 { - padding: 0 !important; } +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} -.pt-0, -.py-0 { - padding-top: 0 !important; } +.modal.show .modal-dialog { + transform: none; +} -.pr-0, -.px-0 { - padding-right: 0 !important; } +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} -.pb-0, -.py-0 { - padding-bottom: 0 !important; } +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} -.pl-0, -.px-0 { - padding-left: 0 !important; } +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} -.p-1 { - padding: 0.25rem !important; } +.modal-dialog-scrollable .modal-header, +.modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} -.pt-1, -.py-1 { - padding-top: 0.25rem !important; } +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} -.pr-1, -.px-1 { - padding-right: 0.25rem !important; } +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} -.pb-1, -.py-1 { - padding-bottom: 0.25rem !important; } +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + height: min-content; + content: ""; +} -.pl-1, -.px-1 { - padding-left: 0.25rem !important; } +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} -.p-2 { - padding: 0.5rem !important; } +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} -.pt-2, -.py-2 { - padding-top: 0.5rem !important; } +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} -.pr-2, -.px-2 { - padding-right: 0.5rem !important; } +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + outline: 0; +} -.pb-2, -.py-2 { - padding-bottom: 0.5rem !important; } +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; +} -.pl-2, -.px-2 { - padding-left: 0.5rem !important; } +.modal-backdrop.fade { + opacity: 0; +} -.p-3 { - padding: 1rem !important; } +.modal-backdrop.show { + opacity: 0.5; +} -.pt-3, -.py-3 { - padding-top: 1rem !important; } +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid #EEEEEE; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} -.pr-3, -.px-3 { - padding-right: 1rem !important; } +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} -.pb-3, -.py-3 { - padding-bottom: 1rem !important; } +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} -.pl-3, -.px-3 { - padding-left: 1rem !important; } +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} -.p-4 { - padding: 1.5rem !important; } +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid #EEEEEE; + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} -.pt-4, -.py-4 { - padding-top: 1.5rem !important; } +.modal-footer>* { + margin: 0.25rem; +} -.pr-4, -.px-4 { - padding-right: 1.5rem !important; } +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} -.pb-4, -.py-4 { - padding-bottom: 1.5rem !important; } +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; + } -.pl-4, -.px-4 { - padding-left: 1.5rem !important; } + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); + } -.p-5 { - padding: 3rem !important; } + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); + } -.pt-5, -.py-5 { - padding-top: 3rem !important; } + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); + } -.pr-5, -.px-5 { - padding-right: 3rem !important; } + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); + height: min-content; + } -.pb-5, -.py-5 { - padding-bottom: 3rem !important; } + .modal-sm { + max-width: 300px; + } +} -.pl-5, -.px-5 { - padding-left: 3rem !important; } +@media (min-width: 992px) { -.m-n1 { - margin: -0.25rem !important; } + .modal-lg, + .modal-xl { + max-width: 800px; + } +} -.mt-n1, -.my-n1 { - margin-top: -0.25rem !important; } +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; + } +} -.mr-n1, -.mx-n1 { - margin-right: -0.25rem !important; } +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: "Roboto", sans-serif; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.765625rem; + word-wrap: break-word; + opacity: 0; +} -.mb-n1, -.my-n1 { - margin-bottom: -0.25rem !important; } +.tooltip.show { + opacity: 0.9; +} -.ml-n1, -.mx-n1 { - margin-left: -0.25rem !important; } +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} -.m-n2 { - margin: -0.5rem !important; } +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} -.mt-n2, -.my-n2 { - margin-top: -0.5rem !important; } +.bs-tooltip-top, +.bs-tooltip-auto[x-placement^="top"] { + padding: 0.4rem 0; +} -.mr-n2, -.mx-n2 { - margin-right: -0.5rem !important; } +.bs-tooltip-top .arrow, +.bs-tooltip-auto[x-placement^="top"] .arrow { + bottom: 0; +} -.mb-n2, -.my-n2 { - margin-bottom: -0.5rem !important; } +.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; +} -.ml-n2, -.mx-n2 { - margin-left: -0.5rem !important; } +.bs-tooltip-right, +.bs-tooltip-auto[x-placement^="right"] { + padding: 0 0.4rem; +} -.m-n3 { - margin: -1rem !important; } +.bs-tooltip-right .arrow, +.bs-tooltip-auto[x-placement^="right"] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; +} -.mt-n3, -.my-n3 { - margin-top: -1rem !important; } +.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; +} -.mr-n3, -.mx-n3 { - margin-right: -1rem !important; } +.bs-tooltip-bottom, +.bs-tooltip-auto[x-placement^="bottom"] { + padding: 0.4rem 0; +} -.mb-n3, -.my-n3 { - margin-bottom: -1rem !important; } +.bs-tooltip-bottom .arrow, +.bs-tooltip-auto[x-placement^="bottom"] .arrow { + top: 0; +} -.ml-n3, -.mx-n3 { - margin-left: -1rem !important; } +.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; +} -.m-n4 { - margin: -1.5rem !important; } +.bs-tooltip-left, +.bs-tooltip-auto[x-placement^="left"] { + padding: 0 0.4rem; +} -.mt-n4, -.my-n4 { - margin-top: -1.5rem !important; } +.bs-tooltip-left .arrow, +.bs-tooltip-auto[x-placement^="left"] .arrow { + right: 0; + width: 0.4rem; + height: 0.8rem; +} -.mr-n4, -.mx-n4 { - margin-right: -1.5rem !important; } +.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; +} -.mb-n4, -.my-n4 { - margin-bottom: -1.5rem !important; } +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 0.75rem; +} -.ml-n4, -.mx-n4 { - margin-left: -1.5rem !important; } +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: "Roboto", sans-serif; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.765625rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; +} -.m-n5 { - margin: -3rem !important; } +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} -.mt-n5, -.my-n5 { - margin-top: -3rem !important; } +.popover .arrow::before, +.popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} -.mr-n5, -.mx-n5 { - margin-right: -3rem !important; } +.bs-popover-top, +.bs-popover-auto[x-placement^="top"] { + margin-bottom: 0.5rem; +} -.mb-n5, -.my-n5 { - margin-bottom: -3rem !important; } +.bs-popover-top>.arrow, +.bs-popover-auto[x-placement^="top"]>.arrow { + bottom: calc(-0.5rem - 1px); +} -.ml-n5, -.mx-n5 { - margin-left: -3rem !important; } +.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); +} -.m-auto { - margin: auto !important; } +.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: #fff; +} -.mt-auto, -.my-auto { - margin-top: auto !important; } +.bs-popover-right, +.bs-popover-auto[x-placement^="right"] { + margin-left: 0.5rem; +} -.mr-auto, -.mx-auto { - margin-right: auto !important; } +.bs-popover-right>.arrow, +.bs-popover-auto[x-placement^="right"]>.arrow { + left: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} -.mb-auto, -.my-auto { - margin-bottom: auto !important; } +.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); +} -.ml-auto, -.mx-auto { - margin-left: auto !important; } +.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: #fff; +} -@media (min-width: 576px) { - .m-sm-0 { - margin: 0 !important; } +.bs-popover-bottom, +.bs-popover-auto[x-placement^="bottom"] { + margin-top: 0.5rem; +} - .mt-sm-0, - .my-sm-0 { - margin-top: 0 !important; } +.bs-popover-bottom>.arrow, +.bs-popover-auto[x-placement^="bottom"]>.arrow { + top: calc(-0.5rem - 1px); +} - .mr-sm-0, - .mx-sm-0 { - margin-right: 0 !important; } +.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); +} - .mb-sm-0, - .my-sm-0 { - margin-bottom: 0 !important; } +.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: #fff; +} - .ml-sm-0, - .mx-sm-0 { - margin-left: 0 !important; } +.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; +} - .m-sm-1 { - margin: 0.25rem !important; } +.bs-popover-left, +.bs-popover-auto[x-placement^="left"] { + margin-right: 0.5rem; +} - .mt-sm-1, - .my-sm-1 { - margin-top: 0.25rem !important; } +.bs-popover-left>.arrow, +.bs-popover-auto[x-placement^="left"]>.arrow { + right: calc(-0.5rem - 1px); + width: 0.5rem; + height: 1rem; + margin: 0.3rem 0; +} - .mr-sm-1, - .mx-sm-1 { - margin-right: 0.25rem !important; } +.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); +} - .mb-sm-1, - .my-sm-1 { - margin-bottom: 0.25rem !important; } +.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: #fff; +} - .ml-sm-1, - .mx-sm-1 { - margin-left: 0.25rem !important; } +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 0.875rem; + color: #3d4465; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} - .m-sm-2 { - margin: 0.5rem !important; } +.popover-header:empty { + display: none; +} - .mt-sm-2, - .my-sm-2 { - margin-top: 0.5rem !important; } +.popover-body { + padding: 0.5rem 0.75rem; + color: #7e7e7e; +} - .mr-sm-2, - .mx-sm-2 { - margin-right: 0.5rem !important; } +.carousel { + position: relative; +} - .mb-sm-2, - .my-sm-2 { - margin-bottom: 0.5rem !important; } +.carousel.pointer-event { + touch-action: pan-y; +} - .ml-sm-2, - .mx-sm-2 { - margin-left: 0.5rem !important; } +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} - .m-sm-3 { - margin: 1rem !important; } +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} - .mt-sm-3, - .my-sm-3 { - margin-top: 1rem !important; } +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} - .mr-sm-3, - .mx-sm-3 { - margin-right: 1rem !important; } - - .mb-sm-3, - .my-sm-3 { - margin-bottom: 1rem !important; } +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} - .ml-sm-3, - .mx-sm-3 { - margin-left: 1rem !important; } +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} - .m-sm-4 { - margin: 1.5rem !important; } +.carousel-item-next:not(.carousel-item-left), +.active.carousel-item-right { + transform: translateX(100%); +} - .mt-sm-4, - .my-sm-4 { - margin-top: 1.5rem !important; } +.carousel-item-prev:not(.carousel-item-right), +.active.carousel-item-left { + transform: translateX(-100%); +} - .mr-sm-4, - .mx-sm-4 { - margin-right: 1.5rem !important; } +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} - .mb-sm-4, - .my-sm-4 { - margin-bottom: 1.5rem !important; } +.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; +} - .ml-sm-4, - .mx-sm-4 { - margin-left: 1.5rem !important; } +.carousel-fade .active.carousel-item-left, +.carousel-fade .active.carousel-item-right { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} - .m-sm-5 { - margin: 3rem !important; } +@media (prefers-reduced-motion: reduce) { - .mt-sm-5, - .my-sm-5 { - margin-top: 3rem !important; } + .carousel-fade .active.carousel-item-left, + .carousel-fade .active.carousel-item-right { + transition: none; + } +} - .mr-sm-5, - .mx-sm-5 { - margin-right: 3rem !important; } +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + color: #fff; + text-align: center; + opacity: 0.5; + transition: opacity 0.15s ease; +} - .mb-sm-5, - .my-sm-5 { - margin-bottom: 3rem !important; } +@media (prefers-reduced-motion: reduce) { - .ml-sm-5, - .mx-sm-5 { - margin-left: 3rem !important; } + .carousel-control-prev, + .carousel-control-next { + transition: none; + } +} - .p-sm-0 { - padding: 0 !important; } +.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; +} - .pt-sm-0, - .py-sm-0 { - padding-top: 0 !important; } +.carousel-control-prev { + left: 0; +} - .pr-sm-0, - .px-sm-0 { - padding-right: 0 !important; } +.carousel-control-next { + right: 0; +} - .pb-sm-0, - .py-sm-0 { - padding-bottom: 0 !important; } +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 20px; + height: 20px; + background: no-repeat 50% / 100% 100%; +} - .pl-sm-0, - .px-sm-0 { - padding-left: 0 !important; } +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); +} - .p-sm-1 { - padding: 0.25rem !important; } +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); +} - .pt-sm-1, - .py-sm-1 { - padding-top: 0.25rem !important; } +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} - .pr-sm-1, - .px-sm-1 { - padding-right: 0.25rem !important; } +.carousel-indicators li { + box-sizing: content-box; + 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; + transition: opacity 0.6s ease; +} - .pb-sm-1, - .py-sm-1 { - padding-bottom: 0.25rem !important; } +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; + } +} - .pl-sm-1, - .px-sm-1 { - padding-left: 0.25rem !important; } +.carousel-indicators .active { + opacity: 1; +} - .p-sm-2 { - padding: 0.5rem !important; } +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; +} - .pt-sm-2, - .py-sm-2 { - padding-top: 0.5rem !important; } +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} - .pr-sm-2, - .px-sm-2 { - padding-right: 0.5rem !important; } +.spinner-border { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + border: 0.25em solid currentColor; + border-right-color: transparent; + border-radius: 50%; + animation: spinner-border .75s linear infinite; +} - .pb-sm-2, - .py-sm-2 { - padding-bottom: 0.5rem !important; } +.spinner-border-sm { + width: 1rem; + height: 1rem; + border-width: 0.2em; +} - .pl-sm-2, - .px-sm-2 { - padding-left: 0.5rem !important; } +@keyframes spinner-grow { + 0% { + transform: scale(0); + } - .p-sm-3 { - padding: 1rem !important; } + 50% { + opacity: 1; + transform: none; + } +} - .pt-sm-3, - .py-sm-3 { - padding-top: 1rem !important; } +.spinner-grow { + display: inline-block; + width: 2rem; + height: 2rem; + vertical-align: text-bottom; + background-color: currentColor; + border-radius: 50%; + opacity: 0; + animation: spinner-grow .75s linear infinite; +} - .pr-sm-3, - .px-sm-3 { - padding-right: 1rem !important; } +.spinner-grow-sm { + width: 1rem; + height: 1rem; +} - .pb-sm-3, - .py-sm-3 { - padding-bottom: 1rem !important; } +.align-baseline { + vertical-align: baseline !important; +} - .pl-sm-3, - .px-sm-3 { - padding-left: 1rem !important; } +.align-top { + vertical-align: top !important; +} - .p-sm-4 { - padding: 1.5rem !important; } +.align-middle { + vertical-align: middle !important; +} - .pt-sm-4, - .py-sm-4 { - padding-top: 1.5rem !important; } +.align-bottom { + vertical-align: bottom !important; +} - .pr-sm-4, - .px-sm-4 { - padding-right: 1.5rem !important; } +.align-text-bottom { + vertical-align: text-bottom !important; +} - .pb-sm-4, - .py-sm-4 { - padding-bottom: 1.5rem !important; } +.align-text-top { + vertical-align: text-top !important; +} - .pl-sm-4, - .px-sm-4 { - padding-left: 1.5rem !important; } +.bg-primary { + background-color: #40189D !important; +} - .p-sm-5 { - padding: 3rem !important; } +a.bg-primary:hover, +a.bg-primary:focus, +button.bg-primary:hover, +button.bg-primary:focus { + background-color: #2e1171 !important; +} - .pt-sm-5, - .py-sm-5 { - padding-top: 3rem !important; } +.bg-secondary { + background-color: #8BC740 !important; +} - .pr-sm-5, - .px-sm-5 { - padding-right: 3rem !important; } +a.bg-secondary:hover, +a.bg-secondary:focus, +button.bg-secondary:hover, +button.bg-secondary:focus { + background-color: #70a430 !important; +} - .pb-sm-5, - .py-sm-5 { - padding-bottom: 3rem !important; } +.bg-success { + background-color: #1BD084 !important; +} - .pl-sm-5, - .px-sm-5 { - padding-left: 3rem !important; } +a.bg-success:hover, +a.bg-success:focus, +button.bg-success:hover, +button.bg-success:focus { + background-color: #15a367 !important; +} - .m-sm-n1 { - margin: -0.25rem !important; } +.bg-info { + background-color: #48A9F8 !important; +} - .mt-sm-n1, - .my-sm-n1 { - margin-top: -0.25rem !important; } +a.bg-info:hover, +a.bg-info:focus, +button.bg-info:hover, +button.bg-info:focus { + background-color: #1792f6 !important; +} - .mr-sm-n1, - .mx-sm-n1 { - margin-right: -0.25rem !important; } +.bg-warning { + background-color: #FE8024 !important; +} - .mb-sm-n1, - .my-sm-n1 { - margin-bottom: -0.25rem !important; } +a.bg-warning:hover, +a.bg-warning:focus, +button.bg-warning:hover, +button.bg-warning:focus { + background-color: #ee6501 !important; +} - .ml-sm-n1, - .mx-sm-n1 { - margin-left: -0.25rem !important; } +.bg-danger { + background-color: #FF6746 !important; +} - .m-sm-n2 { - margin: -0.5rem !important; } +a.bg-danger:hover, +a.bg-danger:focus, +button.bg-danger:hover, +button.bg-danger:focus { + background-color: #ff3d13 !important; +} - .mt-sm-n2, - .my-sm-n2 { - margin-top: -0.5rem !important; } +.bg-light { + background-color: #F4F5F9 !important; +} - .mr-sm-n2, - .mx-sm-n2 { - margin-right: -0.5rem !important; } +a.bg-light:hover, +a.bg-light:focus, +button.bg-light:hover, +button.bg-light:focus { + background-color: #d3d7e7 !important; +} - .mb-sm-n2, - .my-sm-n2 { - margin-bottom: -0.5rem !important; } +.bg-dark { + background-color: #B1B1B1 !important; +} - .ml-sm-n2, - .mx-sm-n2 { - margin-left: -0.5rem !important; } +a.bg-dark:hover, +a.bg-dark:focus, +button.bg-dark:hover, +button.bg-dark:focus { + background-color: #989898 !important; +} - .m-sm-n3 { - margin: -1rem !important; } +.bg-white { + background-color: #fff !important; +} - .mt-sm-n3, - .my-sm-n3 { - margin-top: -1rem !important; } +.bg-transparent { + background-color: transparent !important; +} - .mr-sm-n3, - .mx-sm-n3 { - margin-right: -1rem !important; } +.border { + border: 1px solid #EEEEEE !important; +} - .mb-sm-n3, - .my-sm-n3 { - margin-bottom: -1rem !important; } +.border-top { + border-top: 1px solid #EEEEEE !important; +} - .ml-sm-n3, - .mx-sm-n3 { - margin-left: -1rem !important; } +.border-right { + border-right: 1px solid #EEEEEE !important; +} - .m-sm-n4 { - margin: -1.5rem !important; } +.border-bottom { + border-bottom: 1px solid #EEEEEE !important; +} - .mt-sm-n4, - .my-sm-n4 { - margin-top: -1.5rem !important; } +.border-left { + border-left: 1px solid #EEEEEE !important; +} - .mr-sm-n4, - .mx-sm-n4 { - margin-right: -1.5rem !important; } +.border-0 { + border: 0 !important; +} - .mb-sm-n4, - .my-sm-n4 { - margin-bottom: -1.5rem !important; } +.border-top-0 { + border-top: 0 !important; +} - .ml-sm-n4, - .mx-sm-n4 { - margin-left: -1.5rem !important; } +.border-right-0 { + border-right: 0 !important; +} - .m-sm-n5 { - margin: -3rem !important; } +.border-bottom-0 { + border-bottom: 0 !important; +} - .mt-sm-n5, - .my-sm-n5 { - margin-top: -3rem !important; } +.border-left-0 { + border-left: 0 !important; +} - .mr-sm-n5, - .mx-sm-n5 { - margin-right: -3rem !important; } +.border-primary { + border-color: #40189D !important; +} - .mb-sm-n5, - .my-sm-n5 { - margin-bottom: -3rem !important; } +.border-secondary { + border-color: #8BC740 !important; +} - .ml-sm-n5, - .mx-sm-n5 { - margin-left: -3rem !important; } +.border-success { + border-color: #1BD084 !important; +} - .m-sm-auto { - margin: auto !important; } +.border-info { + border-color: #48A9F8 !important; +} - .mt-sm-auto, - .my-sm-auto { - margin-top: auto !important; } +.border-warning { + border-color: #FE8024 !important; +} - .mr-sm-auto, - .mx-sm-auto { - margin-right: auto !important; } +.border-danger { + border-color: #FF6746 !important; +} - .mb-sm-auto, - .my-sm-auto { - margin-bottom: auto !important; } +.border-light { + border-color: #F4F5F9 !important; +} - .ml-sm-auto, - .mx-sm-auto { - margin-left: auto !important; } } -@media (min-width: 768px) { - .m-md-0 { - margin: 0 !important; } +.border-dark { + border-color: #B1B1B1 !important; +} - .mt-md-0, - .my-md-0 { - margin-top: 0 !important; } +.border-white { + border-color: #fff !important; +} - .mr-md-0, - .mx-md-0 { - margin-right: 0 !important; } +.rounded-sm { + border-radius: 0.2rem !important; +} - .mb-md-0, - .my-md-0 { - margin-bottom: 0 !important; } +.rounded { + border-radius: 0.75rem !important; +} - .ml-md-0, - .mx-md-0 { - margin-left: 0 !important; } +.rounded-top { + border-top-left-radius: 0.75rem !important; + border-top-right-radius: 0.75rem !important; +} - .m-md-1 { - margin: 0.25rem !important; } +.rounded-right { + border-top-right-radius: 0.75rem !important; + border-bottom-right-radius: 0.75rem !important; +} - .mt-md-1, - .my-md-1 { - margin-top: 0.25rem !important; } +.rounded-bottom { + border-bottom-right-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; +} - .mr-md-1, - .mx-md-1 { - margin-right: 0.25rem !important; } +.rounded-left { + border-top-left-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; +} - .mb-md-1, - .my-md-1 { - margin-bottom: 0.25rem !important; } +.rounded-lg { + border-radius: 0.3rem !important; +} - .ml-md-1, - .mx-md-1 { - margin-left: 0.25rem !important; } +.rounded-circle { + border-radius: 50% !important; +} - .m-md-2 { - margin: 0.5rem !important; } +.rounded-pill { + border-radius: 50rem !important; +} - .mt-md-2, - .my-md-2 { - margin-top: 0.5rem !important; } +.rounded-0 { + border-radius: 0 !important; +} - .mr-md-2, - .mx-md-2 { - margin-right: 0.5rem !important; } +.clearfix::after { + display: block; + clear: both; + content: ""; +} - .mb-md-2, - .my-md-2 { - margin-bottom: 0.5rem !important; } +.d-none { + display: none !important; +} - .ml-md-2, - .mx-md-2 { - margin-left: 0.5rem !important; } +.d-inline { + display: inline !important; +} - .m-md-3 { - margin: 1rem !important; } +.d-inline-block { + display: inline-block !important; +} - .mt-md-3, - .my-md-3 { - margin-top: 1rem !important; } +.d-block { + display: block !important; +} - .mr-md-3, - .mx-md-3 { - margin-right: 1rem !important; } +.d-table { + display: table !important; +} - .mb-md-3, - .my-md-3 { - margin-bottom: 1rem !important; } +.d-table-row { + display: table-row !important; +} - .ml-md-3, - .mx-md-3 { - margin-left: 1rem !important; } +.d-table-cell { + display: table-cell !important; +} - .m-md-4 { - margin: 1.5rem !important; } +.d-flex { + display: flex !important; +} - .mt-md-4, - .my-md-4 { - margin-top: 1.5rem !important; } +.d-inline-flex { + display: inline-flex !important; +} - .mr-md-4, - .mx-md-4 { - margin-right: 1.5rem !important; } +@media (min-width: 576px) { + .d-sm-none { + display: none !important; + } - .mb-md-4, - .my-md-4 { - margin-bottom: 1.5rem !important; } + .d-sm-inline { + display: inline !important; + } - .ml-md-4, - .mx-md-4 { - margin-left: 1.5rem !important; } + .d-sm-inline-block { + display: inline-block !important; + } - .m-md-5 { - margin: 3rem !important; } + .d-sm-block { + display: block !important; + } - .mt-md-5, - .my-md-5 { - margin-top: 3rem !important; } + .d-sm-table { + display: table !important; + } - .mr-md-5, - .mx-md-5 { - margin-right: 3rem !important; } + .d-sm-table-row { + display: table-row !important; + } - .mb-md-5, - .my-md-5 { - margin-bottom: 3rem !important; } + .d-sm-table-cell { + display: table-cell !important; + } - .ml-md-5, - .mx-md-5 { - margin-left: 3rem !important; } + .d-sm-flex { + display: flex !important; + } - .p-md-0 { - padding: 0 !important; } + .d-sm-inline-flex { + display: inline-flex !important; + } +} - .pt-md-0, - .py-md-0 { - padding-top: 0 !important; } +@media (min-width: 768px) { + .d-md-none { + display: none !important; + } - .pr-md-0, - .px-md-0 { - padding-right: 0 !important; } + .d-md-inline { + display: inline !important; + } - .pb-md-0, - .py-md-0 { - padding-bottom: 0 !important; } + .d-md-inline-block { + display: inline-block !important; + } - .pl-md-0, - .px-md-0 { - padding-left: 0 !important; } + .d-md-block { + display: block !important; + } - .p-md-1 { - padding: 0.25rem !important; } + .d-md-table { + display: table !important; + } - .pt-md-1, - .py-md-1 { - padding-top: 0.25rem !important; } + .d-md-table-row { + display: table-row !important; + } - .pr-md-1, - .px-md-1 { - padding-right: 0.25rem !important; } + .d-md-table-cell { + display: table-cell !important; + } - .pb-md-1, - .py-md-1 { - padding-bottom: 0.25rem !important; } + .d-md-flex { + display: flex !important; + } - .pl-md-1, - .px-md-1 { - padding-left: 0.25rem !important; } + .d-md-inline-flex { + display: inline-flex !important; + } +} - .p-md-2 { - padding: 0.5rem !important; } +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } - .pt-md-2, - .py-md-2 { - padding-top: 0.5rem !important; } + .d-lg-inline { + display: inline !important; + } - .pr-md-2, - .px-md-2 { - padding-right: 0.5rem !important; } + .d-lg-inline-block { + display: inline-block !important; + } - .pb-md-2, - .py-md-2 { - padding-bottom: 0.5rem !important; } + .d-lg-block { + display: block !important; + } - .pl-md-2, - .px-md-2 { - padding-left: 0.5rem !important; } + .d-lg-table { + display: table !important; + } - .p-md-3 { - padding: 1rem !important; } + .d-lg-table-row { + display: table-row !important; + } - .pt-md-3, - .py-md-3 { - padding-top: 1rem !important; } + .d-lg-table-cell { + display: table-cell !important; + } - .pr-md-3, - .px-md-3 { - padding-right: 1rem !important; } + .d-lg-flex { + display: flex !important; + } - .pb-md-3, - .py-md-3 { - padding-bottom: 1rem !important; } + .d-lg-inline-flex { + display: inline-flex !important; + } +} - .pl-md-3, - .px-md-3 { - padding-left: 1rem !important; } +@media (min-width: 1200px) { + .d-xl-none { + display: none !important; + } - .p-md-4 { - padding: 1.5rem !important; } + .d-xl-inline { + display: inline !important; + } - .pt-md-4, - .py-md-4 { - padding-top: 1.5rem !important; } + .d-xl-inline-block { + display: inline-block !important; + } - .pr-md-4, - .px-md-4 { - padding-right: 1.5rem !important; } + .d-xl-block { + display: block !important; + } - .pb-md-4, - .py-md-4 { - padding-bottom: 1.5rem !important; } + .d-xl-table { + display: table !important; + } - .pl-md-4, - .px-md-4 { - padding-left: 1.5rem !important; } + .d-xl-table-row { + display: table-row !important; + } - .p-md-5 { - padding: 3rem !important; } + .d-xl-table-cell { + display: table-cell !important; + } - .pt-md-5, - .py-md-5 { - padding-top: 3rem !important; } + .d-xl-flex { + display: flex !important; + } - .pr-md-5, - .px-md-5 { - padding-right: 3rem !important; } + .d-xl-inline-flex { + display: inline-flex !important; + } +} - .pb-md-5, - .py-md-5 { - padding-bottom: 3rem !important; } +@media (min-width: 1440) { + .d-xxl-none { + display: none !important; + } - .pl-md-5, - .px-md-5 { - padding-left: 3rem !important; } + .d-xxl-inline { + display: inline !important; + } - .m-md-n1 { - margin: -0.25rem !important; } + .d-xxl-inline-block { + display: inline-block !important; + } - .mt-md-n1, - .my-md-n1 { - margin-top: -0.25rem !important; } + .d-xxl-block { + display: block !important; + } - .mr-md-n1, - .mx-md-n1 { - margin-right: -0.25rem !important; } + .d-xxl-table { + display: table !important; + } - .mb-md-n1, - .my-md-n1 { - margin-bottom: -0.25rem !important; } + .d-xxl-table-row { + display: table-row !important; + } - .ml-md-n1, - .mx-md-n1 { - margin-left: -0.25rem !important; } + .d-xxl-table-cell { + display: table-cell !important; + } - .m-md-n2 { - margin: -0.5rem !important; } + .d-xxl-flex { + display: flex !important; + } - .mt-md-n2, - .my-md-n2 { - margin-top: -0.5rem !important; } + .d-xxl-inline-flex { + display: inline-flex !important; + } +} - .mr-md-n2, - .mx-md-n2 { - margin-right: -0.5rem !important; } +@media print { + .d-print-none { + display: none !important; + } - .mb-md-n2, - .my-md-n2 { - margin-bottom: -0.5rem !important; } + .d-print-inline { + display: inline !important; + } - .ml-md-n2, - .mx-md-n2 { - margin-left: -0.5rem !important; } + .d-print-inline-block { + display: inline-block !important; + } - .m-md-n3 { - margin: -1rem !important; } + .d-print-block { + display: block !important; + } - .mt-md-n3, - .my-md-n3 { - margin-top: -1rem !important; } + .d-print-table { + display: table !important; + } - .mr-md-n3, - .mx-md-n3 { - margin-right: -1rem !important; } + .d-print-table-row { + display: table-row !important; + } - .mb-md-n3, - .my-md-n3 { - margin-bottom: -1rem !important; } + .d-print-table-cell { + display: table-cell !important; + } - .ml-md-n3, - .mx-md-n3 { - margin-left: -1rem !important; } + .d-print-flex { + display: flex !important; + } - .m-md-n4 { - margin: -1.5rem !important; } + .d-print-inline-flex { + display: inline-flex !important; + } +} - .mt-md-n4, - .my-md-n4 { - margin-top: -1.5rem !important; } +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} - .mr-md-n4, - .mx-md-n4 { - margin-right: -1.5rem !important; } +.embed-responsive::before { + display: block; + content: ""; +} - .mb-md-n4, - .my-md-n4 { - margin-bottom: -1.5rem !important; } +.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; +} - .ml-md-n4, - .mx-md-n4 { - margin-left: -1.5rem !important; } +.embed-responsive-21by9::before { + padding-top: 42.8571428571%; +} - .m-md-n5 { - margin: -3rem !important; } +.embed-responsive-16by9::before { + padding-top: 56.25%; +} - .mt-md-n5, - .my-md-n5 { - margin-top: -3rem !important; } +.embed-responsive-4by3::before { + padding-top: 75%; +} - .mr-md-n5, - .mx-md-n5 { - margin-right: -3rem !important; } +.embed-responsive-1by1::before { + padding-top: 100%; +} - .mb-md-n5, - .my-md-n5 { - margin-bottom: -3rem !important; } +.flex-row { + flex-direction: row !important; +} - .ml-md-n5, - .mx-md-n5 { - margin-left: -3rem !important; } +.flex-column { + flex-direction: column !important; +} - .m-md-auto { - margin: auto !important; } +.flex-row-reverse { + flex-direction: row-reverse !important; +} - .mt-md-auto, - .my-md-auto { - margin-top: auto !important; } +.flex-column-reverse { + flex-direction: column-reverse !important; +} - .mr-md-auto, - .mx-md-auto { - margin-right: auto !important; } +.flex-wrap { + flex-wrap: wrap !important; +} - .mb-md-auto, - .my-md-auto { - margin-bottom: auto !important; } +.flex-nowrap { + flex-wrap: nowrap !important; +} - .ml-md-auto, - .mx-md-auto { - margin-left: auto !important; } } -@media (min-width: 992px) { - .m-lg-0 { - margin: 0 !important; } +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} - .mt-lg-0, - .my-lg-0 { - margin-top: 0 !important; } +.flex-fill { + flex: 1 1 auto !important; +} - .mr-lg-0, - .mx-lg-0 { - margin-right: 0 !important; } +.flex-grow-0 { + flex-grow: 0 !important; +} - .mb-lg-0, - .my-lg-0 { - margin-bottom: 0 !important; } +.flex-grow-1 { + flex-grow: 1 !important; +} - .ml-lg-0, - .mx-lg-0 { - margin-left: 0 !important; } +.flex-shrink-0 { + flex-shrink: 0 !important; +} - .m-lg-1 { - margin: 0.25rem !important; } +.flex-shrink-1 { + flex-shrink: 1 !important; +} - .mt-lg-1, - .my-lg-1 { - margin-top: 0.25rem !important; } +.justify-content-start { + justify-content: flex-start !important; +} - .mr-lg-1, - .mx-lg-1 { - margin-right: 0.25rem !important; } +.justify-content-end { + justify-content: flex-end !important; +} - .mb-lg-1, - .my-lg-1 { - margin-bottom: 0.25rem !important; } +.justify-content-center { + justify-content: center !important; +} - .ml-lg-1, - .mx-lg-1 { - margin-left: 0.25rem !important; } +.justify-content-between { + justify-content: space-between !important; +} - .m-lg-2 { - margin: 0.5rem !important; } +.justify-content-around { + justify-content: space-around !important; +} - .mt-lg-2, - .my-lg-2 { - margin-top: 0.5rem !important; } +.align-items-start { + align-items: flex-start !important; +} - .mr-lg-2, - .mx-lg-2 { - margin-right: 0.5rem !important; } +.align-items-end { + align-items: flex-end !important; +} - .mb-lg-2, - .my-lg-2 { - margin-bottom: 0.5rem !important; } +.align-items-center { + align-items: center !important; +} - .ml-lg-2, - .mx-lg-2 { - margin-left: 0.5rem !important; } +.align-items-baseline { + align-items: baseline !important; +} - .m-lg-3 { - margin: 1rem !important; } +.align-items-stretch { + align-items: stretch !important; +} - .mt-lg-3, - .my-lg-3 { - margin-top: 1rem !important; } +.align-content-start { + align-content: flex-start !important; +} - .mr-lg-3, - .mx-lg-3 { - margin-right: 1rem !important; } +.align-content-end { + align-content: flex-end !important; +} - .mb-lg-3, - .my-lg-3 { - margin-bottom: 1rem !important; } +.align-content-center { + align-content: center !important; +} - .ml-lg-3, - .mx-lg-3 { - margin-left: 1rem !important; } +.align-content-between { + align-content: space-between !important; +} - .m-lg-4 { - margin: 1.5rem !important; } +.align-content-around { + align-content: space-around !important; +} - .mt-lg-4, - .my-lg-4 { - margin-top: 1.5rem !important; } +.align-content-stretch { + align-content: stretch !important; +} - .mr-lg-4, - .mx-lg-4 { - margin-right: 1.5rem !important; } +.align-self-auto { + align-self: auto !important; +} - .mb-lg-4, - .my-lg-4 { - margin-bottom: 1.5rem !important; } +.align-self-start { + align-self: flex-start !important; +} - .ml-lg-4, - .mx-lg-4 { - margin-left: 1.5rem !important; } +.align-self-end { + align-self: flex-end !important; +} - .m-lg-5 { - margin: 3rem !important; } +.align-self-center { + align-self: center !important; +} - .mt-lg-5, - .my-lg-5 { - margin-top: 3rem !important; } +.align-self-baseline { + align-self: baseline !important; +} - .mr-lg-5, - .mx-lg-5 { - margin-right: 3rem !important; } +.align-self-stretch { + align-self: stretch !important; +} - .mb-lg-5, - .my-lg-5 { - margin-bottom: 3rem !important; } +@media (min-width: 576px) { + .flex-sm-row { + flex-direction: row !important; + } - .ml-lg-5, - .mx-lg-5 { - margin-left: 3rem !important; } + .flex-sm-column { + flex-direction: column !important; + } - .p-lg-0 { - padding: 0 !important; } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } - .pt-lg-0, - .py-lg-0 { - padding-top: 0 !important; } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } - .pr-lg-0, - .px-lg-0 { - padding-right: 0 !important; } + .flex-sm-wrap { + flex-wrap: wrap !important; + } - .pb-lg-0, - .py-lg-0 { - padding-bottom: 0 !important; } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } - .pl-lg-0, - .px-lg-0 { - padding-left: 0 !important; } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } - .p-lg-1 { - padding: 0.25rem !important; } + .flex-sm-fill { + flex: 1 1 auto !important; + } - .pt-lg-1, - .py-lg-1 { - padding-top: 0.25rem !important; } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } - .pr-lg-1, - .px-lg-1 { - padding-right: 0.25rem !important; } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } - .pb-lg-1, - .py-lg-1 { - padding-bottom: 0.25rem !important; } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } - .pl-lg-1, - .px-lg-1 { - padding-left: 0.25rem !important; } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } - .p-lg-2 { - padding: 0.5rem !important; } + .justify-content-sm-start { + justify-content: flex-start !important; + } - .pt-lg-2, - .py-lg-2 { - padding-top: 0.5rem !important; } + .justify-content-sm-end { + justify-content: flex-end !important; + } - .pr-lg-2, - .px-lg-2 { - padding-right: 0.5rem !important; } + .justify-content-sm-center { + justify-content: center !important; + } - .pb-lg-2, - .py-lg-2 { - padding-bottom: 0.5rem !important; } + .justify-content-sm-between { + justify-content: space-between !important; + } - .pl-lg-2, - .px-lg-2 { - padding-left: 0.5rem !important; } + .justify-content-sm-around { + justify-content: space-around !important; + } - .p-lg-3 { - padding: 1rem !important; } + .align-items-sm-start { + align-items: flex-start !important; + } - .pt-lg-3, - .py-lg-3 { - padding-top: 1rem !important; } + .align-items-sm-end { + align-items: flex-end !important; + } - .pr-lg-3, - .px-lg-3 { - padding-right: 1rem !important; } + .align-items-sm-center { + align-items: center !important; + } - .pb-lg-3, - .py-lg-3 { - padding-bottom: 1rem !important; } + .align-items-sm-baseline { + align-items: baseline !important; + } - .pl-lg-3, - .px-lg-3 { - padding-left: 1rem !important; } + .align-items-sm-stretch { + align-items: stretch !important; + } - .p-lg-4 { - padding: 1.5rem !important; } + .align-content-sm-start { + align-content: flex-start !important; + } - .pt-lg-4, - .py-lg-4 { - padding-top: 1.5rem !important; } + .align-content-sm-end { + align-content: flex-end !important; + } - .pr-lg-4, - .px-lg-4 { - padding-right: 1.5rem !important; } + .align-content-sm-center { + align-content: center !important; + } - .pb-lg-4, - .py-lg-4 { - padding-bottom: 1.5rem !important; } + .align-content-sm-between { + align-content: space-between !important; + } - .pl-lg-4, - .px-lg-4 { - padding-left: 1.5rem !important; } + .align-content-sm-around { + align-content: space-around !important; + } - .p-lg-5 { - padding: 3rem !important; } + .align-content-sm-stretch { + align-content: stretch !important; + } - .pt-lg-5, - .py-lg-5 { - padding-top: 3rem !important; } + .align-self-sm-auto { + align-self: auto !important; + } - .pr-lg-5, - .px-lg-5 { - padding-right: 3rem !important; } + .align-self-sm-start { + align-self: flex-start !important; + } - .pb-lg-5, - .py-lg-5 { - padding-bottom: 3rem !important; } + .align-self-sm-end { + align-self: flex-end !important; + } - .pl-lg-5, - .px-lg-5 { - padding-left: 3rem !important; } + .align-self-sm-center { + align-self: center !important; + } - .m-lg-n1 { - margin: -0.25rem !important; } + .align-self-sm-baseline { + align-self: baseline !important; + } - .mt-lg-n1, - .my-lg-n1 { - margin-top: -0.25rem !important; } + .align-self-sm-stretch { + align-self: stretch !important; + } +} - .mr-lg-n1, - .mx-lg-n1 { - margin-right: -0.25rem !important; } +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; + } - .mb-lg-n1, - .my-lg-n1 { - margin-bottom: -0.25rem !important; } + .flex-md-column { + flex-direction: column !important; + } - .ml-lg-n1, - .mx-lg-n1 { - margin-left: -0.25rem !important; } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } - .m-lg-n2 { - margin: -0.5rem !important; } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } - .mt-lg-n2, - .my-lg-n2 { - margin-top: -0.5rem !important; } + .flex-md-wrap { + flex-wrap: wrap !important; + } - .mr-lg-n2, - .mx-lg-n2 { - margin-right: -0.5rem !important; } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } - .mb-lg-n2, - .my-lg-n2 { - margin-bottom: -0.5rem !important; } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } - .ml-lg-n2, - .mx-lg-n2 { - margin-left: -0.5rem !important; } + .flex-md-fill { + flex: 1 1 auto !important; + } - .m-lg-n3 { - margin: -1rem !important; } + .flex-md-grow-0 { + flex-grow: 0 !important; + } - .mt-lg-n3, - .my-lg-n3 { - margin-top: -1rem !important; } + .flex-md-grow-1 { + flex-grow: 1 !important; + } - .mr-lg-n3, - .mx-lg-n3 { - margin-right: -1rem !important; } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } - .mb-lg-n3, - .my-lg-n3 { - margin-bottom: -1rem !important; } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } - .ml-lg-n3, - .mx-lg-n3 { - margin-left: -1rem !important; } + .justify-content-md-start { + justify-content: flex-start !important; + } - .m-lg-n4 { - margin: -1.5rem !important; } + .justify-content-md-end { + justify-content: flex-end !important; + } - .mt-lg-n4, - .my-lg-n4 { - margin-top: -1.5rem !important; } + .justify-content-md-center { + justify-content: center !important; + } - .mr-lg-n4, - .mx-lg-n4 { - margin-right: -1.5rem !important; } + .justify-content-md-between { + justify-content: space-between !important; + } - .mb-lg-n4, - .my-lg-n4 { - margin-bottom: -1.5rem !important; } + .justify-content-md-around { + justify-content: space-around !important; + } - .ml-lg-n4, - .mx-lg-n4 { - margin-left: -1.5rem !important; } + .align-items-md-start { + align-items: flex-start !important; + } - .m-lg-n5 { - margin: -3rem !important; } + .align-items-md-end { + align-items: flex-end !important; + } - .mt-lg-n5, - .my-lg-n5 { - margin-top: -3rem !important; } + .align-items-md-center { + align-items: center !important; + } - .mr-lg-n5, - .mx-lg-n5 { - margin-right: -3rem !important; } + .align-items-md-baseline { + align-items: baseline !important; + } - .mb-lg-n5, - .my-lg-n5 { - margin-bottom: -3rem !important; } + .align-items-md-stretch { + align-items: stretch !important; + } - .ml-lg-n5, - .mx-lg-n5 { - margin-left: -3rem !important; } + .align-content-md-start { + align-content: flex-start !important; + } - .m-lg-auto { - margin: auto !important; } + .align-content-md-end { + align-content: flex-end !important; + } - .mt-lg-auto, - .my-lg-auto { - margin-top: auto !important; } + .align-content-md-center { + align-content: center !important; + } - .mr-lg-auto, - .mx-lg-auto { - margin-right: auto !important; } + .align-content-md-between { + align-content: space-between !important; + } - .mb-lg-auto, - .my-lg-auto { - margin-bottom: auto !important; } + .align-content-md-around { + align-content: space-around !important; + } - .ml-lg-auto, - .mx-lg-auto { - margin-left: auto !important; } } -@media (min-width: 1200px) { - .m-xl-0 { - margin: 0 !important; } + .align-content-md-stretch { + align-content: stretch !important; + } - .mt-xl-0, - .my-xl-0 { - margin-top: 0 !important; } + .align-self-md-auto { + align-self: auto !important; + } - .mr-xl-0, - .mx-xl-0 { - margin-right: 0 !important; } + .align-self-md-start { + align-self: flex-start !important; + } - .mb-xl-0, - .my-xl-0 { - margin-bottom: 0 !important; } + .align-self-md-end { + align-self: flex-end !important; + } - .ml-xl-0, - .mx-xl-0 { - margin-left: 0 !important; } + .align-self-md-center { + align-self: center !important; + } - .m-xl-1 { - margin: 0.25rem !important; } + .align-self-md-baseline { + align-self: baseline !important; + } - .mt-xl-1, - .my-xl-1 { - margin-top: 0.25rem !important; } + .align-self-md-stretch { + align-self: stretch !important; + } +} - .mr-xl-1, - .mx-xl-1 { - margin-right: 0.25rem !important; } +@media (min-width: 992px) { + .flex-lg-row { + flex-direction: row !important; + } - .mb-xl-1, - .my-xl-1 { - margin-bottom: 0.25rem !important; } + .flex-lg-column { + flex-direction: column !important; + } - .ml-xl-1, - .mx-xl-1 { - margin-left: 0.25rem !important; } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } - .m-xl-2 { - margin: 0.5rem !important; } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } - .mt-xl-2, - .my-xl-2 { - margin-top: 0.5rem !important; } + .flex-lg-wrap { + flex-wrap: wrap !important; + } - .mr-xl-2, - .mx-xl-2 { - margin-right: 0.5rem !important; } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } - .mb-xl-2, - .my-xl-2 { - margin-bottom: 0.5rem !important; } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } - .ml-xl-2, - .mx-xl-2 { - margin-left: 0.5rem !important; } + .flex-lg-fill { + flex: 1 1 auto !important; + } - .m-xl-3 { - margin: 1rem !important; } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } - .mt-xl-3, - .my-xl-3 { - margin-top: 1rem !important; } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } - .mr-xl-3, - .mx-xl-3 { - margin-right: 1rem !important; } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } - .mb-xl-3, - .my-xl-3 { - margin-bottom: 1rem !important; } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } - .ml-xl-3, - .mx-xl-3 { - margin-left: 1rem !important; } + .justify-content-lg-start { + justify-content: flex-start !important; + } - .m-xl-4 { - margin: 1.5rem !important; } + .justify-content-lg-end { + justify-content: flex-end !important; + } - .mt-xl-4, - .my-xl-4 { - margin-top: 1.5rem !important; } + .justify-content-lg-center { + justify-content: center !important; + } - .mr-xl-4, - .mx-xl-4 { - margin-right: 1.5rem !important; } + .justify-content-lg-between { + justify-content: space-between !important; + } - .mb-xl-4, - .my-xl-4 { - margin-bottom: 1.5rem !important; } + .justify-content-lg-around { + justify-content: space-around !important; + } - .ml-xl-4, - .mx-xl-4 { - margin-left: 1.5rem !important; } + .align-items-lg-start { + align-items: flex-start !important; + } - .m-xl-5 { - margin: 3rem !important; } + .align-items-lg-end { + align-items: flex-end !important; + } - .mt-xl-5, - .my-xl-5 { - margin-top: 3rem !important; } + .align-items-lg-center { + align-items: center !important; + } - .mr-xl-5, - .mx-xl-5 { - margin-right: 3rem !important; } + .align-items-lg-baseline { + align-items: baseline !important; + } - .mb-xl-5, - .my-xl-5 { - margin-bottom: 3rem !important; } + .align-items-lg-stretch { + align-items: stretch !important; + } - .ml-xl-5, - .mx-xl-5 { - margin-left: 3rem !important; } + .align-content-lg-start { + align-content: flex-start !important; + } - .p-xl-0 { - padding: 0 !important; } + .align-content-lg-end { + align-content: flex-end !important; + } - .pt-xl-0, - .py-xl-0 { - padding-top: 0 !important; } + .align-content-lg-center { + align-content: center !important; + } - .pr-xl-0, - .px-xl-0 { - padding-right: 0 !important; } + .align-content-lg-between { + align-content: space-between !important; + } - .pb-xl-0, - .py-xl-0 { - padding-bottom: 0 !important; } + .align-content-lg-around { + align-content: space-around !important; + } - .pl-xl-0, - .px-xl-0 { - padding-left: 0 !important; } + .align-content-lg-stretch { + align-content: stretch !important; + } - .p-xl-1 { - padding: 0.25rem !important; } + .align-self-lg-auto { + align-self: auto !important; + } - .pt-xl-1, - .py-xl-1 { - padding-top: 0.25rem !important; } + .align-self-lg-start { + align-self: flex-start !important; + } - .pr-xl-1, - .px-xl-1 { - padding-right: 0.25rem !important; } + .align-self-lg-end { + align-self: flex-end !important; + } - .pb-xl-1, - .py-xl-1 { - padding-bottom: 0.25rem !important; } + .align-self-lg-center { + align-self: center !important; + } - .pl-xl-1, - .px-xl-1 { - padding-left: 0.25rem !important; } + .align-self-lg-baseline { + align-self: baseline !important; + } - .p-xl-2 { - padding: 0.5rem !important; } + .align-self-lg-stretch { + align-self: stretch !important; + } +} - .pt-xl-2, - .py-xl-2 { - padding-top: 0.5rem !important; } +@media (min-width: 1200px) { + .flex-xl-row { + flex-direction: row !important; + } - .pr-xl-2, - .px-xl-2 { - padding-right: 0.5rem !important; } + .flex-xl-column { + flex-direction: column !important; + } - .pb-xl-2, - .py-xl-2 { - padding-bottom: 0.5rem !important; } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } - .pl-xl-2, - .px-xl-2 { - padding-left: 0.5rem !important; } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } - .p-xl-3 { - padding: 1rem !important; } + .flex-xl-wrap { + flex-wrap: wrap !important; + } - .pt-xl-3, - .py-xl-3 { - padding-top: 1rem !important; } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } - .pr-xl-3, - .px-xl-3 { - padding-right: 1rem !important; } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } - .pb-xl-3, - .py-xl-3 { - padding-bottom: 1rem !important; } + .flex-xl-fill { + flex: 1 1 auto !important; + } - .pl-xl-3, - .px-xl-3 { - padding-left: 1rem !important; } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } - .p-xl-4 { - padding: 1.5rem !important; } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } - .pt-xl-4, - .py-xl-4 { - padding-top: 1.5rem !important; } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } - .pr-xl-4, - .px-xl-4 { - padding-right: 1.5rem !important; } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } - .pb-xl-4, - .py-xl-4 { - padding-bottom: 1.5rem !important; } + .justify-content-xl-start { + justify-content: flex-start !important; + } - .pl-xl-4, - .px-xl-4 { - padding-left: 1.5rem !important; } + .justify-content-xl-end { + justify-content: flex-end !important; + } - .p-xl-5 { - padding: 3rem !important; } + .justify-content-xl-center { + justify-content: center !important; + } - .pt-xl-5, - .py-xl-5 { - padding-top: 3rem !important; } + .justify-content-xl-between { + justify-content: space-between !important; + } - .pr-xl-5, - .px-xl-5 { - padding-right: 3rem !important; } + .justify-content-xl-around { + justify-content: space-around !important; + } - .pb-xl-5, - .py-xl-5 { - padding-bottom: 3rem !important; } + .align-items-xl-start { + align-items: flex-start !important; + } - .pl-xl-5, - .px-xl-5 { - padding-left: 3rem !important; } + .align-items-xl-end { + align-items: flex-end !important; + } - .m-xl-n1 { - margin: -0.25rem !important; } + .align-items-xl-center { + align-items: center !important; + } - .mt-xl-n1, - .my-xl-n1 { - margin-top: -0.25rem !important; } + .align-items-xl-baseline { + align-items: baseline !important; + } - .mr-xl-n1, - .mx-xl-n1 { - margin-right: -0.25rem !important; } + .align-items-xl-stretch { + align-items: stretch !important; + } - .mb-xl-n1, - .my-xl-n1 { - margin-bottom: -0.25rem !important; } + .align-content-xl-start { + align-content: flex-start !important; + } - .ml-xl-n1, - .mx-xl-n1 { - margin-left: -0.25rem !important; } + .align-content-xl-end { + align-content: flex-end !important; + } - .m-xl-n2 { - margin: -0.5rem !important; } + .align-content-xl-center { + align-content: center !important; + } - .mt-xl-n2, - .my-xl-n2 { - margin-top: -0.5rem !important; } + .align-content-xl-between { + align-content: space-between !important; + } - .mr-xl-n2, - .mx-xl-n2 { - margin-right: -0.5rem !important; } + .align-content-xl-around { + align-content: space-around !important; + } - .mb-xl-n2, - .my-xl-n2 { - margin-bottom: -0.5rem !important; } + .align-content-xl-stretch { + align-content: stretch !important; + } - .ml-xl-n2, - .mx-xl-n2 { - margin-left: -0.5rem !important; } + .align-self-xl-auto { + align-self: auto !important; + } - .m-xl-n3 { - margin: -1rem !important; } + .align-self-xl-start { + align-self: flex-start !important; + } - .mt-xl-n3, - .my-xl-n3 { - margin-top: -1rem !important; } + .align-self-xl-end { + align-self: flex-end !important; + } - .mr-xl-n3, - .mx-xl-n3 { - margin-right: -1rem !important; } + .align-self-xl-center { + align-self: center !important; + } - .mb-xl-n3, - .my-xl-n3 { - margin-bottom: -1rem !important; } + .align-self-xl-baseline { + align-self: baseline !important; + } - .ml-xl-n3, - .mx-xl-n3 { - margin-left: -1rem !important; } + .align-self-xl-stretch { + align-self: stretch !important; + } +} - .m-xl-n4 { - margin: -1.5rem !important; } +@media (min-width: 1440) { + .flex-xxl-row { + flex-direction: row !important; + } - .mt-xl-n4, - .my-xl-n4 { - margin-top: -1.5rem !important; } + .flex-xxl-column { + flex-direction: column !important; + } - .mr-xl-n4, - .mx-xl-n4 { - margin-right: -1.5rem !important; } + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; + } - .mb-xl-n4, - .my-xl-n4 { - margin-bottom: -1.5rem !important; } + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; + } - .ml-xl-n4, - .mx-xl-n4 { - margin-left: -1.5rem !important; } + .flex-xxl-wrap { + flex-wrap: wrap !important; + } - .m-xl-n5 { - margin: -3rem !important; } + .flex-xxl-nowrap { + flex-wrap: nowrap !important; + } - .mt-xl-n5, - .my-xl-n5 { - margin-top: -3rem !important; } + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } - .mr-xl-n5, - .mx-xl-n5 { - margin-right: -3rem !important; } + .flex-xxl-fill { + flex: 1 1 auto !important; + } - .mb-xl-n5, - .my-xl-n5 { - margin-bottom: -3rem !important; } + .flex-xxl-grow-0 { + flex-grow: 0 !important; + } - .ml-xl-n5, - .mx-xl-n5 { - margin-left: -3rem !important; } + .flex-xxl-grow-1 { + flex-grow: 1 !important; + } - .m-xl-auto { - margin: auto !important; } + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; + } - .mt-xl-auto, - .my-xl-auto { - margin-top: auto !important; } + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; + } - .mr-xl-auto, - .mx-xl-auto { - margin-right: auto !important; } + .justify-content-xxl-start { + justify-content: flex-start !important; + } - .mb-xl-auto, - .my-xl-auto { - margin-bottom: auto !important; } + .justify-content-xxl-end { + justify-content: flex-end !important; + } - .ml-xl-auto, - .mx-xl-auto { - margin-left: auto !important; } } -@media (min-width: 1440) { - .m-xxl-0 { - margin: 0 !important; } + .justify-content-xxl-center { + justify-content: center !important; + } - .mt-xxl-0, - .my-xxl-0 { - margin-top: 0 !important; } + .justify-content-xxl-between { + justify-content: space-between !important; + } - .mr-xxl-0, - .mx-xxl-0 { - margin-right: 0 !important; } + .justify-content-xxl-around { + justify-content: space-around !important; + } - .mb-xxl-0, - .my-xxl-0 { - margin-bottom: 0 !important; } + .align-items-xxl-start { + align-items: flex-start !important; + } - .ml-xxl-0, - .mx-xxl-0 { - margin-left: 0 !important; } + .align-items-xxl-end { + align-items: flex-end !important; + } - .m-xxl-1 { - margin: 0.25rem !important; } + .align-items-xxl-center { + align-items: center !important; + } - .mt-xxl-1, - .my-xxl-1 { - margin-top: 0.25rem !important; } + .align-items-xxl-baseline { + align-items: baseline !important; + } - .mr-xxl-1, - .mx-xxl-1 { - margin-right: 0.25rem !important; } + .align-items-xxl-stretch { + align-items: stretch !important; + } - .mb-xxl-1, - .my-xxl-1 { - margin-bottom: 0.25rem !important; } + .align-content-xxl-start { + align-content: flex-start !important; + } - .ml-xxl-1, - .mx-xxl-1 { - margin-left: 0.25rem !important; } + .align-content-xxl-end { + align-content: flex-end !important; + } - .m-xxl-2 { - margin: 0.5rem !important; } + .align-content-xxl-center { + align-content: center !important; + } - .mt-xxl-2, - .my-xxl-2 { - margin-top: 0.5rem !important; } + .align-content-xxl-between { + align-content: space-between !important; + } - .mr-xxl-2, - .mx-xxl-2 { - margin-right: 0.5rem !important; } + .align-content-xxl-around { + align-content: space-around !important; + } - .mb-xxl-2, - .my-xxl-2 { - margin-bottom: 0.5rem !important; } + .align-content-xxl-stretch { + align-content: stretch !important; + } - .ml-xxl-2, - .mx-xxl-2 { - margin-left: 0.5rem !important; } + .align-self-xxl-auto { + align-self: auto !important; + } - .m-xxl-3 { - margin: 1rem !important; } + .align-self-xxl-start { + align-self: flex-start !important; + } - .mt-xxl-3, - .my-xxl-3 { - margin-top: 1rem !important; } + .align-self-xxl-end { + align-self: flex-end !important; + } - .mr-xxl-3, - .mx-xxl-3 { - margin-right: 1rem !important; } + .align-self-xxl-center { + align-self: center !important; + } - .mb-xxl-3, - .my-xxl-3 { - margin-bottom: 1rem !important; } + .align-self-xxl-baseline { + align-self: baseline !important; + } - .ml-xxl-3, - .mx-xxl-3 { - margin-left: 1rem !important; } + .align-self-xxl-stretch { + align-self: stretch !important; + } +} - .m-xxl-4 { - margin: 1.5rem !important; } +.float-left { + float: left !important; +} - .mt-xxl-4, - .my-xxl-4 { - margin-top: 1.5rem !important; } +.float-right { + float: right !important; +} - .mr-xxl-4, - .mx-xxl-4 { - margin-right: 1.5rem !important; } +.float-none { + float: none !important; +} - .mb-xxl-4, - .my-xxl-4 { - margin-bottom: 1.5rem !important; } +@media (min-width: 576px) { + .float-sm-left { + float: left !important; + } - .ml-xxl-4, - .mx-xxl-4 { - margin-left: 1.5rem !important; } + .float-sm-right { + float: right !important; + } - .m-xxl-5 { - margin: 3rem !important; } + .float-sm-none { + float: none !important; + } +} - .mt-xxl-5, - .my-xxl-5 { - margin-top: 3rem !important; } +@media (min-width: 768px) { + .float-md-left { + float: left !important; + } - .mr-xxl-5, - .mx-xxl-5 { - margin-right: 3rem !important; } + .float-md-right { + float: right !important; + } - .mb-xxl-5, - .my-xxl-5 { - margin-bottom: 3rem !important; } + .float-md-none { + float: none !important; + } +} - .ml-xxl-5, - .mx-xxl-5 { - margin-left: 3rem !important; } +@media (min-width: 992px) { + .float-lg-left { + float: left !important; + } - .p-xxl-0 { - padding: 0 !important; } + .float-lg-right { + float: right !important; + } - .pt-xxl-0, - .py-xxl-0 { - padding-top: 0 !important; } + .float-lg-none { + float: none !important; + } +} - .pr-xxl-0, - .px-xxl-0 { - padding-right: 0 !important; } +@media (min-width: 1200px) { + .float-xl-left { + float: left !important; + } - .pb-xxl-0, - .py-xxl-0 { - padding-bottom: 0 !important; } + .float-xl-right { + float: right !important; + } - .pl-xxl-0, - .px-xxl-0 { - padding-left: 0 !important; } + .float-xl-none { + float: none !important; + } +} - .p-xxl-1 { - padding: 0.25rem !important; } +@media (min-width: 1440) { + .float-xxl-left { + float: left !important; + } - .pt-xxl-1, - .py-xxl-1 { - padding-top: 0.25rem !important; } + .float-xxl-right { + float: right !important; + } - .pr-xxl-1, - .px-xxl-1 { - padding-right: 0.25rem !important; } + .float-xxl-none { + float: none !important; + } +} - .pb-xxl-1, - .py-xxl-1 { - padding-bottom: 0.25rem !important; } +.user-select-all { + user-select: all !important; +} - .pl-xxl-1, - .px-xxl-1 { - padding-left: 0.25rem !important; } +.user-select-auto { + user-select: auto !important; +} - .p-xxl-2 { - padding: 0.5rem !important; } +.user-select-none { + user-select: none !important; +} - .pt-xxl-2, - .py-xxl-2 { - padding-top: 0.5rem !important; } +.overflow-auto { + overflow: auto !important; +} - .pr-xxl-2, - .px-xxl-2 { - padding-right: 0.5rem !important; } +.overflow-hidden { + overflow: hidden !important; +} - .pb-xxl-2, - .py-xxl-2 { - padding-bottom: 0.5rem !important; } +.position-static { + position: static !important; +} - .pl-xxl-2, - .px-xxl-2 { - padding-left: 0.5rem !important; } +.position-relative { + position: relative !important; +} - .p-xxl-3 { - padding: 1rem !important; } +.position-absolute { + position: absolute !important; +} - .pt-xxl-3, - .py-xxl-3 { - padding-top: 1rem !important; } +.position-fixed { + position: fixed !important; +} - .pr-xxl-3, - .px-xxl-3 { - padding-right: 1rem !important; } +.position-sticky { + position: sticky !important; +} - .pb-xxl-3, - .py-xxl-3 { - padding-bottom: 1rem !important; } +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} - .pl-xxl-3, - .px-xxl-3 { - padding-left: 1rem !important; } +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} - .p-xxl-4 { - padding: 1.5rem !important; } +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } +} - .pt-xxl-4, - .py-xxl-4 { - padding-top: 1.5rem !important; } +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} - .pr-xxl-4, - .px-xxl-4 { - padding-right: 1.5rem !important; } +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + overflow: visible; + clip: auto; + white-space: normal; +} - .pb-xxl-4, - .py-xxl-4 { - padding-bottom: 1.5rem !important; } +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} - .pl-xxl-4, - .px-xxl-4 { - padding-left: 1.5rem !important; } +.shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; +} - .p-xxl-5 { - padding: 3rem !important; } +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; +} - .pt-xxl-5, - .py-xxl-5 { - padding-top: 3rem !important; } +.shadow-none { + box-shadow: none !important; +} - .pr-xxl-5, - .px-xxl-5 { - padding-right: 3rem !important; } +.w-25 { + width: 25% !important; +} - .pb-xxl-5, - .py-xxl-5 { - padding-bottom: 3rem !important; } +.w-50 { + width: 50% !important; +} - .pl-xxl-5, - .px-xxl-5 { - padding-left: 3rem !important; } +.w-75 { + width: 75% !important; +} - .m-xxl-n1 { - margin: -0.25rem !important; } +.w-100 { + width: 100% !important; +} - .mt-xxl-n1, - .my-xxl-n1 { - margin-top: -0.25rem !important; } +.w-auto { + width: auto !important; +} - .mr-xxl-n1, - .mx-xxl-n1 { - margin-right: -0.25rem !important; } +.h-25 { + height: 25% !important; +} - .mb-xxl-n1, - .my-xxl-n1 { - margin-bottom: -0.25rem !important; } +.h-50 { + height: 50% !important; +} - .ml-xxl-n1, - .mx-xxl-n1 { - margin-left: -0.25rem !important; } +.h-75 { + height: 75% !important; +} - .m-xxl-n2 { - margin: -0.5rem !important; } +.h-100 { + height: 100% !important; +} - .mt-xxl-n2, - .my-xxl-n2 { - margin-top: -0.5rem !important; } +.h-auto { + height: auto !important; +} - .mr-xxl-n2, - .mx-xxl-n2 { - margin-right: -0.5rem !important; } +.mw-100 { + max-width: 100% !important; +} - .mb-xxl-n2, - .my-xxl-n2 { - margin-bottom: -0.5rem !important; } +.mh-100 { + max-height: 100% !important; +} - .ml-xxl-n2, - .mx-xxl-n2 { - margin-left: -0.5rem !important; } +.min-vw-100 { + min-width: 100vw !important; +} - .m-xxl-n3 { - margin: -1rem !important; } +.min-vh-100 { + min-height: 100vh !important; +} - .mt-xxl-n3, - .my-xxl-n3 { - margin-top: -1rem !important; } +.vw-100 { + width: 100vw !important; +} - .mr-xxl-n3, - .mx-xxl-n3 { - margin-right: -1rem !important; } +.vh-100 { + height: 100vh !important; +} - .mb-xxl-n3, - .my-xxl-n3 { - margin-bottom: -1rem !important; } +.m-0 { + margin: 0 !important; +} - .ml-xxl-n3, - .mx-xxl-n3 { - margin-left: -1rem !important; } +.mt-0, +.my-0 { + margin-top: 0 !important; +} - .m-xxl-n4 { - margin: -1.5rem !important; } +.mr-0, +.mx-0 { + margin-right: 0 !important; +} - .mt-xxl-n4, - .my-xxl-n4 { - margin-top: -1.5rem !important; } - - .mr-xxl-n4, - .mx-xxl-n4 { - margin-right: -1.5rem !important; } +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} - .mb-xxl-n4, - .my-xxl-n4 { - margin-bottom: -1.5rem !important; } +.ml-0, +.mx-0 { + margin-left: 0 !important; +} - .ml-xxl-n4, - .mx-xxl-n4 { - margin-left: -1.5rem !important; } +.m-1 { + margin: 0.25rem !important; +} - .m-xxl-n5 { - margin: -3rem !important; } +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} - .mt-xxl-n5, - .my-xxl-n5 { - margin-top: -3rem !important; } +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} - .mr-xxl-n5, - .mx-xxl-n5 { - margin-right: -3rem !important; } +.mb-1, +.my-1 { + margin-bottom: 0.25rem !important; +} - .mb-xxl-n5, - .my-xxl-n5 { - margin-bottom: -3rem !important; } +.ml-1, +.mx-1 { + margin-left: 0.25rem !important; +} - .ml-xxl-n5, - .mx-xxl-n5 { - margin-left: -3rem !important; } +.m-2 { + margin: 0.5rem !important; +} - .m-xxl-auto { - margin: auto !important; } +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} - .mt-xxl-auto, - .my-xxl-auto { - margin-top: auto !important; } +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} - .mr-xxl-auto, - .mx-xxl-auto { - margin-right: auto !important; } +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} - .mb-xxl-auto, - .my-xxl-auto { - margin-bottom: auto !important; } +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} - .ml-xxl-auto, - .mx-xxl-auto { - margin-left: auto !important; } } -.stretched-link::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - pointer-events: auto; - content: ""; - background-color: rgba(0, 0, 0, 0); } +.m-3 { + margin: 1rem !important; +} -.text-monospace { - font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } +.mt-3, +.my-3 { + margin-top: 1rem !important; +} -.text-justify { - text-align: justify !important; } +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} -.text-wrap { - white-space: normal !important; } +.mb-3, +.my-3 { + margin-bottom: 1rem !important; +} -.text-nowrap { - white-space: nowrap !important; } +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} -.text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; } +.m-4 { + margin: 1.5rem !important; +} -.text-left { - text-align: left !important; } +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} -.text-right { - text-align: right !important; } +.mr-4, +.mx-4 { + margin-right: 1.5rem !important; +} -.text-center { - text-align: center !important; } +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} -@media (min-width: 576px) { - .text-sm-left { - text-align: left !important; } +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} - .text-sm-right { - text-align: right !important; } +.m-5 { + margin: 3rem !important; +} - .text-sm-center { - text-align: center !important; } } -@media (min-width: 768px) { - .text-md-left { - text-align: left !important; } +.mt-5, +.my-5 { + margin-top: 3rem !important; +} - .text-md-right { - text-align: right !important; } +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} - .text-md-center { - text-align: center !important; } } -@media (min-width: 992px) { - .text-lg-left { - text-align: left !important; } +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} - .text-lg-right { - text-align: right !important; } +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} - .text-lg-center { - text-align: center !important; } } -@media (min-width: 1200px) { - .text-xl-left { - text-align: left !important; } +.p-0 { + padding: 0 !important; +} - .text-xl-right { - text-align: right !important; } +.pt-0, +.py-0 { + padding-top: 0 !important; +} - .text-xl-center { - text-align: center !important; } } -@media (min-width: 1440) { - .text-xxl-left { - text-align: left !important; } +.pr-0, +.px-0 { + padding-right: 0 !important; +} - .text-xxl-right { - text-align: right !important; } +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} - .text-xxl-center { - text-align: center !important; } } -.text-lowercase { - text-transform: lowercase !important; } +.pl-0, +.px-0 { + padding-left: 0 !important; +} -.text-uppercase { - text-transform: uppercase !important; } +.p-1 { + padding: 0.25rem !important; +} -.text-capitalize { - text-transform: capitalize !important; } +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} -.font-weight-light { - font-weight: 300 !important; } +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} -.font-weight-lighter { - font-weight: lighter !important; } +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} -.font-weight-normal { - font-weight: 400 !important; } +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} -.font-weight-bold { - font-weight: 700 !important; } +.p-2 { + padding: 0.5rem !important; +} -.font-weight-bolder { - font-weight: bolder !important; } +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} -.font-italic { - font-style: italic !important; } +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} -.text-white { - color: #fff !important; } +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} -.text-primary { - color: #40189D !important; } +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} -a.text-primary:hover, a.text-primary:focus { - color: #250e5b !important; } +.p-3 { + padding: 1rem !important; +} -.text-secondary { - color: #8BC740 !important; } +.pt-3, +.py-3 { + padding-top: 1rem !important; +} -a.text-secondary:hover, a.text-secondary:focus { - color: #63902a !important; } +.pr-3, +.px-3 { + padding-right: 1rem !important; +} -.text-success { - color: #1BD084 !important; } +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} -a.text-success:hover, a.text-success:focus { - color: #128c59 !important; } +.pl-3, +.px-3 { + padding-left: 1rem !important; +} -.text-info { - color: #48A9F8 !important; } +.p-4 { + padding: 1.5rem !important; +} -a.text-info:hover, a.text-info:focus { - color: #0985eb !important; } +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} -.text-warning { - color: #FE8024 !important; } +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} -a.text-warning:hover, a.text-warning:focus { - color: #d55a01 !important; } +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} -.text-danger { - color: #FF6746 !important; } +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} -a.text-danger:hover, a.text-danger:focus { - color: #f92c00 !important; } +.p-5 { + padding: 3rem !important; +} -.text-light { - color: #F4F5F9 !important; } +.pt-5, +.py-5 { + padding-top: 3rem !important; +} -a.text-light:hover, a.text-light:focus { - color: #c3c8de !important; } +.pr-5, +.px-5 { + padding-right: 3rem !important; +} -.text-dark { - color: #B1B1B1 !important; } +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} -a.text-dark:hover, a.text-dark:focus { - color: #8b8b8b !important; } +.pl-5, +.px-5 { + padding-left: 3rem !important; +} -.text-body { - color: #7e7e7e !important; } +.m-n1 { + margin: -0.25rem !important; +} -.text-muted { - color: #89879f !important; } +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} -.text-black-50 { - color: rgba(0, 0, 0, 0.5) !important; } +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} -.text-white-50 { - color: rgba(255, 255, 255, 0.5) !important; } +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; } +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} -.text-decoration-none { - text-decoration: none !important; } +.m-n2 { + margin: -0.5rem !important; +} -.text-break { - word-break: break-word !important; - word-wrap: break-word !important; } +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} -.text-reset { - color: inherit !important; } +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} -.visible { - visibility: visible !important; } +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} -.invisible { - visibility: hidden !important; } +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} -@media print { - *, - *::before, - *::after { - text-shadow: none !important; - box-shadow: none !important; } +.m-n3 { + margin: -1rem !important; +} - a:not(.btn) { - text-decoration: underline; } +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} - abbr[title]::after { - content: " (" attr(title) ")"; } +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} - pre { - white-space: pre-wrap !important; } +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} - pre, - blockquote { - border: 1px solid #adb5bd; - page-break-inside: avoid; } +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} - thead { - display: table-header-group; } +.m-n4 { + margin: -1.5rem !important; +} - tr, - img { - page-break-inside: avoid; } +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} - p, - h2, - h3 { - orphans: 3; - widows: 3; } +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} - h2, - h3 { - page-break-after: avoid; } +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} - @page { - size: a3; } - body { - min-width: 992px !important; } +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} - .container { - min-width: 992px !important; } +.m-n5 { + margin: -3rem !important; +} - .navbar { - display: none; } +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} - .badge { - border: 1px solid #000; } +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} - .table { - border-collapse: collapse !important; } - .table td, - .table th { - background-color: #fff !important; } +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} - .table-bordered th, - .table-bordered td { - border: 1px solid #dee2e6 !important; } +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} - .table-dark { - color: inherit; } - .table-dark th, - .table-dark td, - .table-dark thead th, - .table-dark tbody + tbody { - border-color: #EEEEEE; } +.m-auto { + margin: auto !important; +} - .table .thead-dark th { - color: inherit; - border-color: #EEEEEE; } } -.c-pointer { - cursor: pointer; } +.mt-auto, +.my-auto { + margin-top: auto !important; +} -* { - outline: none; - padding: 0; } - *::after { - margin: 0; - padding: 0; } - *::before { - margin: 0; - padding: 0; } +.mr-auto, +.mx-auto { + margin-right: auto !important; +} -::selection { - color: #fff; - background: var(--primary); } +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} -body { - overflow-x: hidden; - height: 100%; - position: relative; - max-width: 100%; - font-size: 1rem; } - @media only screen and (max-width: 991px) { - body { - font-size: 0.875rem; } } +.ml-auto, +.mx-auto { + margin-left: auto !important; +} -@media only screen and (max-width: 1400px) { - h2 { - font-size: 1.5rem; } } -p { - line-height: 1.8; } +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; + } -.box-shadow-none { - box-shadow: none !important; } + .mt-sm-0, + .my-sm-0 { + margin-top: 0 !important; + } -#main-wrapper { - opacity: 0; - transition: all 0.25s ease-in; - overflow: hidden; - position: relative; } - #main-wrapper.show { - opacity: 1; } + .mr-sm-0, + .mx-sm-0 { + margin-right: 0 !important; + } -.rounded-lg { - border-radius: 1.25rem; } + .mb-sm-0, + .my-sm-0 { + margin-bottom: 0 !important; + } -.rounded-xl { - border-radius: 12px !important; } + .ml-sm-0, + .mx-sm-0 { + margin-left: 0 !important; + } -ul { - padding: 0; - margin: 0; } + .m-sm-1 { + margin: 0.25rem !important; + } -li { - list-style: none; } + .mt-sm-1, + .my-sm-1 { + margin-top: 0.25rem !important; + } -a { - color: #7e7e7e; } - a:hover, a:focus, a.active { - text-decoration: none; } + .mr-sm-1, + .mx-sm-1 { + margin-right: 0.25rem !important; + } -.btn-link:hover, .btn-link:focus, .btn-link.active { - text-decoration: none; } + .mb-sm-1, + .my-sm-1 { + margin-bottom: 0.25rem !important; + } -.w-space-no { - white-space: nowrap; } + .ml-sm-1, + .mx-sm-1 { + margin-left: 0.25rem !important; + } -.content-body .container { - margin-top: 40px; } -.content-body .container-fluid, .content-body .container-sm, .content-body .container-md, .content-body .container-lg, .content-body .container-xl { - padding-top: 40px; - padding-right: 40px; - padding-left: 40px; } - @media only screen and (max-width: 1600px) { - .content-body .container-fluid, .content-body .container-sm, .content-body .container-md, .content-body .container-lg, .content-body .container-xl { - padding-top: 30px; - padding-right: 30px; - padding-left: 30px; } } - @media only screen and (max-width: 767px) { - .content-body .container-fluid, .content-body .container-sm, .content-body .container-md, .content-body .container-lg, .content-body .container-xl { - padding-top: 20px; - padding-right: 20px; - padding-left: 20px; } } - @media only screen and (max-width: 575px) { - .content-body .container-fluid, .content-body .container-sm, .content-body .container-md, .content-body .container-lg, .content-body .container-xl { - padding-top: 15px; - padding-right: 15px; - padding-left: 15px; } } + .m-sm-2 { + margin: 0.5rem !important; + } -/* sp */ -.row.sp80, -.sp80 { - margin-left: -40px; - margin-right: -40px; } - .row.sp80 [class*="col-"], - .sp80 [class*="col-"] { - padding-left: 40px; - padding-right: 40px; } + .mt-sm-2, + .my-sm-2 { + margin-top: 0.5rem !important; + } -.row.sp60, -.sp60 { - margin-left: -30px; - margin-right: -30px; } - .row.sp60 [class*="col-"], - .sp60 [class*="col-"] { - padding-left: 30px; - padding-right: 30px; } + .mr-sm-2, + .mx-sm-2 { + margin-right: 0.5rem !important; + } -.row.sp40, -.sp40 { - margin-left: -20px; - margin-right: -20px; } - .row.sp40 [class*="col-"], - .sp40 [class*="col-"] { - padding-left: 20px; - padding-right: 20px; } + .mb-sm-2, + .my-sm-2 { + margin-bottom: 0.5rem !important; + } -.row.sp20, -.sp20 { - margin-left: -10px; - margin-right: -10px; } - .row.sp20 [class*="col-"], - .sp20 [class*="col-"] { - padding-left: 10px; - padding-right: 10px; } + .ml-sm-2, + .mx-sm-2 { + margin-left: 0.5rem !important; + } -.row.sp16, -.sp16 { - margin-left: -8px; - margin-right: -8px; } - .row.sp16 [class*="col-"], - .sp16 [class*="col-"] { - padding-left: 8px; - padding-right: 8px; } + .m-sm-3 { + margin: 1rem !important; + } -.row.sp10, -.sp10 { - margin-left: -5px; - margin-right: -5px; } - .row.sp10 [class*="col-"], - .sp10 [class*="col-"] { - padding-left: 5px; - padding-right: 5px; } + .mt-sm-3, + .my-sm-3 { + margin-top: 1rem !important; + } -.row.sp4, -.sp4 { - margin-left: -2px; - margin-right: -2px; } - .row.sp4 [class*="col-"], - .sp4 [class*="col-"] { - padding-left: 2px; - padding-right: 2px; } + .mr-sm-3, + .mx-sm-3 { + margin-right: 1rem !important; + } -.row.spno, -.spno { - margin-left: 0; - margin-right: 0; } - .row.spno [class*="col-"], - .spno [class*="col-"] { - padding-left: 0; - padding-right: 0; } + .mb-sm-3, + .my-sm-3 { + margin-bottom: 1rem !important; + } -.content-heading { - font-size: 16px; - margin-bottom: 1.875rem; - margin-top: 3.125rem; - border-bottom: 1px solid #f0f1f5; - padding-bottom: 10px; } - [direction="rtl"] .content-heading { - text-align: right; } + .ml-sm-3, + .mx-sm-3 { + margin-left: 1rem !important; + } -.text-ov { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; } + .m-sm-4 { + margin: 1.5rem !important; + } -.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus { - box-shadow: none; } + .mt-sm-4, + .my-sm-4 { + margin-top: 1.5rem !important; + } -.op1 { - opacity: 0.1; } + .mr-sm-4, + .mx-sm-4 { + margin-right: 1.5rem !important; + } -.op2 { - opacity: 0.2; } + .mb-sm-4, + .my-sm-4 { + margin-bottom: 1.5rem !important; + } -.op3 { - opacity: 0.3; } + .ml-sm-4, + .mx-sm-4 { + margin-left: 1.5rem !important; + } -.op4 { - opacity: 0.4; } + .m-sm-5 { + margin: 3rem !important; + } -.op5 { - opacity: 0.5; } + .mt-sm-5, + .my-sm-5 { + margin-top: 3rem !important; + } -.op6 { - opacity: 0.6; } + .mr-sm-5, + .mx-sm-5 { + margin-right: 3rem !important; + } -.op7 { - opacity: 0.7; } + .mb-sm-5, + .my-sm-5 { + margin-bottom: 3rem !important; + } -.op8 { - opacity: 0.8; } + .ml-sm-5, + .mx-sm-5 { + margin-left: 3rem !important; + } -.op9 { - opacity: 0.9; } + .p-sm-0 { + padding: 0 !important; + } -.wspace-no { - white-space: nowrap; } + .pt-sm-0, + .py-sm-0 { + padding-top: 0 !important; + } -.support-ticket { - position: fixed; - bottom: 30px; - right: 15px; - z-index: 999999; } + .pr-sm-0, + .px-sm-0 { + padding-right: 0 !important; + } -.support-ticket-btn { - width: 100px; - background: #7CB442; - animation: 0.7s ease-in-out 0s infinite alternate none running crescendo; - border-radius: 50px; - color: #fff; - font-size: 8px; - font-size: 16px; - padding: 5px 10px 7px; - text-align: center; - display: inline-block; - box-shadow: rgba(124, 180, 66, 0.7) 0px 8px 35px 0px; } - .support-ticket-btn:hover, .support-ticket-btn:focus { - color: #fff; } + .pb-sm-0, + .py-sm-0 { + padding-bottom: 0 !important; + } -.text-primary { - color: var(--primary) !important; } + .pl-sm-0, + .px-sm-0 { + padding-left: 0 !important; + } -.text-blue { - color: #5e72e4; } + .p-sm-1 { + padding: 0.25rem !important; + } -.text-indigo { - color: #6610f2; } + .pt-sm-1, + .py-sm-1 { + padding-top: 0.25rem !important; + } -.text-purple { - color: #6f42c1; } + .pr-sm-1, + .px-sm-1 { + padding-right: 0.25rem !important; + } -.text-pink { - color: #e83e8c; } + .pb-sm-1, + .py-sm-1 { + padding-bottom: 0.25rem !important; + } -.text-red { - color: #EE3232; } + .pl-sm-1, + .px-sm-1 { + padding-left: 0.25rem !important; + } -.text-orange { - color: #ff9900; } + .p-sm-2 { + padding: 0.5rem !important; + } -.text-yellow { - color: #FFFA6F; } + .pt-sm-2, + .py-sm-2 { + padding-top: 0.5rem !important; + } -.text-green { - color: #297F00; } + .pr-sm-2, + .px-sm-2 { + padding-right: 0.5rem !important; + } -.text-teal { - color: #20c997; } + .pb-sm-2, + .py-sm-2 { + padding-bottom: 0.5rem !important; + } -.text-cyan { - color: #3065D0; } + .pl-sm-2, + .px-sm-2 { + padding-left: 0.5rem !important; + } -.bg-primary { - background-color: var(--primary) !important; } + .p-sm-3 { + padding: 1rem !important; + } -.bg-gray-dark { - background: #6610f2 !important; } + .pt-sm-3, + .py-sm-3 { + padding-top: 1rem !important; + } -.bg-purpal { - background: #4d06a5 !important; } + .pr-sm-3, + .px-sm-3 { + padding-right: 1rem !important; + } -.bg-red { - background: #dc3545 !important; } + .pb-sm-3, + .py-sm-3 { + padding-bottom: 1rem !important; + } -.bg-blue-dark { - background: #fd7e14 !important; } + .pl-sm-3, + .px-sm-3 { + padding-left: 1rem !important; + } -.bg-blue { - background: #ffc107 !important; } + .p-sm-4 { + padding: 1.5rem !important; + } -.bg-blue-light { - background: #5bcfc5 !important; } + .pt-sm-4, + .py-sm-4 { + padding-top: 1.5rem !important; + } -.bg-green-light { - background: #20c997 !important; } + .pr-sm-4, + .px-sm-4 { + padding-right: 1.5rem !important; + } -.bg-green { - background: #17a2b8 !important; } + .pb-sm-4, + .py-sm-4 { + padding-bottom: 1.5rem !important; + } -.bg-black { - background: #000; } + .pl-sm-4, + .px-sm-4 { + padding-left: 1.5rem !important; + } -.text-black { - color: #000 !important; } + .p-sm-5 { + padding: 3rem !important; + } -.dz-scroll { - position: relative; } + .pt-sm-5, + .py-sm-5 { + padding-top: 3rem !important; + } -.h-auto { - height: auto !important; } + .pr-sm-5, + .px-sm-5 { + padding-right: 3rem !important; + } -.list-inline li { - display: inline-block; } + .pb-sm-5, + .py-sm-5 { + padding-bottom: 3rem !important; + } -.fs-12 { - font-size: 12px !important; - line-height: 1.3; } + .pl-sm-5, + .px-sm-5 { + padding-left: 3rem !important; + } -.fs-13 { - font-size: 13px !important; - line-height: 1.4; } + .m-sm-n1 { + margin: -0.25rem !important; + } -.fs-14 { - font-size: 14px !important; - line-height: 1.5; } + .mt-sm-n1, + .my-sm-n1 { + margin-top: -0.25rem !important; + } -.fs-15 { - font-size: 14px !important; - line-height: 1.5; } + .mr-sm-n1, + .mx-sm-n1 { + margin-right: -0.25rem !important; + } -.fs-16 { - font-size: 16px !important; - line-height: 1.5; } + .mb-sm-n1, + .my-sm-n1 { + margin-bottom: -0.25rem !important; + } -.fs-18 { - font-size: 18px !important; - line-height: 1.5; } + .ml-sm-n1, + .mx-sm-n1 { + margin-left: -0.25rem !important; + } -.fs-20 { - font-size: 20px !important; - line-height: 1.5; } + .m-sm-n2 { + margin: -0.5rem !important; + } -.fs-22 { - font-size: 22px !important; - line-height: 1.5; } + .mt-sm-n2, + .my-sm-n2 { + margin-top: -0.5rem !important; + } -.fs-24 { - font-size: 24px !important; - line-height: 1.4; } + .mr-sm-n2, + .mx-sm-n2 { + margin-right: -0.5rem !important; + } -.fs-26 { - font-size: 26px !important; - line-height: 1.4; } + .mb-sm-n2, + .my-sm-n2 { + margin-bottom: -0.5rem !important; + } -.fs-28 { - font-size: 28px !important; - line-height: 1.4; } + .ml-sm-n2, + .mx-sm-n2 { + margin-left: -0.5rem !important; + } -.fs-30 { - font-size: 30px !important; - line-height: 1.4; } + .m-sm-n3 { + margin: -1rem !important; + } -.fs-32 { - font-size: 32px !important; - line-height: 1.25; } + .mt-sm-n3, + .my-sm-n3 { + margin-top: -1rem !important; + } -.fs-35 { - font-size: 35px !important; - line-height: 1.25; } + .mr-sm-n3, + .mx-sm-n3 { + margin-right: -1rem !important; + } -.fs-36 { - font-size: 36px !important; - line-height: 1.25; } + .mb-sm-n3, + .my-sm-n3 { + margin-bottom: -1rem !important; + } -.fs-46 { - font-size: 46px !important; - line-height: 1.25; } + .ml-sm-n3, + .mx-sm-n3 { + margin-left: -1rem !important; + } -.fs-48 { - font-size: 48px !important; - line-height: 1.25; } + .m-sm-n4 { + margin: -1.5rem !important; + } -.font-w100 { - font-weight: 100; } + .mt-sm-n4, + .my-sm-n4 { + margin-top: -1.5rem !important; + } -.font-w200 { - font-weight: 200; } + .mr-sm-n4, + .mx-sm-n4 { + margin-right: -1.5rem !important; + } -.font-w300 { - font-weight: 300; } + .mb-sm-n4, + .my-sm-n4 { + margin-bottom: -1.5rem !important; + } -.font-w400 { - font-weight: 400; } + .ml-sm-n4, + .mx-sm-n4 { + margin-left: -1.5rem !important; + } -.font-w500 { - font-weight: 500; } + .m-sm-n5 { + margin: -3rem !important; + } -.font-w600 { - font-weight: 600; } + .mt-sm-n5, + .my-sm-n5 { + margin-top: -3rem !important; + } -.font-w700 { - font-weight: 700; } + .mr-sm-n5, + .mx-sm-n5 { + margin-right: -3rem !important; + } -.font-w800 { - font-weight: 800; } + .mb-sm-n5, + .my-sm-n5 { + margin-bottom: -3rem !important; + } -.font-w900 { - font-weight: 900; } + .ml-sm-n5, + .mx-sm-n5 { + margin-left: -3rem !important; + } -.scale1 { - transform: scale(1.1); - -moz-transform: scale(1.1); - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - -o-transform: scale(1.1); - display: inline-block; } + .m-sm-auto { + margin: auto !important; + } -.scale2 { - transform: scale(1.2); - -moz-transform: scale(1.2); - -webkit-transform: scale(1.2); - -ms-transform: scale(1.2); - -o-transform: scale(1.2); - display: inline-block; } + .mt-sm-auto, + .my-sm-auto { + margin-top: auto !important; + } -.scale3 { - transform: scale(1.3); - -moz-transform: scale(1.3); - -webkit-transform: scale(1.3); - -ms-transform: scale(1.3); - -o-transform: scale(1.3); - display: inline-block; } + .mr-sm-auto, + .mx-sm-auto { + margin-right: auto !important; + } -.scale4 { - transform: scale(1.4); - -moz-transform: scale(1.4); - -webkit-transform: scale(1.4); - -ms-transform: scale(1.4); - -o-transform: scale(1.4); - display: inline-block; } + .mb-sm-auto, + .my-sm-auto { + margin-bottom: auto !important; + } -.scale5 { - transform: scale(1.5); - -moz-transform: scale(1.5); - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - -o-transform: scale(1.5); - display: inline-block; } + .ml-sm-auto, + .mx-sm-auto { + margin-left: auto !important; + } +} -.height10 { - height: 10px; } +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; + } -.height20 { - height: 20px; } + .mt-md-0, + .my-md-0 { + margin-top: 0 !important; + } -.height30 { - height: 30px; } + .mr-md-0, + .mx-md-0 { + margin-right: 0 !important; + } -.height40 { - height: 40px; } + .mb-md-0, + .my-md-0 { + margin-bottom: 0 !important; + } -.height50 { - height: 50px; } + .ml-md-0, + .mx-md-0 { + margin-left: 0 !important; + } -.height60 { - height: 60px; } + .m-md-1 { + margin: 0.25rem !important; + } -.height70 { - height: 70px; } + .mt-md-1, + .my-md-1 { + margin-top: 0.25rem !important; + } -.height80 { - height: 80px; } + .mr-md-1, + .mx-md-1 { + margin-right: 0.25rem !important; + } -.height90 { - height: 90px; } + .mb-md-1, + .my-md-1 { + margin-bottom: 0.25rem !important; + } -.height100 { - height: 100px; } + .ml-md-1, + .mx-md-1 { + margin-left: 0.25rem !important; + } -.height110 { - height: 110px; } + .m-md-2 { + margin: 0.5rem !important; + } -.height120 { - height: 120px; } + .mt-md-2, + .my-md-2 { + margin-top: 0.5rem !important; + } -.height130 { - height: 130px; } + .mr-md-2, + .mx-md-2 { + margin-right: 0.5rem !important; + } -.height140 { - height: 140px; } + .mb-md-2, + .my-md-2 { + margin-bottom: 0.5rem !important; + } -.height150 { - height: 150px; } + .ml-md-2, + .mx-md-2 { + margin-left: 0.5rem !important; + } -.height160 { - height: 160px; } + .m-md-3 { + margin: 1rem !important; + } -.height170 { - height: 170px; } + .mt-md-3, + .my-md-3 { + margin-top: 1rem !important; + } -.height180 { - height: 180px; } + .mr-md-3, + .mx-md-3 { + margin-right: 1rem !important; + } -.height190 { - height: 190px; } + .mb-md-3, + .my-md-3 { + margin-bottom: 1rem !important; + } -.height200 { - height: 200px; } + .ml-md-3, + .mx-md-3 { + margin-left: 1rem !important; + } -.height210 { - height: 210px; } + .m-md-4 { + margin: 1.5rem !important; + } -.height220 { - height: 220px; } + .mt-md-4, + .my-md-4 { + margin-top: 1.5rem !important; + } -.height230 { - height: 230px; } + .mr-md-4, + .mx-md-4 { + margin-right: 1.5rem !important; + } -.height240 { - height: 240px; } + .mb-md-4, + .my-md-4 { + margin-bottom: 1.5rem !important; + } -.height250 { - height: 250px; } + .ml-md-4, + .mx-md-4 { + margin-left: 1.5rem !important; + } -.height260 { - height: 260px; } + .m-md-5 { + margin: 3rem !important; + } -.height270 { - height: 270px; } + .mt-md-5, + .my-md-5 { + margin-top: 3rem !important; + } -.height280 { - height: 280px; } + .mr-md-5, + .mx-md-5 { + margin-right: 3rem !important; + } -.height290 { - height: 290px; } + .mb-md-5, + .my-md-5 { + margin-bottom: 3rem !important; + } -.height300 { - height: 300px; } + .ml-md-5, + .mx-md-5 { + margin-left: 3rem !important; + } -.height310 { - height: 310px; } + .p-md-0 { + padding: 0 !important; + } -.height320 { - height: 320px; } + .pt-md-0, + .py-md-0 { + padding-top: 0 !important; + } -.height330 { - height: 330px; } + .pr-md-0, + .px-md-0 { + padding-right: 0 !important; + } -.height340 { - height: 340px; } + .pb-md-0, + .py-md-0 { + padding-bottom: 0 !important; + } -.height350 { - height: 350px; } + .pl-md-0, + .px-md-0 { + padding-left: 0 !important; + } -.height360 { - height: 360px; } + .p-md-1 { + padding: 0.25rem !important; + } -.height370 { - height: 370px; } + .pt-md-1, + .py-md-1 { + padding-top: 0.25rem !important; + } -.height380 { - height: 380px; } + .pr-md-1, + .px-md-1 { + padding-right: 0.25rem !important; + } -.height390 { - height: 390px; } + .pb-md-1, + .py-md-1 { + padding-bottom: 0.25rem !important; + } -.height400 { - height: 400px; } + .pl-md-1, + .px-md-1 { + padding-left: 0.25rem !important; + } -.width10 { - width: 10px; } + .p-md-2 { + padding: 0.5rem !important; + } -.width20 { - width: 20px; } + .pt-md-2, + .py-md-2 { + padding-top: 0.5rem !important; + } -.width30 { - width: 30px; } + .pr-md-2, + .px-md-2 { + padding-right: 0.5rem !important; + } -.width40 { - width: 40px; } + .pb-md-2, + .py-md-2 { + padding-bottom: 0.5rem !important; + } -.width50 { - width: 50px; } + .pl-md-2, + .px-md-2 { + padding-left: 0.5rem !important; + } -.width60 { - width: 60px; } + .p-md-3 { + padding: 1rem !important; + } -.width70 { - width: 70px; } + .pt-md-3, + .py-md-3 { + padding-top: 1rem !important; + } -.width80 { - width: 80px; } + .pr-md-3, + .px-md-3 { + padding-right: 1rem !important; + } -.width90 { - width: 90px; } + .pb-md-3, + .py-md-3 { + padding-bottom: 1rem !important; + } -.width100 { - width: 100px; } + .pl-md-3, + .px-md-3 { + padding-left: 1rem !important; + } -.width110 { - width: 110px; } + .p-md-4 { + padding: 1.5rem !important; + } -.width120 { - width: 120px; } + .pt-md-4, + .py-md-4 { + padding-top: 1.5rem !important; + } -.width130 { - width: 130px; } + .pr-md-4, + .px-md-4 { + padding-right: 1.5rem !important; + } -.width140 { - width: 140px; } + .pb-md-4, + .py-md-4 { + padding-bottom: 1.5rem !important; + } -.width150 { - width: 150px; } + .pl-md-4, + .px-md-4 { + padding-left: 1.5rem !important; + } -.width160 { - width: 160px; } + .p-md-5 { + padding: 3rem !important; + } -.width170 { - width: 170px; } + .pt-md-5, + .py-md-5 { + padding-top: 3rem !important; + } -.width180 { - width: 180px; } + .pr-md-5, + .px-md-5 { + padding-right: 3rem !important; + } -.width190 { - width: 190px; } + .pb-md-5, + .py-md-5 { + padding-bottom: 3rem !important; + } -.width200 { - width: 200px; } + .pl-md-5, + .px-md-5 { + padding-left: 3rem !important; + } -.width210 { - width: 210px; } + .m-md-n1 { + margin: -0.25rem !important; + } -.width220 { - width: 220px; } + .mt-md-n1, + .my-md-n1 { + margin-top: -0.25rem !important; + } -.width230 { - width: 230px; } + .mr-md-n1, + .mx-md-n1 { + margin-right: -0.25rem !important; + } -.width240 { - width: 240px; } + .mb-md-n1, + .my-md-n1 { + margin-bottom: -0.25rem !important; + } -.width250 { - width: 250px; } + .ml-md-n1, + .mx-md-n1 { + margin-left: -0.25rem !important; + } -.width260 { - width: 260px; } + .m-md-n2 { + margin: -0.5rem !important; + } -.width270 { - width: 270px; } + .mt-md-n2, + .my-md-n2 { + margin-top: -0.5rem !important; + } -.width280 { - width: 280px; } + .mr-md-n2, + .mx-md-n2 { + margin-right: -0.5rem !important; + } -.width290 { - width: 290px; } + .mb-md-n2, + .my-md-n2 { + margin-bottom: -0.5rem !important; + } -.width300 { - width: 300px; } + .ml-md-n2, + .mx-md-n2 { + margin-left: -0.5rem !important; + } -.width310 { - width: 310px; } + .m-md-n3 { + margin: -1rem !important; + } -.width320 { - width: 320px; } + .mt-md-n3, + .my-md-n3 { + margin-top: -1rem !important; + } -.width330 { - width: 330px; } + .mr-md-n3, + .mx-md-n3 { + margin-right: -1rem !important; + } -.width340 { - width: 340px; } + .mb-md-n3, + .my-md-n3 { + margin-bottom: -1rem !important; + } -.width350 { - width: 350px; } + .ml-md-n3, + .mx-md-n3 { + margin-left: -1rem !important; + } -.width360 { - width: 360px; } + .m-md-n4 { + margin: -1.5rem !important; + } -.width370 { - width: 370px; } + .mt-md-n4, + .my-md-n4 { + margin-top: -1.5rem !important; + } -.width380 { - width: 380px; } + .mr-md-n4, + .mx-md-n4 { + margin-right: -1.5rem !important; + } -.width390 { - width: 390px; } + .mb-md-n4, + .my-md-n4 { + margin-bottom: -1.5rem !important; + } -.width400 { - width: 400px; } + .ml-md-n4, + .mx-md-n4 { + margin-left: -1.5rem !important; + } -@-webkit-keyframes crescendo { - from { - -webkit-transform: translateY(5px) scale(0.8); - -ms-transform: translateY(5px) scale(0.8); - transform: translateY(5px) scale(0.8); } - to { - -webkit-transform: translateY(0px) scale(1); - -ms-transform: translateY(0px) scale(1); - transform: translateY(0px) scale(1); } } -@keyframes gXGDoR { - from { - -webkit-transform: translateY(5px) scale(0.8); - -ms-transform: translateY(5px) scale(0.8); - transform: translateY(5px) scale(0.8); } - to { - -webkit-transform: translateY(0px) scale(1); - -ms-transform: translateY(0px) scale(1); - transform: translateY(0px) scale(1); } } -@keyframes crescendo { - from { - -webkit-transform: translateY(5px) scale(0.8); - -ms-transform: translateY(5px) scale(0.8); - transform: translateY(5px) scale(0.8); } - to { - -webkit-transform: translateY(0px) scale(1); - -ms-transform: translateY(0px) scale(1); - transform: translateY(0px) scale(1); } } -@keyframes gXGDoR { - from { - -webkit-transform: translateY(5px) scale(0.8); - -ms-transform: translateY(5px) scale(0.8); - transform: translateY(5px) scale(0.8); } - to { - -webkit-transform: translateY(0px) scale(1); - -ms-transform: translateY(0px) scale(1); - transform: translateY(0px) scale(1); } } -.row.sp8, -.sp8 { - margin-left: -4px; - margin-right: -4px; } - .row.sp8 [class*="col-"], - .sp8 [class*="col-"] { - padding-left: 4px; - padding-right: 4px; } + .m-md-n5 { + margin: -3rem !important; + } -@media only screen and (min-width: 1200px) and (max-width: 1600px) { - .col-xxl-1 { - flex: 0 0 8.3333333333%; - max-width: 8.3333333333%; } + .mt-md-n5, + .my-md-n5 { + margin-top: -3rem !important; + } - .col-xxl-2 { - flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; } + .mr-md-n5, + .mx-md-n5 { + margin-right: -3rem !important; + } - .col-xxl-3 { - flex: 0 0 25%; - max-width: 25%; } + .mb-md-n5, + .my-md-n5 { + margin-bottom: -3rem !important; + } - .col-xxl-4 { - flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; } + .ml-md-n5, + .mx-md-n5 { + margin-left: -3rem !important; + } - .col-xxl-5 { - flex: 0 0 41.6666666667%; - max-width: 41.6666666667%; } + .m-md-auto { + margin: auto !important; + } - .col-xxl-6 { - flex: 0 0 50%; - max-width: 50%; } + .mt-md-auto, + .my-md-auto { + margin-top: auto !important; + } - .col-xxl-7 { - flex: 0 0 58.3333333333%; - max-width: 58.3333333333%; } + .mr-md-auto, + .mx-md-auto { + margin-right: auto !important; + } - .col-xxl-8 { - flex: 0 0 66.6666666667%; - max-width: 66.6666666667%; } + .mb-md-auto, + .my-md-auto { + margin-bottom: auto !important; + } - .col-xxl-9 { - flex: 0 0 75%; - max-width: 75%; } + .ml-md-auto, + .mx-md-auto { + margin-left: auto !important; + } +} - .col-xxl-10 { - flex: 0 0 83.3333333333%; - max-width: 83.3333333333%; } +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; + } - .col-xxl-11 { - flex: 0 0 91.6666666667%; - max-width: 91.6666666667%; } + .mt-lg-0, + .my-lg-0 { + margin-top: 0 !important; + } - .col-xxl-12 { - flex: 0 0 100%; - max-width: 100%; } + .mr-lg-0, + .mx-lg-0 { + margin-right: 0 !important; + } - .mb-xxl-4 { - margin-bottom: 1.5rem !important; } } -/* Editable */ -#preloader { - position: fixed; - width: 100%; - height: 100%; - left: 0; - top: 0; - background-color: #fff; } + .mb-lg-0, + .my-lg-0 { + margin-bottom: 0 !important; + } -.sk-three-bounce { - margin: 0; - width: 100%; - height: 100%; - text-align: center; - background-color: white; } + .ml-lg-0, + .mx-lg-0 { + margin-left: 0 !important; + } -.sk-three-bounce .sk-child { - position: relative; - top: 50%; - transform: translateY(-50%); - width: 20px; - height: 20px; - background-color: #40189D; - border-radius: 100%; - display: inline-block; - -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; - animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; } + .m-lg-1 { + margin: 0.25rem !important; + } -.sk-three-bounce .sk-bounce1 { - -webkit-animation-delay: -0.32s; - animation-delay: -0.32s; } + .mt-lg-1, + .my-lg-1 { + margin-top: 0.25rem !important; + } -.sk-three-bounce .sk-bounce2 { - -webkit-animation-delay: -0.16s; - animation-delay: -0.16s; } + .mr-lg-1, + .mx-lg-1 { + margin-right: 0.25rem !important; + } -@-webkit-keyframes sk-three-bounce { - 0%, - 80%, - 100% { - -webkit-transform: scale(0); - transform: scale(0); } - 40% { - -webkit-transform: scale(1); - transform: scale(1); } } -@keyframes sk-three-bounce { - 0%, - 80%, - 100% { - -webkit-transform: scale(0); - transform: scale(0); } - 40% { - -webkit-transform: scale(1); - transform: scale(1); } } -.footer { - padding-left: 21.563rem; - background-color: #fff; } - @media only screen and (max-width: 1400px) { - .footer { - padding-left: 17rem; } } - .footer .copyright { - padding: 0.9375rem; - background-color: #F2F2F2; } - .footer .copyright p { - text-align: center; - margin: 0; } - .footer .copyright a { - color: var(--primary); } - @media only screen and (min-width: 991px) { - .footer .copyright { - border-radius: 0 0 0 50px; } } + .mb-lg-1, + .my-lg-1 { + margin-bottom: 0.25rem !important; + } -[data-sidebar-style="mini"] .nav-control, -[data-layout="horizontal"] .nav-control { - display: none; } + .ml-lg-1, + .mx-lg-1 { + margin-left: 0.25rem !important; + } -@media only screen and (max-width: 767px) { - [data-sidebar-style="overlay"] .nav-header .logo-abbr { - display: block; } } + .m-lg-2 { + margin: 0.5rem !important; + } -[data-header-position="fixed"] .nav-header { - position: fixed; - left: auto; } + .mt-lg-2, + .my-lg-2 { + margin-top: 0.5rem !important; + } -.nav-header { - height: 7.5rem; - width: 21.563rem; - display: inline-block; - text-align: left; - position: absolute; - left: 0; - top: 0; - background-color: var(--nav-headbg); - transition: all .2s ease; - z-index: 5; } - .nav-header .logo-abbr { - max-width: 68px; } - @media only screen and (max-width: 575px) { - .nav-header .logo-abbr { - transform: scale(0.7); } } - .nav-header .logo-compact { - display: none; } - @media only screen and (max-width: 1400px) { - .nav-header { - width: 17rem; } } - @media only screen and (max-width: 1199px) { - .nav-header { - height: 5rem; } } - .nav-header .brand-logo { - display: flex; - height: 100%; - width: 100%; - justify-content: flex-start; - align-items: center; - font-size: 1.125rem; - color: #fff; - text-decoration: none; - padding-left: 50px; - padding-right: 50px; - font-weight: 700; } - @media only screen and (max-width: 1400px) { - .nav-header .brand-logo { - padding-left: 25px; - padding-right: 25px; } } - [data-sidebar-style="compact"] .nav-header .brand-logo, [data-sidebar-style="mini"] .nav-header .brand-logo { - padding-left: 0; - padding-right: 0; - justify-content: center; } - @media only screen and (max-width: 767px) { - .nav-header .brand-logo { - padding-left: 0; - padding-right: 0; - justify-content: center; } } - .nav-header .brand-title { - margin-left: 10px; - max-width: 120px; - margin-top: 5px; } - [data-theme-version="dark"] .nav-header .brand-title { - background-position: 0 120%; } - .nav-header .svg-logo-circle { - fill: var(--primary); } - .nav-header .svg-logo-icon-text { - fill: #fff; } - .nav-header .svg-logo-text-path { - fill: var(--primary); - stroke: var(--primary); } + .mr-lg-2, + .mx-lg-2 { + margin-right: 0.5rem !important; + } -@media only screen and (max-width: 1023px) { - .nav-header { - width: 5rem; - height: 5rem; } - .nav-header .brand-title { - display: none; } } -.nav-control { - cursor: pointer; - position: absolute; - right: -4.0625rem; - text-align: center; - top: 50%; - transform: translateY(-50%); - z-index: 9999; - font-size: 1.4rem; - padding: 2px 0.5rem 0; - border-radius: 2px; } - @media only screen and (max-width: 767px) { - .nav-control { - right: -2.75rem; } } - @media only screen and (max-width: 575px) { - .nav-control { - right: -2.75rem; } } + .mb-lg-2, + .my-lg-2 { + margin-bottom: 0.5rem !important; + } -.hamburger { - display: inline-block; - left: 0px; - position: relative; - top: 3px; - -webkit-transition: all 0.3s ease-in-out 0s; - transition: all 0.3s ease-in-out 0s; - width: 26px; - z-index: 999; } + .ml-lg-2, + .mx-lg-2 { + margin-left: 0.5rem !important; + } -.hamburger .line { - background: var(--primary); - display: block; - height: 3px; - border-radius: 3px; - margin-top: 6px; - margin-bottom: 6px; - margin-left: auto; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } + .m-lg-3 { + margin: 1rem !important; + } -.hamburger .line:nth-child(1) { - width: 20px; } + .mt-lg-3, + .my-lg-3 { + margin-top: 1rem !important; + } -.hamburger .line:nth-child(2) { - width: 26px; } + .mr-lg-3, + .mx-lg-3 { + margin-right: 1rem !important; + } -.hamburger .line:nth-child(3) { - width: 22px; } + .mb-lg-3, + .my-lg-3 { + margin-bottom: 1rem !important; + } -.hamburger:hover { - cursor: pointer; } + .ml-lg-3, + .mx-lg-3 { + margin-left: 1rem !important; + } -.hamburger:hover .line { - width: 26px; } + .m-lg-4 { + margin: 1.5rem !important; + } -.hamburger.is-active .line:nth-child(1), -.hamburger.is-active .line:nth-child(3) { - width: 10px; - height: 2px; } + .mt-lg-4, + .my-lg-4 { + margin-top: 1.5rem !important; + } -.hamburger.is-active .line:nth-child(2) { - -webkit-transform: translateX(0px); - transform: translateX(0px); - width: 22px; - height: 2px; } + .mr-lg-4, + .mx-lg-4 { + margin-right: 1.5rem !important; + } -.hamburger.is-active .line:nth-child(1) { - -webkit-transform: translateY(4px) rotate(45deg); - transform: translateY(4px) rotate(45deg); } + .mb-lg-4, + .my-lg-4 { + margin-bottom: 1.5rem !important; + } -.hamburger.is-active .line:nth-child(3) { - -webkit-transform: translateY(-4px) rotate(-45deg); - transform: translateY(-4px) rotate(-45deg); } + .ml-lg-4, + .mx-lg-4 { + margin-left: 1.5rem !important; + } -@media (min-width: 767px) { - [data-sidebar-style="compact"] .nav-control { - display: none; } - [data-sidebar-style="compact"] .nav-header { - width: 15rem; } } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .brand-title { - display: none; } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .logo-abbr { - display: block; } + .m-lg-5 { + margin: 3rem !important; + } -[data-sidebar-style="full"][data-layout="horizontal"] .logo-compact { - display: none; } + .mt-lg-5, + .my-lg-5 { + margin-top: 3rem !important; + } -[data-sidebar-style="mini"] .nav-header .logo-abbr { - display: block; } + .mr-lg-5, + .mx-lg-5 { + margin-right: 3rem !important; + } -[data-sidebar-style="compact"][data-layout="vertical"] .nav-header .logo-compact { - max-width: 75px; } + .mb-lg-5, + .my-lg-5 { + margin-bottom: 3rem !important; + } -[data-sidebar-style="compact"][data-layout="horizontal"] .nav-header .brand-logo { - padding-left: 30px; - padding-right: 30px; - justify-content: start; } + .ml-lg-5, + .mx-lg-5 { + margin-left: 3rem !important; + } -[data-sidebar-style="modern"][data-layout="vertical"] .nav-header { - width: 9.375rem; } - [data-sidebar-style="modern"][data-layout="vertical"] .nav-header .brand-title { - display: none; } - [data-sidebar-style="modern"][data-layout="vertical"] .nav-header .logo-compact { - display: none; } + .p-lg-0 { + padding: 0 !important; + } -.header { - height: 7.5rem; - z-index: 1; - position: relative; - padding: 0rem; - background-color: #fff; - z-index: 3; - padding-left: 21.563rem; - transition: all .2s ease; } - @media only screen and (max-width: 1400px) { - .header { - padding-left: 17rem; } } - .header .header-content { - height: 100%; - padding-left: 5.3125rem; - background: var(--headerbg); - padding-right: 2.4rem; - align-items: center; - display: flex; } - @media only screen and (min-width: 991px) { - .header .header-content { - border-radius: 3.125rem 0 0 0; } } - @media only screen and (max-width: 767px) { - .header .header-content { - padding-left: 3.75rem; - padding-right: 0.938rem; - border-radius: 0; } } - .header .navbar { - padding: 0; - height: 100%; - width: 100%; } - .header .navbar .navbar-collapse { - height: 100%; - width: 100%; } - @media only screen and (max-width: 1199px) { - .header { - height: 5rem; } } + .pt-lg-0, + .py-lg-0 { + padding-top: 0 !important; + } -/* pulse in SVG */ -svg.pulse-svg { - overflow: visible; } - svg.pulse-svg .first-circle, svg.pulse-svg .second-circle, svg.pulse-svg .third-circle { - -webkit-transform: scale(0.3); - transform: scale(0.3); - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-animation: pulse-me 3s linear infinite; - animation: pulse-me 3s linear infinite; - fill: var(--primary); } - svg.pulse-svg .second-circle { - -webkit-animation-delay: 1s; - animation-delay: 1s; } - svg.pulse-svg .third-circle { - -webkit-animation-delay: 2s; - animation-delay: 2s; } + .pr-lg-0, + .px-lg-0 { + padding-right: 0 !important; + } -/* pulse in CSS */ -.pulse-css { - width: 1rem; - height: 1rem; - border-radius: 0.5rem; - border-radius: 3.5rem; - height: 1rem; - position: absolute; - background: #FF507A; - right: 5px; - top: 5px; - width: 1rem; } - .pulse-css:after, .pulse-css:before { - content: ''; - width: 1rem; - height: 1rem; - border-radius: 0.5rem; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: -.2rem; - background-color: #FF507A; - margin: auto; - -webkit-transform: scale(0.3); - transform: scale(0.3); - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-animation: pulse-me 3s linear infinite; - animation: pulse-me 3s linear infinite; } - [direction="rtl"] .pulse-css:after, [direction="rtl"] .pulse-css:before { - left: auto; - right: -.2rem; } - @media only screen and (max-width: 1400px) { - .pulse-css { - height: 0.5rem; - width: 0.5rem; } } + .pb-lg-0, + .py-lg-0 { + padding-bottom: 0 !important; + } -@-webkit-keyframes pulse-me { - 0% { - -webkit-transform: scale(0.3); - transform: scale(0.3); - opacity: 0; } - 50% { - opacity: 0.1; } - 70% { - opacity: 0.09; } - 100% { - -webkit-transform: scale(3); - transform: scale(3); - opacity: 0; } } -@keyframes pulse-me { - 0% { - -webkit-transform: scale(0.3); - transform: scale(0.3); - opacity: 0; } - 50% { - opacity: 0.1; } - 70% { - opacity: 0.09; } - 100% { - -webkit-transform: scale(3); - transform: scale(3); - opacity: 0; } } -[data-sidebar-style="full"] .header, -[data-sidebar-style="overlay"] .header { - width: 100%; } - @media only screen and (max-width: 1400px) { - [data-sidebar-style="full"] .header, - [data-sidebar-style="overlay"] .header { - width: 100%; - padding-left: 17rem; } } - @media only screen and (max-width: 1023px) { - [data-sidebar-style="full"] .header, - [data-sidebar-style="overlay"] .header { - width: 100%; - padding-left: 5rem; } } + .pl-lg-0, + .px-lg-0 { + padding-left: 0 !important; + } -[data-sidebar-style="mini"] .header { - width: 100%; - padding-left: 5rem; } + .p-lg-1 { + padding: 0.25rem !important; + } -[data-sidebar-style="compact"] .header { - width: 100%; - padding-left: 15rem; } - [data-sidebar-style="compact"] .header .header-content { - padding-left: 2.4rem; } + .pt-lg-1, + .py-lg-1 { + padding-top: 0.25rem !important; + } -[data-header-position="fixed"] .header { - position: fixed; - top: 0; - width: 100%; } -[data-header-position="fixed"] .content-body { - padding-top: 7.5rem; } - @media only screen and (max-width: 1199px) { - [data-header-position="fixed"] .content-body { - padding-top: 5rem; } } -[data-header-position="fixed"] .deznav { - margin-top: 0; } + .pr-lg-1, + .px-lg-1 { + padding-right: 0.25rem !important; + } -[data-sidebar-style="compact"][data-header-position="fixed"][data-container="boxed"][data-layout="vertical"] .header { - width: 1199px; } + .pb-lg-1, + .py-lg-1 { + padding-bottom: 0.25rem !important; + } -[data-sidebar-style="modern"] .header { - width: 100%; - padding-left: 9.375rem; } -[data-sidebar-style="modern"][data-layout="horizontal"] .nav-header .brand-logo { - justify-content: start; } -[data-sidebar-style="modern"][data-layout="horizontal"] .header .header-content { - padding-left: 30px; } + .pl-lg-1, + .px-lg-1 { + padding-left: 0.25rem !important; + } -.header-left { - height: 100%; - display: flex; - align-items: center; } - .header-left .dashboard_bar { - font-size: 28px; - font-weight: 600; - color: #000; } - @media only screen and (max-width: 1400px) { - .header-left .dashboard_bar { - font-size: 24px; } } - @media only screen and (max-width: 767px) { - .header-left .dashboard_bar { - display: none; } } - .header-left input { - background: #F2F2F2 !important; - min-width: 170px; - min-height: 40px; - color: #B1B1B1 !important; - border-top-left-radius: 1.25rem; - border-bottom-left-radius: 1.25rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - padding: 10px 20px; - font-size: 16px; - border-right-width: 0 !important; - border: 1px solid #ebebeb; - border-width: 1px; - font-weight: 300; } - [direction="rtl"] .header-left input { - border-top-right-radius: 1.25rem; - border-bottom-right-radius: 1.25rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - .header-left input:focus, .header-left input:active, .header-left input.active { - border-color: #ebebeb; - box-shadow: none; } - .header-left input::-webkit-input-placeholder { - /* Edge */ - color: #B1B1B1; } - .header-left input:-ms-input-placeholder { - /* Internet Explorer */ - color: #B1B1B1; } - .header-left input::placeholder { - color: #B1B1B1; } - .header-left .search_bar { - display: flex; - align-items: center; - height: 100%; } - @media only screen and (max-width: 767px) { - .header-left .search_bar { - display: none; } } - .header-left .search_bar .dropdown-menu { - box-shadow: none; } - .header-left .search_bar .search_icon { - background: #F2F2F2 !important; - height: 56px; - line-height: 22px; - padding: 15px 20px 15px 0 !important; - border-top-right-radius: 1.25rem; - border-bottom-right-radius: 1.25rem; - border: 1px solid #ebebeb; - border-width: 1px; - border-left-width: 0; } - .header-left .search_bar .search_icon i { - font-size: 24px; - color: #B1B1B1; - line-height: 1; } - @media only screen and (max-width: 1400px) { - .header-left .search_bar .search_icon { - height: 41px; - padding: 8px 15px 8px 0 !important; } - .header-left .search_bar .search_icon svg { - width: 18px; - height: 18px; } } - @media only screen and (max-width: 767px) { - .header-left .search_bar { - position: static; } - .header-left .search_bar .dropdown-menu { - width: 300px; - left: -15vw; - box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1); - border-radius: 4px !important; } } - @media only screen and (max-width: 767px) and (max-width: 575px) { - .header-left .search_bar .dropdown-menu { - width: 250px; - left: -25vw; } } - @media only screen and (max-width: 767px) { - .header-left .search_bar .dropdown-menu .form-control { - border-radius: 4px !important; - width: 100%; } - [direction="rtl"] .header-left .search_bar .dropdown-menu { - right: -98px; } } - .header-left .search_bar .dropdown-menu, - .header-left .search_bar .dropdown-menu.show { - border: 0px; - background-color: transparent; - border-top-right-radius: 5rem; - border-bottom-right-radius: 5rem; } - @media only screen and (min-width: 768px) { - .header-left .search_bar .dropdown-menu, - .header-left .search_bar .dropdown-menu.show { - left: 0; - top: 0; - transform: none; - display: block; - position: unset; } } + .p-lg-2 { + padding: 0.5rem !important; + } -[data-sidebar-style="compact"] .header-left { - margin-left: 0; } + .pt-lg-2, + .py-lg-2 { + padding-top: 0.5rem !important; + } -.header-right { - height: 100%; } - .header-right .nav-item { - height: 100%; - display: flex; - align-items: center; } - .header-right .nav-item .nav-link { - color: #464a53; - font-size: 18px; } - .header-right .right-sidebar { - margin-right: -30px; } - .header-right .right-sidebar a { - height: 80px; - width: 80px; - text-align: center; - justify-content: center; - display: flex; - align-items: center; - border-left: 1px solid #F4F5F9; } - .header-right > li:not(:first-child) { - padding-left: 2.25rem; } - @media only screen and (max-width: 1199px) { - .header-right > li:not(:first-child) { - padding-left: 0.5rem; } } - @media only screen and (max-width: 767px) { - .header-right .notification_dropdown { - position: static; } } - .header-right .notification_dropdown .nav-link { - position: relative; - color: var(--primary); - background: #fff; - border-radius: 100%; - padding: 15px; - line-height: 1; } - @media only screen and (max-width: 1400px) { - .header-right .notification_dropdown .nav-link { - padding: 10px; } } - .header-right .notification_dropdown .nav-link.secondary { - background: #d3eab6; - color: #8BC740; } - .header-right .notification_dropdown .nav-link.secondary [fill] { - fill: #8BC740; } - .header-right .notification_dropdown .nav-link.primary { - background: var(--rgba-primary-1); - color: var(--primary); } - .header-right .notification_dropdown .nav-link.primary [fill] { - fill: var(--primary); } - .header-right .notification_dropdown .nav-link.warning { - background: #fff0e5; - color: #FE8024; } - .header-right .notification_dropdown .nav-link.warning [fill] { - fill: #FE8024; } - .header-right .notification_dropdown .nav-link.success { - background: #b7f6db; - color: #1BD084; } - .header-right .notification_dropdown .nav-link.success [fill] { - fill: #1BD084; } - .header-right .notification_dropdown .nav-link i { - font-size: 24px; } - @media only screen and (max-width: 1400px) { - .header-right .notification_dropdown .nav-link i { - font-size: 18px; } } - @media only screen and (max-width: 1400px) { - .header-right .notification_dropdown .nav-link svg { - width: 18px; - height: 18px; } } - .header-right .notification_dropdown .nav-link .badge { - position: absolute; - font-size: 14px; - border-radius: 0; - right: -5px; - box-shadow: 0px 0px 10px 3px var(--rgba-primary-2); - top: -5px; - font-weight: normal; - height: 26px; - width: 26px; - line-height: 26px; - text-align: center; - padding: 0px; } - @media only screen and (max-width: 1400px) { - .header-right .notification_dropdown .nav-link .badge { - right: -2px; - top: -2px; - font-size: 12px; - height: 18px; - width: 18px; - line-height: 18px; } } - .header-right .notification_dropdown .dropdown-item:focus a, .header-right .notification_dropdown .dropdown-item:active a { - color: #fff; } - .header-right .notification_dropdown .dropdown-item a { - color: #B1B1B1; } - .header-right .notification_dropdown .dropdown-item a:hover { - text-decoration: none; } - .header-right .dropdown-menu { - border-width: 0; - box-shadow: 0 0 37px rgba(8, 21, 66, 0.05); } - [data-theme-version="dark"] .header-right .dropdown-menu { - box-shadow: none; } - .header-right .header-profile > a.nav-link { - padding: 0 0 0 0; - display: flex; - align-items: center; - border-radius: 1.25rem 28px 28px 1.25rem; } - @media only screen and (max-width: 575px) { - .header-right .header-profile > a.nav-link { - background: transparent; - padding: 0; } } - .header-right .header-profile > a.nav-link i { - font-weight: 700; } - .header-right .header-profile > a.nav-link .header-info { - text-align: left; - border-left: 1px solid rgba(238, 238, 238, 0.7); - padding-left: 30px; } - @media only screen and (max-width: 1199px) { - .header-right .header-profile > a.nav-link .header-info { - padding-left: 15px; } } - @media only screen and (max-width: 575px) { - .header-right .header-profile > a.nav-link .header-info { - display: none; } } - .header-right .header-profile > a.nav-link .header-info span { - font-size: 16px; - display: block; - font-weight: 600; } - .header-right .header-profile > a.nav-link .header-info strong { - font-weight: 600; } - .header-right .header-profile > a.nav-link .header-info small { - display: block; - font-size: 13px; - color: #89879f; - font-weight: 400; - line-height: 1.2; } - .header-right .header-profile .dropdown-menu { - padding: 15px 0; - min-width: 12.5rem; } - .header-right .header-profile .dropdown-menu a:hover, .header-right .header-profile .dropdown-menu a:focus, .header-right .header-profile .dropdown-menu a.active { - color: var(--primary); } - .header-right .header-profile img { - width: 57px; - height: 57px; - border-radius: 100%; } - @media only screen and (max-width: 1400px) { - .header-right .header-profile img { - width: 39px; - height: 39px; } } - .header-right .header-profile .dropdown-toggle i { - font-size: 1.25rem; } - @media only screen and (max-width: 575px) { - .header-right .header-profile .dropdown-toggle span { - display: none; } } - .header-right .header-profile .profile_title { - background: var(--primary); - color: #fff; - padding: 10px 20px; } - .header-right .header-profile .profile_title h5 { - color: #fff; - margin-bottom: 3px; } - .header-right .header-profile .dropdown-item { - padding: 8px 24px; } + .pr-lg-2, + .px-lg-2 { + padding-right: 0.5rem !important; + } -.dz-fullscreen #icon-minimize { - display: none; } -.dz-fullscreen.active #icon-full { - display: none; } -.dz-fullscreen.active #icon-minimize { - display: inline-block; } + .pb-lg-2, + .py-lg-2 { + padding-bottom: 0.5rem !important; + } -.notification_dropdown .dropdown-menu-right { - min-width: 310px; - padding: 0rem 0 1rem; - top: 100%; } - .notification_dropdown .dropdown-menu-right .notification_title { - background: var(--primary); - color: #fff; - padding: 10px 20px; } - .notification_dropdown .dropdown-menu-right .notification_title h5 { - color: #fff; - margin-bottom: 3px; } - .notification_dropdown .dropdown-menu-right .media { - width: 45px !important; - height: 45px !important; - font-size: 18px !important; } - [data-theme-version="dark"] .notification_dropdown .dropdown-menu-right .media { - border-color: #333a54; } - .notification_dropdown .dropdown-menu-right .media > span { - width: 35px; - height: 35px; - border-radius: 50px; - display: inline-block; - padding: 7px 9px; - margin-right: 10px; } - [direction="rtl"].notification_dropdown .dropdown-menu-right .media > span { - margin-right: 0; - margin-left: 10px; } - .notification_dropdown .dropdown-menu-right .media > span.success { - background: #b7f6db; - color: #1BD084; } - .notification_dropdown .dropdown-menu-right .media > span.success [fill] { - fill: #1BD084; } - .notification_dropdown .dropdown-menu-right .media > span.primary { - background: var(--rgba-primary-1); - color: var(--primary); } - .notification_dropdown .dropdown-menu-right .media > span.primary svg [fill] { - fill: var(--primary); } - .notification_dropdown .dropdown-menu-right .media > span.danger { - background: #ffe5df; - color: #FF6746; } - .notification_dropdown .dropdown-menu-right .media > span.danger [fill] { - fill: #FF6746; } - .notification_dropdown .dropdown-menu-right .media > span [fill] { - fill: var(--primary); } - .notification_dropdown .dropdown-menu-right .media .notify-time { - width: 100% !important; - margin-right: 0 !important; - color: #828690; } - .notification_dropdown .dropdown-menu-right .media p { - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - max-width: 200px; - margin-bottom: 0; - margin-top: 5px; } - @media only screen and (max-width: 575px) { - .notification_dropdown .dropdown-menu-right .media p { - max-width: 100px; } } - .notification_dropdown .dropdown-menu-right .all-notification { - display: block; - padding: 15px 30px 0; - text-align: center; - border-top: 1px solid #F4F5F9; } - .notification_dropdown .dropdown-menu-right .all-notification i { - margin-left: 10px; } + .pl-lg-2, + .px-lg-2 { + padding-left: 0.5rem !important; + } -.rtl { - text-align: right; - direction: rtl; } - .rtl .nav { - padding-right: 0; } - .rtl .navbar-nav .nav-item { - float: right; } - .rtl .navbar-nav .nav-item + .nav-item { - margin-right: 1rem; - margin-left: inherit; } - .rtl th { - text-align: right; } - .rtl .alert-dismissible { - padding-right: 1.25rem; - padding-left: 4rem; } - .rtl .dropdown-menu { - right: 0; - text-align: right; } - .rtl .checkbox label { - padding-right: 1.25rem; - padding-left: inherit; } - .rtl .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-radius: 0 0.75rem 0.75rem 0; } - .rtl .btn-group > .btn:last-child:not(:first-child), - .rtl .btn-group > .dropdown-toggle:not(:first-child) { - border-radius: 0.75rem 0 0 0.75rem; } - .rtl .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { - border-radius: 0.75rem 0 0 0.75rem; } - .rtl .custom-control-label::after, - .rtl .custom-control-label::before { - right: 0; - left: inherit; } - .rtl .custom-select { - padding: 0.375rem 0.75rem 0.375rem 1.75rem; - background: #fff url("data:image/svg+xml,") no-repeat left 0.75rem center; - background-size: 8px 10px; } - .rtl .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), - .rtl .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), - .rtl .input-group > .input-group-append:not(:last-child) > .btn, - .rtl .input-group > .input-group-append:not(:last-child) > .input-group-text, - .rtl .input-group > .input-group-prepend > .btn, - .rtl .input-group > .input-group-prepend > .input-group-text { - border-radius: 0 0.75rem 0.75rem 0; } - .rtl .input-group > .input-group-append > .btn, - .rtl .input-group > .input-group-append > .input-group-text, - .rtl .input-group > .input-group-prepend:first-child > .btn:not(:first-child), - .rtl .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), - .rtl .input-group > .input-group-prepend:not(:first-child) > .btn, - .rtl .input-group > .input-group-prepend:not(:first-child) > .input-group-text { - border-radius: 0.75rem 0 0 0.75rem; } - .rtl .input-group > .custom-select:not(:first-child), - .rtl .input-group > .form-control:not(:first-child) { - border-radius: 0.75rem 0 0 0.75rem; } - .rtl .input-group > .custom-select:not(:last-child), - .rtl .input-group > .form-control:not(:last-child) { - border-radius: 0 0.75rem 0.75rem 0; } - .rtl .input-group > .custom-select:not(:last-child):not(:first-child), - .rtl .input-group > .form-control:not(:last-child):not(:first-child) { - border-radius: 0; } - .rtl .custom-control { - padding-right: 1.5rem; - padding-left: inherit; - margin-right: inherit; - margin-left: 1rem; } - .rtl .custom-control-indicator { - right: 0; - left: inherit; } - .rtl .custom-file-label::after { - right: initial; - left: -1px; - border-radius: .25rem 0 0 .25rem; } - .rtl .radio input, - .rtl .radio-inline, - .rtl .checkbox input, - .rtl .checkbox-inline input { - margin-right: -1.25rem; - margin-left: inherit; } - .rtl .list-group { - padding-right: 0; - padding-left: 40px; } - .rtl .close { - float: left; } - .rtl .modal-header .close { - margin: -15px auto -15px -15px; } - .rtl .modal-footer > :not(:first-child) { - margin-right: .25rem; } - .rtl .alert-dismissible .close { - right: inherit; - left: 0; } - .rtl .dropdown-toggle::after { - margin-right: .255em; - margin-left: 0; } - .rtl .form-check-input { - margin-right: -1.25rem; - margin-left: inherit; } - .rtl .form-check-label { - padding-right: 1.25rem; - padding-left: inherit; } - .rtl .offset-1 { - margin-right: 8.3333333333%; - margin-left: 0; } - .rtl .offset-2 { - margin-right: 16.6666666667%; - margin-left: 0; } - .rtl .offset-3 { - margin-right: 25%; - margin-left: 0; } - .rtl .offset-4 { - margin-right: 33.3333333333%; - margin-left: 0; } - .rtl .offset-5 { - margin-right: 41.6666666667%; - margin-left: 0; } - .rtl .offset-6 { - margin-right: 50%; - margin-left: 0; } - .rtl .offset-7 { - margin-right: 58.3333333333%; - margin-left: 0; } - .rtl .offset-8 { - margin-right: 66.6666666667%; - margin-left: 0; } - .rtl .offset-9 { - margin-right: 75%; - margin-left: 0; } - .rtl .offset-10 { - margin-right: 83.3333333333%; - margin-left: 0; } - .rtl .offset-11 { - margin-right: 91.6666666667%; - margin-left: 0; } - @media (min-width: 576px) { - .rtl .offset-sm-0 { - margin-right: 0; - margin-left: 0; } - .rtl .offset-sm-1 { - margin-right: 8.3333333333%; - margin-left: 0; } - .rtl .offset-sm-2 { - margin-right: 16.6666666667%; - margin-left: 0; } - .rtl .offset-sm-3 { - margin-right: 25%; - margin-left: 0; } - .rtl .offset-sm-4 { - margin-right: 33.3333333333%; - margin-left: 0; } - .rtl .offset-sm-5 { - margin-right: 41.6666666667%; - margin-left: 0; } - .rtl .offset-sm-6 { - margin-right: 50%; - margin-left: 0; } - .rtl .offset-sm-7 { - margin-right: 58.3333333333%; - margin-left: 0; } - .rtl .offset-sm-8 { - margin-right: 66.6666666667%; - margin-left: 0; } - .rtl .offset-sm-9 { - margin-right: 75%; - margin-left: 0; } - .rtl .offset-sm-10 { - margin-right: 83.3333333333%; - margin-left: 0; } - .rtl .offset-sm-11 { - margin-right: 91.6666666667%; - margin-left: 0; } } - @media (min-width: 768px) { - .rtl .offset-md-0 { - margin-right: 0; - margin-left: 0; } - .rtl .offset-md-1 { - margin-right: 8.3333333333%; - margin-left: 0; } - .rtl .offset-md-2 { - margin-right: 16.6666666667%; - margin-left: 0; } - .rtl .offset-md-3 { - margin-right: 25%; - margin-left: 0; } - .rtl .offset-md-4 { - margin-right: 33.3333333333%; - margin-left: 0; } - .rtl .offset-md-5 { - margin-right: 41.6666666667%; - margin-left: 0; } - .rtl .offset-md-6 { - margin-right: 50%; - margin-left: 0; } - .rtl .offset-md-7 { - margin-right: 58.3333333333%; - margin-left: 0; } - .rtl .offset-md-8 { - margin-right: 66.6666666667%; - margin-left: 0; } - .rtl .offset-md-9 { - margin-right: 75%; - margin-left: 0; } - .rtl .offset-md-10 { - margin-right: 83.3333333333%; - margin-left: 0; } - .rtl .offset-md-11 { - margin-right: 91.6666666667%; - margin-left: 0; } } - @media (min-width: 992px) { - .rtl .offset-lg-0 { - margin-right: 0; - margin-left: 0; } - .rtl .offset-lg-1 { - margin-right: 8.3333333333%; - margin-left: 0; } - .rtl .offset-lg-2 { - margin-right: 16.6666666667%; - margin-left: 0; } - .rtl .offset-lg-3 { - margin-right: 25%; - margin-left: 0; } - .rtl .offset-lg-4 { - margin-right: 33.3333333333%; - margin-left: 0; } - .rtl .offset-lg-5 { - margin-right: 41.6666666667%; - margin-left: 0; } - .rtl .offset-lg-6 { - margin-right: 50%; - margin-left: 0; } - .rtl .offset-lg-7 { - margin-right: 58.3333333333%; - margin-left: 0; } - .rtl .offset-lg-8 { - margin-right: 66.6666666667%; - margin-left: 0; } - .rtl .offset-lg-9 { - margin-right: 75%; - margin-left: 0; } - .rtl .offset-lg-10 { - margin-right: 83.3333333333%; - margin-left: 0; } - .rtl .offset-lg-11 { - margin-right: 91.6666666667%; - margin-left: 0; } } - @media (min-width: 1200px) { - .rtl .offset-xl-0 { - margin-right: 0; - margin-left: 0; } - .rtl .offset-xl-1 { - margin-right: 8.3333333333%; - margin-left: 0; } - .rtl .offset-xl-2 { - margin-right: 16.6666666667%; - margin-left: 0; } - .rtl .offset-xl-3 { - margin-right: 25%; - margin-left: 0; } - .rtl .offset-xl-4 { - margin-right: 33.3333333333%; - margin-left: 0; } - .rtl .offset-xl-5 { - margin-right: 41.6666666667%; - margin-left: 0; } - .rtl .offset-xl-6 { - margin-right: 50%; - margin-left: 0; } - .rtl .offset-xl-7 { - margin-right: 58.3333333333%; - margin-left: 0; } - .rtl .offset-xl-8 { - margin-right: 66.6666666667%; - margin-left: 0; } - .rtl .offset-xl-9 { - margin-right: 75%; - margin-left: 0; } - .rtl .offset-xl-10 { - margin-right: 83.3333333333%; - margin-left: 0; } - .rtl .offset-xl-11 { - margin-right: 91.6666666667%; - margin-left: 0; } } - @media (min-width: 1440) { - .rtl .offset-xxl-0 { - margin-right: 0; - margin-left: 0; } - .rtl .offset-xxl-1 { - margin-right: 8.3333333333%; - margin-left: 0; } - .rtl .offset-xxl-2 { - margin-right: 16.6666666667%; - margin-left: 0; } - .rtl .offset-xxl-3 { - margin-right: 25%; - margin-left: 0; } - .rtl .offset-xxl-4 { - margin-right: 33.3333333333%; - margin-left: 0; } - .rtl .offset-xxl-5 { - margin-right: 41.6666666667%; - margin-left: 0; } - .rtl .offset-xxl-6 { - margin-right: 50%; - margin-left: 0; } - .rtl .offset-xxl-7 { - margin-right: 58.3333333333%; - margin-left: 0; } - .rtl .offset-xxl-8 { - margin-right: 66.6666666667%; - margin-left: 0; } - .rtl .offset-xxl-9 { - margin-right: 75%; - margin-left: 0; } - .rtl .offset-xxl-10 { - margin-right: 83.3333333333%; - margin-left: 0; } - .rtl .offset-xxl-11 { - margin-right: 91.6666666667%; - margin-left: 0; } } - .rtl .mr-0, - .rtl .mx-0 { - margin-right: 0 !important; - margin-left: 0 !important; } - .rtl .ml-0, - .rtl .mx-0 { - margin-left: 0 !important; - margin-right: 0 !important; } - .rtl .mr-1, - .rtl .mx-1 { - margin-right: 0 !important; - margin-left: 0.25rem !important; } - .rtl .ml-1, - .rtl .mx-1 { - margin-left: 0 !important; - margin-right: 0.25rem !important; } - .rtl .mr-2, - .rtl .mx-2 { - margin-right: 0 !important; - margin-left: 0.5rem !important; } - .rtl .ml-2, - .rtl .mx-2 { - margin-left: 0 !important; - margin-right: 0.5rem !important; } - .rtl .mr-3, - .rtl .mx-3 { - margin-right: 0 !important; - margin-left: 1rem !important; } - .rtl .ml-3, - .rtl .mx-3 { - margin-left: 0 !important; - margin-right: 1rem !important; } - .rtl .mr-4, - .rtl .mx-4 { - margin-right: 0 !important; - margin-left: 1.5rem !important; } - .rtl .ml-4, - .rtl .mx-4 { - margin-left: 0 !important; - margin-right: 1.5rem !important; } - .rtl .mr-5, - .rtl .mx-5 { - margin-right: 0 !important; - margin-left: 3rem !important; } - .rtl .ml-5, - .rtl .mx-5 { - margin-left: 0 !important; - margin-right: 3rem !important; } - .rtl .pr-0, - .rtl .px-0 { - padding-right: 0 !important; - padding-left: 0 !important; } - .rtl .pl-0, - .rtl .px-0 { - padding-left: 0 !important; - padding-right: 0 !important; } - .rtl .pr-1, - .rtl .px-1 { - padding-right: 0 !important; - padding-left: 0.25rem !important; } - .rtl .pl-1, - .rtl .px-1 { - padding-left: 0 !important; - padding-right: 0.25rem !important; } - .rtl .pr-2, - .rtl .px-2 { - padding-right: 0 !important; - padding-left: 0.5rem !important; } - .rtl .pl-2, - .rtl .px-2 { - padding-left: 0 !important; - padding-right: 0.5rem !important; } - .rtl .pr-3, - .rtl .px-3 { - padding-right: 0 !important; - padding-left: 1rem !important; } - .rtl .pl-3, - .rtl .px-3 { - padding-left: 0 !important; - padding-right: 1rem !important; } - .rtl .pr-4, - .rtl .px-4 { - padding-right: 0 !important; - padding-left: 1.5rem !important; } - .rtl .pl-4, - .rtl .px-4 { - padding-left: 0 !important; - padding-right: 1.5rem !important; } - .rtl .pr-5, - .rtl .px-5 { - padding-right: 0 !important; - padding-left: 3rem !important; } - .rtl .pl-5, - .rtl .px-5 { - padding-left: 0 !important; - padding-right: 3rem !important; } - .rtl .mr-auto { - margin-right: 0 !important; - margin-left: auto !important; } - .rtl .ml-auto { - margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-auto { + .p-lg-3 { + padding: 1rem !important; + } + + .pt-lg-3, + .py-lg-3 { + padding-top: 1rem !important; + } + + .pr-lg-3, + .px-lg-3 { + padding-right: 1rem !important; + } + + .pb-lg-3, + .py-lg-3 { + padding-bottom: 1rem !important; + } + + .pl-lg-3, + .px-lg-3 { + padding-left: 1rem !important; + } + + .p-lg-4 { + padding: 1.5rem !important; + } + + .pt-lg-4, + .py-lg-4 { + padding-top: 1.5rem !important; + } + + .pr-lg-4, + .px-lg-4 { + padding-right: 1.5rem !important; + } + + .pb-lg-4, + .py-lg-4 { + padding-bottom: 1.5rem !important; + } + + .pl-lg-4, + .px-lg-4 { + padding-left: 1.5rem !important; + } + + .p-lg-5 { + padding: 3rem !important; + } + + .pt-lg-5, + .py-lg-5 { + padding-top: 3rem !important; + } + + .pr-lg-5, + .px-lg-5 { + padding-right: 3rem !important; + } + + .pb-lg-5, + .py-lg-5 { + padding-bottom: 3rem !important; + } + + .pl-lg-5, + .px-lg-5 { + padding-left: 3rem !important; + } + + .m-lg-n1 { + margin: -0.25rem !important; + } + + .mt-lg-n1, + .my-lg-n1 { + margin-top: -0.25rem !important; + } + + .mr-lg-n1, + .mx-lg-n1 { + margin-right: -0.25rem !important; + } + + .mb-lg-n1, + .my-lg-n1 { + margin-bottom: -0.25rem !important; + } + + .ml-lg-n1, + .mx-lg-n1 { + margin-left: -0.25rem !important; + } + + .m-lg-n2 { + margin: -0.5rem !important; + } + + .mt-lg-n2, + .my-lg-n2 { + margin-top: -0.5rem !important; + } + + .mr-lg-n2, + .mx-lg-n2 { + margin-right: -0.5rem !important; + } + + .mb-lg-n2, + .my-lg-n2 { + margin-bottom: -0.5rem !important; + } + + .ml-lg-n2, + .mx-lg-n2 { + margin-left: -0.5rem !important; + } + + .m-lg-n3 { + margin: -1rem !important; + } + + .mt-lg-n3, + .my-lg-n3 { + margin-top: -1rem !important; + } + + .mr-lg-n3, + .mx-lg-n3 { + margin-right: -1rem !important; + } + + .mb-lg-n3, + .my-lg-n3 { + margin-bottom: -1rem !important; + } + + .ml-lg-n3, + .mx-lg-n3 { + margin-left: -1rem !important; + } + + .m-lg-n4 { + margin: -1.5rem !important; + } + + .mt-lg-n4, + .my-lg-n4 { + margin-top: -1.5rem !important; + } + + .mr-lg-n4, + .mx-lg-n4 { + margin-right: -1.5rem !important; + } + + .mb-lg-n4, + .my-lg-n4 { + margin-bottom: -1.5rem !important; + } + + .ml-lg-n4, + .mx-lg-n4 { + margin-left: -1.5rem !important; + } + + .m-lg-n5 { + margin: -3rem !important; + } + + .mt-lg-n5, + .my-lg-n5 { + margin-top: -3rem !important; + } + + .mr-lg-n5, + .mx-lg-n5 { + margin-right: -3rem !important; + } + + .mb-lg-n5, + .my-lg-n5 { + margin-bottom: -3rem !important; + } + + .ml-lg-n5, + .mx-lg-n5 { + margin-left: -3rem !important; + } + + .m-lg-auto { + margin: auto !important; + } + + .mt-lg-auto, + .my-lg-auto { + margin-top: auto !important; + } + + .mr-lg-auto, + .mx-lg-auto { margin-right: auto !important; - margin-left: auto !important; } - @media (min-width: 576px) { - .rtl .mr-sm-0, - .rtl .mx-sm-0 { - margin-right: 0 !important; - margin-left: 0 !important; } - .rtl .ml-sm-0, - .rtl .mx-sm-0 { - margin-left: 0 !important; - margin-right: 0 !important; } - .rtl .mr-sm-1, - .rtl .mx-sm-1 { - margin-right: 0 !important; - margin-left: 0.25rem !important; } - .rtl .ml-sm-1, - .rtl .mx-sm-1 { - margin-left: 0 !important; - margin-right: 0.25rem !important; } - .rtl .mr-sm-2, - .rtl .mx-sm-2 { - margin-right: 0 !important; - margin-left: 0.5rem !important; } - .rtl .ml-sm-2, - .rtl .mx-sm-2 { - margin-left: 0 !important; - margin-right: 0.5rem !important; } - .rtl .mr-sm-3, - .rtl .mx-sm-3 { - margin-right: 0 !important; - margin-left: 1rem !important; } - .rtl .ml-sm-3, - .rtl .mx-sm-3 { - margin-left: 0 !important; - margin-right: 1rem !important; } - .rtl .mr-sm-4, - .rtl .mx-sm-4 { - margin-right: 0 !important; - margin-left: 1.5rem !important; } - .rtl .ml-sm-4, - .rtl .mx-sm-4 { - margin-left: 0 !important; - margin-right: 1.5rem !important; } - .rtl .mr-sm-5, - .rtl .mx-sm-5 { - margin-right: 0 !important; - margin-left: 3rem !important; } - .rtl .ml-sm-5, - .rtl .mx-sm-5 { - margin-left: 0 !important; - margin-right: 3rem !important; } - .rtl .pr-sm-0, - .rtl .px-sm-0 { - padding-right: 0 !important; - padding-left: 0 !important; } - .rtl .pl-sm-0, - .rtl .px-sm-0 { - padding-left: 0 !important; - padding-right: 0 !important; } - .rtl .pr-sm-1, - .rtl .px-sm-1 { - padding-right: 0 !important; - padding-left: 0.25rem !important; } - .rtl .pl-sm-1, - .rtl .px-sm-1 { - padding-left: 0 !important; - padding-right: 0.25rem !important; } - .rtl .pr-sm-2, - .rtl .px-sm-2 { - padding-right: 0 !important; - padding-left: 0.5rem !important; } - .rtl .pl-sm-2, - .rtl .px-sm-2 { - padding-left: 0 !important; - padding-right: 0.5rem !important; } - .rtl .pr-sm-3, - .rtl .px-sm-3 { - padding-right: 0 !important; - padding-left: 1rem !important; } - .rtl .pl-sm-3, - .rtl .px-sm-3 { - padding-left: 0 !important; - padding-right: 1rem !important; } - .rtl .pr-sm-4, - .rtl .px-sm-4 { - padding-right: 0 !important; - padding-left: 1.5rem !important; } - .rtl .pl-sm-4, - .rtl .px-sm-4 { - padding-left: 0 !important; - padding-right: 1.5rem !important; } - .rtl .pr-sm-5, - .rtl .px-sm-5 { - padding-right: 0 !important; - padding-left: 3rem !important; } - .rtl .pl-sm-5, - .rtl .px-sm-5 { - padding-left: 0 !important; - padding-right: 3rem !important; } - .rtl .mr-sm-auto { - margin-right: 0 !important; - margin-left: auto !important; } - .rtl .ml-sm-auto { - margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-sm-auto { - margin-right: auto !important; - margin-left: auto !important; } } - @media (min-width: 768px) { - .rtl .mr-md-0, - .rtl .mx-md-0 { - margin-right: 0 !important; - margin-left: 0 !important; } - .rtl .ml-md-0, - .rtl .mx-md-0 { - margin-left: 0 !important; - margin-right: 0 !important; } - .rtl .mr-md-1, - .rtl .mx-md-1 { - margin-right: 0 !important; - margin-left: 0.25rem !important; } - .rtl .ml-md-1, - .rtl .mx-md-1 { - margin-left: 0 !important; - margin-right: 0.25rem !important; } - .rtl .mr-md-2, - .rtl .mx-md-2 { - margin-right: 0 !important; - margin-left: 0.5rem !important; } - .rtl .ml-md-2, - .rtl .mx-md-2 { - margin-left: 0 !important; - margin-right: 0.5rem !important; } - .rtl .mr-md-3, - .rtl .mx-md-3 { - margin-right: 0 !important; - margin-left: 1rem !important; } - .rtl .ml-md-3, - .rtl .mx-md-3 { - margin-left: 0 !important; - margin-right: 1rem !important; } - .rtl .mr-md-4, - .rtl .mx-md-4 { - margin-right: 0 !important; - margin-left: 1.5rem !important; } - .rtl .ml-md-4, - .rtl .mx-md-4 { - margin-left: 0 !important; - margin-right: 1.5rem !important; } - .rtl .mr-md-5, - .rtl .mx-md-5 { - margin-right: 0 !important; - margin-left: 3rem !important; } - .rtl .ml-md-5, - .rtl .mx-md-5 { - margin-left: 0 !important; - margin-right: 3rem !important; } - .rtl .pr-md-0, - .rtl .px-md-0 { - padding-right: 0 !important; - padding-left: 0 !important; } - .rtl .pl-md-0, - .rtl .px-md-0 { - padding-left: 0 !important; - padding-right: 0 !important; } - .rtl .pr-md-1, - .rtl .px-md-1 { - padding-right: 0 !important; - padding-left: 0.25rem !important; } - .rtl .pl-md-1, - .rtl .px-md-1 { - padding-left: 0 !important; - padding-right: 0.25rem !important; } - .rtl .pr-md-2, - .rtl .px-md-2 { - padding-right: 0 !important; - padding-left: 0.5rem !important; } - .rtl .pl-md-2, - .rtl .px-md-2 { - padding-left: 0 !important; - padding-right: 0.5rem !important; } - .rtl .pr-md-3, - .rtl .px-md-3 { - padding-right: 0 !important; - padding-left: 1rem !important; } - .rtl .pl-md-3, - .rtl .px-md-3 { - padding-left: 0 !important; - padding-right: 1rem !important; } - .rtl .pr-md-4, - .rtl .px-md-4 { - padding-right: 0 !important; - padding-left: 1.5rem !important; } - .rtl .pl-md-4, - .rtl .px-md-4 { - padding-left: 0 !important; - padding-right: 1.5rem !important; } - .rtl .pr-md-5, - .rtl .px-md-5 { - padding-right: 0 !important; - padding-left: 3rem !important; } - .rtl .pl-md-5, - .rtl .px-md-5 { - padding-left: 0 !important; - padding-right: 3rem !important; } - .rtl .mr-md-auto { - margin-right: 0 !important; - margin-left: auto !important; } - .rtl .ml-md-auto { - margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-md-auto { - margin-right: auto !important; - margin-left: auto !important; } } - @media (min-width: 992px) { - .rtl .mr-lg-0, - .rtl .mx-lg-0 { - margin-right: 0 !important; - margin-left: 0 !important; } - .rtl .ml-lg-0, - .rtl .mx-lg-0 { - margin-left: 0 !important; - margin-right: 0 !important; } - .rtl .mr-lg-1, - .rtl .mx-lg-1 { - margin-right: 0 !important; - margin-left: 0.25rem !important; } - .rtl .ml-lg-1, - .rtl .mx-lg-1 { - margin-left: 0 !important; - margin-right: 0.25rem !important; } - .rtl .mr-lg-2, - .rtl .mx-lg-2 { - margin-right: 0 !important; - margin-left: 0.5rem !important; } - .rtl .ml-lg-2, - .rtl .mx-lg-2 { - margin-left: 0 !important; - margin-right: 0.5rem !important; } - .rtl .mr-lg-3, - .rtl .mx-lg-3 { - margin-right: 0 !important; - margin-left: 1rem !important; } - .rtl .ml-lg-3, - .rtl .mx-lg-3 { - margin-left: 0 !important; - margin-right: 1rem !important; } - .rtl .mr-lg-4, - .rtl .mx-lg-4 { - margin-right: 0 !important; - margin-left: 1.5rem !important; } - .rtl .ml-lg-4, - .rtl .mx-lg-4 { - margin-left: 0 !important; - margin-right: 1.5rem !important; } - .rtl .mr-lg-5, - .rtl .mx-lg-5 { - margin-right: 0 !important; - margin-left: 3rem !important; } - .rtl .ml-lg-5, - .rtl .mx-lg-5 { - margin-left: 0 !important; - margin-right: 3rem !important; } - .rtl .pr-lg-0, - .rtl .px-lg-0 { - padding-right: 0 !important; - padding-left: 0 !important; } - .rtl .pl-lg-0, - .rtl .px-lg-0 { - padding-left: 0 !important; - padding-right: 0 !important; } - .rtl .pr-lg-1, - .rtl .px-lg-1 { - padding-right: 0 !important; - padding-left: 0.25rem !important; } - .rtl .pl-lg-1, - .rtl .px-lg-1 { - padding-left: 0 !important; - padding-right: 0.25rem !important; } - .rtl .pr-lg-2, - .rtl .px-lg-2 { - padding-right: 0 !important; - padding-left: 0.5rem !important; } - .rtl .pl-lg-2, - .rtl .px-lg-2 { - padding-left: 0 !important; - padding-right: 0.5rem !important; } - .rtl .pr-lg-3, - .rtl .px-lg-3 { - padding-right: 0 !important; - padding-left: 1rem !important; } - .rtl .pl-lg-3, - .rtl .px-lg-3 { - padding-left: 0 !important; - padding-right: 1rem !important; } - .rtl .pr-lg-4, - .rtl .px-lg-4 { - padding-right: 0 !important; - padding-left: 1.5rem !important; } - .rtl .pl-lg-4, - .rtl .px-lg-4 { - padding-left: 0 !important; - padding-right: 1.5rem !important; } - .rtl .pr-lg-5, - .rtl .px-lg-5 { - padding-right: 0 !important; - padding-left: 3rem !important; } - .rtl .pl-lg-5, - .rtl .px-lg-5 { - padding-left: 0 !important; - padding-right: 3rem !important; } - .rtl .mr-lg-auto { - margin-right: 0 !important; - margin-left: auto !important; } - .rtl .ml-lg-auto { - margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-lg-auto { - margin-right: auto !important; - margin-left: auto !important; } } - @media (min-width: 1200px) { - .rtl .mr-xl-0, - .rtl .mx-xl-0 { - margin-right: 0 !important; - margin-left: 0 !important; } - .rtl .ml-xl-0, - .rtl .mx-xl-0 { - margin-left: 0 !important; - margin-right: 0 !important; } - .rtl .mr-xl-1, - .rtl .mx-xl-1 { - margin-right: 0 !important; - margin-left: 0.25rem !important; } - .rtl .ml-xl-1, - .rtl .mx-xl-1 { - margin-left: 0 !important; - margin-right: 0.25rem !important; } - .rtl .mr-xl-2, - .rtl .mx-xl-2 { - margin-right: 0 !important; - margin-left: 0.5rem !important; } - .rtl .ml-xl-2, - .rtl .mx-xl-2 { - margin-left: 0 !important; - margin-right: 0.5rem !important; } - .rtl .mr-xl-3, - .rtl .mx-xl-3 { - margin-right: 0 !important; - margin-left: 1rem !important; } - .rtl .ml-xl-3, - .rtl .mx-xl-3 { - margin-left: 0 !important; - margin-right: 1rem !important; } - .rtl .mr-xl-4, - .rtl .mx-xl-4 { - margin-right: 0 !important; - margin-left: 1.5rem !important; } - .rtl .ml-xl-4, - .rtl .mx-xl-4 { - margin-left: 0 !important; - margin-right: 1.5rem !important; } - .rtl .mr-xl-5, - .rtl .mx-xl-5 { - margin-right: 0 !important; - margin-left: 3rem !important; } - .rtl .ml-xl-5, - .rtl .mx-xl-5 { - margin-left: 0 !important; - margin-right: 3rem !important; } - .rtl .pr-xl-0, - .rtl .px-xl-0 { - padding-right: 0 !important; - padding-left: 0 !important; } - .rtl .pl-xl-0, - .rtl .px-xl-0 { - padding-left: 0 !important; - padding-right: 0 !important; } - .rtl .pr-xl-1, - .rtl .px-xl-1 { - padding-right: 0 !important; - padding-left: 0.25rem !important; } - .rtl .pl-xl-1, - .rtl .px-xl-1 { - padding-left: 0 !important; - padding-right: 0.25rem !important; } - .rtl .pr-xl-2, - .rtl .px-xl-2 { - padding-right: 0 !important; - padding-left: 0.5rem !important; } - .rtl .pl-xl-2, - .rtl .px-xl-2 { - padding-left: 0 !important; - padding-right: 0.5rem !important; } - .rtl .pr-xl-3, - .rtl .px-xl-3 { - padding-right: 0 !important; - padding-left: 1rem !important; } - .rtl .pl-xl-3, - .rtl .px-xl-3 { - padding-left: 0 !important; - padding-right: 1rem !important; } - .rtl .pr-xl-4, - .rtl .px-xl-4 { - padding-right: 0 !important; - padding-left: 1.5rem !important; } - .rtl .pl-xl-4, - .rtl .px-xl-4 { - padding-left: 0 !important; - padding-right: 1.5rem !important; } - .rtl .pr-xl-5, - .rtl .px-xl-5 { - padding-right: 0 !important; - padding-left: 3rem !important; } - .rtl .pl-xl-5, - .rtl .px-xl-5 { - padding-left: 0 !important; - padding-right: 3rem !important; } - .rtl .mr-xl-auto { - margin-right: 0 !important; - margin-left: auto !important; } - .rtl .ml-xl-auto { - margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-xl-auto { - margin-right: auto !important; - margin-left: auto !important; } } - @media (min-width: 1440) { - .rtl .mr-xxl-0, - .rtl .mx-xxl-0 { - margin-right: 0 !important; - margin-left: 0 !important; } - .rtl .ml-xxl-0, - .rtl .mx-xxl-0 { - margin-left: 0 !important; - margin-right: 0 !important; } - .rtl .mr-xxl-1, - .rtl .mx-xxl-1 { - margin-right: 0 !important; - margin-left: 0.25rem !important; } - .rtl .ml-xxl-1, - .rtl .mx-xxl-1 { - margin-left: 0 !important; - margin-right: 0.25rem !important; } - .rtl .mr-xxl-2, - .rtl .mx-xxl-2 { - margin-right: 0 !important; - margin-left: 0.5rem !important; } - .rtl .ml-xxl-2, - .rtl .mx-xxl-2 { - margin-left: 0 !important; - margin-right: 0.5rem !important; } - .rtl .mr-xxl-3, - .rtl .mx-xxl-3 { - margin-right: 0 !important; - margin-left: 1rem !important; } - .rtl .ml-xxl-3, - .rtl .mx-xxl-3 { - margin-left: 0 !important; - margin-right: 1rem !important; } - .rtl .mr-xxl-4, - .rtl .mx-xxl-4 { - margin-right: 0 !important; - margin-left: 1.5rem !important; } - .rtl .ml-xxl-4, - .rtl .mx-xxl-4 { - margin-left: 0 !important; - margin-right: 1.5rem !important; } - .rtl .mr-xxl-5, - .rtl .mx-xxl-5 { - margin-right: 0 !important; - margin-left: 3rem !important; } - .rtl .ml-xxl-5, - .rtl .mx-xxl-5 { - margin-left: 0 !important; - margin-right: 3rem !important; } - .rtl .pr-xxl-0, - .rtl .px-xxl-0 { - padding-right: 0 !important; - padding-left: 0 !important; } - .rtl .pl-xxl-0, - .rtl .px-xxl-0 { - padding-left: 0 !important; - padding-right: 0 !important; } - .rtl .pr-xxl-1, - .rtl .px-xxl-1 { - padding-right: 0 !important; - padding-left: 0.25rem !important; } - .rtl .pl-xxl-1, - .rtl .px-xxl-1 { - padding-left: 0 !important; - padding-right: 0.25rem !important; } - .rtl .pr-xxl-2, - .rtl .px-xxl-2 { - padding-right: 0 !important; - padding-left: 0.5rem !important; } - .rtl .pl-xxl-2, - .rtl .px-xxl-2 { - padding-left: 0 !important; - padding-right: 0.5rem !important; } - .rtl .pr-xxl-3, - .rtl .px-xxl-3 { - padding-right: 0 !important; - padding-left: 1rem !important; } - .rtl .pl-xxl-3, - .rtl .px-xxl-3 { - padding-left: 0 !important; - padding-right: 1rem !important; } - .rtl .pr-xxl-4, - .rtl .px-xxl-4 { - padding-right: 0 !important; - padding-left: 1.5rem !important; } - .rtl .pl-xxl-4, - .rtl .px-xxl-4 { - padding-left: 0 !important; - padding-right: 1.5rem !important; } - .rtl .pr-xxl-5, - .rtl .px-xxl-5 { - padding-right: 0 !important; - padding-left: 3rem !important; } - .rtl .pl-xxl-5, - .rtl .px-xxl-5 { - padding-left: 0 !important; - padding-right: 3rem !important; } - .rtl .mr-xxl-auto { - margin-right: 0 !important; - margin-left: auto !important; } - .rtl .ml-xxl-auto { - margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-xxl-auto { - margin-right: auto !important; - margin-left: auto !important; } } - .rtl .text-right { - text-align: left !important; } - .rtl .text-left { - text-align: right !important; } - @media (min-width: 576px) { - .rtl .text-sm-right { - text-align: left !important; } - .rtl .text-sm-left { - text-align: right !important; } } - @media (min-width: 768px) { - .rtl .text-md-right { - text-align: left !important; } - .rtl .text-md-left { - text-align: right !important; } } - @media (min-width: 992px) { - .rtl .text-lg-right { - text-align: left !important; } - .rtl .text-lg-left { - text-align: right !important; } } - @media (min-width: 1200px) { - .rtl .text-xl-right { - text-align: left !important; } - .rtl .text-xl-left { - text-align: right !important; } } - @media (min-width: 1440) { - .rtl .text-xxl-right { - text-align: left !important; } - .rtl .text-xxl-left { - text-align: right !important; } } + } + + .mb-lg-auto, + .my-lg-auto { + margin-bottom: auto !important; + } + + .ml-lg-auto, + .mx-lg-auto { + margin-left: auto !important; + } +} -.rtl .mx-0 { - margin-right: auto; - margin-left: 0 !important; } -.rtl .mx-0 { - margin-left: auto; - margin-right: 0 !important; } -.rtl .mx-1 { - margin-right: auto; - margin-left: 0.25rem !important; } -.rtl .mx-1 { - margin-left: auto; - margin-right: 0.25rem !important; } -.rtl .mx-2 { - margin-right: auto; - margin-left: 0.5rem !important; } -.rtl .mx-2 { - margin-left: auto; - margin-right: 0.5rem !important; } -.rtl .mx-3 { - margin-right: auto; - margin-left: 1rem !important; } -.rtl .mx-3 { - margin-left: auto; - margin-right: 1rem !important; } -.rtl .mx-4 { - margin-right: auto; - margin-left: 1.5rem !important; } -.rtl .mx-4 { - margin-left: auto; - margin-right: 1.5rem !important; } -.rtl .mx-5 { - margin-right: auto; - margin-left: 3rem !important; } -.rtl .mx-5 { - margin-left: auto; - margin-right: 3rem !important; } -.rtl .px-0 { - padding-right: auto; - padding-left: 0 !important; } -.rtl .px-0 { - padding-left: auto; - padding-right: 0 !important; } -.rtl .px-1 { - padding-right: auto; - padding-left: 0.25rem !important; } -.rtl .px-1 { - padding-left: auto; - padding-right: 0.25rem !important; } -.rtl .px-2 { - padding-right: auto; - padding-left: 0.5rem !important; } -.rtl .px-2 { - padding-left: auto; - padding-right: 0.5rem !important; } -.rtl .px-3 { - padding-right: auto; - padding-left: 1rem !important; } -.rtl .px-3 { - padding-left: auto; - padding-right: 1rem !important; } -.rtl .px-4 { - padding-right: auto; - padding-left: 1.5rem !important; } -.rtl .px-4 { - padding-left: auto; - padding-right: 1.5rem !important; } -.rtl .px-5 { - padding-right: auto; - padding-left: 3rem !important; } -.rtl .px-5 { - padding-left: auto; - padding-right: 3rem !important; } -.rtl .mr-auto { - margin-right: 0 !important; - margin-left: auto !important; } -.rtl .mx-auto { - margin-right: auto !important; - margin-left: auto !important; } -.rtl .ml-auto { - margin-right: auto !important; - margin-left: 0 !important; } -.rtl .mx-auto { - margin-right: auto !important; - margin-left: auto !important; } -@media (min-width: 576px) { - .rtl .mx-sm-0 { - margin-right: auto; - margin-left: 0 !important; } - .rtl .mx-sm-0 { - margin-left: auto; - margin-right: 0 !important; } - .rtl .mx-sm-1 { - margin-right: auto; - margin-left: 0.25rem !important; } - .rtl .mx-sm-1 { - margin-left: auto; - margin-right: 0.25rem !important; } - .rtl .mx-sm-2 { - margin-right: auto; - margin-left: 0.5rem !important; } - .rtl .mx-sm-2 { - margin-left: auto; - margin-right: 0.5rem !important; } - .rtl .mx-sm-3 { - margin-right: auto; - margin-left: 1rem !important; } - .rtl .mx-sm-3 { - margin-left: auto; - margin-right: 1rem !important; } - .rtl .mx-sm-4 { - margin-right: auto; - margin-left: 1.5rem !important; } - .rtl .mx-sm-4 { - margin-left: auto; - margin-right: 1.5rem !important; } - .rtl .mx-sm-5 { - margin-right: auto; - margin-left: 3rem !important; } - .rtl .mx-sm-5 { - margin-left: auto; - margin-right: 3rem !important; } - .rtl .px-sm-0 { - padding-right: auto; - padding-left: 0 !important; } - .rtl .px-sm-0 { - padding-left: auto; - padding-right: 0 !important; } - .rtl .px-sm-1 { - padding-right: auto; - padding-left: 0.25rem !important; } - .rtl .px-sm-1 { - padding-left: auto; - padding-right: 0.25rem !important; } - .rtl .px-sm-2 { - padding-right: auto; - padding-left: 0.5rem !important; } - .rtl .px-sm-2 { - padding-left: auto; - padding-right: 0.5rem !important; } - .rtl .px-sm-3 { - padding-right: auto; - padding-left: 1rem !important; } - .rtl .px-sm-3 { - padding-left: auto; - padding-right: 1rem !important; } - .rtl .px-sm-4 { - padding-right: auto; - padding-left: 1.5rem !important; } - .rtl .px-sm-4 { - padding-left: auto; - padding-right: 1.5rem !important; } - .rtl .px-sm-5 { - padding-right: auto; - padding-left: 3rem !important; } - .rtl .px-sm-5 { - padding-left: auto; - padding-right: 3rem !important; } - .rtl .mr-sm-auto { - margin-right: 0 !important; - margin-left: auto !important; } - .rtl .mx-sm-auto { - margin-right: auto !important; - margin-left: auto !important; } - .rtl .ml-sm-auto { - margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-sm-auto { - margin-right: auto !important; - margin-left: auto !important; } } -@media (min-width: 768px) { - .rtl .mx-md-0 { - margin-right: auto; - margin-left: 0 !important; } - .rtl .mx-md-0 { - margin-left: auto; - margin-right: 0 !important; } - .rtl .mx-md-1 { - margin-right: auto; - margin-left: 0.25rem !important; } - .rtl .mx-md-1 { - margin-left: auto; - margin-right: 0.25rem !important; } - .rtl .mx-md-2 { - margin-right: auto; - margin-left: 0.5rem !important; } - .rtl .mx-md-2 { - margin-left: auto; - margin-right: 0.5rem !important; } - .rtl .mx-md-3 { - margin-right: auto; - margin-left: 1rem !important; } - .rtl .mx-md-3 { - margin-left: auto; - margin-right: 1rem !important; } - .rtl .mx-md-4 { - margin-right: auto; - margin-left: 1.5rem !important; } - .rtl .mx-md-4 { - margin-left: auto; - margin-right: 1.5rem !important; } - .rtl .mx-md-5 { - margin-right: auto; - margin-left: 3rem !important; } - .rtl .mx-md-5 { - margin-left: auto; - margin-right: 3rem !important; } - .rtl .px-md-0 { - padding-right: auto; - padding-left: 0 !important; } - .rtl .px-md-0 { - padding-left: auto; - padding-right: 0 !important; } - .rtl .px-md-1 { - padding-right: auto; - padding-left: 0.25rem !important; } - .rtl .px-md-1 { - padding-left: auto; - padding-right: 0.25rem !important; } - .rtl .px-md-2 { - padding-right: auto; - padding-left: 0.5rem !important; } - .rtl .px-md-2 { - padding-left: auto; - padding-right: 0.5rem !important; } - .rtl .px-md-3 { - padding-right: auto; - padding-left: 1rem !important; } - .rtl .px-md-3 { - padding-left: auto; - padding-right: 1rem !important; } - .rtl .px-md-4 { - padding-right: auto; - padding-left: 1.5rem !important; } - .rtl .px-md-4 { - padding-left: auto; - padding-right: 1.5rem !important; } - .rtl .px-md-5 { - padding-right: auto; - padding-left: 3rem !important; } - .rtl .px-md-5 { - padding-left: auto; - padding-right: 3rem !important; } - .rtl .mr-md-auto { - margin-right: 0 !important; - margin-left: auto !important; } - .rtl .mx-md-auto { - margin-right: auto !important; - margin-left: auto !important; } - .rtl .ml-md-auto { - margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-md-auto { - margin-right: auto !important; - margin-left: auto !important; } } -@media (min-width: 992px) { - .rtl .mx-lg-0 { - margin-right: auto; - margin-left: 0 !important; } - .rtl .mx-lg-0 { - margin-left: auto; - margin-right: 0 !important; } - .rtl .mx-lg-1 { - margin-right: auto; - margin-left: 0.25rem !important; } - .rtl .mx-lg-1 { - margin-left: auto; - margin-right: 0.25rem !important; } - .rtl .mx-lg-2 { - margin-right: auto; - margin-left: 0.5rem !important; } - .rtl .mx-lg-2 { - margin-left: auto; - margin-right: 0.5rem !important; } - .rtl .mx-lg-3 { - margin-right: auto; - margin-left: 1rem !important; } - .rtl .mx-lg-3 { - margin-left: auto; - margin-right: 1rem !important; } - .rtl .mx-lg-4 { - margin-right: auto; - margin-left: 1.5rem !important; } - .rtl .mx-lg-4 { - margin-left: auto; - margin-right: 1.5rem !important; } - .rtl .mx-lg-5 { - margin-right: auto; - margin-left: 3rem !important; } - .rtl .mx-lg-5 { - margin-left: auto; - margin-right: 3rem !important; } - .rtl .px-lg-0 { - padding-right: auto; - padding-left: 0 !important; } - .rtl .px-lg-0 { - padding-left: auto; - padding-right: 0 !important; } - .rtl .px-lg-1 { - padding-right: auto; - padding-left: 0.25rem !important; } - .rtl .px-lg-1 { - padding-left: auto; - padding-right: 0.25rem !important; } - .rtl .px-lg-2 { - padding-right: auto; - padding-left: 0.5rem !important; } - .rtl .px-lg-2 { - padding-left: auto; - padding-right: 0.5rem !important; } - .rtl .px-lg-3 { - padding-right: auto; - padding-left: 1rem !important; } - .rtl .px-lg-3 { - padding-left: auto; - padding-right: 1rem !important; } - .rtl .px-lg-4 { - padding-right: auto; - padding-left: 1.5rem !important; } - .rtl .px-lg-4 { - padding-left: auto; - padding-right: 1.5rem !important; } - .rtl .px-lg-5 { - padding-right: auto; - padding-left: 3rem !important; } - .rtl .px-lg-5 { - padding-left: auto; - padding-right: 3rem !important; } - .rtl .mr-lg-auto { - margin-right: 0 !important; - margin-left: auto !important; } - .rtl .mx-lg-auto { - margin-right: auto !important; - margin-left: auto !important; } - .rtl .ml-lg-auto { - margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-lg-auto { - margin-right: auto !important; - margin-left: auto !important; } } @media (min-width: 1200px) { - .rtl .mx-xl-0 { - margin-right: auto; - margin-left: 0 !important; } - .rtl .mx-xl-0 { - margin-left: auto; - margin-right: 0 !important; } - .rtl .mx-xl-1 { - margin-right: auto; - margin-left: 0.25rem !important; } - .rtl .mx-xl-1 { - margin-left: auto; - margin-right: 0.25rem !important; } - .rtl .mx-xl-2 { - margin-right: auto; - margin-left: 0.5rem !important; } - .rtl .mx-xl-2 { - margin-left: auto; - margin-right: 0.5rem !important; } - .rtl .mx-xl-3 { - margin-right: auto; - margin-left: 1rem !important; } - .rtl .mx-xl-3 { - margin-left: auto; - margin-right: 1rem !important; } - .rtl .mx-xl-4 { - margin-right: auto; - margin-left: 1.5rem !important; } - .rtl .mx-xl-4 { - margin-left: auto; - margin-right: 1.5rem !important; } - .rtl .mx-xl-5 { - margin-right: auto; - margin-left: 3rem !important; } - .rtl .mx-xl-5 { - margin-left: auto; - margin-right: 3rem !important; } - .rtl .px-xl-0 { - padding-right: auto; - padding-left: 0 !important; } - .rtl .px-xl-0 { - padding-left: auto; - padding-right: 0 !important; } - .rtl .px-xl-1 { - padding-right: auto; - padding-left: 0.25rem !important; } - .rtl .px-xl-1 { - padding-left: auto; - padding-right: 0.25rem !important; } - .rtl .px-xl-2 { - padding-right: auto; - padding-left: 0.5rem !important; } - .rtl .px-xl-2 { - padding-left: auto; - padding-right: 0.5rem !important; } - .rtl .px-xl-3 { - padding-right: auto; - padding-left: 1rem !important; } - .rtl .px-xl-3 { - padding-left: auto; - padding-right: 1rem !important; } - .rtl .px-xl-4 { - padding-right: auto; - padding-left: 1.5rem !important; } - .rtl .px-xl-4 { - padding-left: auto; - padding-right: 1.5rem !important; } - .rtl .px-xl-5 { - padding-right: auto; - padding-left: 3rem !important; } - .rtl .px-xl-5 { - padding-left: auto; - padding-right: 3rem !important; } - .rtl .mr-xl-auto { - margin-right: 0 !important; - margin-left: auto !important; } - .rtl .mx-xl-auto { - margin-right: auto !important; - margin-left: auto !important; } - .rtl .ml-xl-auto { - margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-xl-auto { - margin-right: auto !important; - margin-left: auto !important; } } -@media (min-width: 1440) { - .rtl .mx-xxl-0 { - margin-right: auto; - margin-left: 0 !important; } - .rtl .mx-xxl-0 { - margin-left: auto; - margin-right: 0 !important; } - .rtl .mx-xxl-1 { - margin-right: auto; - margin-left: 0.25rem !important; } - .rtl .mx-xxl-1 { - margin-left: auto; - margin-right: 0.25rem !important; } - .rtl .mx-xxl-2 { - margin-right: auto; - margin-left: 0.5rem !important; } - .rtl .mx-xxl-2 { - margin-left: auto; - margin-right: 0.5rem !important; } - .rtl .mx-xxl-3 { - margin-right: auto; - margin-left: 1rem !important; } - .rtl .mx-xxl-3 { - margin-left: auto; - margin-right: 1rem !important; } - .rtl .mx-xxl-4 { - margin-right: auto; - margin-left: 1.5rem !important; } - .rtl .mx-xxl-4 { - margin-left: auto; - margin-right: 1.5rem !important; } - .rtl .mx-xxl-5 { - margin-right: auto; - margin-left: 3rem !important; } - .rtl .mx-xxl-5 { - margin-left: auto; - margin-right: 3rem !important; } - .rtl .px-xxl-0 { - padding-right: auto; - padding-left: 0 !important; } - .rtl .px-xxl-0 { - padding-left: auto; - padding-right: 0 !important; } - .rtl .px-xxl-1 { - padding-right: auto; - padding-left: 0.25rem !important; } - .rtl .px-xxl-1 { - padding-left: auto; - padding-right: 0.25rem !important; } - .rtl .px-xxl-2 { - padding-right: auto; - padding-left: 0.5rem !important; } - .rtl .px-xxl-2 { - padding-left: auto; - padding-right: 0.5rem !important; } - .rtl .px-xxl-3 { - padding-right: auto; - padding-left: 1rem !important; } - .rtl .px-xxl-3 { - padding-left: auto; - padding-right: 1rem !important; } - .rtl .px-xxl-4 { - padding-right: auto; - padding-left: 1.5rem !important; } - .rtl .px-xxl-4 { - padding-left: auto; - padding-right: 1.5rem !important; } - .rtl .px-xxl-5 { - padding-right: auto; - padding-left: 3rem !important; } - .rtl .px-xxl-5 { - padding-left: auto; - padding-right: 3rem !important; } - .rtl .mr-xxl-auto { + .m-xl-0 { + margin: 0 !important; + } + + .mt-xl-0, + .my-xl-0 { + margin-top: 0 !important; + } + + .mr-xl-0, + .mx-xl-0 { margin-right: 0 !important; - margin-left: auto !important; } - .rtl .mx-xxl-auto { - margin-right: auto !important; - margin-left: auto !important; } - .rtl .ml-xxl-auto { - margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-xxl-auto { - margin-right: auto !important; - margin-left: auto !important; } } -.rtl .float-left { - float: right !important; } -.rtl .float-right { - float: left !important; } -.rtl .float-none { - float: none !important; } -@media (min-width: 576px) { - .rtl .float-sm-left { - float: right !important; } - .rtl .float-sm-right { - float: left !important; } - .rtl .float-sm-none { - float: none !important; } } -@media (min-width: 768px) { - .rtl .float-md-left { - float: right !important; } - .rtl .float-md-right { - float: left !important; } - .rtl .float-md-none { - float: none !important; } } -@media (min-width: 992px) { - .rtl .float-lg-left { - float: right !important; } - .rtl .float-lg-right { - float: left !important; } - .rtl .float-lg-none { - float: none !important; } } -@media (min-width: 1200px) { - .rtl .float-xl-left { - float: right !important; } - .rtl .float-xl-right { - float: left !important; } - .rtl .float-xl-none { - float: none !important; } } -@media (min-width: 1440) { - .rtl .float-xxl-left { - float: right !important; } - .rtl .float-xxl-right { - float: left !important; } - .rtl .float-xxl-none { - float: none !important; } } + } -[direction="rtl"] { - /* .text-right { - text-align: left !important; - } + .mb-xl-0, + .my-xl-0 { + margin-bottom: 0 !important; + } - .text-left { - text-align: right !important; - } */ } - [direction="rtl"][data-theme-version="dark"] .border, [direction="rtl"][data-theme-version="dark"] .border-left, [direction="rtl"][data-theme-version="dark"] .border-right { - border-color: #333a54 !important; } - [direction="rtl"] .border-right { - border-left: 1px solid #f0f1f5 !important; - border-right: 0 !important; } - [direction="rtl"] .border-left { - border-right: 1px solid #f0f1f5 !important; - border-left: 0 !important; } - [direction="rtl"] .dropdown-menu { - left: auto; } - [direction="rtl"] .dropdown-menu-right { - left: 0; - right: auto; } - @media only screen and (max-width: 575px) { - [direction="rtl"] .dropdown-menu-right { - left: 15px; } } - [direction="rtl"] .notification_dropdown .dropdown-menu-right .media > span { - margin-left: 10px; - margin-right: 0; } + .ml-xl-0, + .mx-xl-0 { + margin-left: 0 !important; + } -[direction="rtl"]:not([data-container="boxed"]) .nav-header { - left: auto; - right: 0; } -[direction="rtl"][data-container="wide-boxed"] .nav-header { - left: auto; - right: auto; } -[direction="rtl"] .nav-header { - text-align: right; - right: auto; } - [direction="rtl"] .nav-header .brand-title { - margin-left: 0; - margin-right: 15px; } - [direction="rtl"] .nav-header .brand-logo { - padding-left: 0; - padding-right: 1.75rem; } - [data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo { - padding-right: 0; } - [data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo[data-layout="horizontal"] { - padding-right: 30px; } - [data-sidebar-style="mini"][direction="rtl"] .nav-header .brand-logo { - padding-right: 0; } - [data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo { - padding-right: 0; } - [data-layout="horizontal"][data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo { - padding-right: 30px; } - @media (max-width: 767.98px) { - [direction="rtl"] .nav-header .brand-logo { - padding-right: 0; } } -[direction="rtl"] .nav-control { - right: auto; - left: -4.0625rem; } - @media (max-width: 767.98px) { - [direction="rtl"] .nav-control { - left: -4.0625rem; } } - @media (max-width: 575.98px) { - [direction="rtl"] .nav-control { - left: -3.5rem; } } -[direction="rtl"][data-sidebar-style="overlay"] .nav-header .hamburger.is-active { - right: 0; } + .m-xl-1 { + margin: 0.25rem !important; + } -[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"] .nav-header .brand-logo { - padding-right: 40px; } + .mt-xl-1, + .my-xl-1 { + margin-top: 0.25rem !important; + } -[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"] .nav-header { - width: 16rem; } + .mr-xl-1, + .mx-xl-1 { + margin-right: 0.25rem !important; + } -[direction="rtl"] .header { - padding: 0; - padding-right: 21.563rem; } - @media only screen and (max-width: 1400px) { - [direction="rtl"] .header { - padding-right: 17rem; } } - @media (max-width: 767.98px) { - [direction="rtl"] .header { - padding-right: 5rem; - padding-left: 0; } } - [direction="rtl"] .header .header-content { - padding-left: 1.875rem; - padding-right: 5.3125rem; - border-radius: 0 3.125rem 0 0; } - @media only screen and (max-width: 767px) { - [direction="rtl"] .header .header-content { - border-radius: 0; } } - @media only screen and (max-width: 575px) { - [direction="rtl"] .header .header-content { - padding-right: 3.5rem; - padding-left: 0.938rem; } } - [data-sidebar-style="compact"][direction="rtl"] .header .header-content { - padding-right: 1.875rem; } - [data-sidebar-style="modern"][direction="rtl"] .header .header-content { - padding-right: 5.3125rem; } - [data-sidebar-style="overlay"][direction="rtl"] .header .header-content { - padding-right: 5.3125rem; } - @media only screen and (max-width: 575px) { - [data-sidebar-style="overlay"][direction="rtl"] .header .header-content { - padding-right: 0.5rem; } } - [direction="rtl"] .header .nav-control { - right: 0.4375rem; - left: auto; } -[direction="rtl"] .header-right > li:not(:first-child) { - padding-left: 0; - padding-right: 1.25rem; - margin-right: 0 !important; } - @media only screen and (max-width: 767px) { - [direction="rtl"] .header-right > li:not(:first-child) { - padding-right: 0.5rem; } } -[direction="rtl"] .header-right .header-profile > a.nav-link { - margin-left: auto; - padding-left: auto; - border-left: 0; } - [direction="rtl"] .header-right .header-profile > a.nav-link .header-info { - padding-right: 20px; - padding-left: auto; - text-align: right; } - @media only screen and (max-width: 1400px) { - [direction="rtl"] .header-right .header-profile > a.nav-link .header-info { - padding-right: 10px; } } - @media only screen and (max-width: 1400px) { - [direction="rtl"] .header-right .header-profile > a.nav-link { - margin-right: 10px; - padding-right: 20px; } } - @media only screen and (max-width: 575px) { - [direction="rtl"] .header-right .header-profile > a.nav-link { - margin-right: 0px; - padding-right: 0px; - border-right: 0; } } -[direction="rtl"] .header-right .search-area .form-control { - padding-right: 20px; - padding-left: 0; - border-radius: 3rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; } -[direction="rtl"] .header-right .search-area .input-group-text { - padding-left: 20px; - padding-right: 0; - border-radius: 3rem; - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; } -[direction="rtl"] .header-left .search_bar .dropdown-menu, -[direction="rtl"] .header-left .search_bar .dropdown-menu.show { - right: 40px !important; } - @media only screen and (max-width: 575px) { - [direction="rtl"] .header-left .search_bar .dropdown-menu, - [direction="rtl"] .header-left .search_bar .dropdown-menu.show { - right: -100px !important; } } -[direction="rtl"] .header-left .search_bar .search_icon { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 5rem; - border-bottom-right-radius: 5rem; } - @media only screen and (max-width: 575px) { - [direction="rtl"] .header-left .search_bar .search_icon { - border-radius: 5rem; } } -[direction="rtl"][data-layout="horizontal"] .header { - padding: 0; - padding-right: 21.563rem; } - [direction="rtl"][data-layout="horizontal"] .header .header-content { - padding-right: 2.5rem; - padding-left: 2.5rem; } -[direction="rtl"][data-layout="horizontal"][data-sidebar-style="full"] .nav-header .brand-logo { - padding-right: 2.5rem; } -[direction="rtl"][data-layout="horizontal"][data-sidebar-style="mini"] .header { - padding-right: 7.75rem; } -[direction="rtl"][data-sidebar-style="mini"] .header { - padding-right: 5rem; } -[direction="rtl"][data-sidebar-style="compact"] .header { - padding: 0 0; - padding-right: 15rem; } -[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"] .header { - padding: 0; - padding-right: 21.563rem; } -[direction="rtl"][data-sidebar-style="modern"] .header { - padding: 0 0; - padding-right: 9.4rem; } -[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"] .header { - padding: 0; - padding-right: 16rem; } + .mb-xl-1, + .my-xl-1 { + margin-bottom: 0.25rem !important; + } -[direction="rtl"] { - text-align: right; } - [direction="rtl"] .deznav { - text-align: right; } - [direction="rtl"] .deznav .metismenu ul:after { - left: auto; - right: -6px; } - [direction="rtl"] .deznav .metismenu ul a:before { - left: auto; - right: 0px; } - [direction="rtl"] .deznav .metismenu > li a > i { - margin-right: 0; } - [direction="rtl"] .deznav .metismenu li > a i { - padding: 0 0 0 1.5rem; } - [direction="rtl"] .deznav .metismenu li > a svg { - margin-left: 5px; - margin-right: 0; } - [data-sidebar-style="compact"][direction="rtl"] .deznav .metismenu li > a svg { - left: auto; - margin-left: auto; - margin-right: auto; } - [data-sidebar-style="icon-hover"][direction="rtl"] .deznav .metismenu li > a svg { - margin-left: 0; } - [direction="rtl"] .deznav .metismenu li ul a { - padding-right: 6.4rem; - padding-left: 0.625rem; } - @media only screen and (max-width: 1400px) { - [direction="rtl"] .deznav .metismenu li ul a { - padding-right: 4.5rem; } } - [direction="rtl"] .deznav .metismenu li.active > .has-arrow:after { - transform: rotate(45deg) translateY(-50%); } - [direction="rtl"] .deznav .metismenu .has-arrow:after { - left: 1.5625rem; - right: auto; } - [data-layout="horizontal"][direction="rtl"] .deznav .metismenu .has-arrow:after { - left: 1.125rem; } - [data-sidebar-style="modern"][direction="rtl"] .deznav .metismenu .has-arrow:after { - -webkit-transform: rotate(-45deg) translateY(-50%); - transform: rotate(-45deg) translateY(-50%); } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li .has-arrow:after { - left: 1.5rem; - right: auto; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li { - padding: 0 30px 0 0; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li > a:before { - left: auto; - right: -11px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-top-left-radius: 15px; - border-bottom-left-radius: 15px; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a { - border-radius: 0 3rem 3rem 0; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - right: 5rem; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li { - padding: 0 13px; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - border-radius: 3rem; } - [direction="rtl"][data-sidebar-style="mini"] .deznav .metismenu > li > a > i { - padding: 0; } - [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li > ul a.has-arrow:after { - left: 1.5625rem; - right: auto; } - [direction="rtl"][data-sidebar-style="compact"] .deznav .metismenu li > a i { - padding: 0; - margin-left: auto; - margin-right: auto; } - [direction="rtl"][data-sidebar-style="compact"] .deznav .metismenu li ul a { - padding-right: 0.625rem; - padding-left: 0.625rem; } - [direction="rtl"][data-sidebar-style="compact"][data-layout="vertical"] .deznav .metismenu li a:before { - left: auto; - right: 0; - border-radius: 1.25rem 0 0 1.25rem; } - [direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu ul a:before { - left: auto; - right: 65px; } - [direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu li ul a { - padding-right: 4.5rem; - padding-left: 0.625rem; } - [direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu li ul a:before { - left: auto; - right: 40px; } - [direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu > li > a:before { - left: auto; - right: 0; - border-radius: 10px 0 0 10px; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a:before { - left: auto; - right: 65px; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu li ul a { - padding-right: 1.5rem; - padding-left: 0.625rem; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu li ul a:before { - left: auto; - right: 30px; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul li:hover ul { - right: 11.8125rem; - left: 0; } - [direction="rtl"][data-sidebar-style="modern"] .deznav .metismenu li > a i { - padding: 0; } + .ml-xl-1, + .mx-xl-1 { + margin-left: 0.25rem !important; + } -[direction="rtl"] { - /* ===== Light gallery ===== */ } - [direction="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow { - left: 15px; - right: auto; } - [direction="rtl"] .input-group > .bootstrap-select:not(:first-child) .dropdown-toggle { - border-radius: 0.75rem 0 0 0.75rem; } - [direction="rtl"] .list-group { - padding-left: 0; } - [direction="rtl"] .form-check-input { - margin-left: -1.25rem; - margin-right: inherit; } - [direction="rtl"] .form-check-inline .form-check-input { - margin-right: 0; - margin-left: 10px; } - [direction="rtl"] .radio input, - [direction="rtl"] .radio-inline, - [direction="rtl"] .checkbox input, - [direction="rtl"] .checkbox-inline input { - margin-left: 0; - margin-right: 0; } - [direction="rtl"] .content-body { - margin-right: 21.563rem; - margin-left: auto; } - @media only screen and (max-width: 1400px) { - [direction="rtl"] .content-body { - margin-right: 17rem; } } - [data-sidebar-style="modern"][direction="rtl"] .content-body { - margin-right: 9.375rem; } - [direction="rtl"] .content-body .page-titles { - text-align: right; } - [direction="rtl"] .doctor-info-details .media-body span i, - [direction="rtl"] .recovered-chart-deta .col [class*="bg-"] { - margin-right: 0; - margin-left: 10px; } - [direction="rtl"] .patients-chart-deta .col, - [direction="rtl"] .patients-chart-deta .col [class*="bg-"], - [direction="rtl"] .recovered-chart-deta .col { - margin-right: 0; - margin-left: 15px; } - [direction="rtl"] .best-doctor .timeline .timeline-panel .media .number { - left: auto; - right: -13px; } - [direction="rtl"] .doctor-info-details .media i { - right: 0; - left: -15px; } - [direction="rtl"] .review-table .disease { - border-left: 0; - border-right: 1px solid #eee; - padding-left: 0; - padding-right: 20px; } - [direction="rtl"] .apexcharts-legend-text { - margin: 4px; } - [direction="rtl"] .doctor-info-details .media-body { - padding-left: 0; - padding-right: 40px; } - [direction="rtl"] .custom-control { - margin-left: 0; } - [direction="rtl"] .review-tab.nav-pills li:first-child a.nav-link { - border-radius: 0 0.75rem 0 0; } - [direction="rtl"] .review-tab.nav-pills li:last-child a.nav-link { - border-radius: 0.75rem 0 0 0; } - [direction="rtl"] .form-head .btn i { - margin-left: 5px; - margin-right: 0; } - [direction="rtl"] .iconbox { - padding-left: 0; - padding-right: 70px; } - [direction="rtl"] .iconbox i { - left: auto; - right: 0; } - [direction="rtl"] .table.tr-rounded tr td:first-child, [direction="rtl"] .table.tr-rounded tr th:first-child { - border-radius: 0 1.25rem 1.25rem 0; } - [direction="rtl"] .table.tr-rounded tr td:last-child, [direction="rtl"] .table.tr-rounded tr th:last-child { - border-radius: 1.25rem 0 0 1.25rem; } - [direction="rtl"] .custom-switch.toggle-switch.text-right { - padding-left: 48px; - padding-right: 0; } - [direction="rtl"] .toggle-switch.text-right .custom-control-label:before { - right: auto !important; - left: -47px; } - [direction="rtl"] .toggle-switch.text-right .custom-control-label:after { - right: auto !important; - left: -28px; } - [direction="rtl"] .toggle-switch.text-right .custom-control-input:checked ~ .custom-control-label:after { - left: -62px; - right: auto !important; } - [direction="rtl"] .check-switch { - padding-right: 40px; } - [direction="rtl"] .check-switch .custom-control-label:after, [direction="rtl"] .check-switch .custom-control-label:before { - right: -35px !important; } - [direction="rtl"] .bar-chart .apexcharts-yaxis { - transform: translatex(101%); } - [direction="rtl"] .detault-daterange .input-group-text { - padding: 0.532rem 0.75rem; - padding-right: auto; - padding-left: 0; } - [direction="rtl"] .form-wrapper .input-group .form-control { - text-align: left; } - [direction="rtl"] .timeline-chart .apexcharts-yaxis { - transform: translateX(0); } - [direction="rtl"] .card-table td:first-child, - [direction="rtl"] .card-table th:first-child { - padding-right: 30px; - padding-left: 10px; } - [direction="rtl"] .card-table td:last-child, - [direction="rtl"] .card-table th:last-child { - padding-left: 30px; - padding-right: 10px; } - [direction="rtl"] .chatbox .img_cont { - margin-right: 0px; - margin-left: 10px; } - [direction="rtl"] .profile-tab .nav-item .nav-link { - margin-right: 0; - margin-left: 30px; } - @media only screen and (max-width: 575px) { - [direction="rtl"] .profile-tab .nav-item .nav-link { - margin-left: 0px; } } - [direction="rtl"] .widget-timeline .timeline > li > .timeline-panel { - margin-left: 0px; - margin-right: 40px; } - [direction="rtl"] .widget-timeline.style-1 .timeline .timeline-badge.timeline-badge + .timeline-panel { - padding: 5px 15px 5px 10px; - border-width: 0px 5px 0px 0px; } - [direction="rtl"] .widget-timeline.style-1 .timeline .timeline-badge.timeline-badge + .timeline-panel:after { - border: 0; - right: -9px; - width: 7px; - left: auto; - height: 7px; } - [direction="rtl"] .widget-timeline .timeline > li > .timeline-badge { - left: auto; - right: 0px; } - [direction="rtl"] .widget-timeline .timeline > li > .timeline-panel:after { - left: auto; - right: -5px; } - [direction="rtl"] .chatbox .msg_cotainer { - margin-left: 0; - margin-right: 10px; - border-radius: 1.375rem 0 1.375rem 1.375rem; } - [direction="rtl"] .chatbox .msg_cotainer:after { - left: auto; - right: -10px; - transform: rotate(-90deg); } - [direction="rtl"] .chatbox .type_msg .input-group .input-group-append .btn { - border-top-right-radius: 38px !important; - border-bottom-right-radius: 38px !important; } - [direction="rtl"] .chatbox .msg_cotainer_send { - margin-right: 0px; - margin-left: 10px; - border-radius: 0 6px 6px 6px; } - [direction="rtl"] .chatbox .msg_cotainer_send:after { - right: auto; - left: -10px; - transform: rotate(90deg); } - [direction="rtl"] .comment-review { - right: auto; - left: 0; } - [direction="rtl"] .input-group > .bootstrap-select:not(:first-child) .dropdown-toggle { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-top-left-radius: 1.25rem; - border-bottom-left-radius: 1.25rem; } - [direction="rtl"] .input-group > .bootstrap-select:not(:last-child) .dropdown-toggle { - border-top-right-radius: 1.25rem; - border-bottom-right-radius: 1.25rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - [direction="rtl"] .breadcrumb-item + .breadcrumb-item { - padding-right: 0.5rem; - padding-left: 0; } - [direction="rtl"] .breadcrumb-item + .breadcrumb-item::before { - padding-right: 0; - padding-left: 0.5rem; } - [direction="rtl"] .chatbox .chatbox-close { - left: 340px; - right: auto; } - [direction="rtl"] .message-search-area .input-group-text { - padding-left: 25px; - padding-right: 10px; - border-left: 1px solid #EEEEEE; - border-right: 0; - border-radius: 2rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - [direction="rtl"] .message-search-area .form-control { - border-right: 1px solid #EEEEEE; - border-left: 0; - border-radius: 2rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - [direction="rtl"] .card-tabs .nav-tabs.style-1 .nav-item .nav-link { - padding-right: 0; - padding-left: 25px; } - [direction="rtl"] .chat-box .message-sent p { - border-radius: 20px 20px 20px 0; } - [direction="rtl"] .chat-box .message-received p { - border-radius: 20px 0 20px 20px; } - [direction="rtl"] .mail-list .list-group-item i { - padding-right: 0; - padding-left: 0.625rem; } - [direction="rtl"] .dataTables_wrapper .dataTables_filter input { - margin-left: 0; - margin-right: 0.5em; } - [direction="rtl"][data-layout="horizontal"] .content-body { - margin-right: 0; } - [direction="rtl"][data-layout="horizontal"] .deznav .metismenu li li .has-arrow:after { - -webkit-transform: rotate(-4deg) translateY(-50%); - transform: rotate(-45deg) translateY(-50%); } - [direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"]) .content-body { - margin-right: 5rem; } - [direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"]) .content-body { - margin-right: 15rem; } - [direction="rtl"][data-sidebar-style="overlay"] .content-body { - margin-right: 0; } - [direction="rtl"] #external-events .external-event:before { - margin-right: 0; - margin-left: .9rem; } - [direction="rtl"] .post-input a i { - margin-left: 15px; - margin-right: 0; } - [direction="rtl"] .deznav .metismenu .has-arrow:after { - -webkit-transform: rotate(-45deg) translateY(-50%); - transform: rotate(-45deg) translateY(-50%); } - [direction="rtl"] .deznav .metismenu .has-arrow[aria-expanded=true]:after, - [direction="rtl"] .deznav .metismenu .mm-active > .has-arrow:after { - -webkit-transform: rotate(-135deg) translateY(-50%); - transform: rotate(-135deg); } - [direction="rtl"][data-layout="horizontal"] .deznav .metismenu .has-arrow:after { - -webkit-transform: rotate(225deg) translateY(-50%); - transform: rotate(225deg) translateY(-50%); } - [direction="rtl"] .chatbox { - left: -500px; - right: auto; } - [direction="rtl"] .chatbox.active { - left: 0; - right: auto; } - @media only screen and (max-width: 575px) { - [direction="rtl"] .best-doctor .timeline .timeline-panel .media { - float: right; - margin-right: 0 !important; - margin-left: 15px !important; } } - [direction="rtl"] .default-select.style-1 .btn:after { - margin-left: 0; - margin-right: 0.5em; } - [direction="rtl"] .pagination .page-indicator { - transform: rotate(180deg); - -moz-transform: rotate(180deg); - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); } - [direction="rtl"] .lg-outer.lg-visible { - direction: ltr; } - [direction="rtl"] .chart-point .chart-point-list { - margin: 0; - padding-right: 20px; } - [direction="rtl"] .noUi-target { - direction: rtl; } - [direction="rtl"] .noUi-vertical .noUi-pips-vertical { - left: -20px; } - [direction="rtl"] .noUi-vertical .noUi-value-vertical { - padding-left: 0; - padding-right: 25px; } - [direction="rtl"] .sidebar-right .ps--active-x > .ps__rail-x { - display: none; } - [direction="rtl"] .form-wizard .nav-wizard li .nav-link:after { - right: 50%; - left: auto; } - [direction="rtl"] .dtp > .dtp-content { - right: 50%; - left: auto; } - [direction="rtl"] .modal-header .close { - margin: 0; - left: 0; - top: 0px; - right: auto; } - [direction="rtl"] .input-group-prepend .btn + .btn { - border-radius: 0 !important; } - [direction="rtl"] .form-control + .input-group-append .btn:first-child { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; } - [direction="rtl"] .input-group > .custom-file:not(:first-child) .custom-file-label { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 1.25rem; - border-top-left-radius: 1.25rem; } - [direction="rtl"] .custom-file-label::after { - border-radius: 1.25rem 0 0 1.25rem; } - [direction="rtl"] .input-group > .custom-file:not(:last-child) .custom-file-label { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 1.25rem; - border-bottom-right-radius: 1.25rem; } - [direction="rtl"] .input-group > .custom-file:not(:last-child) .custom-file-label::after { - border-radius: 0; } - [direction="rtl"] .weather-btn { - margin-left: 20px; } - [direction="rtl"] .coin-holding:after { - background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%); - /* FF3.6-15 */ - background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%); - /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(to right, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45ffffff', endColorstr='#00ffffff',GradientType=1 ); - /* IE6-9 */ } - [direction="rtl"][data-theme-version="dark"] .coin-holding:after { - background: -moz-linear-gradient(left, rgba(5, 5, 5, 0.27) 0%, rgba(255, 255, 255, 0) 100%); - /* FF3.6-15 */ - background: -webkit-linear-gradient(left, rgba(5, 5, 5, 0.27) 0%, rgba(255, 255, 255, 0) 100%); - /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(to right, rgba(5, 5, 5, 0.27) 0%, rgba(255, 255, 255, 0) 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45050505', endColorstr='#00ffffff',GradientType=1 ); - /* IE6-9 */ } - [direction="rtl"] .market-line .apexcharts-yaxis { - transform: translateX(-10px); } - [direction="rtl"] .current-chart .apexcharts-datalabels-group text:last-child { - fill: #fff; } - [direction="rtl"] .lineChart { - margin-left: 0; - margin-right: auto; } - [direction="rtl"] .event-bx .image-bx .info ul li i { - margin-right: 0; - margin-left: 10px; } - [direction="rtl"] .event-bx .owl-nav { - right: auto; - left: 52px; - direction: ltr; } - [direction="rtl"] .event-bx .owl-dots { - right: auto; - left: 100px; } - [direction="rtl"] .default-select.style-2 .btn:after { - margin-left: 0; - margin-right: 10px; } - [direction="rtl"] table.dataTable thead .sorting { - background-position: center left 15px; } - [direction="rtl"] table.dataTable thead .sorting, - [direction="rtl"] table.dataTable thead .sorting_asc, - [direction="rtl"] table.dataTable thead .sorting_desc, - [direction="rtl"] table.dataTable thead .sorting_asc_disabled, - [direction="rtl"] table.dataTable thead .sorting_desc_disabled { - background-position: center left; } - [direction="rtl"] .noUi-target { - direction: rtl; } - [direction="rtl"] .noUi-vertical .noUi-pips-vertical { - left: -20px; } - [direction="rtl"] .noUi-vertical .noUi-value-vertical { - padding-left: 0; - padding-right: 25px; } - [direction="rtl"] .profile-card .title span { - padding-right: 0; - padding-left: 30px; } - [direction="rtl"] .skill-progress .progress-bar:after { - right: auto; - left: 0; } - [direction="rtl"] .profile-card .form-group .input-icon .form-control { - padding-left: 0px; - border-radius: 0; - padding-right: 70px; } - [direction="rtl"] .profile-card .form-group .input-group-prepend { - left: auto; - right: 0px; } - [direction="rtl"] .search-dropdown { - border-right: 0; - border-left: 1px solid #EEEEEE; } - [direction="rtl"] .new-arrival-content.text-center .price { - float: none; } - [direction="rtl"] .bootstrap-popover-wrapper .bootstrap-popover:not(:last-child) { - margin-right: 0; - margin-left: 8px; } + .m-xl-2 { + margin: 0.5rem !important; + } -@media only screen and (max-width: 1350px) and (min-width: 1200px) { - [direction="rtl"] .content-body { - margin-right: 17rem; } } -[direction="rtl"] .sidebar-right { - left: -32rem; - right: auto; - box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1); } - [direction="rtl"] .sidebar-right.show { - left: 0rem; - right: auto; } - [direction="rtl"] .sidebar-right .sidebar-right-trigger { - left: 100%; - right: auto; - border-radius: 0 50px 50px 0; - box-shadow: 5px 3px 5px 0px rgba(119, 119, 119, 0.15); } - [direction="rtl"] .sidebar-right .sidebar-right-trigger span { - margin-right: 0; - margin-left: 15px; } - [direction="rtl"] .sidebar-right .sidebar-right-trigger span.text { - margin-left: 0; } -[direction="rtl"] .sidebar-right .sidebar-close-trigger { - left: -48px; - right: auto; } -[direction="rtl"] .bootstrap-select .dropdown-toggle .filter-option { - text-align: right; } -[direction="rtl"] .dz-demo-panel { - right: auto; - left: 0; - -webkit-transform: translate(-100%, 0); - -ms-transform: translate(-100%, 0); - transform: translate(-100%, 0); } - [direction="rtl"] .dz-demo-panel.show { - transform: translate(0px, 0px); - left: 0px; - right: auto; } - [direction="rtl"] .dz-demo-panel .dz-demo-trigger { - right: auto; - left: 100%; - border-radius: 0 50px 50px 0; } - [direction="rtl"] .dz-demo-panel .dz-demo-trigger svg { - margin-right: 0; - margin-left: 15px; } + .mt-xl-2, + .my-xl-2 { + margin-top: 0.5rem !important; + } -html[dir="rtl"] [direction="rtl"] .footer { - padding-right: 21.563rem; - padding-left: 0; } - html[dir="rtl"] [direction="rtl"] .footer .copyright { - border-radius: 0 0 50px 0; } - @media only screen and (max-width: 1400px) { - html[dir="rtl"] [direction="rtl"] .footer { - padding-right: 17rem; } } - @media (max-width: 767.98px) { - html[dir="rtl"] [direction="rtl"] .footer { - padding-right: 0; } } -html[dir="rtl"] [direction="rtl"][data-sidebar-style="overlay"] .footer { - padding-right: 0; } -html[dir="rtl"] [direction="rtl"] .menu-toggle .footer { - padding-right: 3.75rem; } -html[dir="rtl"] [direction="rtl"][data-container="boxed"] .footer { - padding-right: 0; } -html[dir="rtl"] [direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"]) .footer { - padding-right: 5rem; } -html[dir="rtl"] [direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"]) .footer { - padding-right: 9.375rem; } + .mr-xl-2, + .mx-xl-2 { + margin-right: 0.5rem !important; + } -[direction="rtl"] .default-accordion .card-header button, [direction="rtl"] .prevent-accordion .card-header button { - text-align: right; - padding-right: 1.5rem; - padding-left: 40px; } - [direction="rtl"] .default-accordion .card-header button:after, [direction="rtl"] .prevent-accordion .card-header button:after { - right: auto; - left: 20px; } -[direction="rtl"] .default-calendar .ngb-dp-header { - direction: ltr; } -[direction="rtl"] ngb-toast .toast-header .close { - margin-left: unset; } -[direction="rtl"] .calendar-list .list-group-item { - border-left: 0; - border-right: 4px solid #40189D; } -[direction="rtl"] .calendar-checkbox input[type=checkbox], [direction="rtl"] .calendar-checkbox input[type=radio] { - margin-right: 0px; - margin-left: 6px; } -[direction="rtl"] .doctor-list .accordion__header--indicator { - right: 0; - left: auto; } -[direction="rtl"] .patient-calender ngb-datepicker { - direction: ltr; } + .mb-xl-2, + .my-xl-2 { + margin-bottom: 0.5rem !important; + } -.nav-label { - margin: 10px 30px 0; - padding: 1.5625rem 0 10px; - text-transform: uppercase; - font-size: 0.75rem; - letter-spacing: 0.05rem; - border-top: 1px solid #eaeaea; - color: #999999; } - [data-theme-version="dark"] .nav-label { - border-color: #333a54; } - .nav-label.first { - border: 0px; - margin-top: 0px; } + .ml-xl-2, + .mx-xl-2 { + margin-left: 0.5rem !important; + } -.nav-badge { - position: absolute; - right: 2.8125rem; - top: 0.625rem; } + .m-xl-3 { + margin: 1rem !important; + } -.content-body { - margin-left: 21.563rem; - z-index: 0; - transition: all .2s ease; } - @media only screen and (max-width: 1400px) { - .content-body { - margin-left: 17rem; } } + .mt-xl-3, + .my-xl-3 { + margin-top: 1rem !important; + } -.bell img { - -webkit-animation: ring 8s .7s ease-in-out infinite; - -webkit-transform-origin: 50% 4px; - -moz-animation: ring 8s .7s ease-in-out infinite; - -moz-transform-origin: 50% 4px; - animation: ring 8s .7s ease-in-out infinite; } + .mr-xl-3, + .mx-xl-3 { + margin-right: 1rem !important; + } -@-webkit-keyframes ring { - 0% { - -webkit-transform: rotateZ(0); } - 1% { - -webkit-transform: rotateZ(30deg); } - 3% { - -webkit-transform: rotateZ(-28deg); } - 5% { - -webkit-transform: rotateZ(34deg); } - 7% { - -webkit-transform: rotateZ(-32deg); } - 9% { - -webkit-transform: rotateZ(30deg); } - 11% { - -webkit-transform: rotateZ(-28deg); } - 13% { - -webkit-transform: rotateZ(26deg); } - 15% { - -webkit-transform: rotateZ(-24deg); } - 17% { - -webkit-transform: rotateZ(22deg); } - 19% { - -webkit-transform: rotateZ(-20deg); } - 21% { - -webkit-transform: rotateZ(18deg); } - 23% { - -webkit-transform: rotateZ(-16deg); } - 25% { - -webkit-transform: rotateZ(14deg); } - 27% { - -webkit-transform: rotateZ(-12deg); } - 29% { - -webkit-transform: rotateZ(10deg); } - 31% { - -webkit-transform: rotateZ(-8deg); } - 33% { - -webkit-transform: rotateZ(6deg); } - 35% { - -webkit-transform: rotateZ(-4deg); } - 37% { - -webkit-transform: rotateZ(2deg); } - 39% { - -webkit-transform: rotateZ(-1deg); } - 41% { - -webkit-transform: rotateZ(1deg); } - 43% { - -webkit-transform: rotateZ(0); } - 100% { - -webkit-transform: rotateZ(0); } } -@-moz-keyframes ring { - 0% { - -moz-transform: rotate(0); } - 1% { - -moz-transform: rotate(30deg); } - 3% { - -moz-transform: rotate(-28deg); } - 5% { - -moz-transform: rotate(34deg); } - 7% { - -moz-transform: rotate(-32deg); } - 9% { - -moz-transform: rotate(30deg); } - 11% { - -moz-transform: rotate(-28deg); } - 13% { - -moz-transform: rotate(26deg); } - 15% { - -moz-transform: rotate(-24deg); } - 17% { - -moz-transform: rotate(22deg); } - 19% { - -moz-transform: rotate(-20deg); } - 21% { - -moz-transform: rotate(18deg); } - 23% { - -moz-transform: rotate(-16deg); } - 25% { - -moz-transform: rotate(14deg); } - 27% { - -moz-transform: rotate(-12deg); } - 29% { - -moz-transform: rotate(10deg); } - 31% { - -moz-transform: rotate(-8deg); } - 33% { - -moz-transform: rotate(6deg); } - 35% { - -moz-transform: rotate(-4deg); } - 37% { - -moz-transform: rotate(2deg); } - 39% { - -moz-transform: rotate(-1deg); } - 41% { - -moz-transform: rotate(1deg); } - 43% { - -moz-transform: rotate(0); } - 100% { - -moz-transform: rotate(0); } } -@keyframes ring { - 0% { - transform: rotate(0); } - 1% { - transform: rotate(30deg); } - 3% { - transform: rotate(-28deg); } - 5% { - transform: rotate(34deg); } - 7% { - transform: rotate(-32deg); } - 9% { - transform: rotate(30deg); } - 11% { - transform: rotate(-28deg); } - 13% { - transform: rotate(26deg); } - 15% { - transform: rotate(-24deg); } - 17% { - transform: rotate(22deg); } - 19% { - transform: rotate(-20deg); } - 21% { - transform: rotate(18deg); } - 23% { - transform: rotate(-16deg); } - 25% { - transform: rotate(14deg); } - 27% { - transform: rotate(-12deg); } - 29% { - transform: rotate(10deg); } - 31% { - transform: rotate(-8deg); } - 33% { - transform: rotate(6deg); } - 35% { - transform: rotate(-4deg); } - 37% { - transform: rotate(2deg); } - 39% { - transform: rotate(-1deg); } - 41% { - transform: rotate(1deg); } - 43% { - transform: rotate(0); } - 100% { - transform: rotate(0); } } -.deznav { - width: 21.563rem; - padding-bottom: 0; - height: 100%; - position: absolute; - top: 0; - padding-top: 120px; - z-index: 3; - background-color: var(--sidebar-bg); - transition: all .2s ease; } - @media only screen and (max-width: 1199px) { - .deznav { - padding-top: 80px; } } - @media only screen and (max-width: 767px) { - .deznav { - width: 18rem; } } - .deznav .deznav-scroll { - position: relative; - height: 100%; } - @media only screen and (max-width: 1400px) { - .deznav { - width: 17rem; } } - .deznav ul { - padding: 0; - margin: 0; - list-style: none; } - .deznav .metismenu { - display: flex; - flex-direction: column; - padding-top: 15px; } - @media only screen and (max-width: 767px) { - .deznav .metismenu { - padding-top: 0; } } - .deznav .metismenu.fixed { - position: fixed; - top: 0; - width: 100%; - left: 0; } - .deznav .metismenu > li { - display: flex; - flex-direction: column; } - .deznav .metismenu > li a > i { - font-size: 1.25rem; - display: inline-block; - vertical-align: middle; - padding: 0 1.5rem 0 0; - position: relative; - top: 0; - line-height: 1; } - @media only screen and (max-width: 1400px) { - .deznav .metismenu > li a > i { - padding: 0 0.75rem 0 0; } } - [data-sidebar-style="compact"] .deznav .metismenu > li a > i { - display: block; - padding: 0; } - @media only screen and (max-width: 767px) { - .deznav .metismenu > li a > i { - font-size: 1.25rem; - padding: 0 .75rem 0 0; } } - .deznav .metismenu > li > a { - font-weight: 500; - display: inline-block; - font-size: 15px; } - .deznav .metismenu > li > a svg { - max-width: 24px; - max-height: 24px; - height: 100%; - margin-right: 5px; - margin-top: -3px; - color: var(--primary); } - .deznav .metismenu > li > a g [fill] { - fill: var(--primary); } - .deznav .metismenu > li:hover > a, .deznav .metismenu > li:focus > a { - color: var(--primary); } - .deznav .metismenu > li:hover > a g [fill], .deznav .metismenu > li:focus > a g [fill] { - fill: var(--primary); } - .deznav .metismenu > li.mm-active > a { - color: var(--primary); } - .deznav .metismenu > li.mm-active > a g [fill] { - fill: var(--primary); } - .deznav .metismenu li { - position: relative; } - .deznav .metismenu ul { - transition: all .2s ease-in-out; - position: relative; - z-index: 1; - padding: 0.5rem 0; } - .deznav .metismenu ul a { - padding-top: .5rem; - padding-bottom: .5rem; - position: relative; - font-size: 16px; - padding-left: 6.25rem; } - @media only screen and (max-width: 1400px) { - .deznav .metismenu ul a { - padding-left: 3.75rem; - font-size: 14px; } } - @media only screen and (max-width: 767px) { - .deznav .metismenu ul a { - padding-left: 3.5rem; } } - .deznav .metismenu ul a:hover, .deznav .metismenu ul a:focus, .deznav .metismenu ul a.mm-active { - text-decoration: none; - color: var(--primary); } - .deznav .metismenu a { - position: relative; - display: block; - padding: 0.625rem 1.875rem; - outline-width: 0; - color: #7e7e7e; - text-decoration: none; } - @media only screen and (max-width: 767px) { - .deznav .metismenu a { - padding: 0.625rem 1.25rem; } } - .deznav .metismenu .has-arrow:after { - width: .5rem; - height: .5rem; - right: 1.875rem; - top: 48%; - border-color: inherit; - -webkit-transform: rotate(-225deg) translateY(-50%); - transform: rotate(-225deg) translateY(-50%); } - .deznav .metismenu .has-arrow[aria-expanded=true]:after, - .deznav .metismenu .mm-active > .has-arrow:after { - -webkit-transform: rotate(-135deg) translateY(-50%); - transform: rotate(-135deg) translateY(-50%); } + .mb-xl-3, + .my-xl-3 { + margin-bottom: 1rem !important; + } -@media only screen and (max-width: 1023px) { - .nav-header { - width: 5rem; } } + .ml-xl-3, + .mx-xl-3 { + margin-left: 1rem !important; + } -@media (max-width: 767px) { - .brand-title { - display: none; } + .m-xl-4 { + margin: 1.5rem !important; + } - .footer { - padding-left: 0; } + .mt-xl-4, + .my-xl-4 { + margin-top: 1.5rem !important; + } - .deznav { - left: 0; - top: 5rem; - padding-top: 1rem; } } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mega-menu > ul.collapse:not(.in), -[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mega-menu > ul.collapse:not(.in) { - height: 252px !important; } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mega-menu:hover > a, -[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mega-menu:hover > a { - width: calc(70vw + 3.75rem); } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mega-menu:hover > ul, -[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mega-menu:hover > ul { - display: flex; - flex-wrap: wrap; - flex-direction: column; - max-height: 13.75rem; - width: 70vw; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mega-menu:hover > ul ul a, - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mega-menu:hover > ul ul a { - width: 101%; } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mega-menu-xl:hover > a, -[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mega-menu-xl:hover > a { - width: calc(70vw + 3rem); } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mega-menu-xl:hover > ul, -[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mega-menu-xl:hover > ul { - max-height: 200px; - width: 70vw; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mega-menu-xl:hover > ul ul a, - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mega-menu-xl:hover > ul ul a { - width: 101%; } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mega-menu-lg:hover > a, -[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mega-menu-lg:hover > a { - width: calc(55vw + 3rem); } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mega-menu-lg:hover > ul, -[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mega-menu-lg:hover > ul { - max-height: 200px; - width: 55vw; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mega-menu-lg:hover > ul ul a, - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mega-menu-lg:hover > ul ul a { - width: 101%; } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mega-menu-md:hover > a, -[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mega-menu-md:hover > a { - width: calc(45vw + 3); } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mega-menu-md:hover > ul, -[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mega-menu-md:hover > ul { - max-height: 18.75rem; - width: 45vw; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mega-menu-md:hover > ul ul a, - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mega-menu-md:hover > ul ul a { - width: 101%; } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mega-menu-sm:hover > a, -[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mega-menu-sm:hover > a { - width: calc(30vw + 3); } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mega-menu-sm:hover > ul, -[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mega-menu-sm:hover > ul { - max-height: 18.125rem; - width: 30vw; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mega-menu-sm:hover > ul ul a, - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mega-menu-sm:hover > ul ul a { - width: 101%; } - -[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu > li.mega-menu:hover > a { - width: calc(60vw + 3.75rem); } -[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu > li.mega-menu:hover > ul { - display: flex; - flex-wrap: wrap; - flex-direction: column; - max-height: 25rem; - width: 60vw; } - [data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu > li.mega-menu:hover > ul ul a { - width: 101%; } -[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu > li.mega-menu-xl:hover > a { - width: calc(60vw + 3.75rem); } -[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu > li.mega-menu-xl:hover > ul { - max-height: 25.625rem; - width: 60vw; } -[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu > li.mega-menu-lg:hover > a { - width: calc(50vw + 3.75rem); } -[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu > li.mega-menu-lg:hover > ul { - max-height: 16.25rem; - width: 50vw; } -[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu > li.mega-menu-md:hover > a { - width: calc(40vw + 3.75rem); } -[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu > li.mega-menu-md:hover > ul { - max-height: 18.75rem; - width: 40vw; } -[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu > li.mega-menu-sm:hover > a { - width: calc(22vw + 3.75rem); } -[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu > li.mega-menu-sm:hover > ul { - max-height: 18.125rem; - width: 22vw; } + .mr-xl-4, + .mx-xl-4 { + margin-right: 1.5rem !important; + } -[data-layout="horizontal"] .deznav .metismenu > li.mega-menu:not(:last-child) { - position: static; } -[data-layout="horizontal"] .deznav .metismenu > li.mega-menu ul { - left: 0; - right: 0; } - [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu ul li { - border-color: #333a54; } - [data-sibebarbg="color_2"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu ul li { - border-color: #3d0894; } - [data-sibebarbg="color_3"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu ul li { - border-color: #1c0a45; } - [data-sibebarbg="color_4"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu ul li { - border-color: #1f0243; } - [data-sibebarbg="color_5"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu ul li { - border-color: #921925; } - [data-sibebarbg="color_6"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu ul li { - border-color: #aa4e01; } - [data-sibebarbg="color_7"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu ul li { - border-color: #a07800; } - [data-sibebarbg="color_8"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu ul li { - border-color: #2c988e; } - [data-sibebarbg="color_9"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu ul li { - border-color: #127155; } - [data-sibebarbg="color_10"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu ul li { - border-color: #0c525d; } - [data-layout="horizontal"] .deznav .metismenu > li.mega-menu ul li a { - transition: all .4s ease-in-out; } - [data-layout="horizontal"] .deznav .metismenu > li.mega-menu ul li a:hover { - border-radius: 0.25rem; } -[data-layout="horizontal"] .deznav .metismenu > li.mega-menu:hover > ul { - display: flex; - flex-wrap: wrap; - flex-direction: column; - max-height: 13.75rem; - width: 70vw; - z-index: 99; } - [data-layout="horizontal"] .deznav .metismenu > li.mega-menu:hover > ul::after { - content: ""; - height: 100%; - width: 1px; - position: absolute; - background-color: #fff; - right: 2.8125rem; - top: 0; } - [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu:hover > ul::after { - background-color: #2c243f; } - [data-sibebarbg="color_2"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu:hover > ul::after { - background-color: #510bc4; } - [data-sibebarbg="color_3"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu:hover > ul::after { - background-color: #2e1171; } - [data-sibebarbg="color_4"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu:hover > ul::after { - background-color: #360474; } - [data-sibebarbg="color_5"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu:hover > ul::after { - background-color: #bd2130; } - [data-sibebarbg="color_6"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu:hover > ul::after { - background-color: #dc6502; } - [data-sibebarbg="color_7"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu:hover > ul::after { - background-color: #d39e00; } - [data-sibebarbg="color_8"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu:hover > ul::after { - background-color: #38bfb3; } - [data-sibebarbg="color_9"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu:hover > ul::after { - background-color: #199d76; } - [data-sibebarbg="color_10"][data-layout="horizontal"] .deznav .metismenu > li.mega-menu:hover > ul::after { - background-color: #117a8b; } - [data-layout="horizontal"] .deznav .metismenu > li.mega-menu:hover > ul ul a { - width: 101%; } -[data-layout="horizontal"] .deznav .metismenu > li.mega-menu-xl:hover > ul { - max-height: 210px; - width: 70vw; } -[data-layout="horizontal"] .deznav .metismenu > li.mega-menu-lg:hover > ul { - max-height: 210px; - width: 700px; - height: 210px !important; } - @media only screen and (min-width: 1200px) and (max-width: 1500px) { - [data-layout="horizontal"] .deznav .metismenu > li.mega-menu-lg:hover > ul { - width: 700px; } } -[data-layout="horizontal"] .deznav .metismenu > li.mega-menu-md:hover > ul { - max-height: 20rem; - width: 54vw; } - @media only screen and (min-width: 1200px) and (max-width: 1500px) { - [data-layout="horizontal"] .deznav .metismenu > li.mega-menu-md:hover > ul { - width: 60vw; } } -[data-layout="horizontal"] .deznav .metismenu > li.mega-menu-sm:hover > ul { - max-height: 20rem; - width: 25vw; } - @media only screen and (min-width: 1200px) and (max-width: 1500px) { - [data-layout="horizontal"] .deznav .metismenu > li.mega-menu-sm:hover > ul { - width: 35vw; } } + .mb-xl-4, + .my-xl-4 { + margin-bottom: 1.5rem !important; + } -[data-layout="horizontal"][data-container="boxed"] .deznav .metismenu > li.mega-menu:hover > ul { - display: flex; - flex-wrap: wrap; - flex-direction: column; } -[data-layout="horizontal"][data-container="boxed"] .deznav .metismenu > li.mega-menu-xl:hover > ul { - max-height: 21.875rem; - width: 100%; } -[data-layout="horizontal"][data-container="boxed"] .deznav .metismenu > li.mega-menu-lg:hover > ul { - max-height: 21.875rem; - width: 55vw; } -[data-layout="horizontal"][data-container="boxed"] .deznav .metismenu > li.mega-menu-md:hover > ul { - max-height: 18.75rem; - width: 45vw; } -[data-layout="horizontal"][data-container="boxed"] .deznav .metismenu > li.mega-menu-sm:hover > ul { - max-height: 18.125rem; - width: 50vw; } + .ml-xl-4, + .mx-xl-4 { + margin-left: 1.5rem !important; + } -/*$primary : #7356f1 !default;*/ -:root { - --primary: #40189D; - --secondary: #8BC740; - --primary-hover: #2e1171; - --primary-dark: #0a0418; - --rgba-primary-1: rgba(64, 24, 157, 0.1); - --rgba-primary-2: rgba(64, 24, 157, 0.2); - --rgba-primary-3: rgba(64, 24, 157, 0.3); - --rgba-primary-4: rgba(64, 24, 157, 0.4); - --rgba-primary-5: rgba(64, 24, 157, 0.5); - --rgba-primary-6: rgba(64, 24, 157, 0.6); - --rgba-primary-7: rgba(64, 24, 157, 0.7); - --rgba-primary-8: rgba(64, 24, 157, 0.8); - --rgba-primary-9: rgba(64, 24, 157, 0.9); - --font-family-base: Roboto, sans-serif; - --font-family-title: Roboto, sans-serif; } + .m-xl-5 { + margin: 3rem !important; + } -/* -0 - 600: Phone -600 - 900: Tablet portrait -900 - 1200: Tablet landscape -1200 - 1800: Normal styles -1800+ : Big Desktop -1em = 16px -The smaller device rules always should write below the bigger device rules -Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component -*/ -[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li { - padding: 0 0 0 30px; } - [data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li > a { - font-size: 18px; - padding: 25px 50px; - -webkit-transition: all 0.5s; - -ms-transition: all 0.5s; - transition: all 0.5s; - position: relative; } - @media only screen and (max-width: 1400px) { - [data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li > a { - padding: 15px 25px; - font-size: 16px; } } - [data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a { - background: #F2F2F2; - border-radius: 3rem 0 0 3rem; - color: #000; } - [data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a i { - color: var(--primary); } - [data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li .has-arrow:after { - right: 2.5rem; } - @media only screen and (max-width: 1400px) { - [data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li .has-arrow:after { - right: 1.5rem; } } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header { - width: 5rem; - z-index: 999; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .brand-logo { - padding-left: 0; - padding-right: 0; - justify-content: center; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: var(--primary); } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .copyright, -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .add-menu-sidebar { - display: none; } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .header { - padding-left: 5rem; - width: 100%; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .header { - padding: 0 0; - padding-right: 5rem; } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav { - width: 5rem; - overflow: visible; - position: absolute; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .nav-text { - display: none; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .slimScrollDiv, - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .deznav-scroll { - overflow: visible !important; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li { - position: relative; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li a { - padding: 0.8125rem 0.9375rem; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li a svg { - max-width: 24px; - max-height: 24px; - margin-right: 0; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li a:before { - content: none; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - position: absolute; - left: 5rem; - top: 0; - width: 12rem; - z-index: 1001; - display: none; - padding-left: 1px; - height: auto !important; - box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); - border-radius: 6px; - margin-left: 0; - border: 0; - background: #fff; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul:after { - content: ""; - position: absolute; - background: inherit; - width: 10px; - height: 10px; - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -moz-transform: rotate(45deg); - left: -5px; - top: 20px; } - [data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - background: #28253b; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - left: auto; - right: 3rem; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul li:hover ul { - left: 11.8125rem; - top: 0; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul li:hover ul:after { - content: none; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li:hover > ul { - display: block; - height: auto; - overflow: visible; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li { - transition: all 0.4s ease-in-out; - padding: 0 13px; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li > a { - text-align: center; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li > a.has-arrow:after { - display: none; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li > a i { - padding: 0; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - background: var(--primary); - border-radius: 1.25rem; - color: #fff; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a i { - color: #fff !important; - padding: 0; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li:hover:nth-last-child(-n + 1) > ul { - bottom: 0; - top: auto; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li:hover > a { - border-radius: 1.25rem; - background: var(--primary); - color: #fff; } - [data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li:hover > a { - background: var(--primary); } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li:hover > a i { - color: #fff; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li:hover > ul { - height: auto !important; - padding: 10px 0; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li:hover > ul a { - padding: 6px 20px 6px 20px; - margin-left: -.1rem; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li:hover > ul ul { - padding: 10px 0; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li:hover > ul ul a { - padding: 6px 20px 6px 20px; - margin-left: -.1rem; } - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu .nav-label, - [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu .nav-badge { - display: none; } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .content-body { - margin-left: 5rem; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .content-body { - margin-right: 5rem; - margin-left: auto; - border: 0; } -[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle + .footer { - padding-left: 5rem; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle + .footer { - padding-left: 0; - padding-right: 5rem; } + .mt-xl-5, + .my-xl-5 { + margin-top: 3rem !important; + } -[data-sidebar-style="full"][data-layout="horizontal"] .deznav .metismenu { - padding: 0 30px; } -[data-sidebar-style="full"][data-layout="horizontal"] .header .header-content { - padding-left: 1.875rem; } + .mr-xl-5, + .mx-xl-5 { + margin-right: 3rem !important; + } -/* -0 - 600: Phone -600 - 900: Tablet portrait -900 - 1200: Tablet landscape -1200 - 1800: Normal styles -1800+ : Big Desktop -1em = 16px -The smaller device rules always should write below the bigger device rules -Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component -*/ -/*$primary : #7356f1 !default;*/ -:root { - --primary: #40189D; - --secondary: #8BC740; - --primary-hover: #2e1171; - --primary-dark: #0a0418; - --rgba-primary-1: rgba(64, 24, 157, 0.1); - --rgba-primary-2: rgba(64, 24, 157, 0.2); - --rgba-primary-3: rgba(64, 24, 157, 0.3); - --rgba-primary-4: rgba(64, 24, 157, 0.4); - --rgba-primary-5: rgba(64, 24, 157, 0.5); - --rgba-primary-6: rgba(64, 24, 157, 0.6); - --rgba-primary-7: rgba(64, 24, 157, 0.7); - --rgba-primary-8: rgba(64, 24, 157, 0.8); - --rgba-primary-9: rgba(64, 24, 157, 0.9); - --font-family-base: Roboto, sans-serif; - --font-family-title: Roboto, sans-serif; } + .mb-xl-5, + .my-xl-5 { + margin-bottom: 3rem !important; + } -@media only screen and (min-width: 768px) { - [data-sidebar-style="mini"] .nav-header { - width: 5rem; } - [data-sidebar-style="mini"] .nav-header .nav-control { - z-index: -1; } - [data-sidebar-style="mini"] .nav-header .nav-control .hamburger { - left: 5rem !important; } - [data-sidebar-style="mini"] .nav-header .nav-control .hamburger .line { - background-color: #B1B1B1 !important; } - [data-sidebar-style="mini"] .nav-header .brand-title { - display: none; } - [data-sidebar-style="mini"] .nav-header .hamburger { - display: none; } - [data-sidebar-style="mini"] .header .header-content { - padding-left: 1.875rem; } - [direction="rtl"][data-sidebar-style="mini"] .header .header-content { - padding-right: 1.875rem; } - [data-sidebar-style="mini"] .deznav { - width: 5rem; - overflow: visible; - position: absolute; } - [data-sidebar-style="mini"] .deznav .copyright, - [data-sidebar-style="mini"] .deznav .add-menu-sidebar { - display: none; } - [data-sidebar-style="mini"] .deznav .nav-text { - display: none; } - [data-sidebar-style="mini"] .deznav .slimScrollDiv, - [data-sidebar-style="mini"] .deznav .deznav-scroll { - overflow: visible !important; } - [data-sidebar-style="mini"] .deznav .nav-user { - padding: 11px; } - [data-sidebar-style="mini"] .deznav .nav-user .media-body { - display: none; } - [data-sidebar-style="mini"] .deznav .metismenu li a { - padding: 0.813rem 0.875rem; } - [data-sidebar-style="mini"] .deznav .metismenu li a svg { - margin-right: 0; } - [data-sidebar-style="mini"] .deznav .metismenu li > ul { - position: absolute; - left: 5rem; - top: 2.9375rem; - width: 11.875rem; - z-index: 1001; - display: none; - padding-left: 1px; - box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); - height: auto !important; - border-radius: 6px; - background: #fff; } - [direction="rtl"]:not([data-layout="horizontal"])[data-sidebar-style="mini"] .deznav .metismenu li > ul { - left: auto; - right: 5rem; - box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.15); } - [data-sidebar-style="mini"] .deznav .metismenu > li { - padding: 2px 15px; } - [data-sidebar-style="mini"] .deznav .metismenu > li > a.has-arrow:after { - display: none; } - [data-sidebar-style="mini"] .deznav .metismenu .nav-label, - [data-sidebar-style="mini"] .deznav .metismenu .nav-badge { - display: none; } - [data-sidebar-style="mini"] .content-body { - margin-left: 5rem; } - [data-sidebar-style="mini"] .footer { - padding-left: 5rem; } + .ml-xl-5, + .mx-xl-5 { + margin-left: 3rem !important; + } - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu li:hover > ul { - display: block; } - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:nth-last-child(-n + 1) > ul { - bottom: 0; - top: auto !important; } - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:nth-last-child(-n + 1) > ul:after { - top: auto; - bottom: 20px; } } -@media only screen and (min-width: 768px) and (max-width: 1199px) { - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:nth-last-child(-n + 1) > ul { - bottom: 0; - top: auto !important; } } -@media only screen and (min-width: 768px) { - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li > ul { - overflow: visible; } - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li > ul:after { - content: none; } - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li > ul li:hover ul { - padding: 10px 0; - width: 13rem; - left: 13rem; - top: -10px; - border: 0; - margin: 0; } - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li > ul li:hover ul:after { - content: none; } - [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li > ul li:hover ul { - left: auto; - right: 13rem; } - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a { - background: var(--primary); - color: #fff; - border-radius: 12px; } - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:hover > a { - background: var(--primary); - color: #fff; - border-radius: 12px; - position: unset; } - [data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:hover > a { - background: #28253b; } - [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:hover > a .nav-text { - padding-left: auto; - padding-right: 1.6875rem; } - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:hover > ul { - height: auto !important; - overflow: visible; - border: 0; - margin-left: 0; - left: 5rem; - width: 13rem; - border-radius: 12px; - border: 0; - padding: 10px 0; - top: 0; } - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:hover > ul:after { - content: ""; - position: absolute; - background: inherit; - width: 10px; - height: 10px; - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -moz-transform: rotate(45deg); - left: -5px; - top: 20px; } - [data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:hover > ul { - box-shadow: 0px 9px 10px 0px rgba(0, 0, 0, 0.1); } - [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:hover > ul { - left: auto; - right: 5rem; } - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:hover > ul a { - padding: 6px 20px 6px 20px; } - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:hover > ul a:before { - content: none; } - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:hover > ul a.has-arrow:after { - right: 1.25rem; } - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:hover > ul ul a { - padding: 6px 20px 6px 20px; - margin-left: -1.6px; } - [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:hover > ul ul a:before { - content: none; } + .p-xl-0 { + padding: 0 !important; + } - [data-sidebar-style="mini"][data-header-position="fixed"][data-container="boxed"][data-layout="vertical"] .header { - width: 1199px; } + .pt-xl-0, + .py-xl-0 { + padding-top: 0 !important; + } - [data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu { - padding: 0 30px; } - [data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu > li > a { - padding: 15px 20px; } - [direction="rtl"][data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu > li > a { - padding: 15px 20px; } - [direction="rtl"][data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu > li > a svg { - margin-left: 0; } - [data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu > li > a svg { - margin-right: 0; - margin-top: 0; } } -@media only screen and (max-width: 1199px) { - [data-sidebar-style="mini"] .deznav li.mm-active ul { - height: auto !important; } - [data-sidebar-style="mini"] .deznav li a.has-arrow::after { - transform: rotate(-45deg) translateY(-50%); } } -/*$primary : #7356f1 !default;*/ -:root { - --primary: #40189D; - --secondary: #8BC740; - --primary-hover: #2e1171; - --primary-dark: #0a0418; - --rgba-primary-1: rgba(64, 24, 157, 0.1); - --rgba-primary-2: rgba(64, 24, 157, 0.2); - --rgba-primary-3: rgba(64, 24, 157, 0.3); - --rgba-primary-4: rgba(64, 24, 157, 0.4); - --rgba-primary-5: rgba(64, 24, 157, 0.5); - --rgba-primary-6: rgba(64, 24, 157, 0.6); - --rgba-primary-7: rgba(64, 24, 157, 0.7); - --rgba-primary-8: rgba(64, 24, 157, 0.8); - --rgba-primary-9: rgba(64, 24, 157, 0.9); - --font-family-base: Roboto, sans-serif; - --font-family-title: Roboto, sans-serif; } + .pr-xl-0, + .px-xl-0 { + padding-right: 0 !important; + } -@media (min-width: 1023px) { - [data-layout="horizontal"] .nav-header { - width: 21.563rem; - height: 6.5rem; - top: 0; - background: transparent; } - [data-layout="horizontal"] .nav-header .nav-control { - display: none; } - [data-layout="horizontal"] .nav-header .brand-logo { - padding-left: 40px; - padding-right: 40px; } - [data-layout="horizontal"] .header { - width: 100%; - height: 6.5rem; - padding-left: 21.563rem; - padding-top: 0; } - [data-layout="horizontal"] .deznav { - padding-top: 0; - width: 100%; - left: 0; - position: relative; - height: auto; - padding-bottom: 0; - top: 0; - z-index: 2; - border-radius: 0; } - [data-layout="horizontal"] .deznav .slimScrollDiv { - overflow: visible !important; } - [data-layout="horizontal"] .deznav .slimScrollDiv .deznav-scroll { - overflow: visible !important; } - [data-layout="horizontal"] .deznav .deznav-scroll { - overflow: visible !important; } - [data-layout="horizontal"] .deznav .slimScrollBar { - display: none !important; } - [data-layout="horizontal"] .deznav .nav-user, - [data-layout="horizontal"] .deznav .add-menu-sidebar, - [data-layout="horizontal"] .deznav .nav-label { - display: none; } - [data-layout="horizontal"] .deznav .metismenu { - flex-direction: row; - padding: 0px 20px; - margin-bottom: 0; - display: inline-flex; - flex-wrap: wrap; } - [data-layout="horizontal"] .deznav .metismenu .collapse.in { - display: none; } - [data-layout="horizontal"] .deznav .metismenu ul { - border-left: 0; } - [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu ul { - box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); } - [data-layout="horizontal"] .deznav .metismenu li { - flex-direction: column; - position: relative; } - [data-layout="horizontal"] .deznav .metismenu li:hover > ul { - display: block; } - [data-layout="horizontal"] .deznav .metismenu li > ul { - position: absolute; - height: auto !important; - top: 100%; - width: 100%; - min-width: 13.75rem; - z-index: 999; - left: auto; - right: auto; - padding: 0.5rem 0; - display: none; - box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); - margin: 0; - background: #fff; - border-radius: 1.25rem; } - [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li > ul { - box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); - background: #28253b; } - [data-layout="horizontal"] .deznav .metismenu li > ul li { - padding: 0; } - [data-layout="horizontal"] .deznav .metismenu li > ul li a { - transition: all .4s ease-in-out; - padding: 8px 20px 8px 20px; - margin-left: -.1rem; } - [direction="rtl"][data-layout="horizontal"] .deznav .metismenu li > ul li a { - padding: 8px 20px 8px 20px; - text-align: right; } - [data-layout="horizontal"] .deznav .metismenu li > ul li a:hover { - border-radius: .4rem; } - [data-layout="horizontal"] .deznav .metismenu li > ul li a:before { - left: 22px; } - [direction="rtl"][data-layout="horizontal"] .deznav .metismenu li > ul li a:before { - left: auto; - right: 6px; } - [data-layout="horizontal"] .deznav .metismenu li > ul ul { - left: 100%; - top: 0; - box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); } - [direction="rtl"][data-layout="horizontal"] .deznav .metismenu li > ul ul { - left: auto; - right: 100%; } - [data-layout="horizontal"] .deznav .metismenu > li { - flex: 0 0 auto; - position: relative; } - [data-layout="horizontal"] .deznav .metismenu > li > a i { - margin-right: 5px; } - [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li { - border-color: rgba(255, 255, 255, 0.07); } - [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mm-active { - border-color: transparent; } - [data-layout="horizontal"] .deznav .metismenu > li:hover, [data-layout="horizontal"] .deznav .metismenu > li.mm-active { - padding: 0; } - [data-layout="horizontal"] .deznav .metismenu > li:hover > a, [data-layout="horizontal"] .deznav .metismenu > li.mm-active > a { - background: var(--rgba-primary-1); - border-radius: 0.5rem; } - [data-layout="horizontal"] .deznav .metismenu > li:hover > a i, [data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i { - background: transparent; - box-shadow: none; } - [direction="rtl"][data-layout="horizontal"] .deznav .metismenu > li:first-child { - border-right: 0; } - [data-theme-version="dark"][direction="rtl"][data-layout="horizontal"] .deznav .metismenu > li { - border-color: #333a54; } - [data-layout="horizontal"] .deznav .metismenu > li > a { - padding: 15px 40px 15px 15px; - margin: 8px 2px; } - [direction="rtl"][data-layout="horizontal"] .deznav .metismenu > li > a { - padding: 15px 15px 15px 40px; } - [data-layout="horizontal"] .deznav .metismenu > li > a i { - padding: 0 0.4375rem 0 0; - height: auto; - width: auto; - line-height: 1; } - [direction="rtl"][data-layout="horizontal"] .deznav .metismenu > li > a i { - padding: 0 0 0 0.4375rem; } - [data-layout="horizontal"] .deznav .metismenu > li > a .nav-badge { - display: none; } - [data-layout="horizontal"] .deznav .metismenu > li > a:after { - right: 20px; - transform: rotate(-135deg) translateY(-50%); } - [data-layout="horizontal"] .deznav .metismenu > li:hover { - border-color: transparent; } - [data-layout="horizontal"] .deznav .metismenu > li:hover > ul { - display: flex !important; - flex-direction: column; - flex-wrap: wrap; - height: auto !important; - box-shadow: 5px 5px 30px 0px rgba(20, 0, 30, 0.1); - border-radius: 1.25rem; } - [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li:hover > ul { - box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.1); - background: #28253b; } - [data-layout="horizontal"] .deznav .metismenu > li > ul > li:hover ul.collapse { - display: block !important; - position: absolute; - left: auto !important; - right: -100% !important; - top: 0 !important; } - [data-layout="horizontal"] .deznav .metismenu > li:nth-last-child(-n + 5) > ul { - left: auto; - right: 0; } - [data-layout="horizontal"] .deznav .metismenu > li:nth-last-child(-n + 5) > ul > li:hover ul.collapse { - right: auto !important; - left: -100% !important; } - [data-layout="horizontal"] .deznav .metismenu > li:nth-last-child(-n + 5) > ul.left { - left: 0; } - [data-layout="horizontal"] .deznav .metismenu > li:nth-last-child(-n + 5) > ul.left > li:hover ul.collapse { - left: 100% !important; } - [direction="rtl"][data-layout="horizontal"] .deznav .metismenu > li:nth-last-child(-n + 5) > ul.left { - left: auto; - right: 0; } - [data-layout="horizontal"] .deznav .metismenu > li:last-child > ul ul { - left: -100%; } - [data-layout="horizontal"] .deznav .metismenu > li:last-child > ul.left ul { - left: 100%; } - [direction="rtl"][data-layout="horizontal"] .deznav .metismenu > li:last-child > ul.left ul { - left: auto; - right: 100%; } - [direction="rtl"][data-layout="horizontal"] .deznav .metismenu > li:nth-last-child(-n + 3) > ul { - left: 0; - right: auto; } - [direction="rtl"][data-layout="horizontal"] .deznav .metismenu > li:nth-last-child(-n + 3) > ul > li:hover ul.collapse { - right: -100% !important; - left: auto !important; } - [data-layout="horizontal"] .deznav .copyright, - [data-layout="horizontal"] .deznav .plus-box { - display: none; } - [data-layout="horizontal"] .content-body { - margin-left: 0; } - [data-layout="horizontal"] .content-body .container-fluid, [data-layout="horizontal"] .content-body .container-sm, [data-layout="horizontal"] .content-body .container-md, [data-layout="horizontal"] .content-body .container-lg, [data-layout="horizontal"] .content-body .container-xl { - padding-top: 40px; } - [data-layout="horizontal"] .content-body .page-titles { - margin-left: 0 !important; - margin-right: 0 !important; - margin-bottom: 1.875rem; } - [data-layout="horizontal"] .footer { - margin-left: 0; - margin: 0 auto; - padding-left: 0; } - [data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li { - padding: 0 0; } - [data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li > a i { - margin-right: 0; - padding-right: 0; } - [data-layout="horizontal"][data-sidebar-style="modern"] .deznav .nav-text { - margin-top: 0.5rem; } - [data-layout="horizontal"][data-sidebar-style="modern"] .deznav .metismenu > li { - padding: 0 0; } - [data-layout="horizontal"][data-sidebar-style="modern"] .deznav .metismenu > li > a { - padding: 15px 20px 12px 20px !important; } - [data-layout="horizontal"][data-sidebar-style="modern"] .deznav .metismenu > li > a i { - margin-right: 0; - padding-right: 0; } + .pb-xl-0, + .py-xl-0 { + padding-bottom: 0 !important; + } - [data-header-position="fixed"][data-layout="horizontal"] .deznav { - top: 6.5rem; } - [data-header-position="fixed"][data-layout="horizontal"] .header { - height: 6.5rem; } - [data-header-position="fixed"][data-layout="horizontal"] .content-body { - padding-top: 6.5rem; } + .pl-xl-0, + .px-xl-0 { + padding-left: 0 !important; + } - [data-header-position="fixed"][data-sidebar-position="fixed"] .deznav { - position: fixed; } + .p-xl-1 { + padding: 0.25rem !important; + } - [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"] .content-body { - padding-top: 10.8rem; } + .pt-xl-1, + .py-xl-1 { + padding-top: 0.25rem !important; + } - [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"][data-sidebar-style="modern"] .content-body { - padding-top: 13.125rem; } + .pr-xl-1, + .px-xl-1 { + padding-right: 0.25rem !important; + } - [data-layout="horizontal"][data-container="boxed"] .footer { - margin-left: 0; - max-width: 1199px; - margin: 0 auto; } + .pb-xl-1, + .py-xl-1 { + padding-bottom: 0.25rem !important; + } - [data-layout="horizontal"][data-container="wide"] .page-titles { - margin-left: -30px; - margin-right: -30px; } + .pl-xl-1, + .px-xl-1 { + padding-left: 0.25rem !important; + } - [data-layout="horizontal"][data-sidebar-style="modern"] .deznav .header-profile { - margin-bottom: 0; } - [data-layout="horizontal"][data-sidebar-style="modern"] .deznav .header-profile img { - height: 60px; - width: 60px; - margin-bottom: 0 !important; } - [data-layout="horizontal"][data-sidebar-style="modern"] .deznav .header-profile > a.nav-link { - border: 1px solid #EEEEEE; - padding: 4px 4px !important; - border-radius: 3rem; } + .p-xl-2 { + padding: 0.5rem !important; + } - [data-layout="horizontal"][data-sidebar-style="compact"] .page-titles { - margin-top: 0; } - [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .header-profile { - margin-bottom: 0; } - [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .header-profile img { - height: 60px; - width: 60px; - margin-bottom: 0 !important; } - [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .header-profile > a.nav-link { - border: 1px solid #EEEEEE; } - [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu > li > ul { - top: 5.5rem; } - [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu > li > a { - padding: 18px 20px 10px 20px; } - [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu > li > a::after { - display: none; } - [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu > li > a .nav-text { - margin-top: 5px; } - [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu > li > a > i { - width: auto; - margin: 0; - height: auto; - line-height: 1; - padding: 0; - background: transparent; - border-radius: 0; - margin-bottom: 0; } - [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu > li li { - text-align: left; } + .pt-xl-2, + .py-xl-2 { + padding-top: 0.5rem !important; + } - [data-sidebar-style="mini"][data-layout="horizontal"] .nav-header { - width: 7.75rem; - padding-left: 28px; - padding-right: 28px; } - [data-sidebar-style="mini"][data-layout="horizontal"] .nav-header .brand-logo { - justify-content: start; - padding-left: 0; - padding-right: 0; } - [data-sidebar-style="mini"][data-layout="horizontal"] .header { - width: 100%; - padding-left: 7.75rem; } - [data-sidebar-style="mini"][data-layout="horizontal"] .metismenu > li a { - width: auto; } - [data-sidebar-style="mini"][data-layout="horizontal"] .metismenu > li:hover a .nav-text { - display: none; } + .pr-xl-2, + .px-xl-2 { + padding-right: 0.5rem !important; + } - [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"][data-sidebar-style="compact"] .content-body { - padding-top: 12.125rem; } + .pb-xl-2, + .py-xl-2 { + padding-bottom: 0.5rem !important; + } - [data-sidebar-position="fixed"][data-layout="horizontal"] .deznav.fixed { - position: fixed; - left: 0; - top: 0; - border-radius: 0; - width: 100%; } } -@media (min-width: 767px) { - [data-sidebar-style="compact"] .deznav .nav-user { - display: none; } - [data-sidebar-style="compact"] .deznav .metismenu > li > a { - padding: 1.5rem 1.625rem 1.5rem 1.5rem; } - [data-sidebar-style="compact"] .deznav .metismenu > li ul { - padding: 1rem 0; } - [data-sidebar-style="compact"] .deznav .metismenu > li ul li > a { - padding: 0.5rem 1rem; } - [data-sidebar-style="compact"] .deznav .metismenu > li ul li > a.has-arrow:after { - content: ""; } - [data-sidebar-style="compact"] .deznav .metismenu li { - text-align: center; } - [data-sidebar-style="compact"] .deznav .metismenu li a svg { - max-width: 21px; - max-height: 21px; - display: block; - margin-left: auto; - margin-right: auto; } - [data-sidebar-style="compact"] .deznav .metismenu li a i { - font-size: 2.2rem; } - [data-sidebar-style="compact"] .deznav .metismenu li a:after { - content: none; } - [data-sidebar-style="compact"] .deznav .metismenu li a:before { - content: ""; - height: 75px; - width: 0; - position: absolute; - left: 0; - top: 50%; - transform: translatey(-50%); - background: var(--primary); - border-radius: 0 1.25rem 1.25rem 0; - -webkit-transition: all 0.5s; - -ms-transition: all 0.5s; - transition: all 0.5s; } - [data-sidebar-style="compact"] .deznav .metismenu li ul:after { - content: none; } - [data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, [data-sidebar-style="compact"] .deznav .metismenu li:hover > a { - background: -moz-linear-gradient(left, #e0e0e4 0%, rgba(125, 185, 232, 0) 100%); - background: -webkit-linear-gradient(left, #e0e0e4 0%, rgba(125, 185, 232, 0) 100%); - background: linear-gradient(to right, #e0e0e4 0%, rgba(125, 185, 232, 0) 100%); } - [data-theme-version="dark"] [data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, [data-theme-version="dark"] [data-sidebar-style="compact"] .deznav .metismenu li:hover > a { - background: -moz-linear-gradient(left, #251e35 0%, rgba(125, 185, 232, 0) 100%); - background: -webkit-linear-gradient(left, #251e35 0%, rgba(125, 185, 232, 0) 100%); - background: linear-gradient(to right, #251e35 0%, rgba(125, 185, 232, 0) 100%); } - [data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a:before, [data-sidebar-style="compact"] .deznav .metismenu li:hover > a:before { - width: 10px; } - [data-sidebar-style="compact"] .nav-text { - display: inline-block; - margin-top: 0.7125rem; } - [data-sidebar-style="compact"] .nav-label.first { - display: none; } - [data-sidebar-style="compact"] .nav-badge { - display: none; } - [data-sidebar-style="compact"] .footer { - padding-left: 9.375rem; } - [data-sidebar-style="compact"] .content-body { - margin-left: 15rem; } - [data-sidebar-style="compact"][data-layout="horizontal"] .deznav .metismenu li a i { - font-size: 1.4rem; } - [data-sidebar-style="compact"][data-layout="horizontal"] .deznav .metismenu li a:after { - content: none; } - [data-sidebar-style="compact"][data-layout="horizontal"] .deznav .metismenu li a:before { - content: none; } - [data-sidebar-style="compact"][data-layout="horizontal"] .deznav .metismenu li ul:after { - content: none; } - [data-sidebar-style="compact"][data-layout="horizontal"] .deznav .metismenu li.mm-active > a, [data-sidebar-style="compact"][data-layout="horizontal"] .deznav .metismenu li:hover > a { - background: var(--rgba-primary-1); } } -[data-layout="horizontal"][data-sidebar-style="compact"] .footer { - padding-left: 0; } -[data-layout="horizontal"][data-sidebar-style="compact"] .content-body { - margin-left: 0; } -[data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu { - padding: 0 30px; } + .pl-xl-2, + .px-xl-2 { + padding-left: 0.5rem !important; + } -[data-layout="vertical"][data-sidebar-style="compact"] .deznav { - width: 15rem; } - [data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul { - background: rgba(0, 0, 0, 0.02); } - [data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul { - background: 255, 255, 255, 0.05; } - [data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul a:before { - content: none; } - [data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul ul a { - padding: 0.625rem 0.9375rem; } - [data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu > li > a.has-arrow::after { - top: 1px; - display: inline-block; - right: auto; - margin-left: 5px; - position: relative; - width: 7px; - height: 7px; - border-width: 2px 0px 0px 2px; } - [direction="rtl"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu > li > a.has-arrow::after { - left: auto; - margin-left: 0; - margin-right: 5px; } + .p-xl-3 { + padding: 1rem !important; + } -@media (min-width: 767px) { - [data-sidebar-style="icon-hover"][data-layout="horizontal"] .header .header-content { - padding-left: 1.875rem; } + .pt-xl-3, + .py-xl-3 { + padding-top: 1rem !important; + } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu li.mm-active > ul { - display: none; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav .metismenu li.mm-active > ul { - display: block; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header { - width: 7rem; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .brand-logo { - padding-left: 15px; - padding-right: 15px; - justify-content: center; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .brand-logo { - padding-left: 20px; - padding-right: 20px; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .brand-logo .logo-abbr { - display: block; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .brand-logo .brand-title { - display: none; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .nav-control { - display: none; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .header { - padding-left: 7rem; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .header { - padding-right: 7rem; - padding-left: 0; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .header .header-content { - padding-left: 2rem; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .header .header-content { - padding-right: 1.375rem; - padding-left: 0; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav { - overflow: visible; - position: absolute; - left: -14.563rem; } } - @media only screen and (min-width: 767px) and (max-width: 1400px) { - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav { - left: -10rem; } } -@media (min-width: 767px) { - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav { - left: auto; - right: -14.563rem; } } - @media only screen and (min-width: 767px) and (max-width: 1400px) { - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav { - right: -10rem; } } -@media (min-width: 767px) { - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .nav-label, - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .add-menu-sidebar { - display: none; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu > li { - padding: 0 25px; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu > li > a { - margin: 2px 0; - display: flex; - justify-content: space-between; - padding: 20px 20px; - border-radius: 12px; - font-size: 16px; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu > li > a > svg, [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu > li > a > i { - order: 1; - margin-right: 0; - margin-top: 0; - padding-right: 0; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu > li > a > svg, [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu > li > a > i { - padding-left: 0; - padding-right: 0; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu > li:hover > a, [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a { - background: var(--rgba-primary-1); - color: var(--primary); } - [data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu > li:hover > a, [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a { - background: var(--primary); - color: #fff; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu > li:hover > a i, [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a i { - color: var(--primary); } - [data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu > li:hover > a i, [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a i { - color: #fff; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul { - border-left: 0; - padding-left: 0; - padding-right: 0; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul { - padding-right: 0; - padding-left: 0; } - [data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul { - border-color: #333a54; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul:after { - left: auto; - right: 28px; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul:after { - left: 28px; - right: auto; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a { - position: relative; - padding-left: 1.3rem; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a { - padding-right: 1.3rem; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a::before { - left: 30px; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a::before { - right: auto; - left: -5px; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu .has-arrow::after { - right: 5rem; - opacity: 0; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu .has-arrow::after { - right: auto; - left: 5rem; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .copyright, - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .main-profile, - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .book-box { - display: none; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav.mm-show { - display: none; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header { - width: 21.563rem; } } - @media only screen and (min-width: 767px) and (max-width: 1400px) { - [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header { - width: 17rem; } } -@media (min-width: 767px) { - [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header .brand-logo { - padding-left: 1.6rem; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header .brand-logo .brand-title { - display: block; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle.mm-show { - display: block; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .header { - padding-left: 4.38rem; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .header { - padding-right: 4.38rem; - padding-left: 0; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav { - left: 0; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav .metismenu .has-arrow:after { - opacity: 1; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav { - left: auto; - right: 0; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .content-body { - margin-left: 7rem; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .content-body { - margin-left: 0; - margin-right: 7rem; } - [data-sidebar-style="icon-hover"][data-layout="vertical"] .footer { - padding-left: 7rem; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .footer { - margin-left: 0; - margin-right: 7rem; } } -@media (min-width: 767px) { - [data-sidebar-style="modern"][data-layout="horizontal"] .nav-header { - width: 21.563rem; } - [data-sidebar-style="modern"] .nav-header { - width: 9.375rem; } - [data-sidebar-style="modern"] .nav-header .brand-logo { - justify-content: center; - padding-left: 30px; - padding-right: 30px; } - [data-sidebar-style="modern"] .deznav .metismenu > li { - text-align: center; } - [data-sidebar-style="modern"] .deznav .metismenu > li > a { - padding: 20px 15px 20px 15px !important; } - [data-sidebar-style="modern"] .deznav .metismenu > li > a::after { - display: none; } - [data-sidebar-style="modern"] .deznav .metismenu > li > a:hover > a, [data-sidebar-style="modern"] .deznav .metismenu > li > a:focus > a, [data-sidebar-style="modern"] .deznav .metismenu > li > a:active > a, [data-sidebar-style="modern"] .deznav .metismenu > li > a.mm-active > a { - background-color: var(--rgba-primary-1); } - [data-sidebar-style="modern"] .deznav .metismenu > li.mm-active { - padding: 0; } - [data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a { - background: var(--rgba-primary-1); - border-radius: 0.5rem; } - [data-sidebar-style="modern"] .deznav .metismenu > li li { - text-align: left; } - [direction="rtl"][data-sidebar-style="modern"] .deznav .metismenu > li li { - text-align: right; } - [data-sidebar-style="modern"] .deznav .metismenu li a { - padding: 0.625rem 0.9375rem 0.625rem 0.9375rem; } - [data-sidebar-style="modern"] .deznav .metismenu li ul:after { - content: none; } - [data-sidebar-style="modern"] .deznav .metismenu li > ul { - height: auto !important; } - [data-sidebar-style="modern"] .deznav .metismenu .nav-label { - display: none; } - [data-sidebar-style="modern"] .deznav .nav-label, - [data-sidebar-style="modern"] .deznav .copyright, - [data-sidebar-style="modern"] .deznav .add-menu-sidebar { - display: none; } - [data-sidebar-style="modern"] .deznav .nav-text { - display: block; - margin-top: 0.3125rem; } - [data-sidebar-style="modern"] .footer { - padding-left: 9.375rem; } - [data-sidebar-style="modern"] .content-body { - margin-left: 9.375rem; } + .pr-xl-3, + .px-xl-3 { + padding-right: 1rem !important; + } - [data-sidebar-style="modern"][data-layout="vertical"] .deznav { - width: 9.375rem; - left: 0; } - [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .deznav { - left: auto; - right: 0; } - [data-sidebar-style="modern"][data-layout="vertical"] .deznav .slimScrollDiv, - [data-sidebar-style="modern"][data-layout="vertical"] .deznav .deznav-scroll { - overflow: visible !important; } - [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu > li { - padding: 0 20px; } - [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu > li > a { - padding: 15px 12px 15px 12px !important; - border-radius: 0.5rem; } - [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu > li > a i { - font-size: 20px; - margin-right: 0; - padding-right: 0; } - [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu > li > ul { - display: none; - padding: 1.875rem 0.9375rem; } - [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li { - position: relative; } - [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li a { - padding: 0.625rem 1.5rem; } - [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li a:before { - content: none; } - [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li ul { - position: absolute; - left: 105%; - top: 0; - bottom: auto; - background-color: #fff; - border: 1px solid #f0f1f5; - width: 200px; } - [data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li ul { - background: #28253b; - box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1); } - [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li ul { - left: auto; - right: 105%; } - [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li:hover > ul { - display: block; - left: 100%; - padding: 1rem 0; - margin-left: -10px; - border: 0; - box-shadow: 5px 0px 13px 0px rgba(82, 63, 105, 0.05); - border-radius: 0.5rem; } - [data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li:hover > ul { - box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1); } - [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li:hover > ul { - left: auto; - right: 100%; - box-shadow: -5px 0px 13px 0px rgba(82, 63, 105, 0.05); } - [data-sidebar-style="modern"][data-layout="vertical"] .deznav .nav-label { - display: none; } - [data-sidebar-style="modern"][data-layout="vertical"] .deznav .nav-text { - display: block; - margin-top: 0.5rem; } - [data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .deznav { - left: -9.375rem; } - [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .deznav { - left: auto; - right: -9.375rem; } - [data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .content-body { - margin-left: 0; } - [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .content-body { - margin-right: 0; } + .pb-xl-3, + .py-xl-3 { + padding-bottom: 1rem !important; + } - [data-sidebar-style="modern"][data-layout="horizontal"] .footer, - [data-sidebar-style="modern"][data-layout="horizontal"] .content-body { - margin-left: 0; } - [data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu { - padding: 0 30px; } - [data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li > a { - padding: 0.8125rem 2.25rem; } - [data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu > li > ul { - top: 6rem; } - [data-sidebar-style="modern"][data-layout="horizontal"][data-container="boxed"] .deznav .metismenu > li > a { - padding: 0.8125rem 1.25rem; } } -[data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu ul a { - padding-left: 5.25rem; } -[data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu > li > a { - padding: 20px 30px; - font-size: 18px; } - [data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu > li > a i { - font-size: 1.5rem; } - [data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu > li > a:before { - position: absolute; - height: 100%; - width: 0px; - top: 0; - left: 0; - border-radius: 0px 10px 10px 0; - content: ""; - background: var(--primary); - -webkit-transition: all 0.2s; - -ms-transition: all 0.2s; - transition: all 0.2s; } -[data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a:before { - width: 11px; } -[data-sidebar-style="overlay"] .deznav { - left: -100%; } - [direction="rtl"][data-sidebar-style="overlay"] .deznav { - left: auto; - right: -100%; } -[data-sidebar-style="overlay"] .content-body { - margin-left: 0; } -[data-sidebar-style="overlay"] .nav-header { - position: absolute; } - [data-sidebar-style="overlay"] .nav-header .hamburger.is-active { - left: 0; } - [data-sidebar-style="overlay"] .nav-header .hamburger.is-active .line { - background-color: var(--primary); } -[data-sidebar-style="overlay"] .menu-toggle .nav-header { - position: absolute; - left: auto; } -[data-sidebar-style="overlay"] .menu-toggle .deznav { - left: 0; } - [direction="rtl"][data-sidebar-style="overlay"] .menu-toggle .deznav { - left: auto; - right: 0; } -[data-sidebar-style="overlay"] .footer { - padding-left: 0; } + .pl-xl-3, + .px-xl-3 { + padding-left: 1rem !important; + } -[data-sidebar-style="overlay"][data-header-position="fixed"] .nav-header { - position: fixed; } + .p-xl-4 { + padding: 1.5rem !important; + } -[data-sidebar-position="fixed"][data-header-position="fixed"] .nav-header { - position: fixed; } + .pt-xl-4, + .py-xl-4 { + padding-top: 1.5rem !important; + } -[data-sidebar-position="fixed"][data-layout="vertical"] .nav-header { - position: fixed; - border-top-left-radius: 0px; - border-top-right-radius: 0px; } -[data-sidebar-position="fixed"][data-layout="vertical"] .deznav { - position: fixed; } - [data-sidebar-position="fixed"][data-layout="vertical"] .deznav .deznav-scroll { - border-top-left-radius: 0px; - border-top-right-radius: 0px; } -[data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .deznav { - position: fixed; } + .pr-xl-4, + .px-xl-4 { + padding-right: 1.5rem !important; + } -[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="overlay"][data-layout="vertical"][data-container="boxed"] .deznav { - position: absolute; } + .pb-xl-4, + .py-xl-4 { + padding-bottom: 1.5rem !important; + } -.sidebar-right { - right: -32rem; - position: fixed; - top: 0; - width: 32rem; - background-color: #fff; - height: 100vh; - margin-top: 0; - transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s; - z-index: 9999; } - .sidebar-right .bg-label-pattern { - background: transparent; - background-image: url("../images/pattern/pattern5.png"); - background-size: 130%; } - .sidebar-right .bootstrap-select { - height: 48px; - border-radius: 6px; } - .sidebar-right .bootstrap-select .btn { - padding: 12px 15px; - font-size: 15px; - border-color: #d1d1d1; - border-radius: 6px; } - .sidebar-right .sidebar-right-inner { - background: #fff; } - [direction="rtl"] .sidebar-right .slimScrollDiv { - overflow: visible !important; } - .sidebar-right .sidebar-right-trigger { - position: absolute; - z-index: 9; - bottom: 10.5rem; - padding: 13px 18px; - align-items: center; - right: 100%; - background-color: var(--primary); - color: #fff; - display: flex; - text-align: center; - border-radius: 50px 0 0 50px; - box-shadow: -5px 3px 5px 0px rgba(119, 119, 119, 0.15); } - [data-theme-version="dark"] .sidebar-right .sidebar-right-trigger { - color: #fff; } - @media only screen and (max-width: 1023px) { - .sidebar-right .sidebar-right-trigger { - display: none; } } - .sidebar-right .sidebar-right-trigger span { - margin-right: 15px; } - .sidebar-right .sidebar-right-trigger span.text { - margin-right: 0; } - .sidebar-right .sidebar-right-trigger i { - font-size: 25px; } - .sidebar-right .sidebar-close-trigger { - position: absolute; - z-index: 2; - font-size: 28px; - top: 0; - right: -48px; - height: 3rem; - width: 3rem; - line-height: 3rem; - text-align: center; - background: black; - color: #fff; } - .sidebar-right.show { - right: 0; - box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2); - z-index: 99999; } - .sidebar-right.show .sidebar-right-trigger .text { - display: none; } - .sidebar-right.show .bg-overlay { - position: fixed; - width: 100%; - cursor: pointer; - height: 100%; - top: 0; - left: 0; - background: rgba(0, 0, 0, 0.2); } - .sidebar-right .card-tabs .nav-tabs { - justify-content: space-between; - position: sticky; - top: 0; - width: 100%; - background-color: #fff; - z-index: 2; } - .sidebar-right .card-tabs .nav-tabs .nav-item { - margin-bottom: 0; - flex: 1; } - .sidebar-right .card-tabs .nav-tabs .nav-item .nav-link { - border: 0; - font-size: 1.125rem; - position: relative; - text-align: center; - background-color: #fff; } - [data-theme-version="dark"] .sidebar-right .card-tabs .nav-tabs .nav-item .nav-link.active { - border-right: none; - border-left: none; - border-top: none; } - .sidebar-right .sidebar-right-inner > h4 { - padding: 10px 20px; - display: flex; - justify-content: space-between; - align-items: center; - font-size: 25px; - font-weight: 700; - background: #fff; - margin: 0px 0px 30px 0px; - background: -webkit-linear-gradient(#40189d, #972ab3); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; } - .sidebar-right .sidebar-right-inner > h4 a { - background: var(--primary); - -webkit-background-clip: unset; - -webkit-text-fill-color: #fff; } - .sidebar-right .admin-settings { - height: calc(100% - 100px); - padding: 0 20px; } - .sidebar-right .admin-settings .row > div { - margin-bottom: 20px; } - .sidebar-right .admin-settings p { - color: #353535; - font-weight: 500; - margin-bottom: 8px; - font-size: 16px; } - .sidebar-right .admin-settings input[type="radio"] { - display: none; } - .sidebar-right .admin-settings input[type="radio"] + label { - display: inline-block; - width: 35px; - height: 35px; - cursor: pointer; - transition: all .1s ease; - border-radius: 4px; - margin-right: 5px; - margin-bottom: 3px; } - .sidebar-right .admin-settings input[type="radio"]:checked + label { - position: relative; } - .sidebar-right .admin-settings input[type="radio"]:checked + label::after { - height: 33px; - width: 33px; - left: -4px; - top: -4px; - content: ""; - position: absolute; - background-color: inherit; - border-radius: 6px; - opacity: 0.4; } - .sidebar-right #nav_header_color_1 + label, - .sidebar-right #header_color_1 + label, - .sidebar-right #sidebar_color_1 + label, - .sidebar-right #primary_color_1 + label { - background-color: #fff; } - .sidebar-right #nav_header_color_2 + label, - .sidebar-right #header_color_2 + label, - .sidebar-right #sidebar_color_2 + label, - .sidebar-right #primary_color_2 + label { - background-color: #6610f2; } - .sidebar-right #nav_header_color_3 + label, - .sidebar-right #header_color_3 + label, - .sidebar-right #sidebar_color_3 + label, - .sidebar-right #primary_color_3 + label { - background-color: #40189D; } - .sidebar-right #nav_header_color_4 + label, - .sidebar-right #header_color_4 + label, - .sidebar-right #sidebar_color_4 + label, - .sidebar-right #primary_color_4 + label { - background-color: #4d06a5; } - .sidebar-right #nav_header_color_5 + label, - .sidebar-right #header_color_5 + label, - .sidebar-right #sidebar_color_5 + label, - .sidebar-right #primary_color_5 + label { - background-color: #dc3545; } - .sidebar-right #nav_header_color_6 + label, - .sidebar-right #header_color_6 + label, - .sidebar-right #sidebar_color_6 + label, - .sidebar-right #primary_color_6 + label { - background-color: #fd7e14; } - .sidebar-right #nav_header_color_7 + label, - .sidebar-right #header_color_7 + label, - .sidebar-right #sidebar_color_7 + label, - .sidebar-right #primary_color_7 + label { - background-color: #ffc107; } - .sidebar-right #nav_header_color_8 + label, - .sidebar-right #header_color_8 + label, - .sidebar-right #sidebar_color_8 + label, - .sidebar-right #primary_color_8 + label { - background-color: #5bcfc5; } - .sidebar-right #nav_header_color_9 + label, - .sidebar-right #header_color_9 + label, - .sidebar-right #sidebar_color_9 + label, - .sidebar-right #primary_color_9 + label { - background-color: #20c997; } - .sidebar-right #nav_header_color_10 + label, - .sidebar-right #header_color_10 + label, - .sidebar-right #sidebar_color_10 + label, - .sidebar-right #primary_color_10 + label { - background-color: #17a2b8; } - .sidebar-right #nav_header_color_11 + label, - .sidebar-right #header_color_11 + label, - .sidebar-right #sidebar_color_11 + label, - .sidebar-right #primary_color_11 + label { - background-color: #94618E; } - .sidebar-right #nav_header_color_12 + label, - .sidebar-right #header_color_12 + label, - .sidebar-right #sidebar_color_12 + label, - .sidebar-right #primary_color_12 + label { - background-color: #343a40; } - .sidebar-right #nav_header_color_13 + label, - .sidebar-right #header_color_13 + label, - .sidebar-right #sidebar_color_13 + label, - .sidebar-right #primary_color_13 + label { - background-color: #2a2a2a; } - .sidebar-right #nav_header_color_14 + label, - .sidebar-right #header_color_14 + label, - .sidebar-right #sidebar_color_14 + label, - .sidebar-right #primary_color_14 + label { - background-color: #4885ed; } - .sidebar-right #nav_header_color_15 + label, - .sidebar-right #header_color_15 + label, - .sidebar-right #sidebar_color_15 + label, - .sidebar-right #primary_color_15 + label { - background-color: #4cb32b; } - .sidebar-right #nav_header_color_1 + label, - .sidebar-right #header_color_1 + label, - .sidebar-right #sidebar_color_1 + label, - .sidebar-right #primary_color_1 + label { - border: 1px solid #c4c4c4; } - .sidebar-right.style-1 { - height: 100vh; - width: 250px; - margin-top: 0; - right: -250px; } - .sidebar-right.style-1 .sidebar-right-inner { - background: #fff; } - .sidebar-right.style-1 .sidebar-right-trigger { - top: 12.4rem; } - .sidebar-right.style-1.show { - right: 0; } - .sidebar-right.style-1.show .sidebar-right-trigger { - display: block; } + .pl-xl-4, + .px-xl-4 { + padding-left: 1.5rem !important; + } -@keyframes bounce { - 0% { - transform: translateX(-8%); - -webkit-transform: translateX(-8%); } - 50% { - transform: translateX(8%); - -webkit-transform: translateX(8%); } - 100% { - transform: translateX(-8%); - -webkit-transform: translateX(-8%); } } -@-webkit-keyframes bounce { - 0% { - transform: translateX(-8%); - -webkit-transform: translateX(-8%); } - 50% { - transform: translateX(8%); - -webkit-transform: translateX(8%); } - 100% { - transform: translateY(-8%); - -webkit-transform: translateY(-8%); } } -.nav-user { - background: var(--primary); - margin-bottom: 10px; - padding: 20px 25px 15px; } - @media only screen and (min-width: 768px) and (max-width: 1199px) { - .nav-user { - padding: 20px 15px 15px; } } - .nav-user img { - width: 35px; - height: 35px; } - @media only screen and (min-width: 768px) and (max-width: 1199px) { - .nav-user img { - width: 35px; - height: 35px; - margin-bottom: 10px; } } - .nav-user h5 { - margin-left: 10px; - margin-bottom: 3px; - color: #fff; } - @media only screen and (min-width: 768px) and (max-width: 1199px) { - .nav-user h5 { - display: none; } } - [data-sibebarbg="color_2"] .nav-user h5 { - color: #fff; } - .nav-user p { - margin-left: 10px; - margin-bottom: 8px; - color: #afcff7; } - @media only screen and (min-width: 768px) and (max-width: 1199px) { - .nav-user p { - display: none; } } - @media only screen and (min-width: 768px) and (max-width: 1199px) { - .nav-user i { - margin-top: 15px; - display: block; } } + .p-xl-5 { + padding: 3rem !important; + } -.menu-toggle .nav-user { - padding: 20px 15px 15px; } - .menu-toggle .nav-user img { - width: 35px; - height: 35px; - margin-bottom: 10px; } - .menu-toggle .nav-user h5, - .menu-toggle .nav-user p { - display: none; } - .menu-toggle .nav-user i { - margin-top: 15px; - display: block; } - .menu-toggle .nav-user .dropdown-menu { - left: 45px !important; - top: 22px !important; } + .pt-xl-5, + .py-xl-5 { + padding-top: 3rem !important; + } -.chatbox { - width: 340px; - height: 100vh; - position: fixed; - right: -500px; - top: 0; - z-index: 999; - background: #fff; - box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.15); - -webkit-transition: all 0.8s; - -ms-transition: all 0.8s; - transition: all 0.8s; } - [data-theme-version="dark"] .chatbox { - background: #28253b; } - .chatbox .chatbox-close { - position: absolute; - -webkit-transition: all 0.2s; - -ms-transition: all 0.2s; - transition: all 0.2s; - width: 0; - height: 100%; - right: 340px; - background: #000; - z-index: 1; - opacity: 0.1; - cursor: pointer; } - .chatbox .card-fotter { - padding: 0.75rem 1rem; } - .chatbox .card-body { - padding: 1rem; } - .chatbox.active { - right: 0; } - .chatbox.active .chatbox-close { - width: 100vw; } - .chatbox .type_msg { - padding-top: 10px; } - .chatbox .nav { - padding: 1rem 1rem 0 1rem; - background: var(--primary); - border: 0; - justify-content: space-between; } - .chatbox .nav .nav-link { - color: #fff; - opacity: 0.7; - text-transform: uppercase; } - .chatbox .nav .nav-link:hover, .chatbox .nav .nav-link.active { - background: transparent; - color: #fff; - opacity: 1; - border-color: #fff; } - .chatbox .img_cont { - width: 40px; - border-radius: 40px; - margin-right: 10px; - position: relative; - height: 40px; - background: #eee; - display: flex; - align-items: center; - justify-content: center; - font-weight: 600; - font-size: 14px; - min-width: 40px; - min-height: 40px; } - .chatbox .img_cont .icon { - color: #fff; } - .chatbox .img_cont.primary { - background: var(--rgba-primary-1); - color: var(--primary); } - [data-theme-version="dark"] .chatbox .img_cont.primary { - background: var(--rgba-primary-1); } - .chatbox .img_cont.warning { - background: #fff0e5; - color: #FE8024; } - [data-theme-version="dark"] .chatbox .img_cont.warning { - background: rgba(254, 128, 36, 0.1); } - .chatbox .img_cont.success { - background: #b7f6db; - color: #1BD084; } - [data-theme-version="dark"] .chatbox .img_cont.success { - background: rgba(27, 208, 132, 0.1); } - .chatbox .img_cont.info { - background: white; - color: #48A9F8; } - [data-theme-version="dark"] .chatbox .img_cont.info { - background: rgba(72, 169, 248, 0.1); } - .chatbox .img_cont img { - width: 100%; } - .chatbox .img_cont .online_icon { - background: #1BD084; - position: absolute; - width: 12px; - height: 12px; - border-radius: 15px; - right: -1px; - bottom: 0px; - border: 2px solid #fff; } - .chatbox .img_cont .online_icon.offline { - background: #FF6746; } - .chatbox .card { - box-shadow: none; } - .chatbox .search { - height: 40px; } - .chatbox .user_info span { - font-size: 15px; - color: #000; - display: block; - font-weight: 500; - line-height: 1; - margin-bottom: 5px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - display: block; - max-width: 170px; } - [data-theme-version="dark"] .chatbox .user_info span { - color: #fff; } - .chatbox .user_info p { - font-size: 13px; - margin-bottom: 0; - line-height: 1; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - display: block; - max-width: 170px; } - .chatbox .contacts li { - padding: 7px 1rem; - border-bottom: 1px solid #eee; - cursor: pointer; } - [data-theme-version="dark"] .chatbox .contacts li { - border-color: #333a54; } - .chatbox .contacts li > div { - display: flex; - align-items: center; } - .chatbox .contacts li:hover { - background: #f4f7ff; } - [data-theme-version="dark"] .chatbox .contacts li:hover { - background-color: #251e35; } - .chatbox .contacts .name-first-letter { - background: #F2F2F2; - padding: 4px 1rem; - font-weight: 700; - color: #000; - position: sticky; - top: 0; - z-index: 1; } - [data-theme-version="dark"] .chatbox .contacts .name-first-letter { - color: #fff; - background: #251e35; } - .chatbox .msg_card_body { - height: calc(100vh - 195px); } - .chatbox .contacts_body { - height: calc(100vh - 120px); } - .chatbox .card-header { - background: #f4f7ff; - padding: 15px 20px; - justify-content: center; } - .chatbox .card-header h6 { - font-size: 15px; } - .chatbox .card-header p { - line-height: 1.2; - font-size: 12px; - color: #7e7e7e; } - .chatbox .chat-list-header { - justify-content: space-between; - background: #fff; } - [data-theme-version="dark"] .chatbox .chat-list-header { - background: #28253b; } - .chatbox .chat-list-header a { - text-align: center; - width: 30px; - height: 30px; - background: #F2F2F2; - border-radius: 6px; - line-height: 30px; - display: block; } - [data-theme-version="dark"] .chatbox .chat-list-header a { - background: var(--rgba-primary-1); } - [data-theme-version="dark"] .chatbox .chat-list-header a svg g [fill] { - fill: #fff; } - .chatbox .img_cont_msg { - width: 30px; - height: 30px; - display: block; - max-width: 30px; - min-width: 30px; } - .chatbox .img_cont_msg img { - width: 100%; } - .chatbox .msg_cotainer { - background: var(--primary); - margin-left: 10px; - border-radius: 0 1.25rem 1.25rem 1.25rem; - padding: 10px 15px; - color: #fff; - position: relative; } - .chatbox .msg_cotainer .msg_time { - display: block; - font-size: 11px; - color: #fff; - margin-top: 5px; - opacity: 0.5; } - .chatbox .msg_cotainer:after { - content: ""; - position: absolute; - left: -10px; - border-right: 10px solid var(--primary); - border-bottom: 10px solid transparent; - border-top: 0px solid; - top: 0; } - .chatbox .msg_cotainer_send { - background: #F2F2F2; - padding: 10px 15px; - border-radius: 6px 0px 6px 6px; - margin-right: 10px; - color: #222; - position: relative; - text-align: right; } - [data-theme-version="dark"] .chatbox .msg_cotainer_send { - background: #251e35; - color: #fff; } - .chatbox .msg_cotainer_send .msg_time_send { - display: block; - font-size: 11px; - text-align: right; - margin-top: 5px; - opacity: 0.6; } - .chatbox .msg_cotainer_send:after { - content: ""; - position: absolute; - right: -10px; - border-left: 10px solid #F2F2F2; - border-bottom: 10px solid transparent; - border-top: 0px solid; - top: 0; } - [data-theme-version="dark"] .chatbox .msg_cotainer_send:after { - border-left: 10px solid #251e35; } - .chatbox .type_msg .form-control { - padding: 10px 0; - height: 50px; - border: 0; } - .chatbox .type_msg .btn { - font-size: 18px; - border-radius: 38px !important; - width: 38px; - height: 38px; - padding: 0; - margin-top: 6px; } - .chatbox .video_cam { - margin-left: 15px; } - .chatbox .video_cam span { - width: 35px; - height: 35px; - background: #10ca93; - text-align: center; - line-height: 35px; - border-radius: 35px; - color: #fff; - margin-right: 5px; - align-self: center; - font-size: 16px; - padding: 0 3px; - display: inline-block; } - .chatbox .note_card .contacts li { - padding: 12px 1rem; } + .pr-xl-5, + .px-xl-5 { + padding-right: 3rem !important; + } -@media only screen and (max-width: 576px) { - .chatbox { - width: 280px; } - .chatbox .chatbox-close { - right: 280px; } } -.dz-demo-panel { - right: 0; - position: fixed; - top: 0; - width: 90%; - max-width: 735px; - background-color: #fff; - height: 100vh; - transition: all .5s ease-in-out; - z-index: 9999; - -webkit-transform: translate(100%, 0); - -ms-transform: translate(100%, 0); - transform: translate(100%, 0); - transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s; } - .dz-demo-panel .dz-demo-trigger { - position: absolute; - z-index: 9; - bottom: 15rem; - right: 100%; - background-color: #8BC740; - color: #fff; - display: flex; - padding: 14px 18px; - text-align: center; - border-radius: 40px 0 0 40px; - box-shadow: -5px 3px 5px 0px rgba(119, 119, 119, 0.15); } - .dz-demo-panel .dz-demo-trigger svg { - margin-right: 15px; } - .dz-demo-panel .dz-demo-trigger .close { - display: none; } - @media only screen and (max-width: 1023px) { - .dz-demo-panel .dz-demo-trigger { - display: none; } } - .dz-demo-panel .dz-demo-close { - height: 30px; - color: #fff; - width: 30px; - border-radius: 1.25rem; - background: rgba(0, 0, 0, 0.5); - line-height: 30px; - text-align: center; } - .dz-demo-panel.show { - right: 0; - box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2); - z-index: 99999; - transform: translate(0px, 0px); } - .dz-demo-panel.show .bg-close { - position: fixed; - z-index: -2; - cursor: pointer; - width: 100%; - height: 100%; - top: 0; - left: 0; - background: rgba(0, 0, 0, 0.15); } - .dz-demo-panel.show .dz-demo-trigger span { - display: none; } - .dz-demo-panel.show .dz-demo-trigger .layer { - display: none; } - .dz-demo-panel.show .dz-demo-trigger .close { - display: block; - opacity: 1; } - .dz-demo-panel .dz-demo-inner { - padding: 30px 30px; - background: #fff; } - .dz-demo-panel .dz-demo-content { - height: calc(100vh - 140px); - padding-top: 30px; } - .dz-demo-panel .dz-demo-header { - display: flex; - justify-content: center; - align-items: center; - margin-bottom: 50px; } - .dz-demo-panel .dz-demo-header h4 { - margin-bottom: 0; - font-weight: 700; - font-size: 28px; - background: -webkit-linear-gradient(#40189d, #972ab3); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; } - .dz-demo-panel .dz-demo-bx { - height: 200px; - overflow: hidden; - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); - margin-bottom: 10px; } - .dz-demo-panel .dz-demo-bx.demo-active { - border-color: #8BC740; } - .dz-demo-panel .dz-demo-bx.demo-active .overlay-layer { - opacity: 1; } - .dz-demo-panel .overlay-bx { - position: relative; - -webkit-transition: all .3s ease; - transition: all .3s ease; } - .dz-demo-panel .overlay-bx .overlay-layer { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - 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; - background-color: rgba(255, 255, 255, 0.2); - -webkit-transition: all .3s ease; - transition: all .3s ease; - opacity: 0; } - .dz-demo-panel .overlay-bx:hover { - transform: translateY(-10px); } - .dz-demo-panel .overlay-bx:hover .overlay-layer { - -webkit-transition: all .3s ease; - transition: all .3s ease; - opacity: 1; } + .pb-xl-5, + .py-xl-5 { + padding-bottom: 3rem !important; + } -:root { - --nav-headbg: #fff; - --sidebar-bg: #fff; - --headerbg: #F2F2F2; } + .pl-xl-5, + .px-xl-5 { + padding-left: 3rem !important; + } -[data-nav-headerbg="color_2"][data-theme-version="dark"], -[data-nav-headerbg="color_2"] { - --nav-headbg: #6610f2; } - [data-nav-headerbg="color_2"][data-theme-version="dark"] .header, - [data-nav-headerbg="color_2"] .header { - background-color: #6610f2; } - [data-nav-headerbg="color_2"][data-theme-version="dark"] .svg-logo-text-path, - [data-nav-headerbg="color_2"] .svg-logo-text-path { - fill: #fff; - stroke: #fff; } - [data-nav-headerbg="color_2"][data-theme-version="dark"] .svg-logo-circle, - [data-nav-headerbg="color_2"] .svg-logo-circle { - fill: #fff; } - [data-nav-headerbg="color_2"][data-theme-version="dark"] .svg-logo-icon-text, - [data-nav-headerbg="color_2"] .svg-logo-icon-text { - fill: #6610f2; } + .m-xl-n1 { + margin: -0.25rem !important; + } -[data-nav-headerbg="color_3"][data-theme-version="dark"], -[data-nav-headerbg="color_3"] { - --nav-headbg: #40189D; } - [data-nav-headerbg="color_3"][data-theme-version="dark"] .header, - [data-nav-headerbg="color_3"] .header { - background-color: #40189D; } - [data-nav-headerbg="color_3"][data-theme-version="dark"] .svg-logo-text-path, - [data-nav-headerbg="color_3"] .svg-logo-text-path { - fill: #fff; - stroke: #fff; } - [data-nav-headerbg="color_3"][data-theme-version="dark"] .svg-logo-circle, - [data-nav-headerbg="color_3"] .svg-logo-circle { - fill: #fff; } - [data-nav-headerbg="color_3"][data-theme-version="dark"] .svg-logo-icon-text, - [data-nav-headerbg="color_3"] .svg-logo-icon-text { - fill: #40189D; } + .mt-xl-n1, + .my-xl-n1 { + margin-top: -0.25rem !important; + } -[data-nav-headerbg="color_4"][data-theme-version="dark"], -[data-nav-headerbg="color_4"] { - --nav-headbg: #4d06a5; } - [data-nav-headerbg="color_4"][data-theme-version="dark"] .header, - [data-nav-headerbg="color_4"] .header { - background-color: #4d06a5; } - [data-nav-headerbg="color_4"][data-theme-version="dark"] .svg-logo-text-path, - [data-nav-headerbg="color_4"] .svg-logo-text-path { - fill: #fff; - stroke: #fff; } - [data-nav-headerbg="color_4"][data-theme-version="dark"] .svg-logo-circle, - [data-nav-headerbg="color_4"] .svg-logo-circle { - fill: #fff; } - [data-nav-headerbg="color_4"][data-theme-version="dark"] .svg-logo-icon-text, - [data-nav-headerbg="color_4"] .svg-logo-icon-text { - fill: #4d06a5; } + .mr-xl-n1, + .mx-xl-n1 { + margin-right: -0.25rem !important; + } -[data-nav-headerbg="color_5"][data-theme-version="dark"], -[data-nav-headerbg="color_5"] { - --nav-headbg: #dc3545; } - [data-nav-headerbg="color_5"][data-theme-version="dark"] .header, - [data-nav-headerbg="color_5"] .header { - background-color: #dc3545; } - [data-nav-headerbg="color_5"][data-theme-version="dark"] .svg-logo-text-path, - [data-nav-headerbg="color_5"] .svg-logo-text-path { - fill: #fff; - stroke: #fff; } - [data-nav-headerbg="color_5"][data-theme-version="dark"] .svg-logo-circle, - [data-nav-headerbg="color_5"] .svg-logo-circle { - fill: #fff; } - [data-nav-headerbg="color_5"][data-theme-version="dark"] .svg-logo-icon-text, - [data-nav-headerbg="color_5"] .svg-logo-icon-text { - fill: #dc3545; } + .mb-xl-n1, + .my-xl-n1 { + margin-bottom: -0.25rem !important; + } -[data-nav-headerbg="color_6"][data-theme-version="dark"], -[data-nav-headerbg="color_6"] { - --nav-headbg: #fd7e14; } - [data-nav-headerbg="color_6"][data-theme-version="dark"] .header, - [data-nav-headerbg="color_6"] .header { - background-color: #fd7e14; } - [data-nav-headerbg="color_6"][data-theme-version="dark"] .svg-logo-text-path, - [data-nav-headerbg="color_6"] .svg-logo-text-path { - fill: #fff; - stroke: #fff; } - [data-nav-headerbg="color_6"][data-theme-version="dark"] .svg-logo-circle, - [data-nav-headerbg="color_6"] .svg-logo-circle { - fill: #fff; } - [data-nav-headerbg="color_6"][data-theme-version="dark"] .svg-logo-icon-text, - [data-nav-headerbg="color_6"] .svg-logo-icon-text { - fill: #fd7e14; } + .ml-xl-n1, + .mx-xl-n1 { + margin-left: -0.25rem !important; + } -[data-nav-headerbg="color_7"][data-theme-version="dark"], -[data-nav-headerbg="color_7"] { - --nav-headbg: #ffc107; } - [data-nav-headerbg="color_7"][data-theme-version="dark"] .header, - [data-nav-headerbg="color_7"] .header { - background-color: #ffc107; } - [data-nav-headerbg="color_7"][data-theme-version="dark"] .svg-logo-text-path, - [data-nav-headerbg="color_7"] .svg-logo-text-path { - fill: #fff; - stroke: #fff; } - [data-nav-headerbg="color_7"][data-theme-version="dark"] .svg-logo-circle, - [data-nav-headerbg="color_7"] .svg-logo-circle { - fill: #fff; } - [data-nav-headerbg="color_7"][data-theme-version="dark"] .svg-logo-icon-text, - [data-nav-headerbg="color_7"] .svg-logo-icon-text { - fill: #ffc107; } + .m-xl-n2 { + margin: -0.5rem !important; + } -[data-nav-headerbg="color_8"][data-theme-version="dark"], -[data-nav-headerbg="color_8"] { - --nav-headbg: #5bcfc5; } - [data-nav-headerbg="color_8"][data-theme-version="dark"] .header, - [data-nav-headerbg="color_8"] .header { - background-color: #5bcfc5; } - [data-nav-headerbg="color_8"][data-theme-version="dark"] .svg-logo-text-path, - [data-nav-headerbg="color_8"] .svg-logo-text-path { - fill: #fff; - stroke: #fff; } - [data-nav-headerbg="color_8"][data-theme-version="dark"] .svg-logo-circle, - [data-nav-headerbg="color_8"] .svg-logo-circle { - fill: #fff; } - [data-nav-headerbg="color_8"][data-theme-version="dark"] .svg-logo-icon-text, - [data-nav-headerbg="color_8"] .svg-logo-icon-text { - fill: #5bcfc5; } + .mt-xl-n2, + .my-xl-n2 { + margin-top: -0.5rem !important; + } -[data-nav-headerbg="color_9"][data-theme-version="dark"], -[data-nav-headerbg="color_9"] { - --nav-headbg: #20c997; } - [data-nav-headerbg="color_9"][data-theme-version="dark"] .header, - [data-nav-headerbg="color_9"] .header { - background-color: #20c997; } - [data-nav-headerbg="color_9"][data-theme-version="dark"] .svg-logo-text-path, - [data-nav-headerbg="color_9"] .svg-logo-text-path { - fill: #fff; - stroke: #fff; } - [data-nav-headerbg="color_9"][data-theme-version="dark"] .svg-logo-circle, - [data-nav-headerbg="color_9"] .svg-logo-circle { - fill: #fff; } - [data-nav-headerbg="color_9"][data-theme-version="dark"] .svg-logo-icon-text, - [data-nav-headerbg="color_9"] .svg-logo-icon-text { - fill: #20c997; } + .mr-xl-n2, + .mx-xl-n2 { + margin-right: -0.5rem !important; + } -[data-nav-headerbg="color_10"][data-theme-version="dark"], -[data-nav-headerbg="color_10"] { - --nav-headbg: #17a2b8; } - [data-nav-headerbg="color_10"][data-theme-version="dark"] .header, - [data-nav-headerbg="color_10"] .header { - background-color: #17a2b8; } - [data-nav-headerbg="color_10"][data-theme-version="dark"] .svg-logo-text-path, - [data-nav-headerbg="color_10"] .svg-logo-text-path { - fill: #fff; - stroke: #fff; } - [data-nav-headerbg="color_10"][data-theme-version="dark"] .svg-logo-circle, - [data-nav-headerbg="color_10"] .svg-logo-circle { - fill: #fff; } - [data-nav-headerbg="color_10"][data-theme-version="dark"] .svg-logo-icon-text, - [data-nav-headerbg="color_10"] .svg-logo-icon-text { - fill: #17a2b8; } + .mb-xl-n2, + .my-xl-n2 { + margin-bottom: -0.5rem !important; + } -[data-nav-headerbg="color_11"][data-theme-version="dark"], -[data-nav-headerbg="color_11"] { - --nav-headbg: #94618E; } - [data-nav-headerbg="color_11"][data-theme-version="dark"] .header, - [data-nav-headerbg="color_11"] .header { - background-color: #94618E; } - [data-nav-headerbg="color_11"][data-theme-version="dark"] .svg-logo-text-path, - [data-nav-headerbg="color_11"] .svg-logo-text-path { - fill: #fff; - stroke: #fff; } - [data-nav-headerbg="color_11"][data-theme-version="dark"] .svg-logo-circle, - [data-nav-headerbg="color_11"] .svg-logo-circle { - fill: #fff; } - [data-nav-headerbg="color_11"][data-theme-version="dark"] .svg-logo-icon-text, - [data-nav-headerbg="color_11"] .svg-logo-icon-text { - fill: #94618E; } + .ml-xl-n2, + .mx-xl-n2 { + margin-left: -0.5rem !important; + } -[data-nav-headerbg="color_12"][data-theme-version="dark"], -[data-nav-headerbg="color_12"] { - --nav-headbg: #343a40; } - [data-nav-headerbg="color_12"][data-theme-version="dark"] .header, - [data-nav-headerbg="color_12"] .header { - background-color: #343a40; } - [data-nav-headerbg="color_12"][data-theme-version="dark"] .svg-logo-text-path, - [data-nav-headerbg="color_12"] .svg-logo-text-path { - fill: #fff; - stroke: #fff; } - [data-nav-headerbg="color_12"][data-theme-version="dark"] .svg-logo-circle, - [data-nav-headerbg="color_12"] .svg-logo-circle { - fill: #fff; } - [data-nav-headerbg="color_12"][data-theme-version="dark"] .svg-logo-icon-text, - [data-nav-headerbg="color_12"] .svg-logo-icon-text { - fill: #343a40; } + .m-xl-n3 { + margin: -1rem !important; + } -[data-nav-headerbg="color_13"][data-theme-version="dark"], -[data-nav-headerbg="color_13"] { - --nav-headbg: #2a2a2a; } - [data-nav-headerbg="color_13"][data-theme-version="dark"] .header, - [data-nav-headerbg="color_13"] .header { - background-color: #2a2a2a; } - [data-nav-headerbg="color_13"][data-theme-version="dark"] .svg-logo-text-path, - [data-nav-headerbg="color_13"] .svg-logo-text-path { - fill: #fff; - stroke: #fff; } - [data-nav-headerbg="color_13"][data-theme-version="dark"] .svg-logo-circle, - [data-nav-headerbg="color_13"] .svg-logo-circle { - fill: #fff; } - [data-nav-headerbg="color_13"][data-theme-version="dark"] .svg-logo-icon-text, - [data-nav-headerbg="color_13"] .svg-logo-icon-text { - fill: #2a2a2a; } + .mt-xl-n3, + .my-xl-n3 { + margin-top: -1rem !important; + } -[data-nav-headerbg="color_14"][data-theme-version="dark"], -[data-nav-headerbg="color_14"] { - --nav-headbg: #4885ed; } - [data-nav-headerbg="color_14"][data-theme-version="dark"] .header, - [data-nav-headerbg="color_14"] .header { - background-color: #4885ed; } - [data-nav-headerbg="color_14"][data-theme-version="dark"] .svg-logo-text-path, - [data-nav-headerbg="color_14"] .svg-logo-text-path { - fill: #fff; - stroke: #fff; } - [data-nav-headerbg="color_14"][data-theme-version="dark"] .svg-logo-circle, - [data-nav-headerbg="color_14"] .svg-logo-circle { - fill: #fff; } - [data-nav-headerbg="color_14"][data-theme-version="dark"] .svg-logo-icon-text, - [data-nav-headerbg="color_14"] .svg-logo-icon-text { - fill: #4885ed; } + .mr-xl-n3, + .mx-xl-n3 { + margin-right: -1rem !important; + } -[data-nav-headerbg="color_15"][data-theme-version="dark"], -[data-nav-headerbg="color_15"] { - --nav-headbg: #4cb32b; } - [data-nav-headerbg="color_15"][data-theme-version="dark"] .header, - [data-nav-headerbg="color_15"] .header { - background-color: #4cb32b; } - [data-nav-headerbg="color_15"][data-theme-version="dark"] .svg-logo-text-path, - [data-nav-headerbg="color_15"] .svg-logo-text-path { - fill: #fff; - stroke: #fff; } - [data-nav-headerbg="color_15"][data-theme-version="dark"] .svg-logo-circle, - [data-nav-headerbg="color_15"] .svg-logo-circle { - fill: #fff; } - [data-nav-headerbg="color_15"][data-theme-version="dark"] .svg-logo-icon-text, - [data-nav-headerbg="color_15"] .svg-logo-icon-text { - fill: #4cb32b; } + .mb-xl-n3, + .my-xl-n3 { + margin-bottom: -1rem !important; + } -[data-sibebarbg="color_2"][data-theme-version="dark"], -[data-sibebarbg="color_2"] { - --sidebar-bg: #6610f2; } - [data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu a, - [data-sibebarbg="color_2"] .deznav .metismenu a { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, [data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, [data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, - [data-sibebarbg="color_2"] .deznav .metismenu li ul a:hover, - [data-sibebarbg="color_2"] .deznav .metismenu li ul a:focus, - [data-sibebarbg="color_2"] .deznav .metismenu li ul a.mm-active { - color: #fff; } - [data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu > li > a, - [data-sibebarbg="color_2"] .deznav .metismenu > li > a { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu > li > a i, - [data-sibebarbg="color_2"] .deznav .metismenu > li > a i { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_2"] .deznav .metismenu > li.mm-active > a { - background: rgba(255, 255, 255, 0.15); - color: #fff; } - [data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_2"] .deznav .metismenu > li.mm-active > a i { - color: #6610f2 !important; } - [data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, - [data-sibebarbg="color_2"] .deznav .metismenu .has-arrow:after { - border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .header-profile > a.nav-link, - [data-sibebarbg="color_2"] .deznav .header-profile > a.nav-link { - border-color: rgba(255, 255, 255, 0.3); } - [data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info span, - [data-sibebarbg="color_2"] .deznav .header-profile > a.nav-link .header-info span { - color: #fff; } - [data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info small, - [data-sibebarbg="color_2"] .deznav .header-profile > a.nav-link .header-info small { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .copyright, - [data-sibebarbg="color_2"] .deznav .copyright { - color: #fff; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li > ul, - [data-sibebarbg="color_2"][data-sidebar-style="mini"] .deznav .metismenu li > ul { - background-color: #8540f5; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_2"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_2"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a { - background: #fff; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_2"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_2"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i { - color: #6610f2; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, - [data-sibebarbg="color_2"][data-sidebar-style="compact"] .deznav .metismenu li a:before { - background: #fff; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a, - [data-sibebarbg="color_2"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, - [data-sibebarbg="color_2"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a { - background: -moz-linear-gradient(left, #8540f5 0%, #6610f2 100%); - background: -webkit-linear-gradient(left, #8540f5 0%, #6610f2 100%); - background: linear-gradient(to right, #8540f5 0%, #6610f2 100%); } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_2"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_2"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a { - background: #8540f5; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_2"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_2"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li > ul, - [data-sibebarbg="color_2"][data-sidebar-style="modern"] .deznav .metismenu li > ul { - background-color: #8540f5; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_2"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_2"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a { - background: #8540f5; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_2"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_2"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before, - [data-sibebarbg="color_2"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before { - background: #fff; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_2"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a { - background: #6610f2; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_2"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_2"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_2"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a { - background: #8540f5; - color: #fff; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_2"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_2"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_2"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li > ul, - [data-sibebarbg="color_2"][data-layout="horizontal"] .deznav .metismenu li > ul { - background: #8540f5; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_2"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i { - color: #6610f2 !important; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, [data-sibebarbg="color_2"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a { - background: #8540f5; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul { - background: #8540f5; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_2"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - background-color: #8540f5; } - [data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_2"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - background: #8540f5; } + .ml-xl-n3, + .mx-xl-n3 { + margin-left: -1rem !important; + } -[data-sibebarbg="color_3"][data-theme-version="dark"], -[data-sibebarbg="color_3"] { - --sidebar-bg: #40189D; } - [data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu a, - [data-sibebarbg="color_3"] .deznav .metismenu a { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, [data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, [data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, - [data-sibebarbg="color_3"] .deznav .metismenu li ul a:hover, - [data-sibebarbg="color_3"] .deznav .metismenu li ul a:focus, - [data-sibebarbg="color_3"] .deznav .metismenu li ul a.mm-active { - color: #fff; } - [data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu > li > a, - [data-sibebarbg="color_3"] .deznav .metismenu > li > a { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu > li > a i, - [data-sibebarbg="color_3"] .deznav .metismenu > li > a i { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_3"] .deznav .metismenu > li.mm-active > a { - background: rgba(255, 255, 255, 0.15); - color: #fff; } - [data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_3"] .deznav .metismenu > li.mm-active > a i { - color: #40189D !important; } - [data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, - [data-sibebarbg="color_3"] .deznav .metismenu .has-arrow:after { - border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .header-profile > a.nav-link, - [data-sibebarbg="color_3"] .deznav .header-profile > a.nav-link { - border-color: rgba(255, 255, 255, 0.3); } - [data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info span, - [data-sibebarbg="color_3"] .deznav .header-profile > a.nav-link .header-info span { - color: #fff; } - [data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info small, - [data-sibebarbg="color_3"] .deznav .header-profile > a.nav-link .header-info small { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .copyright, - [data-sibebarbg="color_3"] .deznav .copyright { - color: #fff; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li > ul, - [data-sibebarbg="color_3"][data-sidebar-style="mini"] .deznav .metismenu li > ul { - background-color: #521fc9; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_3"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_3"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a { - background: #fff; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_3"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_3"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i { - color: #40189D; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, - [data-sibebarbg="color_3"][data-sidebar-style="compact"] .deznav .metismenu li a:before { - background: #fff; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a, - [data-sibebarbg="color_3"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, - [data-sibebarbg="color_3"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a { - background: -moz-linear-gradient(left, #521fc9 0%, #40189D 100%); - background: -webkit-linear-gradient(left, #521fc9 0%, #40189D 100%); - background: linear-gradient(to right, #521fc9 0%, #40189D 100%); } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_3"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_3"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a { - background: #521fc9; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_3"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_3"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li > ul, - [data-sibebarbg="color_3"][data-sidebar-style="modern"] .deznav .metismenu li > ul { - background-color: #521fc9; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_3"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_3"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a { - background: #521fc9; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_3"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_3"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before, - [data-sibebarbg="color_3"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before { - background: #fff; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_3"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a { - background: #40189D; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_3"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_3"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_3"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a { - background: #521fc9; - color: #fff; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_3"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_3"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_3"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li > ul, - [data-sibebarbg="color_3"][data-layout="horizontal"] .deznav .metismenu li > ul { - background: #521fc9; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_3"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i { - color: #40189D !important; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, [data-sibebarbg="color_3"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a { - background: #521fc9; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul { - background: #521fc9; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_3"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - background-color: #521fc9; } - [data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_3"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - background: #521fc9; } + .m-xl-n4 { + margin: -1.5rem !important; + } -[data-sibebarbg="color_4"][data-theme-version="dark"], -[data-sibebarbg="color_4"] { - --sidebar-bg: #4d06a5; } - [data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu a, - [data-sibebarbg="color_4"] .deznav .metismenu a { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, [data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, [data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, - [data-sibebarbg="color_4"] .deznav .metismenu li ul a:hover, - [data-sibebarbg="color_4"] .deznav .metismenu li ul a:focus, - [data-sibebarbg="color_4"] .deznav .metismenu li ul a.mm-active { - color: #fff; } - [data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu > li > a, - [data-sibebarbg="color_4"] .deznav .metismenu > li > a { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu > li > a i, - [data-sibebarbg="color_4"] .deznav .metismenu > li > a i { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_4"] .deznav .metismenu > li.mm-active > a { - background: rgba(255, 255, 255, 0.15); - color: #fff; } - [data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_4"] .deznav .metismenu > li.mm-active > a i { - color: #4d06a5 !important; } - [data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, - [data-sibebarbg="color_4"] .deznav .metismenu .has-arrow:after { - border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .header-profile > a.nav-link, - [data-sibebarbg="color_4"] .deznav .header-profile > a.nav-link { - border-color: rgba(255, 255, 255, 0.3); } - [data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info span, - [data-sibebarbg="color_4"] .deznav .header-profile > a.nav-link .header-info span { - color: #fff; } - [data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info small, - [data-sibebarbg="color_4"] .deznav .header-profile > a.nav-link .header-info small { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .copyright, - [data-sibebarbg="color_4"] .deznav .copyright { - color: #fff; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li > ul, - [data-sibebarbg="color_4"][data-sidebar-style="mini"] .deznav .metismenu li > ul { - background-color: #6408d6; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_4"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_4"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a { - background: #fff; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_4"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_4"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i { - color: #4d06a5; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, - [data-sibebarbg="color_4"][data-sidebar-style="compact"] .deznav .metismenu li a:before { - background: #fff; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a, - [data-sibebarbg="color_4"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, - [data-sibebarbg="color_4"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a { - background: -moz-linear-gradient(left, #6408d6 0%, #4d06a5 100%); - background: -webkit-linear-gradient(left, #6408d6 0%, #4d06a5 100%); - background: linear-gradient(to right, #6408d6 0%, #4d06a5 100%); } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_4"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_4"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a { - background: #6408d6; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_4"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_4"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li > ul, - [data-sibebarbg="color_4"][data-sidebar-style="modern"] .deznav .metismenu li > ul { - background-color: #6408d6; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_4"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_4"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a { - background: #6408d6; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_4"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_4"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before, - [data-sibebarbg="color_4"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before { - background: #fff; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_4"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a { - background: #4d06a5; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_4"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_4"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_4"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a { - background: #6408d6; - color: #fff; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_4"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_4"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_4"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li > ul, - [data-sibebarbg="color_4"][data-layout="horizontal"] .deznav .metismenu li > ul { - background: #6408d6; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_4"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i { - color: #4d06a5 !important; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, [data-sibebarbg="color_4"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a { - background: #6408d6; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul { - background: #6408d6; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_4"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - background-color: #6408d6; } - [data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_4"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - background: #6408d6; } + .mt-xl-n4, + .my-xl-n4 { + margin-top: -1.5rem !important; + } -[data-sibebarbg="color_5"][data-theme-version="dark"], -[data-sibebarbg="color_5"] { - --sidebar-bg: #dc3545; } - [data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu a, - [data-sibebarbg="color_5"] .deznav .metismenu a { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, [data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, [data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, - [data-sibebarbg="color_5"] .deznav .metismenu li ul a:hover, - [data-sibebarbg="color_5"] .deznav .metismenu li ul a:focus, - [data-sibebarbg="color_5"] .deznav .metismenu li ul a.mm-active { - color: #fff; } - [data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu > li > a, - [data-sibebarbg="color_5"] .deznav .metismenu > li > a { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu > li > a i, - [data-sibebarbg="color_5"] .deznav .metismenu > li > a i { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_5"] .deznav .metismenu > li.mm-active > a { - background: rgba(255, 255, 255, 0.15); - color: #fff; } - [data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_5"] .deznav .metismenu > li.mm-active > a i { - color: #dc3545 !important; } - [data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, - [data-sibebarbg="color_5"] .deznav .metismenu .has-arrow:after { - border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .header-profile > a.nav-link, - [data-sibebarbg="color_5"] .deznav .header-profile > a.nav-link { - border-color: rgba(255, 255, 255, 0.3); } - [data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info span, - [data-sibebarbg="color_5"] .deznav .header-profile > a.nav-link .header-info span { - color: #fff; } - [data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info small, - [data-sibebarbg="color_5"] .deznav .header-profile > a.nav-link .header-info small { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .copyright, - [data-sibebarbg="color_5"] .deznav .copyright { - color: #fff; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li > ul, - [data-sibebarbg="color_5"][data-sidebar-style="mini"] .deznav .metismenu li > ul { - background-color: #e4606d; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_5"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_5"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a { - background: #fff; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_5"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_5"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i { - color: #dc3545; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, - [data-sibebarbg="color_5"][data-sidebar-style="compact"] .deznav .metismenu li a:before { - background: #fff; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a, - [data-sibebarbg="color_5"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, - [data-sibebarbg="color_5"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a { - background: -moz-linear-gradient(left, #e4606d 0%, #dc3545 100%); - background: -webkit-linear-gradient(left, #e4606d 0%, #dc3545 100%); - background: linear-gradient(to right, #e4606d 0%, #dc3545 100%); } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_5"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_5"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a { - background: #e4606d; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_5"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_5"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li > ul, - [data-sibebarbg="color_5"][data-sidebar-style="modern"] .deznav .metismenu li > ul { - background-color: #e4606d; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_5"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_5"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a { - background: #e4606d; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_5"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_5"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before, - [data-sibebarbg="color_5"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before { - background: #fff; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_5"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a { - background: #dc3545; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_5"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_5"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_5"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a { - background: #e4606d; - color: #fff; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_5"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_5"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_5"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li > ul, - [data-sibebarbg="color_5"][data-layout="horizontal"] .deznav .metismenu li > ul { - background: #e4606d; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_5"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i { - color: #dc3545 !important; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, [data-sibebarbg="color_5"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a { - background: #e4606d; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul { - background: #e4606d; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_5"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - background-color: #e4606d; } - [data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_5"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - background: #e4606d; } + .mr-xl-n4, + .mx-xl-n4 { + margin-right: -1.5rem !important; + } -[data-sibebarbg="color_6"][data-theme-version="dark"], -[data-sibebarbg="color_6"] { - --sidebar-bg: #fd7e14; } - [data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu a, - [data-sibebarbg="color_6"] .deznav .metismenu a { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, [data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, [data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, - [data-sibebarbg="color_6"] .deznav .metismenu li ul a:hover, - [data-sibebarbg="color_6"] .deznav .metismenu li ul a:focus, - [data-sibebarbg="color_6"] .deznav .metismenu li ul a.mm-active { - color: #fff; } - [data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu > li > a, - [data-sibebarbg="color_6"] .deznav .metismenu > li > a { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu > li > a i, - [data-sibebarbg="color_6"] .deznav .metismenu > li > a i { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_6"] .deznav .metismenu > li.mm-active > a { - background: rgba(255, 255, 255, 0.15); - color: #fff; } - [data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_6"] .deznav .metismenu > li.mm-active > a i { - color: #fd7e14 !important; } - [data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, - [data-sibebarbg="color_6"] .deznav .metismenu .has-arrow:after { - border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .header-profile > a.nav-link, - [data-sibebarbg="color_6"] .deznav .header-profile > a.nav-link { - border-color: rgba(255, 255, 255, 0.3); } - [data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info span, - [data-sibebarbg="color_6"] .deznav .header-profile > a.nav-link .header-info span { - color: #fff; } - [data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info small, - [data-sibebarbg="color_6"] .deznav .header-profile > a.nav-link .header-info small { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .copyright, - [data-sibebarbg="color_6"] .deznav .copyright { - color: #fff; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li > ul, - [data-sibebarbg="color_6"][data-sidebar-style="mini"] .deznav .metismenu li > ul { - background-color: #fd9a47; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_6"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_6"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a { - background: #fff; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_6"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_6"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i { - color: #fd7e14; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, - [data-sibebarbg="color_6"][data-sidebar-style="compact"] .deznav .metismenu li a:before { - background: #fff; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a, - [data-sibebarbg="color_6"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, - [data-sibebarbg="color_6"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a { - background: -moz-linear-gradient(left, #fd9a47 0%, #fd7e14 100%); - background: -webkit-linear-gradient(left, #fd9a47 0%, #fd7e14 100%); - background: linear-gradient(to right, #fd9a47 0%, #fd7e14 100%); } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_6"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_6"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a { - background: #fd9a47; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_6"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_6"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li > ul, - [data-sibebarbg="color_6"][data-sidebar-style="modern"] .deznav .metismenu li > ul { - background-color: #fd9a47; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_6"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_6"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a { - background: #fd9a47; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_6"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_6"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before, - [data-sibebarbg="color_6"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before { - background: #fff; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_6"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a { - background: #fd7e14; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_6"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_6"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_6"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a { - background: #fd9a47; - color: #fff; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_6"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_6"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_6"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li > ul, - [data-sibebarbg="color_6"][data-layout="horizontal"] .deznav .metismenu li > ul { - background: #fd9a47; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_6"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i { - color: #fd7e14 !important; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, [data-sibebarbg="color_6"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a { - background: #fd9a47; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul { - background: #fd9a47; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_6"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - background-color: #fd9a47; } - [data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_6"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - background: #fd9a47; } + .mb-xl-n4, + .my-xl-n4 { + margin-bottom: -1.5rem !important; + } -[data-sibebarbg="color_7"][data-theme-version="dark"], -[data-sibebarbg="color_7"] { - --sidebar-bg: #ffc107; } - [data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu a, - [data-sibebarbg="color_7"] .deznav .metismenu a { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, [data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, [data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, - [data-sibebarbg="color_7"] .deznav .metismenu li ul a:hover, - [data-sibebarbg="color_7"] .deznav .metismenu li ul a:focus, - [data-sibebarbg="color_7"] .deznav .metismenu li ul a.mm-active { - color: #fff; } - [data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu > li > a, - [data-sibebarbg="color_7"] .deznav .metismenu > li > a { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu > li > a i, - [data-sibebarbg="color_7"] .deznav .metismenu > li > a i { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_7"] .deznav .metismenu > li.mm-active > a { - background: rgba(255, 255, 255, 0.15); - color: #fff; } - [data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_7"] .deznav .metismenu > li.mm-active > a i { - color: #ffc107 !important; } - [data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, - [data-sibebarbg="color_7"] .deznav .metismenu .has-arrow:after { - border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .header-profile > a.nav-link, - [data-sibebarbg="color_7"] .deznav .header-profile > a.nav-link { - border-color: rgba(255, 255, 255, 0.3); } - [data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info span, - [data-sibebarbg="color_7"] .deznav .header-profile > a.nav-link .header-info span { - color: #fff; } - [data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info small, - [data-sibebarbg="color_7"] .deznav .header-profile > a.nav-link .header-info small { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .copyright, - [data-sibebarbg="color_7"] .deznav .copyright { - color: #fff; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li > ul, - [data-sibebarbg="color_7"][data-sidebar-style="mini"] .deznav .metismenu li > ul { - background-color: #ffce3a; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_7"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_7"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a { - background: #fff; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_7"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_7"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i { - color: #ffc107; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, - [data-sibebarbg="color_7"][data-sidebar-style="compact"] .deznav .metismenu li a:before { - background: #fff; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a, - [data-sibebarbg="color_7"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, - [data-sibebarbg="color_7"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a { - background: -moz-linear-gradient(left, #ffce3a 0%, #ffc107 100%); - background: -webkit-linear-gradient(left, #ffce3a 0%, #ffc107 100%); - background: linear-gradient(to right, #ffce3a 0%, #ffc107 100%); } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_7"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_7"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a { - background: #ffce3a; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_7"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_7"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li > ul, - [data-sibebarbg="color_7"][data-sidebar-style="modern"] .deznav .metismenu li > ul { - background-color: #ffce3a; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_7"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_7"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a { - background: #ffce3a; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_7"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_7"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before, - [data-sibebarbg="color_7"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before { - background: #fff; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_7"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a { - background: #ffc107; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_7"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_7"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_7"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a { - background: #ffce3a; - color: #fff; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_7"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_7"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_7"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li > ul, - [data-sibebarbg="color_7"][data-layout="horizontal"] .deznav .metismenu li > ul { - background: #ffce3a; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_7"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i { - color: #ffc107 !important; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, [data-sibebarbg="color_7"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a { - background: #ffce3a; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul { - background: #ffce3a; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_7"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - background-color: #ffce3a; } - [data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_7"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - background: #ffce3a; } + .ml-xl-n4, + .mx-xl-n4 { + margin-left: -1.5rem !important; + } -[data-sibebarbg="color_8"][data-theme-version="dark"], -[data-sibebarbg="color_8"] { - --sidebar-bg: #5bcfc5; } - [data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu a, - [data-sibebarbg="color_8"] .deznav .metismenu a { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, [data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, [data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, - [data-sibebarbg="color_8"] .deznav .metismenu li ul a:hover, - [data-sibebarbg="color_8"] .deznav .metismenu li ul a:focus, - [data-sibebarbg="color_8"] .deznav .metismenu li ul a.mm-active { - color: #fff; } - [data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu > li > a, - [data-sibebarbg="color_8"] .deznav .metismenu > li > a { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu > li > a i, - [data-sibebarbg="color_8"] .deznav .metismenu > li > a i { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_8"] .deznav .metismenu > li.mm-active > a { - background: rgba(255, 255, 255, 0.15); - color: #fff; } - [data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_8"] .deznav .metismenu > li.mm-active > a i { - color: #5bcfc5 !important; } - [data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, - [data-sibebarbg="color_8"] .deznav .metismenu .has-arrow:after { - border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .header-profile > a.nav-link, - [data-sibebarbg="color_8"] .deznav .header-profile > a.nav-link { - border-color: rgba(255, 255, 255, 0.3); } - [data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info span, - [data-sibebarbg="color_8"] .deznav .header-profile > a.nav-link .header-info span { - color: #fff; } - [data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info small, - [data-sibebarbg="color_8"] .deznav .header-profile > a.nav-link .header-info small { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .copyright, - [data-sibebarbg="color_8"] .deznav .copyright { - color: #fff; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li > ul, - [data-sibebarbg="color_8"][data-sidebar-style="mini"] .deznav .metismenu li > ul { - background-color: #82dbd3; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_8"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_8"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a { - background: #fff; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_8"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_8"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i { - color: #5bcfc5; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, - [data-sibebarbg="color_8"][data-sidebar-style="compact"] .deznav .metismenu li a:before { - background: #fff; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a, - [data-sibebarbg="color_8"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, - [data-sibebarbg="color_8"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a { - background: -moz-linear-gradient(left, #82dbd3 0%, #5bcfc5 100%); - background: -webkit-linear-gradient(left, #82dbd3 0%, #5bcfc5 100%); - background: linear-gradient(to right, #82dbd3 0%, #5bcfc5 100%); } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_8"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_8"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a { - background: #82dbd3; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_8"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_8"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li > ul, - [data-sibebarbg="color_8"][data-sidebar-style="modern"] .deznav .metismenu li > ul { - background-color: #82dbd3; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_8"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_8"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a { - background: #82dbd3; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_8"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_8"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before, - [data-sibebarbg="color_8"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before { - background: #fff; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_8"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a { - background: #5bcfc5; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_8"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_8"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_8"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a { - background: #82dbd3; - color: #fff; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_8"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_8"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_8"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li > ul, - [data-sibebarbg="color_8"][data-layout="horizontal"] .deznav .metismenu li > ul { - background: #82dbd3; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_8"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i { - color: #5bcfc5 !important; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, [data-sibebarbg="color_8"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a { - background: #82dbd3; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul { - background: #82dbd3; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_8"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - background-color: #82dbd3; } - [data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_8"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - background: #82dbd3; } + .m-xl-n5 { + margin: -3rem !important; + } -[data-sibebarbg="color_9"][data-theme-version="dark"], -[data-sibebarbg="color_9"] { - --sidebar-bg: #20c997; } - [data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu a, - [data-sibebarbg="color_9"] .deznav .metismenu a { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, [data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, [data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, - [data-sibebarbg="color_9"] .deznav .metismenu li ul a:hover, - [data-sibebarbg="color_9"] .deznav .metismenu li ul a:focus, - [data-sibebarbg="color_9"] .deznav .metismenu li ul a.mm-active { - color: #fff; } - [data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu > li > a, - [data-sibebarbg="color_9"] .deznav .metismenu > li > a { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu > li > a i, - [data-sibebarbg="color_9"] .deznav .metismenu > li > a i { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_9"] .deznav .metismenu > li.mm-active > a { - background: rgba(255, 255, 255, 0.15); - color: #fff; } - [data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_9"] .deznav .metismenu > li.mm-active > a i { - color: #20c997 !important; } - [data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, - [data-sibebarbg="color_9"] .deznav .metismenu .has-arrow:after { - border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .header-profile > a.nav-link, - [data-sibebarbg="color_9"] .deznav .header-profile > a.nav-link { - border-color: rgba(255, 255, 255, 0.3); } - [data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info span, - [data-sibebarbg="color_9"] .deznav .header-profile > a.nav-link .header-info span { - color: #fff; } - [data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info small, - [data-sibebarbg="color_9"] .deznav .header-profile > a.nav-link .header-info small { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .copyright, - [data-sibebarbg="color_9"] .deznav .copyright { - color: #fff; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li > ul, - [data-sibebarbg="color_9"][data-sidebar-style="mini"] .deznav .metismenu li > ul { - background-color: #3ce0af; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_9"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_9"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a { - background: #fff; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_9"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_9"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i { - color: #20c997; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, - [data-sibebarbg="color_9"][data-sidebar-style="compact"] .deznav .metismenu li a:before { - background: #fff; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a, - [data-sibebarbg="color_9"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, - [data-sibebarbg="color_9"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a { - background: -moz-linear-gradient(left, #3ce0af 0%, #20c997 100%); - background: -webkit-linear-gradient(left, #3ce0af 0%, #20c997 100%); - background: linear-gradient(to right, #3ce0af 0%, #20c997 100%); } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_9"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_9"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a { - background: #3ce0af; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_9"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_9"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li > ul, - [data-sibebarbg="color_9"][data-sidebar-style="modern"] .deznav .metismenu li > ul { - background-color: #3ce0af; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_9"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_9"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a { - background: #3ce0af; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_9"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_9"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before, - [data-sibebarbg="color_9"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before { - background: #fff; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_9"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a { - background: #20c997; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_9"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_9"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_9"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a { - background: #3ce0af; - color: #fff; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_9"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_9"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_9"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li > ul, - [data-sibebarbg="color_9"][data-layout="horizontal"] .deznav .metismenu li > ul { - background: #3ce0af; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_9"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i { - color: #20c997 !important; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, [data-sibebarbg="color_9"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a { - background: #3ce0af; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul { - background: #3ce0af; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_9"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - background-color: #3ce0af; } - [data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_9"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - background: #3ce0af; } + .mt-xl-n5, + .my-xl-n5 { + margin-top: -3rem !important; + } -[data-sibebarbg="color_10"][data-theme-version="dark"], -[data-sibebarbg="color_10"] { - --sidebar-bg: #17a2b8; } - [data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu a, - [data-sibebarbg="color_10"] .deznav .metismenu a { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, [data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, [data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, - [data-sibebarbg="color_10"] .deznav .metismenu li ul a:hover, - [data-sibebarbg="color_10"] .deznav .metismenu li ul a:focus, - [data-sibebarbg="color_10"] .deznav .metismenu li ul a.mm-active { - color: #fff; } - [data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu > li > a, - [data-sibebarbg="color_10"] .deznav .metismenu > li > a { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu > li > a i, - [data-sibebarbg="color_10"] .deznav .metismenu > li > a i { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_10"] .deznav .metismenu > li.mm-active > a { - background: rgba(255, 255, 255, 0.15); - color: #fff; } - [data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_10"] .deznav .metismenu > li.mm-active > a i { - color: #17a2b8 !important; } - [data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, - [data-sibebarbg="color_10"] .deznav .metismenu .has-arrow:after { - border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .header-profile > a.nav-link, - [data-sibebarbg="color_10"] .deznav .header-profile > a.nav-link { - border-color: rgba(255, 255, 255, 0.3); } - [data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info span, - [data-sibebarbg="color_10"] .deznav .header-profile > a.nav-link .header-info span { - color: #fff; } - [data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info small, - [data-sibebarbg="color_10"] .deznav .header-profile > a.nav-link .header-info small { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .copyright, - [data-sibebarbg="color_10"] .deznav .copyright { - color: #fff; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li > ul, - [data-sibebarbg="color_10"][data-sidebar-style="mini"] .deznav .metismenu li > ul { - background-color: #1fc8e3; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_10"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_10"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a { - background: #fff; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_10"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_10"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i { - color: #17a2b8; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, - [data-sibebarbg="color_10"][data-sidebar-style="compact"] .deznav .metismenu li a:before { - background: #fff; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a, - [data-sibebarbg="color_10"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, - [data-sibebarbg="color_10"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a { - background: -moz-linear-gradient(left, #1fc8e3 0%, #17a2b8 100%); - background: -webkit-linear-gradient(left, #1fc8e3 0%, #17a2b8 100%); - background: linear-gradient(to right, #1fc8e3 0%, #17a2b8 100%); } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_10"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_10"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a { - background: #1fc8e3; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_10"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_10"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li > ul, - [data-sibebarbg="color_10"][data-sidebar-style="modern"] .deznav .metismenu li > ul { - background-color: #1fc8e3; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_10"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_10"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a { - background: #1fc8e3; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_10"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_10"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before, - [data-sibebarbg="color_10"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before { - background: #fff; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_10"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a { - background: #17a2b8; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_10"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_10"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_10"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a { - background: #1fc8e3; - color: #fff; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_10"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_10"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_10"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li > ul, - [data-sibebarbg="color_10"][data-layout="horizontal"] .deznav .metismenu li > ul { - background: #1fc8e3; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_10"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i { - color: #17a2b8 !important; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, [data-sibebarbg="color_10"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a { - background: #1fc8e3; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul { - background: #1fc8e3; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_10"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - background-color: #1fc8e3; } - [data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_10"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - background: #1fc8e3; } + .mr-xl-n5, + .mx-xl-n5 { + margin-right: -3rem !important; + } -[data-sibebarbg="color_11"][data-theme-version="dark"], -[data-sibebarbg="color_11"] { - --sidebar-bg: #94618E; } - [data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu a, - [data-sibebarbg="color_11"] .deznav .metismenu a { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, [data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, [data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, - [data-sibebarbg="color_11"] .deznav .metismenu li ul a:hover, - [data-sibebarbg="color_11"] .deznav .metismenu li ul a:focus, - [data-sibebarbg="color_11"] .deznav .metismenu li ul a.mm-active { - color: #fff; } - [data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu > li > a, - [data-sibebarbg="color_11"] .deznav .metismenu > li > a { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu > li > a i, - [data-sibebarbg="color_11"] .deznav .metismenu > li > a i { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_11"] .deznav .metismenu > li.mm-active > a { - background: rgba(255, 255, 255, 0.15); - color: #fff; } - [data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_11"] .deznav .metismenu > li.mm-active > a i { - color: #94618E !important; } - [data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, - [data-sibebarbg="color_11"] .deznav .metismenu .has-arrow:after { - border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .header-profile > a.nav-link, - [data-sibebarbg="color_11"] .deznav .header-profile > a.nav-link { - border-color: rgba(255, 255, 255, 0.3); } - [data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info span, - [data-sibebarbg="color_11"] .deznav .header-profile > a.nav-link .header-info span { - color: #fff; } - [data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info small, - [data-sibebarbg="color_11"] .deznav .header-profile > a.nav-link .header-info small { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .copyright, - [data-sibebarbg="color_11"] .deznav .copyright { - color: #fff; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li > ul, - [data-sibebarbg="color_11"][data-sidebar-style="mini"] .deznav .metismenu li > ul { - background-color: #aa7ea5; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_11"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_11"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a { - background: #fff; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_11"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_11"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i { - color: #94618E; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, - [data-sibebarbg="color_11"][data-sidebar-style="compact"] .deznav .metismenu li a:before { - background: #fff; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a, - [data-sibebarbg="color_11"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, - [data-sibebarbg="color_11"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a { - background: -moz-linear-gradient(left, #aa7ea5 0%, #94618E 100%); - background: -webkit-linear-gradient(left, #aa7ea5 0%, #94618E 100%); - background: linear-gradient(to right, #aa7ea5 0%, #94618E 100%); } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_11"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_11"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a { - background: #aa7ea5; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_11"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_11"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li > ul, - [data-sibebarbg="color_11"][data-sidebar-style="modern"] .deznav .metismenu li > ul { - background-color: #aa7ea5; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_11"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_11"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a { - background: #aa7ea5; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_11"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_11"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before, - [data-sibebarbg="color_11"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before { - background: #fff; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_11"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a { - background: #94618E; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_11"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_11"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_11"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a { - background: #aa7ea5; - color: #fff; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_11"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_11"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_11"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li > ul, - [data-sibebarbg="color_11"][data-layout="horizontal"] .deznav .metismenu li > ul { - background: #aa7ea5; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_11"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i { - color: #94618E !important; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, [data-sibebarbg="color_11"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a { - background: #aa7ea5; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul { - background: #aa7ea5; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_11"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - background-color: #aa7ea5; } - [data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_11"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - background: #aa7ea5; } + .mb-xl-n5, + .my-xl-n5 { + margin-bottom: -3rem !important; + } -[data-sibebarbg="color_12"][data-theme-version="dark"], -[data-sibebarbg="color_12"] { - --sidebar-bg: #343a40; } - [data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu a, - [data-sibebarbg="color_12"] .deznav .metismenu a { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, [data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, [data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, - [data-sibebarbg="color_12"] .deznav .metismenu li ul a:hover, - [data-sibebarbg="color_12"] .deznav .metismenu li ul a:focus, - [data-sibebarbg="color_12"] .deznav .metismenu li ul a.mm-active { - color: #fff; } - [data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu > li > a, - [data-sibebarbg="color_12"] .deznav .metismenu > li > a { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu > li > a i, - [data-sibebarbg="color_12"] .deznav .metismenu > li > a i { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_12"] .deznav .metismenu > li.mm-active > a { - background: rgba(255, 255, 255, 0.15); - color: #fff; } - [data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_12"] .deznav .metismenu > li.mm-active > a i { - color: #343a40 !important; } - [data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, - [data-sibebarbg="color_12"] .deznav .metismenu .has-arrow:after { - border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .header-profile > a.nav-link, - [data-sibebarbg="color_12"] .deznav .header-profile > a.nav-link { - border-color: rgba(255, 255, 255, 0.3); } - [data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info span, - [data-sibebarbg="color_12"] .deznav .header-profile > a.nav-link .header-info span { - color: #fff; } - [data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info small, - [data-sibebarbg="color_12"] .deznav .header-profile > a.nav-link .header-info small { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .copyright, - [data-sibebarbg="color_12"] .deznav .copyright { - color: #fff; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li > ul, - [data-sibebarbg="color_12"][data-sidebar-style="mini"] .deznav .metismenu li > ul { - background-color: #4b545c; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_12"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_12"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a { - background: #fff; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_12"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_12"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i { - color: #343a40; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, - [data-sibebarbg="color_12"][data-sidebar-style="compact"] .deznav .metismenu li a:before { - background: #fff; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a, - [data-sibebarbg="color_12"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, - [data-sibebarbg="color_12"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a { - background: -moz-linear-gradient(left, #4b545c 0%, #343a40 100%); - background: -webkit-linear-gradient(left, #4b545c 0%, #343a40 100%); - background: linear-gradient(to right, #4b545c 0%, #343a40 100%); } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_12"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_12"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a { - background: #4b545c; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_12"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_12"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li > ul, - [data-sibebarbg="color_12"][data-sidebar-style="modern"] .deznav .metismenu li > ul { - background-color: #4b545c; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_12"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_12"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a { - background: #4b545c; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_12"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_12"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before, - [data-sibebarbg="color_12"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before { - background: #fff; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_12"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a { - background: #343a40; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_12"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_12"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_12"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a { - background: #4b545c; - color: #fff; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_12"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_12"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_12"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li > ul, - [data-sibebarbg="color_12"][data-layout="horizontal"] .deznav .metismenu li > ul { - background: #4b545c; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_12"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i { - color: #343a40 !important; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, [data-sibebarbg="color_12"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a { - background: #4b545c; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul { - background: #4b545c; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_12"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - background-color: #4b545c; } - [data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_12"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - background: #4b545c; } + .ml-xl-n5, + .mx-xl-n5 { + margin-left: -3rem !important; + } -[data-sibebarbg="color_13"][data-theme-version="dark"], -[data-sibebarbg="color_13"] { - --sidebar-bg: #2a2a2a; } - [data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu a, - [data-sibebarbg="color_13"] .deznav .metismenu a { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, [data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, [data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, - [data-sibebarbg="color_13"] .deznav .metismenu li ul a:hover, - [data-sibebarbg="color_13"] .deznav .metismenu li ul a:focus, - [data-sibebarbg="color_13"] .deznav .metismenu li ul a.mm-active { - color: #fff; } - [data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu > li > a, - [data-sibebarbg="color_13"] .deznav .metismenu > li > a { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu > li > a i, - [data-sibebarbg="color_13"] .deznav .metismenu > li > a i { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_13"] .deznav .metismenu > li.mm-active > a { - background: rgba(255, 255, 255, 0.15); - color: #fff; } - [data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_13"] .deznav .metismenu > li.mm-active > a i { - color: #2a2a2a !important; } - [data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, - [data-sibebarbg="color_13"] .deznav .metismenu .has-arrow:after { - border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .header-profile > a.nav-link, - [data-sibebarbg="color_13"] .deznav .header-profile > a.nav-link { - border-color: rgba(255, 255, 255, 0.3); } - [data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info span, - [data-sibebarbg="color_13"] .deznav .header-profile > a.nav-link .header-info span { - color: #fff; } - [data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info small, - [data-sibebarbg="color_13"] .deznav .header-profile > a.nav-link .header-info small { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .copyright, - [data-sibebarbg="color_13"] .deznav .copyright { - color: #fff; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li > ul, - [data-sibebarbg="color_13"][data-sidebar-style="mini"] .deznav .metismenu li > ul { - background-color: #444444; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_13"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_13"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a { - background: #fff; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_13"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_13"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i { - color: #2a2a2a; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, - [data-sibebarbg="color_13"][data-sidebar-style="compact"] .deznav .metismenu li a:before { - background: #fff; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a, - [data-sibebarbg="color_13"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, - [data-sibebarbg="color_13"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a { - background: -moz-linear-gradient(left, #444444 0%, #2a2a2a 100%); - background: -webkit-linear-gradient(left, #444444 0%, #2a2a2a 100%); - background: linear-gradient(to right, #444444 0%, #2a2a2a 100%); } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_13"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_13"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a { - background: #444444; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_13"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_13"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li > ul, - [data-sibebarbg="color_13"][data-sidebar-style="modern"] .deznav .metismenu li > ul { - background-color: #444444; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_13"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_13"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a { - background: #444444; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_13"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_13"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before, - [data-sibebarbg="color_13"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before { - background: #fff; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_13"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a { - background: #2a2a2a; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_13"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_13"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_13"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a { - background: #444444; - color: #fff; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_13"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_13"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_13"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li > ul, - [data-sibebarbg="color_13"][data-layout="horizontal"] .deznav .metismenu li > ul { - background: #444444; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_13"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i { - color: #2a2a2a !important; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, [data-sibebarbg="color_13"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a { - background: #444444; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul { - background: #444444; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_13"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - background-color: #444444; } - [data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_13"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - background: #444444; } + .m-xl-auto { + margin: auto !important; + } -[data-sibebarbg="color_14"][data-theme-version="dark"], -[data-sibebarbg="color_14"] { - --sidebar-bg: #4885ed; } - [data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu a, - [data-sibebarbg="color_14"] .deznav .metismenu a { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, [data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, [data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, - [data-sibebarbg="color_14"] .deznav .metismenu li ul a:hover, - [data-sibebarbg="color_14"] .deznav .metismenu li ul a:focus, - [data-sibebarbg="color_14"] .deznav .metismenu li ul a.mm-active { - color: #fff; } - [data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu > li > a, - [data-sibebarbg="color_14"] .deznav .metismenu > li > a { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu > li > a i, - [data-sibebarbg="color_14"] .deznav .metismenu > li > a i { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_14"] .deznav .metismenu > li.mm-active > a { - background: rgba(255, 255, 255, 0.15); - color: #fff; } - [data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_14"] .deznav .metismenu > li.mm-active > a i { - color: #4885ed !important; } - [data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, - [data-sibebarbg="color_14"] .deznav .metismenu .has-arrow:after { - border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .header-profile > a.nav-link, - [data-sibebarbg="color_14"] .deznav .header-profile > a.nav-link { - border-color: rgba(255, 255, 255, 0.3); } - [data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info span, - [data-sibebarbg="color_14"] .deznav .header-profile > a.nav-link .header-info span { - color: #fff; } - [data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info small, - [data-sibebarbg="color_14"] .deznav .header-profile > a.nav-link .header-info small { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .copyright, - [data-sibebarbg="color_14"] .deznav .copyright { - color: #fff; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li > ul, - [data-sibebarbg="color_14"][data-sidebar-style="mini"] .deznav .metismenu li > ul { - background-color: #76a4f2; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_14"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_14"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a { - background: #fff; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_14"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_14"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i { - color: #4885ed; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, - [data-sibebarbg="color_14"][data-sidebar-style="compact"] .deznav .metismenu li a:before { - background: #fff; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a, - [data-sibebarbg="color_14"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, - [data-sibebarbg="color_14"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a { - background: -moz-linear-gradient(left, #76a4f2 0%, #4885ed 100%); - background: -webkit-linear-gradient(left, #76a4f2 0%, #4885ed 100%); - background: linear-gradient(to right, #76a4f2 0%, #4885ed 100%); } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_14"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_14"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a { - background: #76a4f2; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_14"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_14"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li > ul, - [data-sibebarbg="color_14"][data-sidebar-style="modern"] .deznav .metismenu li > ul { - background-color: #76a4f2; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_14"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_14"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a { - background: #76a4f2; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_14"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_14"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before, - [data-sibebarbg="color_14"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before { - background: #fff; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_14"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a { - background: #4885ed; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_14"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_14"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_14"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a { - background: #76a4f2; - color: #fff; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_14"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_14"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_14"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li > ul, - [data-sibebarbg="color_14"][data-layout="horizontal"] .deznav .metismenu li > ul { - background: #76a4f2; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_14"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i { - color: #4885ed !important; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, [data-sibebarbg="color_14"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a { - background: #76a4f2; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul { - background: #76a4f2; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_14"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - background-color: #76a4f2; } - [data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_14"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - background: #76a4f2; } + .mt-xl-auto, + .my-xl-auto { + margin-top: auto !important; + } -[data-sibebarbg="color_15"][data-theme-version="dark"], -[data-sibebarbg="color_15"] { - --sidebar-bg: #4cb32b; } - [data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu a, - [data-sibebarbg="color_15"] .deznav .metismenu a { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, [data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, [data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, - [data-sibebarbg="color_15"] .deznav .metismenu li ul a:hover, - [data-sibebarbg="color_15"] .deznav .metismenu li ul a:focus, - [data-sibebarbg="color_15"] .deznav .metismenu li ul a.mm-active { - color: #fff; } - [data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu > li > a, - [data-sibebarbg="color_15"] .deznav .metismenu > li > a { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu > li > a i, - [data-sibebarbg="color_15"] .deznav .metismenu > li > a i { - color: rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_15"] .deznav .metismenu > li.mm-active > a { - background: rgba(255, 255, 255, 0.15); - color: #fff; } - [data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_15"] .deznav .metismenu > li.mm-active > a i { - color: #4cb32b !important; } - [data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, - [data-sibebarbg="color_15"] .deznav .metismenu .has-arrow:after { - border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); } - [data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .header-profile > a.nav-link, - [data-sibebarbg="color_15"] .deznav .header-profile > a.nav-link { - border-color: rgba(255, 255, 255, 0.3); } - [data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info span, - [data-sibebarbg="color_15"] .deznav .header-profile > a.nav-link .header-info span { - color: #fff; } - [data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info small, - [data-sibebarbg="color_15"] .deznav .header-profile > a.nav-link .header-info small { - color: rgba(255, 255, 255, 0.8); } - [data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .copyright, - [data-sibebarbg="color_15"] .deznav .copyright { - color: #fff; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li > ul, - [data-sibebarbg="color_15"][data-sidebar-style="mini"] .deznav .metismenu li > ul { - background-color: #63d140; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_15"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_15"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a { - background: #fff; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_15"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_15"][data-sidebar-style="mini"] .deznav .metismenu > li:hover > a i { - color: #4cb32b; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, - [data-sibebarbg="color_15"][data-sidebar-style="compact"] .deznav .metismenu li a:before { - background: #fff; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a, - [data-sibebarbg="color_15"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active > a, - [data-sibebarbg="color_15"][data-sidebar-style="compact"] .deznav .metismenu li:hover > a { - background: -moz-linear-gradient(left, #63d140 0%, #4cb32b 100%); - background: -webkit-linear-gradient(left, #63d140 0%, #4cb32b 100%); - background: linear-gradient(to right, #63d140 0%, #4cb32b 100%); } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_15"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_15"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a { - background: #63d140; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_15"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_15"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li > ul, - [data-sibebarbg="color_15"][data-sidebar-style="modern"] .deznav .metismenu li > ul { - background-color: #63d140; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_15"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_15"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a { - background: #63d140; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_15"][data-sidebar-style="modern"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_15"][data-sidebar-style="modern"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before, - [data-sibebarbg="color_15"][data-sidebar-style="overlay"] .deznav .metismenu > li > a:before { - background: #fff; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_15"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a { - background: #4cb32b; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_15"][data-sidebar-style="overlay"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_15"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_15"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a { - background: #63d140; - color: #fff; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i, - [data-sibebarbg="color_15"][data-sidebar-style="icon-hover"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_15"][data-sidebar-style="icon-hover"] .deznav .metismenu > li:hover > a i { - color: #fff !important; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_15"][data-layout="horizontal"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li > ul, - [data-sibebarbg="color_15"][data-layout="horizontal"] .deznav .metismenu li > ul { - background: #63d140; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i, - [data-sibebarbg="color_15"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu > li.mm-active > a i { - color: #4cb32b !important; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, [data-sibebarbg="color_15"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a, - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a { - background: #63d140; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li > ul { - background: #63d140; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a, - [data-sibebarbg="color_15"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - background-color: #63d140; } - [data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul, - [data-sibebarbg="color_15"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - background: #63d140; } + .mr-xl-auto, + .mx-xl-auto { + margin-right: auto !important; + } -[data-headerbg="color_2"][data-theme-version="dark"], -[data-headerbg="color_2"] { - --headerbg: #6610f2; } - [data-headerbg="color_2"][data-theme-version="dark"] .hamburger .line, - [data-headerbg="color_2"] .hamburger .line { - background: #fff; } - [data-headerbg="color_2"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, - [data-headerbg="color_2"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: #fff; } - [data-headerbg="color_2"][data-theme-version="dark"] .header-left .dashboard_bar, - [data-headerbg="color_2"] .header-left .dashboard_bar { - color: #fff; } - [data-headerbg="color_2"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info, - [data-headerbg="color_2"] .header-right .header-profile > a.nav-link .header-info { - border: 0; } - [data-headerbg="color_2"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info .text-black, - [data-headerbg="color_2"] .header-right .header-profile > a.nav-link .header-info .text-black { - color: #fff !important; } - [data-headerbg="color_2"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info p, - [data-headerbg="color_2"] .header-right .header-profile > a.nav-link .header-info p { - color: rgba(255, 255, 255, 0.7); } - [data-headerbg="color_2"][data-theme-version="dark"] .search-area .form-control, - [data-headerbg="color_2"] .search-area .form-control { - background: #fff; } - [data-headerbg="color_2"][data-theme-version="dark"] .search-area .input-group-text, - [data-headerbg="color_2"] .search-area .input-group-text { - background: #fff; } + .mb-xl-auto, + .my-xl-auto { + margin-bottom: auto !important; + } -[data-headerbg="color_3"][data-theme-version="dark"], -[data-headerbg="color_3"] { - --headerbg: #40189D; } - [data-headerbg="color_3"][data-theme-version="dark"] .hamburger .line, - [data-headerbg="color_3"] .hamburger .line { - background: #fff; } - [data-headerbg="color_3"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, - [data-headerbg="color_3"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: #fff; } - [data-headerbg="color_3"][data-theme-version="dark"] .header-left .dashboard_bar, - [data-headerbg="color_3"] .header-left .dashboard_bar { - color: #fff; } - [data-headerbg="color_3"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info, - [data-headerbg="color_3"] .header-right .header-profile > a.nav-link .header-info { - border: 0; } - [data-headerbg="color_3"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info .text-black, - [data-headerbg="color_3"] .header-right .header-profile > a.nav-link .header-info .text-black { - color: #fff !important; } - [data-headerbg="color_3"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info p, - [data-headerbg="color_3"] .header-right .header-profile > a.nav-link .header-info p { - color: rgba(255, 255, 255, 0.7); } - [data-headerbg="color_3"][data-theme-version="dark"] .search-area .form-control, - [data-headerbg="color_3"] .search-area .form-control { - background: #fff; } - [data-headerbg="color_3"][data-theme-version="dark"] .search-area .input-group-text, - [data-headerbg="color_3"] .search-area .input-group-text { - background: #fff; } + .ml-xl-auto, + .mx-xl-auto { + margin-left: auto !important; + } +} -[data-headerbg="color_4"][data-theme-version="dark"], -[data-headerbg="color_4"] { - --headerbg: #4d06a5; } - [data-headerbg="color_4"][data-theme-version="dark"] .hamburger .line, - [data-headerbg="color_4"] .hamburger .line { - background: #fff; } - [data-headerbg="color_4"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, - [data-headerbg="color_4"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: #fff; } - [data-headerbg="color_4"][data-theme-version="dark"] .header-left .dashboard_bar, - [data-headerbg="color_4"] .header-left .dashboard_bar { - color: #fff; } - [data-headerbg="color_4"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info, - [data-headerbg="color_4"] .header-right .header-profile > a.nav-link .header-info { - border: 0; } - [data-headerbg="color_4"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info .text-black, - [data-headerbg="color_4"] .header-right .header-profile > a.nav-link .header-info .text-black { - color: #fff !important; } - [data-headerbg="color_4"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info p, - [data-headerbg="color_4"] .header-right .header-profile > a.nav-link .header-info p { - color: rgba(255, 255, 255, 0.7); } - [data-headerbg="color_4"][data-theme-version="dark"] .search-area .form-control, - [data-headerbg="color_4"] .search-area .form-control { - background: #fff; } - [data-headerbg="color_4"][data-theme-version="dark"] .search-area .input-group-text, - [data-headerbg="color_4"] .search-area .input-group-text { - background: #fff; } +@media (min-width: 1440) { + .m-xxl-0 { + margin: 0 !important; + } -[data-headerbg="color_5"][data-theme-version="dark"], -[data-headerbg="color_5"] { - --headerbg: #dc3545; } - [data-headerbg="color_5"][data-theme-version="dark"] .hamburger .line, - [data-headerbg="color_5"] .hamburger .line { - background: #fff; } - [data-headerbg="color_5"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, - [data-headerbg="color_5"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: #fff; } - [data-headerbg="color_5"][data-theme-version="dark"] .header-left .dashboard_bar, - [data-headerbg="color_5"] .header-left .dashboard_bar { - color: #fff; } - [data-headerbg="color_5"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info, - [data-headerbg="color_5"] .header-right .header-profile > a.nav-link .header-info { - border: 0; } - [data-headerbg="color_5"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info .text-black, - [data-headerbg="color_5"] .header-right .header-profile > a.nav-link .header-info .text-black { - color: #fff !important; } - [data-headerbg="color_5"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info p, - [data-headerbg="color_5"] .header-right .header-profile > a.nav-link .header-info p { - color: rgba(255, 255, 255, 0.7); } - [data-headerbg="color_5"][data-theme-version="dark"] .search-area .form-control, - [data-headerbg="color_5"] .search-area .form-control { - background: #fff; } - [data-headerbg="color_5"][data-theme-version="dark"] .search-area .input-group-text, - [data-headerbg="color_5"] .search-area .input-group-text { - background: #fff; } + .mt-xxl-0, + .my-xxl-0 { + margin-top: 0 !important; + } -[data-headerbg="color_6"][data-theme-version="dark"], -[data-headerbg="color_6"] { - --headerbg: #fd7e14; } - [data-headerbg="color_6"][data-theme-version="dark"] .hamburger .line, - [data-headerbg="color_6"] .hamburger .line { - background: #fff; } - [data-headerbg="color_6"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, - [data-headerbg="color_6"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: #fff; } - [data-headerbg="color_6"][data-theme-version="dark"] .header-left .dashboard_bar, - [data-headerbg="color_6"] .header-left .dashboard_bar { - color: #fff; } - [data-headerbg="color_6"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info, - [data-headerbg="color_6"] .header-right .header-profile > a.nav-link .header-info { - border: 0; } - [data-headerbg="color_6"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info .text-black, - [data-headerbg="color_6"] .header-right .header-profile > a.nav-link .header-info .text-black { - color: #fff !important; } - [data-headerbg="color_6"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info p, - [data-headerbg="color_6"] .header-right .header-profile > a.nav-link .header-info p { - color: rgba(255, 255, 255, 0.7); } - [data-headerbg="color_6"][data-theme-version="dark"] .search-area .form-control, - [data-headerbg="color_6"] .search-area .form-control { - background: #fff; } - [data-headerbg="color_6"][data-theme-version="dark"] .search-area .input-group-text, - [data-headerbg="color_6"] .search-area .input-group-text { - background: #fff; } + .mr-xxl-0, + .mx-xxl-0 { + margin-right: 0 !important; + } -[data-headerbg="color_7"][data-theme-version="dark"], -[data-headerbg="color_7"] { - --headerbg: #ffc107; } - [data-headerbg="color_7"][data-theme-version="dark"] .hamburger .line, - [data-headerbg="color_7"] .hamburger .line { - background: #fff; } - [data-headerbg="color_7"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, - [data-headerbg="color_7"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: #fff; } - [data-headerbg="color_7"][data-theme-version="dark"] .header-left .dashboard_bar, - [data-headerbg="color_7"] .header-left .dashboard_bar { - color: #fff; } - [data-headerbg="color_7"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info, - [data-headerbg="color_7"] .header-right .header-profile > a.nav-link .header-info { - border: 0; } - [data-headerbg="color_7"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info .text-black, - [data-headerbg="color_7"] .header-right .header-profile > a.nav-link .header-info .text-black { - color: #fff !important; } - [data-headerbg="color_7"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info p, - [data-headerbg="color_7"] .header-right .header-profile > a.nav-link .header-info p { - color: rgba(255, 255, 255, 0.7); } - [data-headerbg="color_7"][data-theme-version="dark"] .search-area .form-control, - [data-headerbg="color_7"] .search-area .form-control { - background: #fff; } - [data-headerbg="color_7"][data-theme-version="dark"] .search-area .input-group-text, - [data-headerbg="color_7"] .search-area .input-group-text { - background: #fff; } + .mb-xxl-0, + .my-xxl-0 { + margin-bottom: 0 !important; + } -[data-headerbg="color_8"][data-theme-version="dark"], -[data-headerbg="color_8"] { - --headerbg: #5bcfc5; } - [data-headerbg="color_8"][data-theme-version="dark"] .hamburger .line, - [data-headerbg="color_8"] .hamburger .line { - background: #fff; } - [data-headerbg="color_8"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, - [data-headerbg="color_8"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: #fff; } - [data-headerbg="color_8"][data-theme-version="dark"] .header-left .dashboard_bar, - [data-headerbg="color_8"] .header-left .dashboard_bar { - color: #fff; } - [data-headerbg="color_8"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info, - [data-headerbg="color_8"] .header-right .header-profile > a.nav-link .header-info { - border: 0; } - [data-headerbg="color_8"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info .text-black, - [data-headerbg="color_8"] .header-right .header-profile > a.nav-link .header-info .text-black { - color: #fff !important; } - [data-headerbg="color_8"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info p, - [data-headerbg="color_8"] .header-right .header-profile > a.nav-link .header-info p { - color: rgba(255, 255, 255, 0.7); } - [data-headerbg="color_8"][data-theme-version="dark"] .search-area .form-control, - [data-headerbg="color_8"] .search-area .form-control { - background: #fff; } - [data-headerbg="color_8"][data-theme-version="dark"] .search-area .input-group-text, - [data-headerbg="color_8"] .search-area .input-group-text { - background: #fff; } + .ml-xxl-0, + .mx-xxl-0 { + margin-left: 0 !important; + } -[data-headerbg="color_9"][data-theme-version="dark"], -[data-headerbg="color_9"] { - --headerbg: #20c997; } - [data-headerbg="color_9"][data-theme-version="dark"] .hamburger .line, - [data-headerbg="color_9"] .hamburger .line { - background: #fff; } - [data-headerbg="color_9"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, - [data-headerbg="color_9"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: #fff; } - [data-headerbg="color_9"][data-theme-version="dark"] .header-left .dashboard_bar, - [data-headerbg="color_9"] .header-left .dashboard_bar { - color: #fff; } - [data-headerbg="color_9"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info, - [data-headerbg="color_9"] .header-right .header-profile > a.nav-link .header-info { - border: 0; } - [data-headerbg="color_9"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info .text-black, - [data-headerbg="color_9"] .header-right .header-profile > a.nav-link .header-info .text-black { - color: #fff !important; } - [data-headerbg="color_9"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info p, - [data-headerbg="color_9"] .header-right .header-profile > a.nav-link .header-info p { - color: rgba(255, 255, 255, 0.7); } - [data-headerbg="color_9"][data-theme-version="dark"] .search-area .form-control, - [data-headerbg="color_9"] .search-area .form-control { - background: #fff; } - [data-headerbg="color_9"][data-theme-version="dark"] .search-area .input-group-text, - [data-headerbg="color_9"] .search-area .input-group-text { - background: #fff; } + .m-xxl-1 { + margin: 0.25rem !important; + } -[data-headerbg="color_10"][data-theme-version="dark"], -[data-headerbg="color_10"] { - --headerbg: #17a2b8; } - [data-headerbg="color_10"][data-theme-version="dark"] .hamburger .line, - [data-headerbg="color_10"] .hamburger .line { - background: #fff; } - [data-headerbg="color_10"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, - [data-headerbg="color_10"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: #fff; } - [data-headerbg="color_10"][data-theme-version="dark"] .header-left .dashboard_bar, - [data-headerbg="color_10"] .header-left .dashboard_bar { - color: #fff; } - [data-headerbg="color_10"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info, - [data-headerbg="color_10"] .header-right .header-profile > a.nav-link .header-info { - border: 0; } - [data-headerbg="color_10"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info .text-black, - [data-headerbg="color_10"] .header-right .header-profile > a.nav-link .header-info .text-black { - color: #fff !important; } - [data-headerbg="color_10"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info p, - [data-headerbg="color_10"] .header-right .header-profile > a.nav-link .header-info p { - color: rgba(255, 255, 255, 0.7); } - [data-headerbg="color_10"][data-theme-version="dark"] .search-area .form-control, - [data-headerbg="color_10"] .search-area .form-control { - background: #fff; } - [data-headerbg="color_10"][data-theme-version="dark"] .search-area .input-group-text, - [data-headerbg="color_10"] .search-area .input-group-text { - background: #fff; } + .mt-xxl-1, + .my-xxl-1 { + margin-top: 0.25rem !important; + } -[data-headerbg="color_11"][data-theme-version="dark"], -[data-headerbg="color_11"] { - --headerbg: #94618E; } - [data-headerbg="color_11"][data-theme-version="dark"] .hamburger .line, - [data-headerbg="color_11"] .hamburger .line { - background: #fff; } - [data-headerbg="color_11"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, - [data-headerbg="color_11"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: #fff; } - [data-headerbg="color_11"][data-theme-version="dark"] .header-left .dashboard_bar, - [data-headerbg="color_11"] .header-left .dashboard_bar { - color: #fff; } - [data-headerbg="color_11"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info, - [data-headerbg="color_11"] .header-right .header-profile > a.nav-link .header-info { - border: 0; } - [data-headerbg="color_11"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info .text-black, - [data-headerbg="color_11"] .header-right .header-profile > a.nav-link .header-info .text-black { - color: #fff !important; } - [data-headerbg="color_11"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info p, - [data-headerbg="color_11"] .header-right .header-profile > a.nav-link .header-info p { - color: rgba(255, 255, 255, 0.7); } - [data-headerbg="color_11"][data-theme-version="dark"] .search-area .form-control, - [data-headerbg="color_11"] .search-area .form-control { - background: #fff; } - [data-headerbg="color_11"][data-theme-version="dark"] .search-area .input-group-text, - [data-headerbg="color_11"] .search-area .input-group-text { - background: #fff; } + .mr-xxl-1, + .mx-xxl-1 { + margin-right: 0.25rem !important; + } -[data-headerbg="color_12"][data-theme-version="dark"], -[data-headerbg="color_12"] { - --headerbg: #343a40; } - [data-headerbg="color_12"][data-theme-version="dark"] .hamburger .line, - [data-headerbg="color_12"] .hamburger .line { - background: #fff; } - [data-headerbg="color_12"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, - [data-headerbg="color_12"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: #fff; } - [data-headerbg="color_12"][data-theme-version="dark"] .header-left .dashboard_bar, - [data-headerbg="color_12"] .header-left .dashboard_bar { - color: #fff; } - [data-headerbg="color_12"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info, - [data-headerbg="color_12"] .header-right .header-profile > a.nav-link .header-info { - border: 0; } - [data-headerbg="color_12"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info .text-black, - [data-headerbg="color_12"] .header-right .header-profile > a.nav-link .header-info .text-black { - color: #fff !important; } - [data-headerbg="color_12"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info p, - [data-headerbg="color_12"] .header-right .header-profile > a.nav-link .header-info p { - color: rgba(255, 255, 255, 0.7); } - [data-headerbg="color_12"][data-theme-version="dark"] .search-area .form-control, - [data-headerbg="color_12"] .search-area .form-control { - background: #fff; } - [data-headerbg="color_12"][data-theme-version="dark"] .search-area .input-group-text, - [data-headerbg="color_12"] .search-area .input-group-text { - background: #fff; } + .mb-xxl-1, + .my-xxl-1 { + margin-bottom: 0.25rem !important; + } -[data-headerbg="color_13"][data-theme-version="dark"], -[data-headerbg="color_13"] { - --headerbg: #2a2a2a; } - [data-headerbg="color_13"][data-theme-version="dark"] .hamburger .line, - [data-headerbg="color_13"] .hamburger .line { - background: #fff; } - [data-headerbg="color_13"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, - [data-headerbg="color_13"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: #fff; } - [data-headerbg="color_13"][data-theme-version="dark"] .header-left .dashboard_bar, - [data-headerbg="color_13"] .header-left .dashboard_bar { - color: #fff; } - [data-headerbg="color_13"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info, - [data-headerbg="color_13"] .header-right .header-profile > a.nav-link .header-info { - border: 0; } - [data-headerbg="color_13"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info .text-black, - [data-headerbg="color_13"] .header-right .header-profile > a.nav-link .header-info .text-black { - color: #fff !important; } - [data-headerbg="color_13"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info p, - [data-headerbg="color_13"] .header-right .header-profile > a.nav-link .header-info p { - color: rgba(255, 255, 255, 0.7); } - [data-headerbg="color_13"][data-theme-version="dark"] .search-area .form-control, - [data-headerbg="color_13"] .search-area .form-control { - background: #fff; } - [data-headerbg="color_13"][data-theme-version="dark"] .search-area .input-group-text, - [data-headerbg="color_13"] .search-area .input-group-text { - background: #fff; } + .ml-xxl-1, + .mx-xxl-1 { + margin-left: 0.25rem !important; + } -[data-headerbg="color_14"][data-theme-version="dark"], -[data-headerbg="color_14"] { - --headerbg: #4885ed; } - [data-headerbg="color_14"][data-theme-version="dark"] .hamburger .line, - [data-headerbg="color_14"] .hamburger .line { - background: #fff; } - [data-headerbg="color_14"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, - [data-headerbg="color_14"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: #fff; } - [data-headerbg="color_14"][data-theme-version="dark"] .header-left .dashboard_bar, - [data-headerbg="color_14"] .header-left .dashboard_bar { - color: #fff; } - [data-headerbg="color_14"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info, - [data-headerbg="color_14"] .header-right .header-profile > a.nav-link .header-info { - border: 0; } - [data-headerbg="color_14"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info .text-black, - [data-headerbg="color_14"] .header-right .header-profile > a.nav-link .header-info .text-black { - color: #fff !important; } - [data-headerbg="color_14"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info p, - [data-headerbg="color_14"] .header-right .header-profile > a.nav-link .header-info p { - color: rgba(255, 255, 255, 0.7); } - [data-headerbg="color_14"][data-theme-version="dark"] .search-area .form-control, - [data-headerbg="color_14"] .search-area .form-control { - background: #fff; } - [data-headerbg="color_14"][data-theme-version="dark"] .search-area .input-group-text, - [data-headerbg="color_14"] .search-area .input-group-text { - background: #fff; } + .m-xxl-2 { + margin: 0.5rem !important; + } -[data-headerbg="color_15"][data-theme-version="dark"], -[data-headerbg="color_15"] { - --headerbg: #4cb32b; } - [data-headerbg="color_15"][data-theme-version="dark"] .hamburger .line, - [data-headerbg="color_15"] .hamburger .line { - background: #fff; } - [data-headerbg="color_15"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, - [data-headerbg="color_15"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: #fff; } - [data-headerbg="color_15"][data-theme-version="dark"] .header-left .dashboard_bar, - [data-headerbg="color_15"] .header-left .dashboard_bar { - color: #fff; } - [data-headerbg="color_15"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info, - [data-headerbg="color_15"] .header-right .header-profile > a.nav-link .header-info { - border: 0; } - [data-headerbg="color_15"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info .text-black, - [data-headerbg="color_15"] .header-right .header-profile > a.nav-link .header-info .text-black { - color: #fff !important; } - [data-headerbg="color_15"][data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info p, - [data-headerbg="color_15"] .header-right .header-profile > a.nav-link .header-info p { - color: rgba(255, 255, 255, 0.7); } - [data-headerbg="color_15"][data-theme-version="dark"] .search-area .form-control, - [data-headerbg="color_15"] .search-area .form-control { - background: #fff; } - [data-headerbg="color_15"][data-theme-version="dark"] .search-area .input-group-text, - [data-headerbg="color_15"] .search-area .input-group-text { - background: #fff; } + .mt-xxl-2, + .my-xxl-2 { + margin-top: 0.5rem !important; + } -@media (min-width: 992px) { - [data-container="boxed"] #main-wrapper { - max-width: 1199px; - margin: 0 auto; } - [direction="rtl"][data-container="boxed"] #main-wrapper { - text-align: right; } } -@media only screen and (min-width: 1350px) { - [data-layout="vertical"][data-sidebar-style="overlay"][data-container="boxed"][data-header-position="fixed"] .header { - width: 1199px; } } -@media only screen and (min-width: 1200px) and (max-width: 1349px) { - [data-layout="vertical"][data-sidebar-style="overlay"][data-container="boxed"][data-header-position="fixed"] .header { - width: 1199px; } } -[data-header-position="fixed"][data-layout="horizontal"][data-container="boxed"] .deznav { - max-width: 1199px; } + .mr-xxl-2, + .mx-xxl-2 { + margin-right: 0.5rem !important; + } -[data-layout="horizontal"][data-container="boxed"][data-header-position="fixed"] .header { - width: 1199px; } + .mb-xxl-2, + .my-xxl-2 { + margin-bottom: 0.5rem !important; + } -[data-layout="horizontal"][data-container="boxed"][data-header-position="fixed"][data-sidebar-style="mini"] .header { - width: 1199px; } + .ml-xxl-2, + .mx-xxl-2 { + margin-left: 0.5rem !important; + } -[data-container="boxed"] .metismenu.fixed { - left: auto; - max-width: 1199px; } -[data-container="boxed"] .page-titles { - margin-bottom: 3rem; - padding: 15px 15px; } -[data-container="boxed"] .content-body .container-fluid, [data-container="boxed"] .content-body .container-sm, [data-container="boxed"] .content-body .container-md, [data-container="boxed"] .content-body .container-lg, [data-container="boxed"] .content-body .container-xl { - padding: 0.9375rem 0.9375rem 0 0.9375rem; } + .m-xxl-3 { + margin: 1rem !important; + } -[data-container="boxed"][data-layout="vertical"] .page-titles { - margin-left: 0; - margin-right: 0; } + .mt-xxl-3, + .my-xxl-3 { + margin-top: 1rem !important; + } -[data-layout="vertical"][data-container="boxed"][data-sidebar-position="fixed"][data-header-position="static"][data-sidebar-style="overlay"] .nav-header { - position: absolute; } -[data-layout="vertical"][data-container="boxed"][data-sidebar-position="fixed"][data-header-position="static"][data-sidebar-style="overlay"] .menu-toggle .deznav { - position: absolute; } + .mr-xxl-3, + .mx-xxl-3 { + margin-right: 1rem !important; + } -[data-container="boxed"][data-sidebar-position="fixed"][data-layout="horizontal"] .deznav.fixed { - left: auto; - max-width: 1199px; } + .mb-xxl-3, + .my-xxl-3 { + margin-bottom: 1rem !important; + } -@media (min-width: 992px) { - [data-container="wide-boxed"] #main-wrapper { - max-width: 1480px; - margin: 0 auto; } } + .ml-xxl-3, + .mx-xxl-3 { + margin-left: 1rem !important; + } -@media (min-width: 992px) { - [data-container="wide-boxed"][data-sidebar-style="full"] .header { - width: 100%; } - [data-container="wide-boxed"][data-sidebar-style="full"] .menu-toggle .header { - width: 100%; } - [data-header-position="fixed"][data-container="wide-boxed"][data-sidebar-style="full"] .header { - max-width: 1480px; } - [data-header-position="fixed"][data-container="wide-boxed"][data-sidebar-style="full"] .menu-toggle .header { - max-width: 1480px; } } + .m-xxl-4 { + margin: 1.5rem !important; + } -@media (min-width: 992px) { - [data-container="wide-boxed"][data-sidebar-style="mini"] .header { - width: 100%; } - [data-header-position="fixed"][data-container="wide-boxed"][data-sidebar-style="mini"] .header { - max-width: 1480px; } - [data-header-position="fixed"][data-layout="horizontal"][data-container="wide-boxed"][data-sidebar-style="mini"] .header { - max-width: 1480px; } } + .mt-xxl-4, + .my-xxl-4 { + margin-top: 1.5rem !important; + } -@media (min-width: 992px) { - [data-container="wide-boxed"][data-sidebar-style="compact"] .header { - width: 100%; } - [data-header-position="fixed"][data-container="wide-boxed"][data-sidebar-style="compact"] .header { - max-width: 1480px; } } + .mr-xxl-4, + .mx-xxl-4 { + margin-right: 1.5rem !important; + } -@media (min-width: 992px) { - [data-container="wide-boxed"][data-sidebar-style="overlay"] .header { - width: 100%; } - [data-header-position="fixed"][data-container="wide-boxed"][data-sidebar-style="overlay"] .header { - max-width: 1480px; } } + .mb-xxl-4, + .my-xxl-4 { + margin-bottom: 1.5rem !important; + } -[data-layout="horizontal"][data-container="wide-boxed"] .header { - width: 100%; } -[data-sidebar-style="full"][data-header-position="fixed"][data-layout="horizontal"][data-container="wide-boxed"] .header { - max-width: 1480px; } -[data-sidebar-style="mini"][data-layout="horizontal"][data-container="wide-boxed"] .header { - width: 100%; } + .ml-xxl-4, + .mx-xxl-4 { + margin-left: 1.5rem !important; + } -[data-layout="horizontal"][data-container="wide-boxed"][data-sidebar-position="fixed"] .deznav.fixed { - max-width: 1480px; - transition: none; } -[data-layout="horizontal"][data-container="wide-boxed"][data-sidebar-position="fixed"][direction="rtl"] .deznav.fixed { - right: 5%; } + .m-xxl-5 { + margin: 3rem !important; + } -[data-layout="horizontal"][data-container="wide-boxed"][data-sidebar-position="fixed"][data-header-position="fixed"] .deznav { - max-width: 1480px; - left: 5%; } -[data-layout="horizontal"][data-container="wide-boxed"][data-sidebar-position="fixed"][data-header-position="fixed"][direction="rtl"] .deznav { - right: 5%; } + .mt-xxl-5, + .my-xxl-5 { + margin-top: 3rem !important; + } -[data-primary="color_2"] { - --primary: #6610f2; - --secondary: #8BC740; - --primary-hover: #510bc4; - --primary-dark: #290564; - --rgba-primary-1: rgba(102, 16, 242, 0.1); - --rgba-primary-2: rgba(102, 16, 242, 0.2); - --rgba-primary-3: rgba(102, 16, 242, 0.3); - --rgba-primary-4: rgba(102, 16, 242, 0.4); - --rgba-primary-5: rgba(102, 16, 242, 0.5); - --rgba-primary-6: rgba(102, 16, 242, 0.6); - --rgba-primary-7: rgba(102, 16, 242, 0.7); - --rgba-primary-8: rgba(102, 16, 242, 0.8); - --rgba-primary-9: rgba(102, 16, 242, 0.9); } + .mr-xxl-5, + .mx-xxl-5 { + margin-right: 3rem !important; + } -[data-primary="color_3"] { - --primary: #40189D; - --secondary: #8BC740; - --primary-hover: #2e1171; - --primary-dark: #0a0418; - --rgba-primary-1: rgba(64, 24, 157, 0.1); - --rgba-primary-2: rgba(64, 24, 157, 0.2); - --rgba-primary-3: rgba(64, 24, 157, 0.3); - --rgba-primary-4: rgba(64, 24, 157, 0.4); - --rgba-primary-5: rgba(64, 24, 157, 0.5); - --rgba-primary-6: rgba(64, 24, 157, 0.6); - --rgba-primary-7: rgba(64, 24, 157, 0.7); - --rgba-primary-8: rgba(64, 24, 157, 0.8); - --rgba-primary-9: rgba(64, 24, 157, 0.9); } + .mb-xxl-5, + .my-xxl-5 { + margin-bottom: 3rem !important; + } -[data-primary="color_4"] { - --primary: #4d06a5; - --secondary: #8BC740; - --primary-hover: #360474; - --primary-dark: #080111; - --rgba-primary-1: rgba(77, 6, 165, 0.1); - --rgba-primary-2: rgba(77, 6, 165, 0.2); - --rgba-primary-3: rgba(77, 6, 165, 0.3); - --rgba-primary-4: rgba(77, 6, 165, 0.4); - --rgba-primary-5: rgba(77, 6, 165, 0.5); - --rgba-primary-6: rgba(77, 6, 165, 0.6); - --rgba-primary-7: rgba(77, 6, 165, 0.7); - --rgba-primary-8: rgba(77, 6, 165, 0.8); - --rgba-primary-9: rgba(77, 6, 165, 0.9); } + .ml-xxl-5, + .mx-xxl-5 { + margin-left: 3rem !important; + } -[data-primary="color_5"] { - --primary: #dc3545; - --secondary: #8BC740; - --primary-hover: #bd2130; - --primary-dark: #66121a; - --rgba-primary-1: rgba(220, 53, 69, 0.1); - --rgba-primary-2: rgba(220, 53, 69, 0.2); - --rgba-primary-3: rgba(220, 53, 69, 0.3); - --rgba-primary-4: rgba(220, 53, 69, 0.4); - --rgba-primary-5: rgba(220, 53, 69, 0.5); - --rgba-primary-6: rgba(220, 53, 69, 0.6); - --rgba-primary-7: rgba(220, 53, 69, 0.7); - --rgba-primary-8: rgba(220, 53, 69, 0.8); - --rgba-primary-9: rgba(220, 53, 69, 0.9); } + .p-xxl-0 { + padding: 0 !important; + } -[data-primary="color_6"] { - --primary: #fd7e14; - --secondary: #8BC740; - --primary-hover: #dc6502; - --primary-dark: #773701; - --rgba-primary-1: rgba(253, 126, 20, 0.1); - --rgba-primary-2: rgba(253, 126, 20, 0.2); - --rgba-primary-3: rgba(253, 126, 20, 0.3); - --rgba-primary-4: rgba(253, 126, 20, 0.4); - --rgba-primary-5: rgba(253, 126, 20, 0.5); - --rgba-primary-6: rgba(253, 126, 20, 0.6); - --rgba-primary-7: rgba(253, 126, 20, 0.7); - --rgba-primary-8: rgba(253, 126, 20, 0.8); - --rgba-primary-9: rgba(253, 126, 20, 0.9); } + .pt-xxl-0, + .py-xxl-0 { + padding-top: 0 !important; + } -[data-primary="color_7"] { - --primary: #ffc107; - --secondary: #8BC740; - --primary-hover: #d39e00; - --primary-dark: #6d5200; - --rgba-primary-1: rgba(255, 193, 7, 0.1); - --rgba-primary-2: rgba(255, 193, 7, 0.2); - --rgba-primary-3: rgba(255, 193, 7, 0.3); - --rgba-primary-4: rgba(255, 193, 7, 0.4); - --rgba-primary-5: rgba(255, 193, 7, 0.5); - --rgba-primary-6: rgba(255, 193, 7, 0.6); - --rgba-primary-7: rgba(255, 193, 7, 0.7); - --rgba-primary-8: rgba(255, 193, 7, 0.8); - --rgba-primary-9: rgba(255, 193, 7, 0.9); } + .pr-xxl-0, + .px-xxl-0 { + padding-right: 0 !important; + } -[data-primary="color_8"] { - --primary: #5bcfc5; - --secondary: #8BC740; - --primary-hover: #38bfb3; - --primary-dark: #217069; - --rgba-primary-1: rgba(91, 207, 197, 0.1); - --rgba-primary-2: rgba(91, 207, 197, 0.2); - --rgba-primary-3: rgba(91, 207, 197, 0.3); - --rgba-primary-4: rgba(91, 207, 197, 0.4); - --rgba-primary-5: rgba(91, 207, 197, 0.5); - --rgba-primary-6: rgba(91, 207, 197, 0.6); - --rgba-primary-7: rgba(91, 207, 197, 0.7); - --rgba-primary-8: rgba(91, 207, 197, 0.8); - --rgba-primary-9: rgba(91, 207, 197, 0.9); } + .pb-xxl-0, + .py-xxl-0 { + padding-bottom: 0 !important; + } -[data-primary="color_9"] { - --primary: #20c997; - --secondary: #8BC740; - --primary-hover: #199d76; - --primary-dark: #0b4534; - --rgba-primary-1: rgba(32, 201, 151, 0.1); - --rgba-primary-2: rgba(32, 201, 151, 0.2); - --rgba-primary-3: rgba(32, 201, 151, 0.3); - --rgba-primary-4: rgba(32, 201, 151, 0.4); - --rgba-primary-5: rgba(32, 201, 151, 0.5); - --rgba-primary-6: rgba(32, 201, 151, 0.6); - --rgba-primary-7: rgba(32, 201, 151, 0.7); - --rgba-primary-8: rgba(32, 201, 151, 0.8); - --rgba-primary-9: rgba(32, 201, 151, 0.9); } + .pl-xxl-0, + .px-xxl-0 { + padding-left: 0 !important; + } -[data-primary="color_10"] { - --primary: #17a2b8; - --secondary: #8BC740; - --primary-hover: #117a8b; - --primary-dark: #062a30; - --rgba-primary-1: rgba(23, 162, 184, 0.1); - --rgba-primary-2: rgba(23, 162, 184, 0.2); - --rgba-primary-3: rgba(23, 162, 184, 0.3); - --rgba-primary-4: rgba(23, 162, 184, 0.4); - --rgba-primary-5: rgba(23, 162, 184, 0.5); - --rgba-primary-6: rgba(23, 162, 184, 0.6); - --rgba-primary-7: rgba(23, 162, 184, 0.7); - --rgba-primary-8: rgba(23, 162, 184, 0.8); - --rgba-primary-9: rgba(23, 162, 184, 0.9); } + .p-xxl-1 { + padding: 0.25rem !important; + } -[data-primary="color_11"] { - --primary: #94618E; - --secondary: #8BC740; - --primary-hover: #754d70; - --primary-dark: #382435; - --rgba-primary-1: rgba(148, 97, 142, 0.1); - --rgba-primary-2: rgba(148, 97, 142, 0.2); - --rgba-primary-3: rgba(148, 97, 142, 0.3); - --rgba-primary-4: rgba(148, 97, 142, 0.4); - --rgba-primary-5: rgba(148, 97, 142, 0.5); - --rgba-primary-6: rgba(148, 97, 142, 0.6); - --rgba-primary-7: rgba(148, 97, 142, 0.7); - --rgba-primary-8: rgba(148, 97, 142, 0.8); - --rgba-primary-9: rgba(148, 97, 142, 0.9); } + .pt-xxl-1, + .py-xxl-1 { + padding-top: 0.25rem !important; + } -[data-primary="color_12"] { - --primary: #343a40; - --secondary: #8BC740; - --primary-hover: #1d2124; - --primary-dark: black; - --rgba-primary-1: rgba(52, 58, 64, 0.1); - --rgba-primary-2: rgba(52, 58, 64, 0.2); - --rgba-primary-3: rgba(52, 58, 64, 0.3); - --rgba-primary-4: rgba(52, 58, 64, 0.4); - --rgba-primary-5: rgba(52, 58, 64, 0.5); - --rgba-primary-6: rgba(52, 58, 64, 0.6); - --rgba-primary-7: rgba(52, 58, 64, 0.7); - --rgba-primary-8: rgba(52, 58, 64, 0.8); - --rgba-primary-9: rgba(52, 58, 64, 0.9); } + .pr-xxl-1, + .px-xxl-1 { + padding-right: 0.25rem !important; + } -[data-primary="color_13"] { - --primary: #2a2a2a; - --secondary: #8BC740; - --primary-hover: #111111; - --primary-dark: black; - --rgba-primary-1: rgba(42, 42, 42, 0.1); - --rgba-primary-2: rgba(42, 42, 42, 0.2); - --rgba-primary-3: rgba(42, 42, 42, 0.3); - --rgba-primary-4: rgba(42, 42, 42, 0.4); - --rgba-primary-5: rgba(42, 42, 42, 0.5); - --rgba-primary-6: rgba(42, 42, 42, 0.6); - --rgba-primary-7: rgba(42, 42, 42, 0.7); - --rgba-primary-8: rgba(42, 42, 42, 0.8); - --rgba-primary-9: rgba(42, 42, 42, 0.9); } + .pb-xxl-1, + .py-xxl-1 { + padding-bottom: 0.25rem !important; + } -[data-primary="color_14"] { - --primary: #4885ed; - --secondary: #8BC740; - --primary-hover: #1a66e8; - --primary-dark: #0e3d8e; - --rgba-primary-1: rgba(72, 133, 237, 0.1); - --rgba-primary-2: rgba(72, 133, 237, 0.2); - --rgba-primary-3: rgba(72, 133, 237, 0.3); - --rgba-primary-4: rgba(72, 133, 237, 0.4); - --rgba-primary-5: rgba(72, 133, 237, 0.5); - --rgba-primary-6: rgba(72, 133, 237, 0.6); - --rgba-primary-7: rgba(72, 133, 237, 0.7); - --rgba-primary-8: rgba(72, 133, 237, 0.8); - --rgba-primary-9: rgba(72, 133, 237, 0.9); } + .pl-xxl-1, + .px-xxl-1 { + padding-left: 0.25rem !important; + } -[data-primary="color_15"] { - --primary: #4cb32b; - --secondary: #8BC740; - --primary-hover: #3b8a21; - --primary-dark: #18380d; - --rgba-primary-1: rgba(76, 179, 43, 0.1); - --rgba-primary-2: rgba(76, 179, 43, 0.2); - --rgba-primary-3: rgba(76, 179, 43, 0.3); - --rgba-primary-4: rgba(76, 179, 43, 0.4); - --rgba-primary-5: rgba(76, 179, 43, 0.5); - --rgba-primary-6: rgba(76, 179, 43, 0.6); - --rgba-primary-7: rgba(76, 179, 43, 0.7); - --rgba-primary-8: rgba(76, 179, 43, 0.8); - --rgba-primary-9: rgba(76, 179, 43, 0.9); } + .p-xxl-2 { + padding: 0.5rem !important; + } -[data-typography="opensans"] { - font-family: 'Open Sans', sans-serif; } + .pt-xxl-2, + .py-xxl-2 { + padding-top: 0.5rem !important; + } -[data-typography="poppins"] { - font-family: 'poppins', sans-serif; } + .pr-xxl-2, + .px-xxl-2 { + padding-right: 0.5rem !important; + } -[data-typography="roboto"] { - font-family: 'Roboto', sans-serif; } + .pb-xxl-2, + .py-xxl-2 { + padding-bottom: 0.5rem !important; + } -[data-typography="helvetica"] { - font-family: 'HelveticaNeue'; } + .pl-xxl-2, + .px-xxl-2 { + padding-left: 0.5rem !important; + } -/*$primary : #7356f1 !default;*/ -:root { - --primary: #40189D; - --secondary: #8BC740; - --primary-hover: #2e1171; - --primary-dark: #0a0418; - --rgba-primary-1: rgba(64, 24, 157, 0.1); - --rgba-primary-2: rgba(64, 24, 157, 0.2); - --rgba-primary-3: rgba(64, 24, 157, 0.3); - --rgba-primary-4: rgba(64, 24, 157, 0.4); - --rgba-primary-5: rgba(64, 24, 157, 0.5); - --rgba-primary-6: rgba(64, 24, 157, 0.6); - --rgba-primary-7: rgba(64, 24, 157, 0.7); - --rgba-primary-8: rgba(64, 24, 157, 0.8); - --rgba-primary-9: rgba(64, 24, 157, 0.9); - --font-family-base: Roboto, sans-serif; - --font-family-title: Roboto, sans-serif; } + .p-xxl-3 { + padding: 1rem !important; + } -[data-theme-version="transparent"] { - background-repeat: no-repeat; - background-attachment: fixed; - background-size: cover; - background-position: center; - position: relative; - color: #fff; } - [data-theme-version="transparent"] h1, - [data-theme-version="transparent"] h2, - [data-theme-version="transparent"] h3, - [data-theme-version="transparent"] h4, - [data-theme-version="transparent"] h5, - [data-theme-version="transparent"] h6 { - color: #fff !important; } - [data-theme-version="transparent"] a.link { - color: #ddd; } - [data-theme-version="transparent"] a.link:focus, - [data-theme-version="transparent"] a.link:hover { - color: #48A9F8; } - [data-theme-version="transparent"] a { - color: #fff; } - [data-theme-version="transparent"] a:hover { - color: #828690; } - [data-theme-version="transparent"] .border-right { - border-right: 1px solid #333a54 !important; } - [data-theme-version="transparent"] .border-left { - border-left: 1px solid #333a54 !important; } - [data-theme-version="transparent"] .border-top { - border-top: 1px solid #333a54 !important; } - [data-theme-version="transparent"] .border-bottom { - border-bottom: 1px solid #333a54 !important; } - [data-theme-version="transparent"] .border { - border: 1px solid #333a54 !important; } + .pt-xxl-3, + .py-xxl-3 { + padding-top: 1rem !important; + } -[data-theme-version="transparent"] .dropdown-menu { - background-color: #28253b; } -[data-theme-version="transparent"] .dropdown-item:hover, [data-theme-version="transparent"] .dropdown-item:focus { - background-color: #251e35; - color: #fff; } -[data-theme-version="transparent"] .form-control { - background-color: #251e35; - border-color: #333a54; - color: #fff; } -[data-theme-version="transparent"] .card { - background-color: rgba(0, 0, 0, 0.15); } + .pr-xxl-3, + .px-xxl-3 { + padding-right: 1rem !important; + } -[data-theme-version="transparent"] .header { - background-color: rgba(0, 0, 0, 0.15); } -[data-theme-version="transparent"] .header-left input { - border-color: #333a54; - color: #fff; } - [data-theme-version="transparent"] .header-left input:focus { - box-shadow: none; - border-color: var(--primary); } - [data-theme-version="transparent"] .header-left input::placeholder { - color: #fff; } -[data-theme-version="transparent"] .header-right .dropdown .nav-link:hover { - color: #fff; } -[data-theme-version="transparent"] .header-right .notification_dropdown .dropdown-item a { - color: #fff; } + .pb-xxl-3, + .py-xxl-3 { + padding-bottom: 1rem !important; + } -[data-theme-version="transparent"] .nav-header, -[data-theme-version="transparent"] .nav-control { - background-color: rgba(0, 0, 0, 0.15) !important; } -[data-theme-version="transparent"] .nav-control { - color: #fff; } -[data-theme-version="transparent"] .brand-logo { - color: #fff; } - [data-theme-version="transparent"] .brand-logo:hover { - color: #fff; } + .pl-xxl-3, + .px-xxl-3 { + padding-left: 1rem !important; + } -[data-theme-version="transparent"] .nav-header, -[data-theme-version="transparent"] .nav-control { - background-color: rgba(0, 0, 0, 0.15) !important; } -[data-theme-version="transparent"] .nav-control { - color: #fff; } -[data-theme-version="transparent"] .brand-logo { - color: #fff; } - [data-theme-version="transparent"] .brand-logo:hover { - color: #fff; } + .p-xxl-4 { + padding: 1.5rem !important; + } -[data-theme-version="transparent"] .deznav { - background-color: rgba(0, 0, 0, 0.15) !important; } - [data-theme-version="transparent"] .deznav .metismenu > li > a { - color: rgba(0, 0, 0, 0.15); } - [data-theme-version="transparent"] .deznav .metismenu > li:hover > a, [data-theme-version="transparent"] .deznav .metismenu > li:focus > a, [data-theme-version="transparent"] .deznav .metismenu > li.mm-active > a { - background-color: rgba(0, 0, 0, 0.15) !important; - color: #fff; } - [data-theme-version="transparent"] .deznav .metismenu > li:hover > a::after, [data-theme-version="transparent"] .deznav .metismenu > li:focus > a::after, [data-theme-version="transparent"] .deznav .metismenu > li.mm-active > a::after { - border-color: transparent transparent #fff transparent; } - [data-theme-version="transparent"] .deznav .metismenu > li.mm-active ul ul { - background-color: transparent; } - [data-theme-version="transparent"] .deznav .metismenu ul { - background-color: rgba(0, 0, 0, 0.15); } - [data-theme-version="transparent"] .deznav .metismenu ul a:hover, [data-theme-version="transparent"] .deznav .metismenu ul a:focus, [data-theme-version="transparent"] .deznav .metismenu ul a.mm-active { - color: #fff; } - [data-theme-version="transparent"] .deznav .metismenu a { - color: rgba(0, 0, 0, 0.15); } - [data-theme-version="transparent"] .deznav .metismenu ul { - background-color: rgba(0, 0, 0, 0.15) !important; } - [data-theme-version="transparent"] .deznav .metismenu .has-arrow:after { - border-color: transparent transparent rgba(0, 0, 0, 0.15) transparent; } + .pt-xxl-4, + .py-xxl-4 { + padding-top: 1.5rem !important; + } -/*$primary : #7356f1 !default;*/ -:root { - --primary: #40189D; - --secondary: #8BC740; - --primary-hover: #2e1171; - --primary-dark: #0a0418; - --rgba-primary-1: rgba(64, 24, 157, 0.1); - --rgba-primary-2: rgba(64, 24, 157, 0.2); - --rgba-primary-3: rgba(64, 24, 157, 0.3); - --rgba-primary-4: rgba(64, 24, 157, 0.4); - --rgba-primary-5: rgba(64, 24, 157, 0.5); - --rgba-primary-6: rgba(64, 24, 157, 0.6); - --rgba-primary-7: rgba(64, 24, 157, 0.7); - --rgba-primary-8: rgba(64, 24, 157, 0.8); - --rgba-primary-9: rgba(64, 24, 157, 0.9); - --font-family-base: Roboto, sans-serif; - --font-family-title: Roboto, sans-serif; } + .pr-xxl-4, + .px-xxl-4 { + padding-right: 1.5rem !important; + } -[data-theme-version="dark"] { - --nav-headbg: #28253b; - --sidebar-bg: #28253b; - --headerbg: #251e35; - background: #251e35; - color: #828690; } - [data-theme-version="dark"] h1, - [data-theme-version="dark"] h2, - [data-theme-version="dark"] h3, - [data-theme-version="dark"] h4, - [data-theme-version="dark"] h5, - [data-theme-version="dark"] h6 { - color: #fff !important; } - [data-theme-version="dark"] a.link { - color: #ddd; } - [data-theme-version="dark"] a.link:focus, - [data-theme-version="dark"] a.link:hover { - color: #48A9F8; } - [data-theme-version="dark"] a:hover { - color: #fff; } - [data-theme-version="dark"] .border-right { - border-right: 1px solid #333a54 !important; } - [data-theme-version="dark"] .border-left { - border-left: 1px solid #333a54 !important; } - [data-theme-version="dark"] .border-top { - border-top: 1px solid #333a54 !important; } - [data-theme-version="dark"] .border-bottom { - border-bottom: 1px solid #333a54 !important; } - [data-theme-version="dark"] .border { - border: 1px solid #333a54 !important; } + .pb-xxl-4, + .py-xxl-4 { + padding-bottom: 1.5rem !important; + } -[data-theme-version="dark"] .card { - background-color: #28253b; - box-shadow: none; } -[data-theme-version="dark"] .dropdown-menu { - background-color: #28253b; - box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1); } - [data-theme-version="dark"] .dropdown-menu .dropdown-item { - color: #777777; } - [data-theme-version="dark"] .dropdown-menu .dropdown-item.selected, [data-theme-version="dark"] .dropdown-menu .dropdown-item.selected.active, [data-theme-version="dark"] .dropdown-menu .dropdown-item.active, [data-theme-version="dark"] .dropdown-menu .dropdown-item:hover, [data-theme-version="dark"] .dropdown-menu .dropdown-item:focus { - background-color: #28253b; - color: #fff; } -[data-theme-version="dark"] a { - color: #fff; } -[data-theme-version="dark"] .text-primary { - color: #fff !important; } -[data-theme-version="dark"] .btn-link g [fill] { - fill: #fff; } -[data-theme-version="dark"] .btn-light:active, -[data-theme-version="dark"] .btn-light:focus, -[data-theme-version="dark"] .btn-light:hover { - color: #000; } -[data-theme-version="dark"] .form-control { - background-color: #28253b; - border-color: #333a54; - color: #fff; } -[data-theme-version="dark"] .modal-content { - background: #28253b; } -[data-theme-version="dark"] .modal-footer, -[data-theme-version="dark"] .modal-header { - border-color: #333a54; } -[data-theme-version="dark"] .close { - font-weight: 400; - color: #fff; - text-shadow: none; } - [data-theme-version="dark"] .close:hover { - color: #fff; } -[data-theme-version="dark"] .star-rating .product-review, -[data-theme-version="dark"] .new-arrival-content .item { - color: #fff; } -[data-theme-version="dark"] .custom-dropdown .dropdown-menu { - border-color: #333a54; } -[data-theme-version="dark"] .widget-stat .media > span { - background: rgba(255, 255, 255, 0.15); - border-color: #333a54; - color: #fff; } -[data-theme-version="dark"] .plus-minus-input .custom-btn { - background: #251e35; - border-color: #333a54; } -[data-theme-version="dark"] .dropdown-divider, -[data-theme-version="dark"] .size-filter ul li { - border-color: #333a54; } -[data-theme-version="dark"] .custom-select { - border-color: #333a54; - color: #828690; - background: #251e35; } -[data-theme-version="dark"] .nav-tabs { - border-color: #333a54; } -[data-theme-version="dark"] .mail-list .list-group-item.active i { - color: #fff; } -[data-theme-version="dark"] hr { - border-color: #333a54; } -[data-theme-version="dark"] .grid-col { - background: #251e35; } -[data-theme-version="dark"] .noUi-target { - border-color: #333a54; - border-radius: 8px; - box-shadow: none; } - [data-theme-version="dark"] .noUi-target .noUi-connects { - background: #333a54; } -[data-theme-version="dark"] .noUi-marker-large, -[data-theme-version="dark"] .noUi-marker { - background: #333a54; } -[data-theme-version="dark"] .input-group-text { - background: #28253b; - color: #7e7e7e; - border-color: #333a54; } -[data-theme-version="dark"] .note-editor.note-frame { - border-color: #333a54; } - [data-theme-version="dark"] .note-editor.note-frame .btn { - color: #fff; } - [data-theme-version="dark"] .note-editor.note-frame .note-editing-area .note-editable { - color: #fff; } -[data-theme-version="dark"] .widget-media .timeline .timeline-panel { - border-color: #333a54; } -[data-theme-version="dark"] .notification_dropdown .dropdown-menu-right .all-notification { - border-color: #333a54; } -[data-theme-version="dark"] #user-activity .nav-tabs .nav-link { - border-color: #333a54; } - [data-theme-version="dark"] #user-activity .nav-tabs .nav-link.active { - background: #251e35; - color: #fff; } -[data-theme-version="dark"] .list-group-item-action { - color: #7e7e7e; } -[data-theme-version="dark"] .list-group-item-action:focus, -[data-theme-version="dark"] .list-group-item-action:hover, -[data-theme-version="dark"] .list-group-item-action:focus { - background-color: #251e35; - border-color: #251e35; } -[data-theme-version="dark"] .list-group-item.active { - color: #fff; - border-color: var(--primary); } - [data-theme-version="dark"] .list-group-item.active:focus, [data-theme-version="dark"] .list-group-item.active:hover, [data-theme-version="dark"] .list-group-item.active:focus { - background-color: var(--primary); - border-color: var(--primary); - color: #fff; } -[data-theme-version="dark"] .swal2-popup { - background: #28253b; } -[data-theme-version="dark"] .form-head .btn-outline-primary { - border-color: #333a54; } -[data-theme-version="dark"] .form-head .btn-outline-primary:hover { - border-color: var(--primary); } -[data-theme-version="dark"] .review-tab.nav-pills li a.nav-link.active { - background: transparent; } -[data-theme-version="dark"] .new-arrival-content h4 a { - color: #fff; } -[data-theme-version="dark"] .text-black { - color: #fff !important; } -[data-theme-version="dark"] .abilities-chart .ct-chart .ct-label { - fill: #fff; } -[data-theme-version="dark"] .morris_chart_height text tspan { - fill: #fff; } -[data-theme-version="dark"] .btn-link { - color: #fff; } -[data-theme-version="dark"] .order-bg { - background: #251e35; } -[data-theme-version="dark"] .detault-daterange .input-group-text { - background: #251e35; - color: #fff; } -[data-theme-version="dark"] .dataTablesCard { - background-color: #28253b; } -[data-theme-version="dark"] .compose-content .dropzone { - background: #251e35 !important; } - [data-theme-version="dark"] .compose-content .dropzone .dz-message .dz-button { - color: #fff; } -[data-theme-version="dark"] .daterangepicker { - background: #251e35; - border-color: var(--primary); } - [data-theme-version="dark"] .daterangepicker .calendar-table { - border-color: var(--primary); - background: #251e35; } - [data-theme-version="dark"] .daterangepicker .calendar-table .table-condensed td:hover { - background-color: var(--primary); - color: #fff; } - [data-theme-version="dark"] .daterangepicker:after { - border-bottom: 6px solid #251e35; } -[data-theme-version="dark"] .daterangepicker select.hourselect -, [data-theme-version="dark"] .daterangepicker select.minuteselect -, [data-theme-version="dark"] .daterangepicker select.secondselect -, [data-theme-version="dark"] .daterangepicker select.ampmselect { - background: #251e35; - border: 1px solid #333a54; - color: #fff; } -[data-theme-version="dark"] .daterangepicker td.off, -[data-theme-version="dark"] .daterangepicker td.off.in-range, -[data-theme-version="dark"] .daterangepicker td.off.start-date, -[data-theme-version="dark"] .daterangepicker td.off.end-date { - background-color: #28253b; } - [data-theme-version="dark"] .daterangepicker td.off:hover, - [data-theme-version="dark"] .daterangepicker td.off.in-range:hover, - [data-theme-version="dark"] .daterangepicker td.off.start-date:hover, - [data-theme-version="dark"] .daterangepicker td.off.end-date:hover { - background-color: var(--primary); - color: #fff; } -[data-theme-version="dark"] .app-fullcalendar .fc-button { - background-color: #251e35; - border-color: var(--primary); - color: #fff; - text-shadow: none; } - [data-theme-version="dark"] .app-fullcalendar .fc-button:hover, [data-theme-version="dark"] .app-fullcalendar .fc-button.fc-stat-hover { - background-color: var(--primary); } -[data-theme-version="dark"] .swal2-popup .swal2-styled:focus { - outline: 0; - box-shadow: 0 0 0 2px #333a54, 0 0 0 4px var(--rgba-primary-1); } -[data-theme-version="dark"] .dd-handle { - border-color: #333a54; } -[data-theme-version="dark"] .menu-toggle .deznav .metismenu li > ul { - background: #28253b; } -[data-theme-version="dark"] .header-right .notification_dropdown .nav-link { - border-color: #333a54; } -[data-theme-version="dark"] .nav-tabs .nav-link:hover, [data-theme-version="dark"] .nav-tabs .nav-link.active { - border-color: var(--primary); } -[data-theme-version="dark"] .clockpicker-popover .popover-content { - background-color: #28253b; } -[data-theme-version="dark"] .clockpicker-plate { - background-color: #251e35; } -[data-theme-version="dark"] .clockpicker-popover .popover-title { - background-color: #251e35; - color: #fff; } -[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link span { - background-color: #251e35; } -[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link:after { - background: #251e35; } -[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.active:after, [data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.done:after { - background: var(--primary); } -[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.active span -, [data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.done span { - background: var(--primary); } -[data-theme-version="dark"] .check-switch .custom-control-label:after -, [data-theme-version="dark"] .check-switch .custom-control-label:before { - border-color: var(--primary); } -[data-theme-version="dark"] .fc-unthemed .fc-today { - background: #251e35; } -[data-theme-version="dark"] .fc-unthemed .fc-divider, [data-theme-version="dark"] .fc-unthemed .fc-list-heading td, [data-theme-version="dark"] .fc-unthemed .fc-popover .fc-header { - background: #333a54; } -[data-theme-version="dark"] .picker__box { - background: #251e35; } - [data-theme-version="dark"] .picker__box .picker__button--clear - , [data-theme-version="dark"] .picker__box .picker__button--close - , [data-theme-version="dark"] .picker__box .picker__button--today { - background: #28253b; - color: #fff; } - [data-theme-version="dark"] .picker__box .picker__button--clear:hover:before - , [data-theme-version="dark"] .picker__box .picker__button--close:hover:before - , [data-theme-version="dark"] .picker__box .picker__button--today:hover:before { - color: #fff; } -[data-theme-version="dark"] .picker { - color: #999; } -[data-theme-version="dark"] .dtp > .dtp-content { - background: #251e35; } -[data-theme-version="dark"] .dtp table.dtp-picker-days tr > td > a { - color: #68686a; } - [data-theme-version="dark"] .dtp table.dtp-picker-days tr > td > a.selected { - color: #fff; } -[data-theme-version="dark"] .order-request tbody tr { - border-color: #333a54; } -[data-theme-version="dark"] .card-list li { - color: #fff; } -[data-theme-version="dark"] .card-bx .change-btn:hover { - color: var(--primary); } -[data-theme-version="dark"] .invoice-card.bg-warning { - background-color: #5b3c1f !important; } -[data-theme-version="dark"] .invoice-card.bg-success { - background-color: #2a6729 !important; } -[data-theme-version="dark"] .invoice-card.bg-info { - background-color: #4c276a !important; } -[data-theme-version="dark"] .invoice-card.bg-secondary { - background-color: #1c3e52 !important; } -[data-theme-version="dark"] .user-list li { - border-color: #28253b; } -[data-theme-version="dark"] .toggle-switch { - color: #fff; } -[data-theme-version="dark"] .bar-chart .apexcharts-text tspan { - fill: #969ba0; } -[data-theme-version="dark"] .bar-chart line { - stroke: #333a54; } -[data-theme-version="dark"] table.dataTable thead th, [data-theme-version="dark"] table.dataTable thead td { - border-color: #333a54 !important; } -[data-theme-version="dark"] .form-check .form-check-input { - background: transparent; } - [data-theme-version="dark"] .form-check .form-check-input:checked { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } -[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate span .paginate_button.current, -[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate span .paginate_button:hover { - background: var(--primary); - color: #fff !important; } -[data-theme-version="dark"] .light.btn-primary, -[data-theme-version="dark"] .light.btn-danger, -[data-theme-version="dark"] .light.btn-warning, -[data-theme-version="dark"] .light.btn-success, -[data-theme-version="dark"] .light.btn-info { - color: #fff; } - [data-theme-version="dark"] .light.btn-primary svg path, - [data-theme-version="dark"] .light.btn-danger svg path, - [data-theme-version="dark"] .light.btn-warning svg path, - [data-theme-version="dark"] .light.btn-success svg path, - [data-theme-version="dark"] .light.btn-info svg path { - fill: #fff; } -[data-theme-version="dark"] .bg-white { - background: #28253b !important; } -[data-theme-version="dark"] .bg-light.text-primary { - color: var(--primary) !important; } -[data-theme-version="dark"] table.dataTable { - color: #b5b5b5; } - [data-theme-version="dark"] table.dataTable tbody td { - background: #28253b !important; } -[data-theme-version="dark"] .contact-icon { - border-color: #333a54; } -[data-theme-version="dark"] .profile-card .title span { - background: #28253b; } -[data-theme-version="dark"] .profile-card .title:after { - background: #333a54; } -[data-theme-version="dark"] .profile-card .form-group .form-control { - color: #fff; - border-color: #333a54; } - [data-theme-version="dark"] .profile-card .form-group .form-control:hover, [data-theme-version="dark"] .profile-card .form-group .form-control:focus, [data-theme-version="dark"] .profile-card .form-group .form-control:active { - border-color: var(--primary); } -[data-theme-version="dark"] .profile-card .form-group .bootstrap-select.form-control button { - border-color: #333a54 !important; } - [data-theme-version="dark"] .profile-card .form-group .bootstrap-select.form-control button:after { - color: #fff; } -[data-theme-version="dark"] .profile-card .form-group textarea { - background: #251e35; } -[data-theme-version="dark"] .profile-card .form-group .input-group-prepend .input-group-text { - border: 0; } - [data-theme-version="dark"] .profile-card .form-group .input-group-prepend .input-group-text i { - color: #fff; } -[data-theme-version="dark"] .activity-card, [data-theme-version="dark"] .profile-bx { - border-color: #333a54; } -[data-theme-version="dark"] .sharp-lg svg path { - fill: #fff; } -[data-theme-version="dark"] .progress-icon { - border-color: #333a54; } -[data-theme-version="dark"] .portfolios-card > div { - background: #251e35; } -[data-theme-version="dark"] .page-titles { - background: #251e35; } - [data-theme-version="dark"] .page-titles .breadcrumb li.active a { - color: #fff; } -[data-theme-version="dark"] .light.btn-primary g [fill] { - fill: #fff; } -[data-theme-version="dark"] .profile-info h4.text-primary { - color: #fff !important; } -[data-theme-version="dark"] .profile-tab .nav-item .nav-link:hover, [data-theme-version="dark"] .profile-tab .nav-item .nav-link.active { - color: #fff; } -[data-theme-version="dark"] .pagination-primary .page-item .page-link { - color: #fff; } -[data-theme-version="dark"] .app-fullcalendar .fc-button.fc-state-hover { - background: var(--primary) !important; } -[data-theme-version="dark"] .new-arrival-content .price { - color: #fff; } -[data-theme-version="dark"] .btn-outline-primary { - color: #fff; } -[data-theme-version="dark"] .btn.tp-btn-light.btn-primary g [fill] { - fill: #fff; } -[data-theme-version="dark"] .btn-icon-left.text-primary { - color: var(--primary) !important; } -[data-theme-version="dark"] .custom-tab-1 .nav-link:focus, -[data-theme-version="dark"] .custom-tab-1 .nav-link:hover, -[data-theme-version="dark"] .custom-tab-1 .nav-link.active { - color: #fff; } -[data-theme-version="dark"] .bg-light h1, [data-theme-version="dark"] .bg-light h2, [data-theme-version="dark"] .bg-light h3, [data-theme-version="dark"] .bg-light h4, [data-theme-version="dark"] .bg-light h5, [data-theme-version="dark"] .bg-light h6 { - color: #000 !important; } -[data-theme-version="dark"] .default-tab .nav-link:focus, -[data-theme-version="dark"] .default-tab .nav-link:hover, -[data-theme-version="dark"] .default-tab .nav-link.active, -[data-theme-version="dark"] .default-tab .nav-link i, -[data-theme-version="dark"] .custom-tab-1 .nav-link i, -[data-theme-version="dark"] .nav-pills.light .nav-link.active, -[data-theme-version="dark"] .nav-pills.light .show > .nav-link { - color: #fff; } -[data-theme-version="dark"] .table-bordered th, [data-theme-version="dark"] .table-bordered td, -[data-theme-version="dark"] .table th, [data-theme-version="dark"] .table td { - border-color: #333a54; } -[data-theme-version="dark"] mark, [data-theme-version="dark"] .mark { - background: var(--primary); } -[data-theme-version="dark"] .dd-item > button { - color: #fff; } -[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link span { - color: #fff; } -[data-theme-version="dark"] .dataTables_wrapper .dataTables_length, -[data-theme-version="dark"] .dataTables_wrapper .dataTables_filter, -[data-theme-version="dark"] .dataTables_wrapper .dataTables_info, -[data-theme-version="dark"] .dataTables_wrapper .dataTables_processing, -[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate { - color: #fff; } -[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button { - color: #fff !important; } -[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate.paging_simple_numbers > .paginate_button { - color: var(--primary) !important; } -[data-theme-version="dark"] .search-dropdown { - border-color: #333a54; } -[data-theme-version="dark"] #columnChart .apexcharts-series rect { - fill: #251e35; } - -[data-theme-version="dark"][data-layout="vertical"][data-sidebar-position="fixed"] .header { - border-color: #333a54; } -[data-theme-version="dark"] .header { - background-color: #28253b; - border-color: #333a54; } - [data-theme-version="dark"] .header .header-content { - background: #251e35; } -[data-theme-version="dark"] .header-left .dashboard_bar { - color: #fff; } -[data-theme-version="dark"] .header-right .search-area .form-control { - background: #28253b; } -[data-theme-version="dark"] .header-right .search-area .input-group-text { - border: 0; - background: #28253b; } - [data-theme-version="dark"] .header-right .search-area .input-group-text a { - color: #4f7086; } -[data-theme-version="dark"] .header-right .notification_dropdown .nav-link { - background: transparent !important; } - [data-theme-version="dark"] .header-right .notification_dropdown .nav-link .badge { - border-color: #28253b; } -[data-theme-version="dark"] .header-right .dropdown .nav-link { - color: #fff; } - [data-theme-version="dark"] .header-right .dropdown .nav-link:hover { - color: #fff; } - [data-theme-version="dark"] .header-right .dropdown .nav-link svg path { - fill: #d4d4d4; } -[data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info { - border: 0; } -[data-theme-version="dark"] .nav-header .hamburger .line { - background: #fff !important; } -[data-theme-version="dark"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: #fff !important; } + .pl-xxl-4, + .px-xxl-4 { + padding-left: 1.5rem !important; + } -[data-theme-version="dark"] .nav-header { - border-color: #333a54; } -[data-theme-version="dark"] .nav-control { - color: #fff; } -[data-theme-version="dark"] .brand-logo { - color: #fff; } - [data-theme-version="dark"] .brand-logo:hover { - color: #fff; } -[data-theme-version="dark"] .brand-title path { - fill: #fff; } + .p-xxl-5 { + padding: 3rem !important; + } -[data-theme-version="dark"] .nav-header { - border-color: #333a54; } -[data-theme-version="dark"] .nav-control { - color: #fff; } -[data-theme-version="dark"] .brand-logo { - color: #fff; } - [data-theme-version="dark"] .brand-logo:hover { - color: #fff; } -[data-theme-version="dark"] .brand-title path { - fill: #fff; } + .pt-xxl-5, + .py-xxl-5 { + padding-top: 3rem !important; + } -[data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li > ul { - background-color: #28253b; } -[data-theme-version="dark"] .fixed-content-box { - background-color: #28253b; } - [data-theme-version="dark"] .fixed-content-box .head-name { - background: #28253b; - color: #fff; - border-color: #333a54; } - [data-theme-version="dark"] .fixed-content-box + .header + .deznav { - background-color: #251e35; } -[data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a { - background: #251e35; - color: #fff; } - [data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } -[data-theme-version="dark"][data-layout="vertical"][data-sidebar-position="fixed"] .deznav { - border-color: #333a54; } -[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, [data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a { - background: #251e35; } - [data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, [data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i { - color: #fff; - background: transparent; } -[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu > li a > i { - color: rgba(255, 255, 255, 0.7); } -[data-theme-version="dark"] .deznav .header-profile > a.nav-link { - border-color: #333a54; } - [data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info span { - color: #fff; } -[data-theme-version="dark"] .deznav .metismenu > li > a { - color: #b3b3b3; } -[data-theme-version="dark"] .deznav .metismenu > li:hover > a, [data-theme-version="dark"] .deznav .metismenu > li:focus > a, [data-theme-version="dark"] .deznav .metismenu > li.mm-active > a { - color: #fff; - background: var(--rgba-primary-1); } - [data-theme-version="dark"] .deznav .metismenu > li:hover > a::after, [data-theme-version="dark"] .deznav .metismenu > li:focus > a::after, [data-theme-version="dark"] .deznav .metismenu > li.mm-active > a::after { - border-top: 5px solid #b3b3b3; - border-left: 5px solid #b3b3b3; - border-bottom: 5px solid transparent; - border-right: 5px solid transparent; } - [data-theme-version="dark"] .deznav .metismenu > li:hover > a i, [data-theme-version="dark"] .deznav .metismenu > li:focus > a i, [data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i { - color: #fff; } -[data-theme-version="dark"] .deznav .metismenu > li.mm-active ul ul { - background-color: transparent; } -[data-theme-version="dark"] .deznav .metismenu ul:after { - background-color: #333a54; } -[data-theme-version="dark"] .deznav .metismenu ul a:hover, [data-theme-version="dark"] .deznav .metismenu ul a:focus, [data-theme-version="dark"] .deznav .metismenu ul a.mm-active { - color: #fff; } -[data-theme-version="dark"] .deznav .metismenu ul a:before { - background-color: #fff; } -[data-theme-version="dark"] .deznav .metismenu a { - color: #b3b3b3; } -[data-theme-version="dark"] .deznav .metismenu .has-arrow:after { - border-top: 5px solid #b3b3b3; - border-left: 5px solid #b3b3b3; - border-bottom: 5px solid transparent; - border-right: 5px solid transparent; } -[data-theme-version="dark"] .deznav .copyright { - color: #fff; } + .pr-xxl-5, + .px-xxl-5 { + padding-right: 3rem !important; + } -[data-theme-version="dark"] .sidebar-right .nav-tabs { - border-color: #f5f5f5; } - [data-theme-version="dark"] .sidebar-right .nav-tabs .nav-item .nav-link { - color: #000; } -[data-theme-version="dark"] .sidebar-right .form-control { - background: #fff; - color: #000; - border-color: #EEEEEE; } -[data-theme-version="dark"] .sidebar-right .default-select .list { - background: #fff; } - [data-theme-version="dark"] .sidebar-right .default-select .list .option.selected, [data-theme-version="dark"] .sidebar-right .default-select .list .option.focus, [data-theme-version="dark"] .sidebar-right .default-select .list .option:hover { - background: rgba(0, 0, 0, 0.05); } -[data-theme-version="dark"] .sidebar-right .sidebar-right-inner > h4 { - color: #000 !important; } -[data-theme-version="dark"] .sidebar-right .bootstrap-select .btn { - border-color: #EEEEEE !important; } -[data-theme-version="dark"] .sidebar-right .bootstrap-select .btn { - background-color: #fff !important; } + .pb-xxl-5, + .py-xxl-5 { + padding-bottom: 3rem !important; + } -[data-theme-version="dark"] .footer { - background-color: #28253b; } - [data-theme-version="dark"] .footer .copyright { - background-color: #251e35; } - [data-theme-version="dark"] .footer .copyright a { - color: #fff; } + .pl-xxl-5, + .px-xxl-5 { + padding-left: 3rem !important; + } -[data-theme-version="dark"] { - /* datepicker */ } - [data-theme-version="dark"] .cdk-overlay-dark-backdrop { - background: rgba(0, 0, 0, 0.32); } - [data-theme-version="dark"] .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.1); } - [data-theme-version="dark"] .mat-option { - color: #fff; } - [data-theme-version="dark"] .mat-option:focus:not(.mat-option-disabled), [data-theme-version="dark"] .mat-option:hover:not(.mat-option-disabled) { - background: rgba(255, 255, 255, 0.04); } - [data-theme-version="dark"] .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { - background: rgba(255, 255, 255, 0.04); } - [data-theme-version="dark"] .mat-option.mat-active { - background: rgba(255, 255, 255, 0.04); - color: #fff; } - [data-theme-version="dark"] .mat-option.mat-option-disabled { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { - color: #fff; } - [data-theme-version="dark"] .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { - color: #8BC740; } - [data-theme-version="dark"] .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { - color: #f44336; } - [data-theme-version="dark"] .mat-optgroup-label { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-optgroup-disabled .mat-optgroup-label { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-pseudo-checkbox { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-pseudo-checkbox::after { - color: #28253b; } - [data-theme-version="dark"] .mat-pseudo-checkbox-disabled { - color: #686868; } - [data-theme-version="dark"] .mat-primary .mat-pseudo-checkbox-checked, [data-theme-version="dark"] .mat-primary .mat-pseudo-checkbox-indeterminate { - background: #40189D; } - [data-theme-version="dark"] .mat-accent .mat-pseudo-checkbox-checked, [data-theme-version="dark"] .mat-accent .mat-pseudo-checkbox-indeterminate, [data-theme-version="dark"] .mat-pseudo-checkbox-checked, [data-theme-version="dark"] .mat-pseudo-checkbox-indeterminate { - background: #8BC740; } - [data-theme-version="dark"] .mat-warn .mat-pseudo-checkbox-checked, [data-theme-version="dark"] .mat-warn .mat-pseudo-checkbox-indeterminate { - background: #f44336; } - [data-theme-version="dark"] .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, [data-theme-version="dark"] .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { - background: #686868; } - [data-theme-version="dark"] .mat-app-background { - background-color: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-elevation-z0 { - box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z1 { - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z2 { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z3 { - box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z4 { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z5 { - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z6 { - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z7 { - box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z8 { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z9 { - box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z10 { - box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z11 { - box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z12 { - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z13 { - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z14 { - box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z15 { - box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z16 { - box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z17 { - box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z18 { - box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z19 { - box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z20 { - box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z21 { - box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z22 { - box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z23 { - box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z24 { - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-autocomplete-panel { - background: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-autocomplete-panel:not([class*=mat-elevation-z]) { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { - background: #28253b; } - [data-theme-version="dark"] .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { - color: #fff; } - [data-theme-version="dark"] .mat-badge-content { - color: #fff; - background: #40189D; } - [data-theme-version="dark"] .cdk-high-contrast-active .mat-badge-content { - outline: solid 1px; - border-radius: 0; } - [data-theme-version="dark"] .mat-badge-accent .mat-badge-content { - background: #8BC740; - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-badge-warn .mat-badge-content { - color: #fff; - background: #f44336; } - [data-theme-version="dark"] .mat-badge { - position: relative; } - [data-theme-version="dark"] .mat-badge-hidden .mat-badge-content { - display: none; } - [data-theme-version="dark"] .mat-badge-disabled .mat-badge-content { - background: #6e6e6e; - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-bottom-sheet-container { - box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); - background: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-button, [data-theme-version="dark"] .mat-icon-button, [data-theme-version="dark"] .mat-stroked-button { - color: inherit; - background: 0 0; } - [data-theme-version="dark"] .mat-button.mat-primary, [data-theme-version="dark"] .mat-icon-button.mat-primary, [data-theme-version="dark"] .mat-stroked-button.mat-primary { - color: #40189D; } - [data-theme-version="dark"] .mat-button.mat-accent, [data-theme-version="dark"] .mat-icon-button.mat-accent, [data-theme-version="dark"] .mat-stroked-button.mat-accent { - color: #8BC740; } - [data-theme-version="dark"] .mat-button.mat-warn, [data-theme-version="dark"] .mat-icon-button.mat-warn, [data-theme-version="dark"] .mat-stroked-button.mat-warn { - color: #f44336; } - [data-theme-version="dark"] .mat-button.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-button.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-button.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-button.mat-warn.mat-button-disabled, [data-theme-version="dark"] .mat-icon-button.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-icon-button.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-icon-button.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-icon-button.mat-warn.mat-button-disabled, [data-theme-version="dark"] .mat-stroked-button.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-stroked-button.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-stroked-button.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-stroked-button.mat-warn.mat-button-disabled { - color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-button.mat-primary .mat-button-focus-overlay, [data-theme-version="dark"] .mat-icon-button.mat-primary .mat-button-focus-overlay, [data-theme-version="dark"] .mat-stroked-button.mat-primary .mat-button-focus-overlay { - background-color: #40189D; } - [data-theme-version="dark"] .mat-button.mat-accent .mat-button-focus-overlay, [data-theme-version="dark"] .mat-icon-button.mat-accent .mat-button-focus-overlay, [data-theme-version="dark"] .mat-stroked-button.mat-accent .mat-button-focus-overlay { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-button.mat-warn .mat-button-focus-overlay, [data-theme-version="dark"] .mat-icon-button.mat-warn .mat-button-focus-overlay, [data-theme-version="dark"] .mat-stroked-button.mat-warn .mat-button-focus-overlay { - background-color: #f44336; } - [data-theme-version="dark"] .mat-button.mat-button-disabled .mat-button-focus-overlay, [data-theme-version="dark"] .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, [data-theme-version="dark"] .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { - background-color: transparent; } - [data-theme-version="dark"] .mat-button .mat-ripple-element, [data-theme-version="dark"] .mat-icon-button .mat-ripple-element, [data-theme-version="dark"] .mat-stroked-button .mat-ripple-element { - opacity: .1; - background-color: currentColor; } - [data-theme-version="dark"] .mat-button-focus-overlay { - background: #fff; } - [data-theme-version="dark"] .mat-stroked-button:not(.mat-button-disabled) { - border-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-fab, [data-theme-version="dark"] .mat-flat-button, [data-theme-version="dark"] .mat-mini-fab, [data-theme-version="dark"] .mat-raised-button { - color: #fff; - background-color: #28253b; } - [data-theme-version="dark"] .mat-fab.mat-primary, [data-theme-version="dark"] .mat-flat-button.mat-primary, [data-theme-version="dark"] .mat-mini-fab.mat-primary, [data-theme-version="dark"] .mat-raised-button.mat-primary { - color: #fff; } - [data-theme-version="dark"] .mat-fab.mat-accent, [data-theme-version="dark"] .mat-flat-button.mat-accent, [data-theme-version="dark"] .mat-mini-fab.mat-accent, [data-theme-version="dark"] .mat-raised-button.mat-accent { - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-fab.mat-warn, [data-theme-version="dark"] .mat-flat-button.mat-warn, [data-theme-version="dark"] .mat-mini-fab.mat-warn, [data-theme-version="dark"] .mat-raised-button.mat-warn { - color: #fff; } - [data-theme-version="dark"] .mat-fab.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-fab.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-fab.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-fab.mat-warn.mat-button-disabled, [data-theme-version="dark"] .mat-flat-button.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-flat-button.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-flat-button.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-flat-button.mat-warn.mat-button-disabled, [data-theme-version="dark"] .mat-mini-fab.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-mini-fab.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-mini-fab.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-mini-fab.mat-warn.mat-button-disabled, [data-theme-version="dark"] .mat-raised-button.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-raised-button.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-raised-button.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-raised-button.mat-warn.mat-button-disabled { - color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-fab.mat-primary, [data-theme-version="dark"] .mat-flat-button.mat-primary, [data-theme-version="dark"] .mat-mini-fab.mat-primary, [data-theme-version="dark"] .mat-raised-button.mat-primary { - background-color: #40189D; } - [data-theme-version="dark"] .mat-fab.mat-accent, [data-theme-version="dark"] .mat-flat-button.mat-accent, [data-theme-version="dark"] .mat-mini-fab.mat-accent, [data-theme-version="dark"] .mat-raised-button.mat-accent { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-fab.mat-warn, [data-theme-version="dark"] .mat-flat-button.mat-warn, [data-theme-version="dark"] .mat-mini-fab.mat-warn, [data-theme-version="dark"] .mat-raised-button.mat-warn { - background-color: #f44336; } - [data-theme-version="dark"] .mat-fab.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-fab.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-fab.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-fab.mat-warn.mat-button-disabled, [data-theme-version="dark"] .mat-flat-button.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-flat-button.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-flat-button.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-flat-button.mat-warn.mat-button-disabled, [data-theme-version="dark"] .mat-mini-fab.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-mini-fab.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-mini-fab.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-mini-fab.mat-warn.mat-button-disabled, [data-theme-version="dark"] .mat-raised-button.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-raised-button.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-raised-button.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-raised-button.mat-warn.mat-button-disabled { - background-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-fab.mat-primary .mat-ripple-element, [data-theme-version="dark"] .mat-flat-button.mat-primary .mat-ripple-element, [data-theme-version="dark"] .mat-mini-fab.mat-primary .mat-ripple-element, [data-theme-version="dark"] .mat-raised-button.mat-primary .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.1); } - [data-theme-version="dark"] .mat-fab.mat-accent .mat-ripple-element, [data-theme-version="dark"] .mat-flat-button.mat-accent .mat-ripple-element, [data-theme-version="dark"] .mat-mini-fab.mat-accent .mat-ripple-element, [data-theme-version="dark"] .mat-raised-button.mat-accent .mat-ripple-element { - background-color: rgba(0, 0, 0, 0.1); } - [data-theme-version="dark"] .mat-fab.mat-warn .mat-ripple-element, [data-theme-version="dark"] .mat-flat-button.mat-warn .mat-ripple-element, [data-theme-version="dark"] .mat-mini-fab.mat-warn .mat-ripple-element, [data-theme-version="dark"] .mat-raised-button.mat-warn .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.1); } - [data-theme-version="dark"] .mat-flat-button:not([class*=mat-elevation-z]), [data-theme-version="dark"] .mat-stroked-button:not([class*=mat-elevation-z]) { - box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-raised-button:not([class*=mat-elevation-z]) { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { - box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-fab:not([class*=mat-elevation-z]), [data-theme-version="dark"] .mat-mini-fab:not([class*=mat-elevation-z]) { - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), [data-theme-version="dark"] .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), [data-theme-version="dark"] .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { - box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-button-toggle-group, [data-theme-version="dark"] .mat-button-toggle-standalone { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-button-toggle-group-appearance-standard, [data-theme-version="dark"] .mat-button-toggle-standalone.mat-button-toggle-appearance-standard { - box-shadow: none; } - [data-theme-version="dark"] .mat-button-toggle { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-button-toggle .mat-button-toggle-focus-overlay { - background-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-button-toggle-appearance-standard { - color: #fff; - background: #28253b; } - [data-theme-version="dark"] .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { - background-color: #fff; } - [data-theme-version="dark"] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { - border-left: solid 1px rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { - border-left: none; - border-right: solid 1px rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { - border-left: none; - border-right: none; - border-top: solid 1px rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-button-toggle-checked { - background-color: #212121; - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-button-toggle-checked.mat-button-toggle-appearance-standard { - color: #fff; } - [data-theme-version="dark"] .mat-button-toggle-disabled { - color: rgba(255, 255, 255, 0.3); - background-color: #000; } - [data-theme-version="dark"] .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { - background: #28253b; } - [data-theme-version="dark"] .mat-button-toggle-disabled.mat-button-toggle-checked { - background-color: #28253b; } - [data-theme-version="dark"] .mat-button-toggle-group-appearance-standard, [data-theme-version="dark"] .mat-button-toggle-standalone.mat-button-toggle-appearance-standard { - border: solid 1px rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { - line-height: 48px; } - [data-theme-version="dark"] .mat-card { - background: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-card:not([class*=mat-elevation-z]) { - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { - box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-card-subtitle { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-checkbox-frame { - border-color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-checkbox-checkmark { - fill: #28253b; } - [data-theme-version="dark"] .mat-checkbox-checkmark-path { - stroke: #fff !important; } - [data-theme-version="dark"] .mat-checkbox-mixedmark { - background-color: #28253b; } - [data-theme-version="dark"] .mat-checkbox-checked.mat-primary .mat-checkbox-background, [data-theme-version="dark"] .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background { - background-color: #40189D; } - [data-theme-version="dark"] .mat-checkbox-checked.mat-accent .mat-checkbox-background, [data-theme-version="dark"] .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-checkbox-checked.mat-warn .mat-checkbox-background, [data-theme-version="dark"] .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background { - background-color: #f44336; } - [data-theme-version="dark"] .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, [data-theme-version="dark"] .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { - background-color: #686868; } - [data-theme-version="dark"] .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { - border-color: #686868; } - [data-theme-version="dark"] .mat-checkbox-disabled .mat-checkbox-label { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-checkbox .mat-ripple-element { - background-color: #fff; } - [data-theme-version="dark"] .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, [data-theme-version="dark"] .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { - background: #40189D; } - [data-theme-version="dark"] .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, [data-theme-version="dark"] .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { - background: #8BC740; } - [data-theme-version="dark"] .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, [data-theme-version="dark"] .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { - background: #f44336; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip { - background-color: #616161; - color: #fff; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip .mat-chip-remove { - color: #fff; - opacity: .4; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { - box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { - opacity: .54; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-disabled { - opacity: .4; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip::after { - background: #fff; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { - background-color: #40189D; - color: #fff; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { - color: #fff; - opacity: .4; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.1); } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { - background-color: #f44336; - color: #fff; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { - color: #fff; - opacity: .4; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.1); } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { - background-color: #8BC740; - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { - color: rgba(0, 0, 0, 0.87); - opacity: .4; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { - background-color: rgba(0, 0, 0, 0.1); } - [data-theme-version="dark"] .mat-table { - background: #28253b; } - [data-theme-version="dark"] .mat-table tbody, [data-theme-version="dark"] .mat-table tfoot, [data-theme-version="dark"] .mat-table thead, [data-theme-version="dark"] .mat-table-sticky, [data-theme-version="dark"] [mat-footer-row], [data-theme-version="dark"] [mat-header-row], [data-theme-version="dark"] [mat-row], [data-theme-version="dark"] mat-footer-row, [data-theme-version="dark"] mat-header-row, [data-theme-version="dark"] mat-row { - background: inherit; } - [data-theme-version="dark"] mat-footer-row, [data-theme-version="dark"] mat-header-row, [data-theme-version="dark"] mat-row, [data-theme-version="dark"] td.mat-cell, [data-theme-version="dark"] td.mat-footer-cell, [data-theme-version="dark"] th.mat-header-cell { - border-bottom-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-header-cell { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-cell, [data-theme-version="dark"] .mat-footer-cell { - color: #fff; } - [data-theme-version="dark"] .mat-calendar-arrow { - border-top-color: #fff; } - [data-theme-version="dark"] .mat-datepicker-content .mat-calendar-next-button, [data-theme-version="dark"] .mat-datepicker-content .mat-calendar-previous-button, [data-theme-version="dark"] .mat-datepicker-toggle { - color: #fff; } - [data-theme-version="dark"] .mat-calendar-table-header { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-calendar-table-header-divider::after { - background: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-calendar-body-label { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-calendar-body-cell-content, [data-theme-version="dark"] .mat-date-range-input-separator { - color: #fff; - border-color: transparent; } - [data-theme-version="dark"] .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-form-field-disabled .mat-date-range-input-separator { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-calendar-body-in-preview { - color: rgba(255, 255, 255, 0.24); } - [data-theme-version="dark"] .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { - border-color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { - border-color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-calendar-body-in-range::before { - background: rgba(123, 31, 162, 0.2); } - [data-theme-version="dark"] .mat-calendar-body-comparison-identical, [data-theme-version="dark"] .mat-calendar-body-in-comparison-range::before { - background: rgba(249, 171, 0, 0.2); } - [data-theme-version="dark"] .mat-calendar-body-comparison-bridge-start::before, [data-theme-version="dark"] [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { - background: linear-gradient(to right, rgba(123, 31, 162, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } - [data-theme-version="dark"] .mat-calendar-body-comparison-bridge-end::before, [data-theme-version="dark"] [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { - background: linear-gradient(to left, rgba(123, 31, 162, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } - [data-theme-version="dark"] .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after, [data-theme-version="dark"] .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical { - background: #a8dab5; } - [data-theme-version="dark"] .mat-calendar-body-comparison-identical.mat-calendar-body-selected, [data-theme-version="dark"] .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { - background: #46a35e; } - [data-theme-version="dark"] .mat-calendar-body-selected { - background-color: #40189D; - color: #fff; } - [data-theme-version="dark"] .mat-calendar-body-disabled > .mat-calendar-body-selected { - background-color: rgba(123, 31, 162, 0.4); } - [data-theme-version="dark"] .mat-calendar-body-today.mat-calendar-body-selected { - box-shadow: inset 0 0 0 1px #fff; } - [data-theme-version="dark"] .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), [data-theme-version="dark"] .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), [data-theme-version="dark"] .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { - background-color: rgba(123, 31, 162, 0.3); } - [data-theme-version="dark"] .mat-datepicker-content { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - background-color: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { - background: rgba(105, 240, 174, 0.2); } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { - background: rgba(249, 171, 0, 0.2); } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, [data-theme-version="dark"] .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { - background: linear-gradient(to right, rgba(105, 240, 174, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, [data-theme-version="dark"] .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { - background: linear-gradient(to left, rgba(105, 240, 174, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after, [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical { - background: #a8dab5; } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { - background: #46a35e; } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-selected { - background-color: #8BC740; - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { - background-color: rgba(105, 240, 174, 0.4); } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), [data-theme-version="dark"] .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { - background-color: rgba(105, 240, 174, 0.3); } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { - background: rgba(244, 67, 54, 0.2); } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { - background: rgba(249, 171, 0, 0.2); } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, [data-theme-version="dark"] .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { - background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, [data-theme-version="dark"] .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { - background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after, [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical { - background: #a8dab5; } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { - background: #46a35e; } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-selected { - background-color: #f44336; - color: #fff; } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { - background-color: rgba(244, 67, 54, 0.4); } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { - box-shadow: inset 0 0 0 1px #fff; } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), [data-theme-version="dark"] .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { - background-color: rgba(244, 67, 54, 0.3); } - [data-theme-version="dark"] .mat-datepicker-content-touch { - box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-datepicker-toggle-active { - color: #40189D; } - [data-theme-version="dark"] .mat-datepicker-toggle-active.mat-accent { - color: #8BC740; } - [data-theme-version="dark"] .mat-datepicker-toggle-active.mat-warn { - color: #f44336; } - [data-theme-version="dark"] .mat-date-range-input-inner[disabled] { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-dialog-container { - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); - background: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-divider { - border-top-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-divider-vertical { - border-right-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-expansion-panel { - background: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-expansion-panel:not([class*=mat-elevation-z]) { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-action-row { - border-top-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), [data-theme-version="dark"] .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), [data-theme-version="dark"] .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { - background: rgba(255, 255, 255, 0.04); } - @media (hover: none) { - [data-theme-version="dark"] .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { - background: #28253b; } } - [data-theme-version="dark"] .mat-expansion-panel-header-title { - color: #fff; } - [data-theme-version="dark"] .mat-expansion-indicator::after, [data-theme-version="dark"] .mat-expansion-panel-header-description { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-expansion-panel-header[aria-disabled=true] { - color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description, [data-theme-version="dark"] .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title { - color: inherit; } - [data-theme-version="dark"] .mat-expansion-panel-header { - height: 48px; } - [data-theme-version="dark"] .mat-expansion-panel-header.mat-expanded { - height: 64px; } - [data-theme-version="dark"] .mat-form-field-label { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-hint { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-label { - color: #40189D; } - [data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-label.mat-accent { - color: #8BC740; } - [data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-label.mat-warn { - color: #f44336; } - [data-theme-version="dark"] .mat-focused .mat-form-field-required-marker { - color: #8BC740; } - [data-theme-version="dark"] .mat-form-field-ripple { - background-color: #fff; } - [data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-ripple { - background-color: #40189D; } - [data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { - background-color: #f44336; } - [data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { - color: #40189D; } - [data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { - color: #8BC740; } - [data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-label { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker, [data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, [data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { - background-color: #f44336; } - [data-theme-version="dark"] .mat-error { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field-appearance-legacy .mat-form-field-label { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-form-field-appearance-legacy .mat-hint { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-form-field-appearance-legacy .mat-form-field-underline { - background-color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { - background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 33%, transparent 0); - background-size: 4px 100%; - background-repeat: repeat-x; } - [data-theme-version="dark"] .mat-form-field-appearance-standard .mat-form-field-underline { - background-color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { - background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 33%, transparent 0); - background-size: 4px 100%; - background-repeat: repeat-x; } - [data-theme-version="dark"] .mat-form-field-appearance-fill .mat-form-field-flex { - background-color: rgba(255, 255, 255, 0.1); } - [data-theme-version="dark"] .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { - background-color: rgba(255, 255, 255, 0.05); } - [data-theme-version="dark"] .mat-form-field-appearance-fill .mat-form-field-underline::before { - background-color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { - background-color: transparent; } - [data-theme-version="dark"] .mat-form-field-appearance-outline .mat-form-field-outline { - color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-form-field-appearance-outline .mat-form-field-outline-thick { - color: #fff; } - [data-theme-version="dark"] .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { - color: #40189D; } - [data-theme-version="dark"] .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { - color: #8BC740; } - [data-theme-version="dark"] .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { - color: rgba(255, 255, 255, 0.15); } - [data-theme-version="dark"] .mat-icon.mat-primary { - color: #40189D; } - [data-theme-version="dark"] .mat-icon.mat-accent { - color: #8BC740; } - [data-theme-version="dark"] .mat-icon.mat-warn { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field-type-mat-native-select .mat-form-field-infix::after { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after, [data-theme-version="dark"] .mat-input-element:disabled { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-input-element { - caret-color: #40189D; } - [data-theme-version="dark"] .mat-input-element::placeholder { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-input-element::-moz-placeholder { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-input-element::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-input-element:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-input-element option { - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-input-element option:disabled { - color: rgba(0, 0, 0, 0.38); } - [data-theme-version="dark"] .mat-form-field.mat-accent .mat-input-element { - caret-color: #8BC740; } - [data-theme-version="dark"] .mat-form-field-invalid .mat-input-element, [data-theme-version="dark"] .mat-form-field.mat-warn .mat-input-element { - caret-color: #f44336; } - [data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { - color: #f44336; } - [data-theme-version="dark"] .mat-list-base .mat-list-item { - color: #fff; } - [data-theme-version="dark"] .mat-list-base .mat-list-option { - color: #fff; } - [data-theme-version="dark"] .mat-list-base .mat-subheader { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-list-item-disabled { - background-color: #000; } - [data-theme-version="dark"] .mat-action-list .mat-list-item:focus, [data-theme-version="dark"] .mat-action-list .mat-list-item:hover, [data-theme-version="dark"] .mat-list-option:focus, [data-theme-version="dark"] .mat-list-option:hover, [data-theme-version="dark"] .mat-nav-list .mat-list-item:focus, [data-theme-version="dark"] .mat-nav-list .mat-list-item:hover { - background: rgba(255, 255, 255, 0.04); } - [data-theme-version="dark"] .mat-list-single-selected-option, [data-theme-version="dark"] .mat-list-single-selected-option:focus, [data-theme-version="dark"] .mat-list-single-selected-option:hover { - background: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-menu-panel { - background: #28253b; } - [data-theme-version="dark"] .mat-menu-panel:not([class*=mat-elevation-z]) { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-menu-item { - background: 0 0; - color: #fff; } - [data-theme-version="dark"] .mat-menu-item[disabled], [data-theme-version="dark"] .mat-menu-item[disabled] .mat-icon-no-color, [data-theme-version="dark"] .mat-menu-item[disabled]::after { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-menu-item .mat-icon-no-color, [data-theme-version="dark"] .mat-menu-item-submenu-trigger::after { - color: #fff; } - [data-theme-version="dark"] .mat-menu-item-highlighted:not([disabled]), [data-theme-version="dark"] .mat-menu-item.cdk-keyboard-focused:not([disabled]), [data-theme-version="dark"] .mat-menu-item.cdk-program-focused:not([disabled]), [data-theme-version="dark"] .mat-menu-item:hover:not([disabled]) { - background: rgba(255, 255, 255, 0.04); } - [data-theme-version="dark"] .mat-paginator { - background: #28253b; } - [data-theme-version="dark"] .mat-paginator, [data-theme-version="dark"] .mat-paginator-page-size .mat-select-trigger { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-paginator-decrement, [data-theme-version="dark"] .mat-paginator-increment { - border-top: 2px solid #fff; - border-right: 2px solid #fff; } - [data-theme-version="dark"] .mat-paginator-first, [data-theme-version="dark"] .mat-paginator-last { - border-top: 2px solid #fff; } - [data-theme-version="dark"] .mat-icon-button[disabled] .mat-paginator-decrement, [data-theme-version="dark"] .mat-icon-button[disabled] .mat-paginator-first, [data-theme-version="dark"] .mat-icon-button[disabled] .mat-paginator-increment, [data-theme-version="dark"] .mat-icon-button[disabled] .mat-paginator-last { - border-color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-paginator-container { - min-height: 56px; } - [data-theme-version="dark"] .mat-progress-bar-background { - fill: #9c27b0; } - [data-theme-version="dark"] .mat-progress-bar-buffer { - background-color: #9c27b0; } - [data-theme-version="dark"] .mat-progress-bar-fill::after { - background-color: #40189D; } - [data-theme-version="dark"] .mat-progress-bar.mat-accent .mat-progress-bar-background { - fill: #b9f6ca; } - [data-theme-version="dark"] .mat-progress-bar.mat-accent .mat-progress-bar-buffer { - background-color: #b9f6ca; } - [data-theme-version="dark"] .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-progress-bar.mat-warn .mat-progress-bar-background { - fill: #ffcdd2; } - [data-theme-version="dark"] .mat-progress-bar.mat-warn .mat-progress-bar-buffer { - background-color: #ffcdd2; } - [data-theme-version="dark"] .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { - background-color: #f44336; } - [data-theme-version="dark"] .mat-progress-spinner circle, [data-theme-version="dark"] .mat-spinner circle { - stroke: #40189D; } - [data-theme-version="dark"] .mat-progress-spinner.mat-accent circle, [data-theme-version="dark"] .mat-spinner.mat-accent circle { - stroke: #8BC740; } - [data-theme-version="dark"] .mat-progress-spinner.mat-warn circle, [data-theme-version="dark"] .mat-spinner.mat-warn circle { - stroke: #f44336; } - [data-theme-version="dark"] .mat-radio-outer-circle { - border-color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { - border-color: #40189D; } - [data-theme-version="dark"] .mat-radio-button.mat-primary .mat-radio-inner-circle, [data-theme-version="dark"] .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), [data-theme-version="dark"] .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, [data-theme-version="dark"] .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { - background-color: #40189D; } - [data-theme-version="dark"] .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { - border-color: #8BC740; } - [data-theme-version="dark"] .mat-radio-button.mat-accent .mat-radio-inner-circle, [data-theme-version="dark"] .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), [data-theme-version="dark"] .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, [data-theme-version="dark"] .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { - border-color: #f44336; } - [data-theme-version="dark"] .mat-radio-button.mat-warn .mat-radio-inner-circle, [data-theme-version="dark"] .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), [data-theme-version="dark"] .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, [data-theme-version="dark"] .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { - background-color: #f44336; } - [data-theme-version="dark"] .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle, [data-theme-version="dark"] .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle { - border-color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle, [data-theme-version="dark"] .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-radio-button.mat-radio-disabled .mat-radio-label-content { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-radio-button .mat-ripple-element { - background-color: #fff; } - [data-theme-version="dark"] .mat-select-value { - color: #fff; } - [data-theme-version="dark"] .mat-select-placeholder { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-select-disabled .mat-select-value { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-select-arrow { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-select-panel { - background: #28253b; } - [data-theme-version="dark"] .mat-select-panel:not([class*=mat-elevation-z]) { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { - background: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-form-field.mat-focused.mat-primary .mat-select-arrow { - color: #40189D; } - [data-theme-version="dark"] .mat-form-field.mat-focused.mat-accent .mat-select-arrow { - color: #8BC740; } - [data-theme-version="dark"] .mat-form-field.mat-focused.mat-warn .mat-select-arrow { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-drawer-container { - background-color: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-drawer { - background-color: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-drawer.mat-drawer-push { - background-color: #28253b; } - [data-theme-version="dark"] .mat-drawer:not(.mat-drawer-side) { - box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-drawer-side { - border-right: solid 1px rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-drawer-side.mat-drawer-end { - border-left: solid 1px rgba(255, 255, 255, 0.12); - border-right: none; } - [data-theme-version="dark"] [dir=rtl] .mat-drawer-side { - border-left: solid 1px rgba(255, 255, 255, 0.12); - border-right: none; } - [data-theme-version="dark"] [dir=rtl] .mat-drawer-side.mat-drawer-end { - border-left: none; - border-right: solid 1px rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-drawer-backdrop.mat-drawer-shown { - background-color: rgba(189, 189, 189, 0.6); } - [data-theme-version="dark"] .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { - background-color: rgba(105, 240, 174, 0.54); } - [data-theme-version="dark"] .mat-slide-toggle.mat-checked .mat-ripple-element { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { - background-color: #40189D; } - [data-theme-version="dark"] .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { - background-color: rgba(123, 31, 162, 0.54); } - [data-theme-version="dark"] .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { - background-color: #40189D; } - [data-theme-version="dark"] .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { - background-color: #f44336; } - [data-theme-version="dark"] .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { - background-color: rgba(244, 67, 54, 0.54); } - [data-theme-version="dark"] .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { - background-color: #f44336; } - [data-theme-version="dark"] .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { - background-color: #fff; } - [data-theme-version="dark"] .mat-slide-toggle-thumb { - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #bdbdbd; } - [data-theme-version="dark"] .mat-slide-toggle-bar { - background-color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-slider-track-background { - background-color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-primary .mat-slider-thumb, [data-theme-version="dark"] .mat-primary .mat-slider-thumb-label, [data-theme-version="dark"] .mat-primary .mat-slider-track-fill { - background-color: #40189D; } - [data-theme-version="dark"] .mat-primary .mat-slider-thumb-label-text { - color: #fff; } - [data-theme-version="dark"] .mat-primary .mat-slider-focus-ring { - background-color: rgba(123, 31, 162, 0.2); } - [data-theme-version="dark"] .mat-accent .mat-slider-thumb, [data-theme-version="dark"] .mat-accent .mat-slider-thumb-label, [data-theme-version="dark"] .mat-accent .mat-slider-track-fill { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-accent .mat-slider-thumb-label-text { - color: rgba(255, 255, 255, 0.87); } - [data-theme-version="dark"] .mat-accent .mat-slider-focus-ring { - background-color: rgba(105, 240, 174, 0.2); } - [data-theme-version="dark"] .mat-warn .mat-slider-thumb, [data-theme-version="dark"] .mat-warn .mat-slider-thumb-label, [data-theme-version="dark"] .mat-warn .mat-slider-track-fill { - background-color: #f44336; } - [data-theme-version="dark"] .mat-warn .mat-slider-thumb-label-text { - color: #fff; } - [data-theme-version="dark"] .mat-warn .mat-slider-focus-ring { - background-color: rgba(244, 67, 54, 0.2); } - [data-theme-version="dark"] .cdk-focused .mat-slider-track-background, [data-theme-version="dark"] .mat-slider:hover .mat-slider-track-background { - background-color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-slider-disabled .mat-slider-thumb, [data-theme-version="dark"] .mat-slider-disabled .mat-slider-track-background, [data-theme-version="dark"] .mat-slider-disabled .mat-slider-track-fill { - background-color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-slider-disabled:hover .mat-slider-track-background { - background-color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-slider-min-value .mat-slider-focus-ring { - background-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, [data-theme-version="dark"] .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { - background-color: #fff; } - [data-theme-version="dark"] .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, [data-theme-version="dark"] .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { - background-color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { - border-color: rgba(255, 255, 255, 0.3); - background-color: transparent; } - [data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb, [data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb { - border-color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb, [data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb { - border-color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-slider-has-ticks .mat-slider-wrapper::after { - border-color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-slider-horizontal .mat-slider-ticks { - background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); - background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } - [data-theme-version="dark"] .mat-slider-vertical .mat-slider-ticks { - background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } - [data-theme-version="dark"] .mat-step-header.cdk-keyboard-focused, [data-theme-version="dark"] .mat-step-header.cdk-program-focused, [data-theme-version="dark"] .mat-step-header:hover { - background-color: rgba(255, 255, 255, 0.04); } - @media (hover: none) { - [data-theme-version="dark"] .mat-step-header:hover { - background: 0 0; } } - [data-theme-version="dark"] .mat-step-header .mat-step-label, [data-theme-version="dark"] .mat-step-header .mat-step-optional { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-step-header .mat-step-icon { - background-color: rgba(255, 255, 255, 0.7); - color: #fff; } - [data-theme-version="dark"] .mat-step-header .mat-step-icon-selected, [data-theme-version="dark"] .mat-step-header .mat-step-icon-state-done, [data-theme-version="dark"] .mat-step-header .mat-step-icon-state-edit { - background-color: #40189D; - color: #fff; } - [data-theme-version="dark"] .mat-step-header.mat-accent .mat-step-icon { - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-step-header.mat-accent .mat-step-icon-selected, [data-theme-version="dark"] .mat-step-header.mat-accent .mat-step-icon-state-done, [data-theme-version="dark"] .mat-step-header.mat-accent .mat-step-icon-state-edit { - background-color: #8BC740; - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-step-header.mat-warn .mat-step-icon { - color: #fff; } - [data-theme-version="dark"] .mat-step-header.mat-warn .mat-step-icon-selected, [data-theme-version="dark"] .mat-step-header.mat-warn .mat-step-icon-state-done, [data-theme-version="dark"] .mat-step-header.mat-warn .mat-step-icon-state-edit { - background-color: #f44336; - color: #fff; } - [data-theme-version="dark"] .mat-step-header .mat-step-icon-state-error { - background-color: transparent; - color: #f44336; } - [data-theme-version="dark"] .mat-step-header .mat-step-label.mat-step-label-active { - color: #fff; } - [data-theme-version="dark"] .mat-step-header .mat-step-label.mat-step-label-error { - color: #f44336; } - [data-theme-version="dark"] .mat-stepper-horizontal, [data-theme-version="dark"] .mat-stepper-vertical { - background-color: #28253b; } - [data-theme-version="dark"] .mat-stepper-vertical-line::before { - border-left-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-horizontal-stepper-header::after, [data-theme-version="dark"] .mat-horizontal-stepper-header::before, [data-theme-version="dark"] .mat-stepper-horizontal-line { - border-top-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-horizontal-stepper-header { - height: 72px; } - [data-theme-version="dark"] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header, [data-theme-version="dark"] .mat-vertical-stepper-header { - padding: 24px 24px; } - [data-theme-version="dark"] .mat-stepper-vertical-line::before { - top: -16px; - bottom: -16px; } - [data-theme-version="dark"] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, [data-theme-version="dark"] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before { - top: 36px; } - [data-theme-version="dark"] .mat-stepper-label-position-bottom .mat-stepper-horizontal-line { - top: 36px; } - [data-theme-version="dark"] .mat-sort-header-arrow { - color: #c6c6c6; } - [data-theme-version="dark"] .mat-tab-header, [data-theme-version="dark"] .mat-tab-nav-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-tab-group-inverted-header .mat-tab-header, [data-theme-version="dark"] .mat-tab-group-inverted-header .mat-tab-nav-bar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; } - [data-theme-version="dark"] .mat-tab-label, [data-theme-version="dark"] .mat-tab-link { - color: #fff; } - [data-theme-version="dark"] .mat-tab-label.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-link.mat-tab-disabled { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-tab-header-pagination-chevron { - border-color: #fff; } - [data-theme-version="dark"] .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { - border-color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-tab-group[class*=mat-background-] .mat-tab-header, [data-theme-version="dark"] .mat-tab-nav-bar[class*=mat-background-] { - border-bottom: none; - border-top: none; } - [data-theme-version="dark"] .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(156, 39, 176, 0.3); } - [data-theme-version="dark"] .mat-tab-group.mat-primary .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-ink-bar { - background-color: #40189D; } - [data-theme-version="dark"] .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, [data-theme-version="dark"] .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { - background-color: #fff; } - [data-theme-version="dark"] .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(185, 246, 202, 0.3); } - [data-theme-version="dark"] .mat-tab-group.mat-accent .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-ink-bar { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, [data-theme-version="dark"] .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { - background-color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(255, 205, 210, 0.3); } - [data-theme-version="dark"] .mat-tab-group.mat-warn .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-ink-bar { - background-color: #f44336; } - [data-theme-version="dark"] .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, [data-theme-version="dark"] .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { - background-color: #fff; } - [data-theme-version="dark"] .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(156, 39, 176, 0.3); } - [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-header, [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-link-container, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container { - background-color: #40189D; } - [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { - color: #fff; } - [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { - color: rgba(255, 255, 255, 0.4); } - [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-links .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-links .mat-focus-indicator::before { - border-color: #fff; } - [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { - border-color: rgba(255, 255, 255, 0.4); } - [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(185, 246, 202, 0.3); } - [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-header, [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-link-container, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { - color: rgba(0, 0, 0, 0.4); } - [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-links .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-links .mat-focus-indicator::before { - border-color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { - border-color: rgba(0, 0, 0, 0.4); } - [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element { - background-color: rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(255, 205, 210, 0.3); } - [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-header, [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-link-container, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container { - background-color: #f44336; } - [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { - color: #fff; } - [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { - color: rgba(255, 255, 255, 0.4); } - [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-links .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-links .mat-focus-indicator::before { - border-color: #fff; } - [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { - border-color: rgba(255, 255, 255, 0.4); } - [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-toolbar { - background: #212121; - color: #fff; } - [data-theme-version="dark"] .mat-toolbar.mat-primary { - background: #40189D; - color: #fff; } - [data-theme-version="dark"] .mat-toolbar.mat-accent { - background: #8BC740; - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-toolbar.mat-warn { - background: #f44336; - color: #fff; } - [data-theme-version="dark"] .mat-toolbar .mat-focused .mat-form-field-ripple, [data-theme-version="dark"] .mat-toolbar .mat-form-field-ripple, [data-theme-version="dark"] .mat-toolbar .mat-form-field-underline { - background-color: currentColor; } - [data-theme-version="dark"] .mat-toolbar .mat-focused .mat-form-field-label, [data-theme-version="dark"] .mat-toolbar .mat-form-field-label, [data-theme-version="dark"] .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow, [data-theme-version="dark"] .mat-toolbar .mat-select-arrow, [data-theme-version="dark"] .mat-toolbar .mat-select-value { - color: inherit; } - [data-theme-version="dark"] .mat-toolbar .mat-input-element { - caret-color: currentColor; } - [data-theme-version="dark"] .mat-toolbar-multiple-rows { - min-height: 64px; } - [data-theme-version="dark"] .mat-toolbar-row, [data-theme-version="dark"] .mat-toolbar-single-row { - height: 64px; } - @media (max-width: 599px) { - [data-theme-version="dark"] .mat-toolbar-multiple-rows { - min-height: 56px; } - [data-theme-version="dark"] .mat-toolbar-row, [data-theme-version="dark"] .mat-toolbar-single-row { - height: 56px; } } - [data-theme-version="dark"] .mat-tooltip { - background: rgba(97, 97, 97, 0.9); } - [data-theme-version="dark"] .mat-tree { - background: #28253b; } - [data-theme-version="dark"] .mat-nested-tree-node, [data-theme-version="dark"] .mat-tree-node { - color: #fff; } - [data-theme-version="dark"] .mat-tree-node { - min-height: 48px; } - [data-theme-version="dark"] .mat-snack-bar-container { - color: rgba(0, 0, 0, 0.87); - background: #fafafa; - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-simple-snackbar-action { - color: inherit; } - [data-theme-version="dark"] .mat-bottom-sheet-container ul li a span { - color: #fff; } - [data-theme-version="dark"] .default-mt-btn .example-label { - color: #fff; } - [data-theme-version="dark"] .default-mt-chips .mat-input-element { - color: rgba(255, 255, 255, 0.6); } - [data-theme-version="dark"] .default-mt-chips .mat-form-field-appearance-legacy .mat-form-field-label, - [data-theme-version="dark"] .default-mt-chips .mat-form-field-appearance-legacy .mat-hint, - [data-theme-version="dark"] .default-mt-chips input.mat-chip-input::placeholder { - color: rgba(255, 255, 255, 0.54); } - [data-theme-version="dark"] .default-mt-chips .mat-form-field-appearance-legacy .mat-form-field-underline { - background-color: rgba(255, 255, 255, 0.42); } - [data-theme-version="dark"] .default-mt-datepicker .mat-form-field-label { - color: rgba(255, 255, 255, 0.6); } - [data-theme-version="dark"] .default-mt-datepicker .mat-date-range-input-inner, - [data-theme-version="dark"] .default-mt-datepicker .mat-calendar-body-cell-content, - [data-theme-version="dark"] .default-mt-datepicker .mat-date-range-input-separator { - color: #fff; } - [data-theme-version="dark"] .default-mt-datepicker .mat-icon-button svg path { - fill: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .default-mt-datepicker .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .default-mt-datepicker .mat-form-field-appearance-fill .mat-form-field-underline:before { - background-color: rgba(255, 255, 255, 0.42); } - [data-theme-version="dark"] .default-mt-datepicker .mat-input-element:disabled, - [data-theme-version="dark"] .default-mt-datepicker .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { - color: #fff; } - [data-theme-version="dark"] .mat-list-icon { - color: rgba(255, 255, 255, 0.5) !important; } - [data-theme-version="dark"] .prevent-accordion .card-header button.collapsed, [data-theme-version="dark"] .default-accordion .card-header button.collapsed { - color: #fff; } - [data-theme-version="dark"] .default-calendar .form-group .input-group .form-control { - color: #fff; } - [data-theme-version="dark"] .default-calendar ngb-datepicker.dropdown-menu { - background: #9774ea; } - [data-theme-version="dark"] .calendar-list .list-group-item, [data-theme-version="dark"] .calendar-list .list-group-item:hover { - background: #251e35; - color: #8e8e8e; - border-left: 4px solid #40189D; } - [data-theme-version="dark"] .calendar-description h2 { - color: #fff; } - [data-theme-version="dark"] .calendar-description ul li { - color: #fff; } - [data-theme-version="dark"] .dashboard-full-calendar.fc-theme-standard td, - [data-theme-version="dark"] .dashboard-full-calendar.fc-theme-standard th, - [data-theme-version="dark"] .dashboard-full-calendar.fc-theme-standard .fc-scrollgrid, - [data-theme-version="dark"] .dashboard-full-calendar.fc-theme-standard .fc-list { - border-color: #333a54; } - [data-theme-version="dark"] .dashboard-select.mat-form-field-appearance-fill .mat-form-field-flex { - background-color: #251e35 !important; } - [data-theme-version="dark"] .detault-daterange .mat-date-range-input-inner::placeholder { - color: #fff; } - [data-theme-version="dark"] .dashboard-select .mat-select-arrow, [data-theme-version="dark"] .dashboard-select .mat-select-value { - color: #fff; } - [data-theme-version="dark"] .apex-card-donut .apexcharts-datalabels-group text { - fill: #fff; } - [data-theme-version="dark"] .sidebar-right .form-control { - color: #000; } - [data-theme-version="dark"] .page-titles .breadcrumb li.active a { - color: #fff; } - [data-theme-version="dark"] .page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item:before { - color: #fff; } - [data-theme-version="dark"] .default-apex-cl .apexcharts-title-text { - fill: #bdbdbd; } - [data-theme-version="dark"] .default-apex-cl .apexcharts-yaxis tspan, - [data-theme-version="dark"] .default-apex-cl .apexcharts-xaxis tspan { - fill: #bdbdbd; } - [data-theme-version="dark"] .default-apex-cl .apexcharts-text { - fill: #bdbdbd; } - [data-theme-version="dark"] .default-apex-cl .apexcharts-svg { - background: #28253b !important; } - [data-theme-version="dark"] .default-apex-cl .apexcharts-svg line { - stroke: #333a54; } - [data-theme-version="dark"] .default-apex-cl .apexcharts-grid rect:nth-child(even) { - fill: #251e35; } - [data-theme-version="dark"] .default-apex-cl .apexcharts-datalabels text { - fill: #fff; } - [data-theme-version="dark"] .default-apex-cl .apexcharts-subtitle-text { - fill: #fff; } - [data-theme-version="dark"] .default-calendar .btn-light { - color: #fff; } - [data-theme-version="dark"] .default-calendar .btn-light:hover { - color: #000; } - [data-theme-version="dark"] .default-calendar ngb-datepicker { - background: #251e35; } - [data-theme-version="dark"] pre { - color: #fff; } - [data-theme-version="dark"] .default-mt-table .mat-header-cell { - color: #fff; } - [data-theme-version="dark"] .default-mt-table mat-row, [data-theme-version="dark"] .default-mt-table mat-header-row, [data-theme-version="dark"] .default-mt-table mat-footer-row, [data-theme-version="dark"] .default-mt-table th.mat-header-cell, [data-theme-version="dark"] .default-mt-table td.mat-cell, [data-theme-version="dark"] .default-mt-table td.mat-footer-cell { - border-color: #333a54; } - [data-theme-version="dark"] .donut-chart .apexcharts-datalabels-group text { - fill: #fff; } - [data-theme-version="dark"] .custom-dropzone { - background: #251e35 !important; } - [data-theme-version="dark"] .mat-form-field.mat-focused .mat-input-element { - color: #fff; } - [data-theme-version="dark"] .dashboard-select.style-1 { - border-color: #333a54; } - [data-theme-version="dark"] .dashboard-select.style-1 .mat-select-arrow, - [data-theme-version="dark"] .dashboard-select.style-1 .mat-select-value { - color: #fff; } - [data-theme-version="dark"] .about-company { - border-color: #333a54; } - [data-theme-version="dark"] .default-calendar ngb-datepicker.dropdown-menu { - color: #fff; } - [data-theme-version="dark"] .default-autocomplete .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label, [data-theme-version="dark"] .default-autocomplete .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, [data-theme-version="dark"] .default-autocomplete .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { - color: #fff; } - [data-theme-version="dark"] tr.example-element-row:not(.example-expanded-row):hover { - background: #251e35 !important; } + .m-xxl-n1 { + margin: -0.25rem !important; + } -/* ============= - Calendar -============= */ -.app-fullcalender button { - border-radius: 0px; - color: #B1B1B1; } -.app-fullcalender td { - border-color: #f0f1f5; } + .mt-xxl-n1, + .my-xxl-n1 { + margin-top: -0.25rem !important; + } -.calendar { - float: left; - margin-bottom: 0; } + .mr-xxl-n1, + .mx-xxl-n1 { + margin-right: -0.25rem !important; + } -.fc-view { - margin-top: 1.875rem; } + .mb-xxl-n1, + .my-xxl-n1 { + margin-bottom: -0.25rem !important; + } -.fc-toolbar { - margin-bottom: 0.3125rem; - margin-top: 0.9375rem; } - @media (max-width: 575.98px) { - .fc-toolbar .fc-left { - display: flex; - justify-content: space-between; - margin-bottom: 0.625rem; - float: none; } } - @media (max-width: 575.98px) { - .fc-toolbar .fc-right { - display: flex; - justify-content: center; - float: none; - margin-bottom: 0.3125rem; } } - @media (max-width: 575.98px) { - .fc-toolbar .fc-center { - display: flex; - justify-content: center; } - .fc-toolbar .fc-center * { - float: none; } } + .ml-xxl-n1, + .mx-xxl-n1 { + margin-left: -0.25rem !important; + } -.fc-toolbar h2 { - font-size: 1rem; - font-weight: 600; - line-height: 1.875rem; - text-transform: uppercase; } + .m-xxl-n2 { + margin: -0.5rem !important; + } -.fc-toolbar .fc-state-active, -.fc-toolbar .ui-state-active, -.fc-toolbar .ui-state-hover, -.fc-toolbar button:focus, -.fc-toolbar button:hover { - z-index: 0; - box-shadow: none; } + .mt-xxl-n2, + .my-xxl-n2 { + margin-top: -0.5rem !important; + } -.fc-widget-header { - border: 1px solid #f0f1f5; - border-bottom: 0 !important; } + .mr-xxl-n2, + .mx-xxl-n2 { + margin-right: -0.5rem !important; + } -.fc th.fc-widget-header { - background: #f0f1f5 !important; - font-size: 0.875rem; - line-height: 1.25rem; - padding: 0.625rem 0; - text-transform: uppercase; } + .mb-xxl-n2, + .my-xxl-n2 { + margin-bottom: -0.5rem !important; + } -.fc-button { - border: 1px solid #f0f1f5; - text-transform: capitalize; } - .fc-button.active { - box-shadow: none !important; } + .ml-xxl-n2, + .mx-xxl-n2 { + margin-left: -0.5rem !important; + } -.fc-text-arrow { - font-family: inherit; - font-size: 1rem; } + .m-xxl-n3 { + margin: -1rem !important; + } -.fc-event { - border-radius: 0.125rem; - border: none; - cursor: move; - font-size: 0.8125rem; - margin: 0.3125rem 0.4375rem; - padding: 0.3125rem; - text-align: center; } + .mt-xxl-n3, + .my-xxl-n3 { + margin-top: -1rem !important; + } -.external-event { - cursor: move; - margin: 0.625rem 0; - padding: 0.125rem 0; } + .mr-xxl-n3, + .mx-xxl-n3 { + margin-right: -1rem !important; + } -.fc-basic-view td.fc-week-number span { - padding-right: 0.3125rem; } + .mb-xxl-n3, + .my-xxl-n3 { + margin-bottom: -1rem !important; + } -.fc-basic-view td.fc-day-number { - padding-right: 0.3125rem; } + .ml-xxl-n3, + .mx-xxl-n3 { + margin-left: -1rem !important; + } -#drop-remove { - margin-right: 8px; - top: 0.1875rem; } + .m-xxl-n4 { + margin: -1.5rem !important; + } -#add-category .modal-dialog, -#event-modal .modal-dialog { - max-width: 37.5rem; } + .mt-xxl-n4, + .my-xxl-n4 { + margin-top: -1.5rem !important; + } -.fc-content { - color: #fff; } + .mr-xxl-n4, + .mx-xxl-n4 { + margin-right: -1.5rem !important; + } -.fc th.fc-widget-header { - background: transparent !important; } + .mb-xxl-n4, + .my-xxl-n4 { + margin-bottom: -1.5rem !important; + } -.fc-button { - background: #fff; } + .ml-xxl-n4, + .mx-xxl-n4 { + margin-left: -1.5rem !important; + } -.fc-state-hover { - background: #fff !important; } + .m-xxl-n5 { + margin: -3rem !important; + } -.fc-state-highlight { - background: #f2f4fa !important; } - [data-theme-version="dark"] .fc-state-highlight { - color: #fff !important; } + .mt-xxl-n5, + .my-xxl-n5 { + margin-top: -3rem !important; + } -.fc-cell-overlay { - background: #fff !important; } + .mr-xxl-n5, + .mx-xxl-n5 { + margin-right: -3rem !important; + } -.fc-unthemed .fc-today { - background: #f2f4fa !important; } + .mb-xxl-n5, + .my-xxl-n5 { + margin-bottom: -3rem !important; + } -.fc-day-top { - color: #B1B1B1 !important; } - [data-theme-version="dark"] .fc-day-top { - color: #fff !important; } + .ml-xxl-n5, + .mx-xxl-n5 { + margin-left: -3rem !important; + } -.external-event { - color: #fff; } - [data-theme-version="dark"] .external-event { - color: #fff !important; } + .m-xxl-auto { + margin: auto !important; + } -.fc-basic-view .fc-body .fc-row { - min-height: 1rem; } + .mt-xxl-auto, + .my-xxl-auto { + margin-top: auto !important; + } -.fc-scroller.fc-day-grid-container { - height: 490px !important; } + .mr-xxl-auto, + .mx-xxl-auto { + margin-right: auto !important; + } -.fc-row.fc-week.fc-widget-content.fc-rigid { - height: 81px !important; } + .mb-xxl-auto, + .my-xxl-auto { + margin-bottom: auto !important; + } -@media only screen and (max-width: 1440px) { - .email_left_pane { - display: none; } } + .ml-xxl-auto, + .mx-xxl-auto { + margin-left: auto !important; + } +} -#external-events .external-event:before { +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; content: ""; - display: inline-block; - width: 14px; - height: 14px; - border-radius: 50%; - margin-right: .9rem; - position: relative; - top: 2px; } -#external-events [data-class="bg-primary"] { - background-color: transparent !important; - color: #B1B1B1; } - [data-theme-version="dark"] #external-events [data-class="bg-primary"] { - color: #fff !important; } - #external-events [data-class="bg-primary"]::before { - background: var(--primary); } -#external-events [data-class="bg-success"] { - background-color: transparent !important; - color: #B1B1B1; } - #external-events [data-class="bg-success"]::before { - background: #1BD084; } -#external-events [data-class="bg-warning"] { - background-color: transparent !important; - color: #B1B1B1; } - #external-events [data-class="bg-warning"]::before { - background: #FE8024; } -#external-events [data-class="bg-dark"] { - background-color: transparent !important; - color: #B1B1B1; } - #external-events [data-class="bg-dark"]::before { - background: #B1B1B1; } -#external-events [data-class="bg-danger"] { - background-color: transparent !important; - color: #B1B1B1; } - #external-events [data-class="bg-danger"]::before { - background: #FF6746; } -#external-events [data-class="bg-info"] { - background-color: transparent !important; - color: #B1B1B1; } - #external-events [data-class="bg-info"]::before { - background: #48A9F8; } -#external-events [data-class="bg-pink"] { - background-color: transparent !important; - color: #B1B1B1; } - #external-events [data-class="bg-pink"]::before { - background: #e83e8c; } - -.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td { - border-color: #f0f1f5; } - [data-theme-version="dark"] .fc .fc-row .fc-content-skeleton table, - [data-theme-version="dark"] .fc .fc-row .fc-content-skeleton td, - [data-theme-version="dark"] .fc .fc-row .fc-helper-skeleton td { - border-color: #333a54; } + background-color: rgba(0, 0, 0, 0); +} -[data-theme-version="dark"] .fc-unthemed .fc-content, [data-theme-version="dark"] .fc-unthemed .fc-divider, [data-theme-version="dark"] .fc-unthemed .fc-list-heading td, [data-theme-version="dark"] .fc-unthemed .fc-list-view, [data-theme-version="dark"] .fc-unthemed .fc-popover, [data-theme-version="dark"] .fc-unthemed .fc-row, [data-theme-version="dark"] .fc-unthemed tbody, [data-theme-version="dark"] .fc-unthemed td, [data-theme-version="dark"] .fc-unthemed th, [data-theme-version="dark"] .fc-unthemed thead { - border-color: #333a54; } +.text-monospace { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} -.email-left-box { - width: 15rem; - float: left; - padding: 0 1.25rem 1.25rem 1rem; - border-top: 0; - border-left: 0; } - @media (min-width: 576px) and (max-width: 991.98px) { - .email-left-box { - width: 100%; - padding-bottom: 0px !important; } } - @media (max-width: 575.98px) { - .email-left-box { - width: 100%; - float: none; - border: none; - padding-bottom: 30px !important; } } - .email-left-box .intro-title { - background: var(--rgba-primary-1); - padding: 1rem; - margin: 1.875rem 0 1.25rem 0; } - .email-left-box .intro-title h5 { - margin-bottom: 0; - color: #6a707e; - font-size: 14px; } - .email-left-box .intro-title h5 i { - font-size: 0.75rem; - position: relative; - bottom: 1px; } - .email-left-box .intro-title i { - color: var(--primary); } +.text-justify { + text-align: justify !important; +} -.email-right-box { - padding-left: 15rem; - padding-right: 1rem; } - @media (min-width: 576px) and (max-width: 991.98px) { - .email-right-box { - padding-left: 0; - margin-left: 0 !important; } } - @media (max-width: 575.98px) { - .email-right-box { - padding-left: 0; - padding-right: 0; } } - .email-right-box .right-box-border { - border-right: 2px solid var(--rgba-primary-1); } - @media screen and (min-width: 649px) and (max-width: 1200px) { - .email-right-box .right-box-padding { - padding-left: 1.25rem; } } - @media (min-width: 1700px) { - .email-right-box .right-box-padding { - padding-left: 0.9375rem; } } - @media (min-width: 576px) and (max-width: 991.98px) { - .email-right-box .right-box-padding { - padding-left: 0; } } +.text-wrap { + white-space: normal !important; +} -.toolbar .btn-group .btn { - border: 0; } -.toolbar .btn-group input { - position: relative; - top: 2px; } +.text-nowrap { + white-space: nowrap !important; +} -.read-content textarea { - height: 150px; } -.read-content-email { - font-size: 0.875rem; } -.read-content h5 { - color: #6a707e; } -.read-content p strong { - color: #6a707e; } -.read-content-body p { - margin-bottom: 1.875rem; } -.read-content-attachment { - padding: 0.5rem 0; } - .read-content-attachment h6 { - font-size: 1.125rem; - color: #6a707e; } - .read-content-attachment h6 i { - padding-right: 0.3125rem; } - .read-content-attachment .attachment > div:not(:last-child) { - border-right: 1px solid #DDDFE1; } +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} -.compose-content .wysihtml5-toolbar { - border-color: #eaeaea; } -.compose-content .dropzone { - background: #f2f4fa !important; } -.compose-content h5 { - font-size: 1.0625rem; - color: #6a707e; } - .compose-content h5 i { - font-size: 1.125rem; - transform: rotate(90deg); } -.compose-content .dropzone { - border: 1px dashed #DDDFE1; - min-height: 13.125rem; - position: relative; } - .compose-content .dropzone .dz-message { - margin: 0; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); } +.text-left { + text-align: left !important; +} -.email-list { - display: block; - padding-left: 0; } - .email-list .message { - position: relative; - display: block; - height: 3.125rem; - line-height: 3.125rem; - cursor: default; - transition-duration: 0.3s; } - .email-list .message a { - color: #828690; } - .email-list .message-single .custom-checkbox { - margin-top: 2px; } - .email-list .message-single i { - color: #89879f; - font-size: 1.125rem; - padding-left: .4rem; } - .email-list .message:hover { - transition-duration: 0.05s; - background: rgba(152, 166, 173, 0.15); } - .email-list .message .col-mail { - float: left; - position: relative; } - .email-list .message .col-mail-1 { - width: 5.625rem; } - .email-list .message .col-mail-1 .star-toggle { - display: block; - float: left; - margin-top: 1.125rem; - font-size: 1rem; - margin-left: 0.3125rem; } - .email-list .message .col-mail-1 .email-checkbox { - display: block; - float: left; - margin: 0.9375rem 0.625rem 0 1.25rem; } - .email-list .message .col-mail-1 .dot { - display: block; - float: left; - border: .4rem solid transparent; - border-radius: 6.25rem; - margin: 1.375rem 1.625rem 0; - height: 0; - width: 0; - line-height: 0; - font-size: 0; } - .email-list .message .col-mail-2 { - position: absolute; - top: 0; - left: 5.625rem; - right: 0; - bottom: 0; } - .email-list .message .col-mail-2 .subject { - position: absolute; - top: 0; - left: 0; - right: 5.5rem; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; } - .email-list .message .col-mail-2 .date { - position: absolute; - top: 0; - right: 0; } +.text-right { + text-align: right !important; +} -.email-checkbox { - cursor: pointer; - height: 0.9375rem; - width: 0.9375rem; - position: relative; - display: inline-block; - border-radius: .1rem; - position: relative; - top: 0.3125rem; - box-shadow: inset 0 0 0 0.1rem #828690; } - .email-checkbox input { - opacity: 0; - cursor: pointer; } - .email-checkbox input:checked label { - opacity: 1; } - .email-checkbox label { - position: absolute; - top: .3rem; - left: .3rem; - right: .3rem; - bottom: .3rem; - cursor: pointer; - opacity: 0; - margin-bottom: 0 !important; - transition-duration: 0.05s; } +.text-center { + text-align: center !important; +} -.mail-list a { - vertical-align: middle; - padding: 0.625rem 0.9375rem; - display: block; - background: transparent; - color: #464a53; - font-weight: 600; } -.mail-list .list-group-item { - color: #6a707e; - padding: 0.75rem 1.0625rem; } - .mail-list .list-group-item i { - font-size: 1rem; - padding-right: 0.625rem; - color: #cccccc; } - .mail-list .list-group-item.active { - color: #fff; } - .mail-list .list-group-item.active i { - color: #fff; } +@media (min-width: 576px) { + .text-sm-left { + text-align: left !important; + } -.chat-wrap { - padding: 1.0625rem 1.875rem; } - .chat-wrap .media .media-body h6 { - font-size: 1.0625rem; - color: #6a707e; } - .chat-wrap .media .media-body p { - font-size: 0.875rem; } + .text-sm-right { + text-align: right !important; + } -@media (min-width: 648px) { - .email-filter { - padding-left: 1.25rem; } } -@media (min-width: 1700px) { - .email-filter { - padding-left: 1.875rem; } } -.email-filter .input-group-prepend i { - font-size: 0.875rem; - color: #89879f; } -.email-filter .input-group-prepend .input-group-text { - border: 0; - border-bottom: 1px solid #DDDFE1 !important; - background: transparent; } -.email-filter .input-group .form-control { - padding: 0 0 0 0.3125rem; - border: 0; - font-size: 0.875rem; - height: 1.875rem; - color: #89879f; - border-bottom: 1px solid #DDDFE1; } - .email-filter .input-group .form-control::placeholder { - font-size: 0.875rem; - color: #89879f; } -.email-filter .input-group > .form-control { - min-height: 1.875rem; } + .text-sm-center { + text-align: center !important; + } +} -.single-mail { - display: block; - padding: 1.5625rem 0; } - .single-mail .media { - padding-left: 1.25rem; - padding-right: 1.25rem; } - @media (min-width: 1700px) { - .single-mail .media { - padding-left: 1.875rem; - padding-right: 1.875rem; } } - .single-mail .media img { - width: 55px; - height: 55px; - border-radius: 50%; - margin-right: 0.9375rem; } - @media (min-width: 1700px) { - .single-mail .media img { - margin-right: 1.875rem; } } - .single-mail .media-body h6 { - color: #abafb3; } - .single-mail .media-body h4 { - font-size: 1rem; - color: #6a707e; } - .single-mail .media-body h4 button i { - font-size: 1.125rem; - color: #abafb3; - font-weight: bold; - transform: rotate(90deg); } - .single-mail .media-body p { - font-size: 0.875rem; - color: #abafb3; } - .single-mail.active { - background: var(--primary); } - .single-mail.active h6, .single-mail.active h4, .single-mail.active p, .single-mail.active i { - color: #fff !important; } +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; + } -[direction="rtl"] .email-right-box { - padding-left: 1rem; - padding-right: 15rem; } - @media only screen and (max-width: 991px) { - [direction="rtl"] .email-right-box { - padding-left: 1rem; - padding-right: 12rem; } } - @media only screen and (max-width: 575px) { - [direction="rtl"] .email-right-box { - padding-left: 0; - padding-right: 0; } } -[direction="rtl"] .email-left-box { - float: right; } -[direction="rtl"] .email-list .message .col-mail-2 { - right: 5.625rem; - left: 0; - float: right; } - [direction="rtl"] .email-list .message .col-mail-2 .date { - right: auto; - left: 0; } - [direction="rtl"] .email-list .message .col-mail-2 .subject { - right: 0; - left: 5.5rem; } + .text-md-right { + text-align: right !important; + } -.photo-content { - position: relative; } - .photo-content .cover-photo { - background: url(../images/profile/cover.jpg); - background-size: cover; - background-position: center; - min-height: 250px; - width: 100%; } + .text-md-center { + text-align: center !important; + } +} -.profile .profile-photo { - max-width: 100px; - position: relative; - z-index: 1; - margin-top: -40px; - margin-right: 10px; } - @media only screen and (max-width: 575px) { - .profile .profile-photo { - width: 80px; - margin-left: auto; - margin-right: auto; - margin-bottom: 20px; } } +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; + } -[direction="rtl"] .profile .photo-content .profile-photo { - left: auto; - right: 50px; } -[direction="rtl"] .profile .profile-photo { - left: auto; - right: 30px; } - @media only screen and (max-width: 1199px) { - [direction="rtl"] .profile .profile-photo { - right: 15px; } } - @media only screen and (max-width: 575px) { - [direction="rtl"] .profile .profile-photo { - width: 80px; - right: calc(50% - 40px); - top: -100px; } } + .text-lg-right { + text-align: right !important; + } -.profile-info { - padding: 15px 20px; } - @media only screen and (max-width: 575px) { - .profile-info { - padding: 0 0 20px; - text-align: center; } } - .profile-info h4 { - color: #464a53 !important; } - .profile-info h4.text-primary { - color: var(--primary) !important; } - .profile-info p { - color: #828690; } - .profile-info .prf-col { - min-width: 250px; - padding: 10px 50px 0; } + .text-lg-center { + text-align: center !important; + } +} -.profile-interest .row { - margin: 0 -.70px; } - .profile-interest .row .int-col { - padding: 0 .70px; } - .profile-interest .row .int-col .interest-cat { - margin-bottom: 1.40px; - position: relative; - display: block; } - .profile-interest .row .int-col .interest-cat:after { - background: #000; - bottom: 0; - content: ""; - left: 0; - opacity: 0.5; - position: absolute; - right: 0; - top: 0; - z-index: 0; } - .profile-interest .row .int-col .interest-cat p { - position: absolute; - top: 0; - width: 100%; - height: 100%; - padding: 5px; - left: 0; - margin: 0; - z-index: 1; - color: white; - font-size: 1.20px; } +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; + } -.profile-tab .nav-item .nav-link { - font-size: 16px; - margin-right: 30px; - transition: all 0.5s ease-in-out; - border: none; - border-bottom: .20px solid transparent; - color: #828690; } - .profile-tab .nav-item .nav-link:hover, .profile-tab .nav-item .nav-link.active { - border: 0; - background: transparent; - background: transparent; - border-bottom: 0.2px solid var(--primary); - color: var(--primary); } + .text-xl-right { + text-align: right !important; + } -.profile-info { - display: flex; } - @media only screen and (max-width: 575px) { - .profile-info { - display: block; } } - .profile-info .profile-details { - display: flex; - width: 100%; } - @media only screen and (max-width: 575px) { - .profile-info .profile-details { - display: block; } - .profile-info .profile-details .dropdown { - position: absolute; - top: 30px; - right: 30px; } } + .text-xl-center { + text-align: center !important; + } +} -.post-input { - margin-bottom: 30px; } - .post-input .form-control { - height: 75px; - font-weight: 400; - margin: 15px 0; } +@media (min-width: 1440) { + .text-xxl-left { + text-align: left !important; + } -.profile-uoloaded-post img { - margin-bottom: 20px; } -.profile-uoloaded-post a h4 { - margin-bottom: 10px; - color: #464a53; } + .text-xxl-right { + text-align: right !important; + } -.event-chat-ryt .chat-area .chat-reciver, -.event-chat-ryt .chat-area .chat-sender { - margin-bottom: 1.875rem; - padding: 0; } - .event-chat-ryt .chat-area .chat-reciver img, - .event-chat-ryt .chat-area .chat-sender img { - border-radius: 30px; } -.event-chat-ryt .chat-area .media { - position: relative; } - .event-chat-ryt .chat-area .media-body p { - margin: 0; - max-width: 100%; - display: inline-block; - position: relative; } - .event-chat-ryt .chat-area .media-body p span { - padding: 1rem; - display: inline-block; - top: 103%; - position: relative; - border: 1px solid #f0f1f5; } -.event-chat-ryt .chat-reciver { - padding: .5rem 1rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - .event-chat-ryt .chat-reciver .media { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; } - .event-chat-ryt .chat-reciver .media .media-body { - margin-right: 2rem; - text-align: right; } - [direction="rtl"] .event-chat-ryt .chat-reciver .media .media-body { - text-align: left; - margin-left: 2rem; - margin-right: auto; } - .event-chat-ryt .chat-reciver .media .media-body p { - background: #fff; - margin-bottom: 0; - border-radius: 5px 5px 0 5px; } - .event-chat-ryt .chat-reciver .media .media-body p span { - text-align: left; - border: 1px solid #f0f1f5; } - .event-chat-ryt .chat-reciver .media .media-body p span::after { - content: ""; - width: 20px; - height: 20px; - border-bottom: 1px solid #f0f1f5; - border-right: 1px solid #f0f1f5; - position: absolute; - right: 0; - bottom: 0; - background: #fff; - -webkit-transform: rotate(-45deg) translateX(15px); - transform: rotate(-45deg) translateX(15px); } - [direction="rtl"] .event-chat-ryt .chat-reciver .media .media-body p span::after { - left: 0; - right: auto; - -webkit-transform: rotate(135deg) translateY(15px); - transform: rotate(135deg) translateY(15px); } - .event-chat-ryt .chat-reciver .media .media-body p .time { - position: absolute; - font-size: 12px; - color: #7e7e7e; - font-weight: 400; - bottom: 0; - left: -80px; } - [direction="rtl"] .event-chat-ryt .chat-reciver .media .media-body p .time { - right: -5rem; - left: auto; } -.event-chat-ryt .chat-sender { - text-align: left; - padding: .5rem 1rem; } - .event-chat-ryt .chat-sender .media .media-body { - margin-left: 2rem; } - [direction="rtl"] .event-chat-ryt .chat-sender .media .media-body { - text-align: right; - margin-right: 2rem; - margin-left: auto; } - .event-chat-ryt .chat-sender .media .media-body p { - background-color: #fff; - margin-bottom: 0; } - .event-chat-ryt .chat-sender .media .media-body p span::after { - content: ""; - width: 20px; - height: 20px; - border-bottom: 1px solid #f0f1f5; - border-left: 1px solid #f0f1f5; - position: absolute; - left: 0; - bottom: 0; - background: #fff; - -webkit-transform: rotate(45deg) translateX(-15px); - transform: rotate(45deg) translateX(-15px); } - [direction="rtl"] .event-chat-ryt .chat-sender .media .media-body p span::after { - left: auto; - right: 0; - -webkit-transform: rotate(-135deg) translateY(15px); - transform: rotate(-135deg) translateY(15px); } - .event-chat-ryt .chat-sender .media .media-body p .time { - position: absolute; - font-size: 10px; - color: #7e7e7e; - font-weight: 400; - bottom: 0; - right: -5rem; } - [direction="rtl"] .event-chat-ryt .chat-sender .media .media-body p .time { - left: -5rem; - right: auto; } + .text-xxl-center { + text-align: center !important; + } +} -.char-type { - padding-top: 30px; - padding-bottom: 30px; } - .char-type form .form-control { - height: 45px; - padding-left: 18px; - background: #F2F2F2; - border-right: 0; } - .char-type form .input-group-append i { - color: #898989; - font-size: 18px; } - .char-type form .input-group-append .input-group-text { - padding-left: .7rem; - padding-right: .7rem; - background: #F2F2F2; - border-color: #f0f1f5; - border-left: 0; } - .char-type form .input-group-append .input-group-text:last-child { - padding-right: 1.8rem; } +.text-lowercase { + text-transform: lowercase !important; +} -.media-avatar { - padding: 25px 0; - border-bottom: 1px solid #f0f1f5; } - .media-avatar:last-child { - border-bottom: 0px; } - .media-avatar p { - margin-bottom: 0; } - .media-avatar .avatar-status { - position: relative; } - .media-avatar .avatar-status i { - position: absolute; - right: 0; - bottom: 0; } +.text-uppercase { + text-transform: uppercase !important; +} -.ct-golden-section:before { - float: none; } +.text-capitalize { + text-transform: capitalize !important; +} -.ct-chart { - max-height: 15.7rem; } +.font-weight-light { + font-weight: 300 !important; +} -.ct-chart .ct-label { - fill: #a3afb7; - color: #a3afb7; - font-size: 0.75rem; - line-height: 1; } +.font-weight-lighter { + font-weight: lighter !important; +} -.ct-grid { - stroke: rgba(49, 58, 70, 0.1); } +.font-weight-normal { + font-weight: 400 !important; +} -.ct-chart.simple-pie-chart-chartist .ct-label { - color: #ffffff; - fill: #ffffff; - font-size: 0.625rem; } +.font-weight-bold { + font-weight: 700 !important; +} -.ct-chart .ct-series.ct-series-a .ct-bar, -.ct-chart .ct-series.ct-series-a .ct-line, -.ct-chart .ct-series.ct-series-a .ct-point, -.ct-chart .ct-series.ct-series-a .ct-slice-donut { - stroke: var(--primary); } +.font-weight-bolder { + font-weight: bolder !important; +} -.ct-chart .ct-series.ct-series-b .ct-bar, -.ct-chart .ct-series.ct-series-b .ct-line, -.ct-chart .ct-series.ct-series-b .ct-point, -.ct-chart .ct-series.ct-series-b .ct-slice-donut { - stroke: #1BD084; } +.font-italic { + font-style: italic !important; +} -.ct-chart .ct-series.ct-series-c .ct-bar, -.ct-chart .ct-series.ct-series-c .ct-line, -.ct-chart .ct-series.ct-series-c .ct-point, -.ct-chart .ct-series.ct-series-c .ct-slice-donut { - stroke: #FE8024; } +.text-white { + color: #fff !important; +} -.ct-chart .ct-series.ct-series-d .ct-bar, -.ct-chart .ct-series.ct-series-d .ct-line, -.ct-chart .ct-series.ct-series-d .ct-point, -.ct-chart .ct-series.ct-series-d .ct-slice-donut { - stroke: #FF6746; } +.text-primary { + color: #40189D !important; +} -.ct-chart .ct-series.ct-series-e .ct-bar, -.ct-chart .ct-series.ct-series-e .ct-line, -.ct-chart .ct-series.ct-series-e .ct-point, -.ct-chart .ct-series.ct-series-e .ct-slice-donut { - stroke: #48A9F8; } +a.text-primary:hover, +a.text-primary:focus { + color: #250e5b !important; +} -.ct-chart .ct-series.ct-series-f .ct-bar, -.ct-chart .ct-series.ct-series-f .ct-line, -.ct-chart .ct-series.ct-series-f .ct-point, -.ct-chart .ct-series.ct-series-f .ct-slice-donut { - stroke: #B1B1B1; } +.text-secondary { + color: #8BC740 !important; +} -.ct-chart .ct-series.ct-series-g .ct-bar, -.ct-chart .ct-series.ct-series-g .ct-line, -.ct-chart .ct-series.ct-series-g .ct-point, -.ct-chart .ct-series.ct-series-g .ct-slice-donut { - stroke: #8d6e63; } +a.text-secondary:hover, +a.text-secondary:focus { + color: #63902a !important; +} -.ct-series-a .ct-area, -.ct-series-a .ct-slice-pie { - fill: #8BC740; } +.text-success { + color: #1BD084 !important; +} -.ct-series-b .ct-area, -.ct-series-b .ct-slice-pie { - fill: #00A2FF; } +a.text-success:hover, +a.text-success:focus { + color: #128c59 !important; +} -.ct-series-c .ct-area, -.ct-series-c .ct-slice-pie { - fill: #ff9800; } +.text-info { + color: #48A9F8 !important; +} -.ct-series-d .ct-area, -.ct-series-d .ct-slice-pie { - fill: #ff9800; } +a.text-info:hover, +a.text-info:focus { + color: #0985eb !important; +} -.chartist-tooltip { - position: absolute; - display: inline-block; - opacity: 0; - min-width: 0.625rem; - padding: 2px 0.625rem; - border-radius: 3px; - background: #313a46; - color: #ffffff; - text-align: center; - pointer-events: none; - z-index: 1; - -webkit-transition: opacity .2s linear; - -moz-transition: opacity .2s linear; - -o-transition: opacity .2s linear; - transition: opacity .2s linear; } +.text-warning { + color: #FE8024 !important; +} -.chartist-tooltip.tooltip-show { - opacity: 1; } +a.text-warning:hover, +a.text-warning:focus { + color: #d55a01 !important; +} -@media only screen and (max-width: 767px) { - #pie-chart .ct-label { - fill: #fff; - color: #fff; } } +.text-danger { + color: #FF6746 !important; +} -#donught_graph .ct-series.ct-series-a .ct-slice-donut { - stroke: #3FC6D4; } -#donught_graph .ct-series.ct-series-b .ct-slice-donut { - stroke: #333333; } -#donught_graph .ct-series.ct-series-c .ct-slice-donut { - stroke: #F63465; } +a.text-danger:hover, +a.text-danger:focus { + color: #f92c00 !important; +} -#visitor_graph { - height: 253px !important; } +.text-light { + color: #F4F5F9 !important; +} -#user_rating_graph { - height: 280px !important; } +a.text-light:hover, +a.text-light:focus { + color: #c3c8de !important; +} -#visitorOnline { - height: 72px !important; } +.text-dark { + color: #B1B1B1 !important; +} -#trendMeter { - height: 72px !important; } +a.text-dark:hover, +a.text-dark:focus { + color: #8b8b8b !important; +} -#widget-revenue1, -#widget-revenue2, -#widget-revenue3 { - height: 117px !important; } +.text-body { + color: #7e7e7e !important; +} -#widget-profit1, -#widget-profit2, -#widget-profit3 { - height: 160px !important; } +.text-muted { + color: #89879f !important; +} -#comparison-rate { - height: 230px !important; } +.text-black-50 { + color: rgba(0, 0, 0, 0.5) !important; +} -#session_day { - height: 175px !important; - width: auto !important; - margin: 0 auto; } +.text-white-50 { + color: rgba(255, 255, 255, 0.5) !important; +} -#walet-status { - height: 140px !important; } +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} -#bar1 { - height: 150px !important; } +.text-decoration-none { + text-decoration: none !important; +} -#sold-product { - height: 230px !important; } +.text-break { + word-break: break-word !important; + word-wrap: break-word !important; +} -#chart-venue-expenses, -#chart-online-sale, -#chart-gross-sale { - height: 150px !important; } +.text-reset { + color: inherit !important; +} -#areaChart_3 { - height: 295px !important; } +.visible { + visibility: visible !important; +} -.chart-point { - display: flex; - align-items: center; } - .chart-point .check-point-area { - width: 100px; - height: 100px; - margin-top: -10px; - margin-left: -10px; } - .chart-point .chart-point-list { - margin: 0; - padding-left: 5px; } - .chart-point .chart-point-list li { - list-style: none; - font-size: 13px; - padding: 2px 0; } - .chart-point .chart-point-list li i { - margin-right: 5px; - font-size: 11px; - position: relative; - top: -1px; } +.invisible { + visibility: hidden !important; +} -.c3 { - height: 250px; } +@media print { -.c3-legend-item { - fill: #9fabb1; } + *, + *::before, + *::after { + text-shadow: none !important; + box-shadow: none !important; + } -.c3 .c3-axis-x path, -.c3 .c3-axis-x line, -.c3 .c3-axis-y path, -.c3 .c3-axis-y line, -.tick text { - stroke: #fff; } + a:not(.btn) { + text-decoration: underline; + } -.flot-chart { - height: 15.7rem; } + abbr[title]::after { + content: " (" attr(title) ")"; + } -.tooltipflot { - background-color: transparent; - font-size: 1.4rem; - padding: .5rem 1rem; - color: rgba(255, 255, 255, 0.7); - border-radius: .2rem; } + pre { + white-space: pre-wrap !important; + } -.legendColorBox > div { - border: 0 !important; - padding: 0 !important; } + pre, + blockquote { + border: 1px solid #adb5bd; + page-break-inside: avoid; + } -.legendLabel { - font-size: 0.825rem; - padding-left: .5rem; - color: #fff; } + thead { + display: table-header-group; + } -.flotTip { - background: #000; - border: 1px solid #000; - color: #fff; } + tr, + img { + page-break-inside: avoid; + } -.legend > div { - background: transparent !important; } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } -#balance_graph { - height: 260px; } + h2, + h3 { + page-break-after: avoid; + } -.morris-hover { - position: absolute; - z-index: 1; - background: var(--primary); - color: #fff; } + @page { + size: a3; + } -.morris-hover .morris-hover-point { - color: #fff !important; - margin: 3px 0; - text-align: center; - padding: 0 25px; } + body { + min-width: 992px !important; + } -.morris-hover .morris-hover-row-label { - background-color: #B1B1B1; - text-align: center; - padding: 5px; - margin-bottom: 5px; } + .container { + min-width: 992px !important; + } -.morris-hover.morris-default-style { - border-radius: 5px; - padding: 0; - margin: 0; - border: none; - overflow: hidden; } + .navbar { + display: none; + } -svg text { - font-weight: 600 !important; } + .badge { + border: 1px solid #000; + } -#morris_donught, -#morris_donught_2, -#line_chart_2, -#morris_bar, -#morris_bar_stalked, -#morris_bar_2, -#morris_area_2, -#morris_area { - height: 240px !important; } + .table { + border-collapse: collapse !important; + } -#morris_line { - height: 278px !important; } + .table td, + .table th { + background-color: #fff !important; + } -#crypto-btc-card, -#crypto-eth-card, -#crypto-rpl-card, -#crypto-ltc-card { - height: 9.375rem; } + .table-bordered th, + .table-bordered td { + border: 1px solid #dee2e6 !important; + } -#daily-sales, #comparison-rate, #usage-chart, #walet-status { - width: 100%; - display: block; } - #daily-sales canvas, #comparison-rate canvas, #usage-chart canvas, #walet-status canvas { - max-width: 100% !important; - width: 100% !important; } + .table-dark { + color: inherit; + } -#sparkline-composite-chart canvas, -#composite-bar canvas, -#sparkline11 canvas, -#StackedBarChart canvas, -#spark-bar canvas, -#tristate canvas { - height: 100px !important; } + .table-dark th, + .table-dark td, + .table-dark thead th, + .table-dark tbody+tbody { + border-color: #EEEEEE; + } -#sparkline11 canvas { - width: 100px !important; } + .table .thead-dark th { + color: inherit; + border-color: #EEEEEE; + } +} -.easy-pie-chart { - position: relative; - text-align: center; } - .easy-pie-chart .inner { - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - display: inline-block; } - .easy-pie-chart img { - width: 75px; - height: 75px; - border-radius: 50%; } - .easy-pie-chart canvas { - display: block; - margin: 0 auto; } +.c-pointer { + cursor: pointer; +} -#revenue-chart { - height: 27.7rem; } +* { + outline: none; + padding: 0; +} -#duration-value-axis { - height: 27.6rem; - width: 100%; } +*::after { + margin: 0; + padding: 0; +} -#combined-bullet { - height: 28.125rem; - width: 100%; } +*::before { + margin: 0; + padding: 0; +} -#zoomable-chart { - height: 28.125rem; - width: 100%; } +::selection { + color: #fff; + background: var(--primary); +} -#chartMap { - height: 28.125rem; - width: 100%; } +body { + overflow-x: hidden; + height: 100%; + position: relative; + max-width: 100%; + font-size: 1rem; +} -#professional-candlesticks { - width: 100%; - height: 28.125rem; } +@media only screen and (max-width: 991px) { + body { + font-size: 0.875rem; + } +} -#comparing-stock-indices { - width: 100%; - height: 28.125rem; } +@media only screen and (max-width: 1400px) { + h2 { + font-size: 1.5rem; + } +} -#multiple-panel-data { - width: 100%; - height: 28.125rem; } +p { + line-height: 1.8; +} -#depth-chart { - width: 100%; - height: 28.125rem; } +.box-shadow-none { + box-shadow: none !important; +} -.amcharts-export-menu { - display: none; } +#main-wrapper { + opacity: 0; + transition: all 0.25s ease-in; + overflow: hidden; + position: relative; +} -.amcharts-data-set-selector-div { - position: absolute; - left: 0; - right: 0; - text-align: center; - width: 16.875rem; - margin: 0 auto; } - .amcharts-data-set-selector-div select { - border: 0; - margin-left: 0.625rem; - background: #ddd; - color: #000; } +#main-wrapper.show { + opacity: 1; +} -.amChartsInputField { - border: 0; - background: var(--primary); - color: #fff; - padding: 0.3125rem 0.9375rem; - margin: 0 0.9375rem; } +.rounded-lg { + border-radius: 1.25rem; +} -.amcharts-data-set-select { - border: 0; - background: #ddd; - color: #000; } +.rounded-xl { + border-radius: 12px !important; +} -.amcharts-period-input, -.amcharts-period-input-selected { - border: 0; - margin-left: 0.625rem; - background: var(--primary); - color: #fff; - padding: 0.3125rem 0.9375rem; } +ul { + padding: 0; + margin: 0; +} -.amcharts-graph-g2 .amcharts-graph-stroke { - stroke-dasharray: 3px 3px; - stroke-linejoin: round; - stroke-linecap: round; - -webkit-animation: am-moving-dashes 1s linear infinite; - animation: am-moving-dashes 1s linear infinite; } +li { + list-style: none; +} -@-webkit-keyframes am-moving-dashes { - 100% { - stroke-dashoffset: -1.9375rem; } } -@keyframes am-moving-dashes { - 100% { - stroke-dashoffset: -1.9375rem; } } -.lastBullet { - -webkit-animation: am-pulsating 1s ease-out infinite; - animation: am-pulsating 1s ease-out infinite; } +a { + color: #7e7e7e; +} -@-webkit-keyframes am-pulsating { - 0% { - stroke-opacity: 1; - stroke-width: 0px; } - 100% { - stroke-opacity: 0; - stroke-width: 3.125rem; } } -@keyframes am-pulsating { - 0% { - stroke-opacity: 1; - stroke-width: 0px; } - 100% { - stroke-opacity: 0; - stroke-width: 3.125rem; } } -.amcharts-graph-column-front { - -webkit-transition: all .3s .3s ease-out; - transition: all .3s .3s ease-out; } +a:hover, +a:focus, +a.active { + text-decoration: none; +} -.amcharts-graph-column-front:hover { - fill: #496375; - stroke: #496375; - -webkit-transition: all .3s ease-out; - transition: all .3s ease-out; } +.btn-link:hover, +.btn-link:focus, +.btn-link.active { + text-decoration: none; +} -@-webkit-keyframes am-draw { - 0% { - stroke-dashoffset: 500%; } - 100% { - stroke-dashoffset: 0%; } } -@keyframes am-draw { - 0% { - stroke-dashoffset: 500%; } - 100% { - stroke-dashoffset: 0%; } } -@media only screen and (max-width: 991px) { - .amChartsPeriodSelector > fieldset > div { - float: none !important; - display: block !important; - margin-bottom: 0.625rem; } } +.w-space-no { + white-space: nowrap; +} -.highcharts-root text { - font-weight: 300 !important; } +.content-body .container { + margin-top: 40px; +} -.highcharts-credits { - display: none; } +.content-body .container-fluid, +.content-body .container-sm, +.content-body .container-md, +.content-body .container-lg, +.content-body .container-xl { + padding-top: 40px; + padding-right: 40px; + padding-left: 40px; +} -#chart_employee_gender, #chart_employee_status { - width: auto; - height: 350px; } +@media only screen and (max-width: 1600px) { -.form-control { - border-radius: 0; - background: #fff; - border: 1px solid #f0f1f5; - color: #B1B1B1; - height: 56px; } - @media only screen and (max-width: 1400px) { - .form-control { - height: 41px; } } - .form-control:hover, .form-control:focus, .form-control.active { - box-shadow: none; - background: #fff; - color: #B1B1B1; } + .content-body .container-fluid, + .content-body .container-sm, + .content-body .container-md, + .content-body .container-lg, + .content-body .container-xl { + padding-top: 30px; + padding-right: 30px; + padding-left: 30px; + } +} -.input-rounded { - border-radius: 100px; } +@media only screen and (max-width: 767px) { -[data-theme-version="light"] .input-primary .form-control, -[data-theme-version="dark"] .input-primary .form-control { - border-color: var(--primary); } -[data-theme-version="light"] .input-primary .input-group-text, -[data-theme-version="dark"] .input-primary .input-group-text { - background-color: var(--primary); - color: #fff; } -[data-theme-version="light"] .input-danger .form-control, -[data-theme-version="dark"] .input-danger .form-control { - border-color: #FF6746; } -[data-theme-version="light"] .input-danger .input-group-text, -[data-theme-version="dark"] .input-danger .input-group-text { - background-color: #FF6746; - color: #fff; } -[data-theme-version="light"] .input-info .form-control, -[data-theme-version="dark"] .input-info .form-control { - border-color: #48A9F8; } -[data-theme-version="light"] .input-info .input-group-text, -[data-theme-version="dark"] .input-info .input-group-text { - background-color: #48A9F8; - color: #fff; } -[data-theme-version="light"] .input-success .form-control, -[data-theme-version="dark"] .input-success .form-control { - border-color: #1BD084; } -[data-theme-version="light"] .input-success .input-group-text, -[data-theme-version="dark"] .input-success .input-group-text { - background-color: #1BD084; - color: #fff; } -[data-theme-version="light"] .input-warning .form-control, -[data-theme-version="dark"] .input-warning .form-control { - border-color: #FE8024; } -[data-theme-version="light"] .input-warning .input-group-text, -[data-theme-version="dark"] .input-warning .input-group-text { - background-color: #FE8024; - color: #fff; } + .content-body .container-fluid, + .content-body .container-sm, + .content-body .container-md, + .content-body .container-lg, + .content-body .container-xl { + padding-top: 20px; + padding-right: 20px; + padding-left: 20px; + } +} -[data-theme-version="light"] .input-primary-o .form-control, -[data-theme-version="dark"] .input-primary-o .form-control { - border-color: var(--primary); } -[data-theme-version="light"] .input-primary-o .input-group-text, -[data-theme-version="dark"] .input-primary-o .input-group-text { - background-color: transparent; - border-color: var(--primary); - color: var(--primary); } -[data-theme-version="light"] .input-danger-o .form-control, -[data-theme-version="dark"] .input-danger-o .form-control { - border-color: #FF6746; } -[data-theme-version="light"] .input-danger-o .input-group-text, -[data-theme-version="dark"] .input-danger-o .input-group-text { - background-color: transparent; - border-color: #FF6746; - color: #FF6746; } -[data-theme-version="light"] .input-info-o .form-control, -[data-theme-version="dark"] .input-info-o .form-control { - border-color: #48A9F8; } -[data-theme-version="light"] .input-info-o .input-group-text, -[data-theme-version="dark"] .input-info-o .input-group-text { - background-color: transparent; - border-color: #48A9F8; - color: #48A9F8; } -[data-theme-version="light"] .input-success-o .form-control, -[data-theme-version="dark"] .input-success-o .form-control { - border-color: #1BD084; } -[data-theme-version="light"] .input-success-o .input-group-text, -[data-theme-version="dark"] .input-success-o .input-group-text { - background-color: transparent; - border-color: #1BD084; - color: #1BD084; } -[data-theme-version="light"] .input-warning-o .form-control, -[data-theme-version="dark"] .input-warning-o .form-control { - border-color: #FE8024; } -[data-theme-version="light"] .input-warning-o .input-group-text, -[data-theme-version="dark"] .input-warning-o .input-group-text { - background-color: transparent; - border-color: #FE8024; - color: #FE8024; } +@media only screen and (max-width: 575px) { -.input-group-text { - background: #d7dae3; - border: 1px solid transparent; - min-width: 50px; - display: flex; - justify-content: center; - padding: 0.532rem 0.75rem; - border-radius: 0; } - .input-group-text i { - font-size: 16px; } + .content-body .container-fluid, + .content-body .container-sm, + .content-body .container-md, + .content-body .container-lg, + .content-body .container-xl { + padding-top: 15px; + padding-right: 15px; + padding-left: 15px; + } +} -.custom-file-label { - height: 40px; - padding: 0.5rem 0.75rem; - border-radius: 0; } +/* sp */ +.row.sp80, +.sp80 { + margin-left: -40px; + margin-right: -40px; +} -.input-group-prepend .btn, -.input-group-append .btn { - z-index: 0; } +.row.sp80 [class*="col-"], +.sp80 [class*="col-"] { + padding-left: 40px; + padding-right: 40px; +} -.custom-select { - background: none; - border-color: #f0f1f5; - color: #B1B1B1; } - .custom-select:focus { - box-shadow: none; - border-color: var(--primary); - color: var(--primary); } +.row.sp60, +.sp60 { + margin-left: -30px; + margin-right: -30px; +} -.custom-file-label:after { - background: #656C73; - border: 1px solid #f0f1f5; - color: #fff; - border-radius: 0; } - [data-theme-version="dark"] .custom-file-label:after { - background: #333a54; - border-color: #333a54; - color: #7e7e7e; } +.row.sp60 [class*="col-"], +.sp60 [class*="col-"] { + padding-left: 30px; + padding-right: 30px; +} -.custom_file_input .custom-file-label::after { - height: 100%; } +.row.sp40, +.sp40 { + margin-left: -20px; + margin-right: -20px; +} -.form-control:disabled, -.form-control[readonly] { - background: #fff; - opacity: 1; } +.row.sp40 [class*="col-"], +.sp40 [class*="col-"] { + padding-left: 20px; + padding-right: 20px; +} -.custom-file-label { - background: #fff; - border-color: #f0f1f5; } - [data-theme-version="dark"] .custom-file-label { - background: #251e35; - border-color: #333a54; } +.row.sp20, +.sp20 { + margin-left: -10px; + margin-right: -10px; +} -/*$primary : #7356f1 !default;*/ -:root { - --primary: #40189D; - --secondary: #8BC740; - --primary-hover: #2e1171; - --primary-dark: #0a0418; - --rgba-primary-1: rgba(64, 24, 157, 0.1); - --rgba-primary-2: rgba(64, 24, 157, 0.2); - --rgba-primary-3: rgba(64, 24, 157, 0.3); - --rgba-primary-4: rgba(64, 24, 157, 0.4); - --rgba-primary-5: rgba(64, 24, 157, 0.5); - --rgba-primary-6: rgba(64, 24, 157, 0.6); - --rgba-primary-7: rgba(64, 24, 157, 0.7); - --rgba-primary-8: rgba(64, 24, 157, 0.8); - --rgba-primary-9: rgba(64, 24, 157, 0.9); - --font-family-base: Roboto, sans-serif; - --font-family-title: Roboto, sans-serif; } +.row.sp20 [class*="col-"], +.sp20 [class*="col-"] { + padding-left: 10px; + padding-right: 10px; +} -input[type="checkbox"]:after { - content: ''; - display: block; - width: 1rem; - height: 1rem; - margin-top: 0px; - margin-left: -1px; - border: 1px solid transparent; - border-radius: 3px; - background: #d4d7da; - line-height: 1.3; } -input[type="checkbox"]:checked:after { - width: 1rem; - height: 1rem; - display: block; - content: "\f00c"; - font-family: 'FontAwesome'; - color: #fff; - font-weight: 100; - font-size: 12px; - text-align: center; - border-radius: 3px; - background: var(--primary); } +.row.sp16, +.sp16 { + margin-left: -8px; + margin-right: -8px; +} -.form-check-label { - margin-left: 5px; - margin-top: 3px; } +.row.sp16 [class*="col-"], +.sp16 [class*="col-"] { + padding-left: 8px; + padding-right: 8px; +} -.form-check-inline .form-check-input { - margin-right: 0.625rem; } +.row.sp10, +.sp10 { + margin-left: -5px; + margin-right: -5px; +} -.custom-control-label:before, .custom-control-label:after { - top: 2px; - width: 1.25rem; - height: 1.25rem; - border-color: #e7e7e7; } +.row.sp10 [class*="col-"], +.sp10 [class*="col-"] { + padding-left: 5px; + padding-right: 5px; +} -.rtl .custom-control-label:before, .rtl .custom-control-label:after { - right: -1.5rem !important; - left: inherit; } +.row.sp4, +.sp4 { + margin-left: -2px; + margin-right: -2px; +} -.custom-control { - line-height: normal; } +.row.sp4 [class*="col-"], +.sp4 [class*="col-"] { + padding-left: 2px; + padding-right: 2px; +} -.custom-control-input:focus ~ .custom-control-label::before { - box-shadow: none !important; } +.row.spno, +.spno { + margin-left: 0; + margin-right: 0; +} -.custom-control-label::before { - background-color: transparent; - border-color: #E1E1E1; - border-width: 2px; - border-radius: 0 !important; } - [data-theme-version="dark"] .custom-control-label::before { - background-color: transparent; - border-color: #333a54; } +.row.spno [class*="col-"], +.spno [class*="col-"] { + padding-left: 0; + padding-right: 0; +} -.check-xs .custom-control-label:before, -.check-xs .custom-control-label:after { - width: 18px; - height: 18px; } +.content-heading { + font-size: 16px; + margin-bottom: 1.875rem; + margin-top: 3.125rem; + border-bottom: 1px solid #f0f1f5; + padding-bottom: 10px; +} -.check-lg .custom-control-label:before, -.check-lg .custom-control-label:after { - width: 24px; - height: 24px; } +[direction="rtl"] .content-heading { + text-align: right; +} -.check-xl .custom-control-label:before, -.check-xl .custom-control-label:after { - width: 28px; - height: 28px; } +.text-ov { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} -.checkbox-info .custom-control-label::before { - background-color: transparent; - border-color: white; } - [data-theme-version="dark"] .checkbox-info .custom-control-label::before { - background-color: rgba(72, 169, 248, 0.1); - border-color: transparent; } -.checkbox-info .custom-control-input:checked ~ .custom-control-label::before { - background-color: #48A9F8; - border-color: #48A9F8; } -.checkbox-danger .custom-control-label::before { - background-color: transparent; - border-color: #ffe5df; } - [data-theme-version="dark"] .checkbox-danger .custom-control-label::before { - background-color: rgba(255, 103, 70, 0.15); - border-color: transparent; } -.checkbox-danger .custom-control-input:checked ~ .custom-control-label::before { - background-color: #FF6746; - border-color: #FF6746; } -.checkbox-success .custom-control-label::before { - background-color: transparent; - border-color: #b7f6db; } - [data-theme-version="dark"] .checkbox-success .custom-control-label::before { - background-color: rgba(27, 208, 132, 0.1); - border-color: transparent; } -.checkbox-success .custom-control-input:checked ~ .custom-control-label::before { - background-color: #1BD084; - border-color: #1BD084; } -.checkbox-warning .custom-control-label::before { - background-color: transparent; - border-color: #fff0e5; } - [data-theme-version="dark"] .checkbox-warning .custom-control-label::before { - background-color: rgba(254, 128, 36, 0.1); - border-color: transparent; } -.checkbox-warning .custom-control-input:checked ~ .custom-control-label::before { - background-color: #FE8024; - border-color: #FE8024; } -.checkbox-secondary .custom-control-label::before { - background-color: transparent; - border-color: #d3eab6; } - [data-theme-version="dark"] .checkbox-secondary .custom-control-label::before { - background-color: rgba(139, 199, 64, 0.5); - border-color: transparent; } -.checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before { - background-color: #8BC740; - border-color: #8BC740; } +.btn-primary:not(:disabled):not(.disabled):active:focus, +.btn-primary:not(:disabled):not(.disabled).active:focus { + box-shadow: none; +} -.toggle-switch { - padding-left: 50px; - line-height: 1.25; } - .toggle-switch .custom-control-label { - font-weight: 500; } - .toggle-switch .custom-control-label:after { - width: 24px; - background: #959595; - height: 24px; - border-radius: 24px; - top: -2px; - left: -50px; - -webkit-transition: all 0.5s; - -ms-transition: all 0.5s; - transition: all 0.5s; } - .toggle-switch .custom-control-label:before { - border: 0; - background: #D8D8D8; - width: 40px; - border-radius: 20px !important; - height: 16px; - left: -50px; - -webkit-transition: all 0.5s; - -ms-transition: all 0.5s; - transition: all 0.5s; } - .toggle-switch .custom-control-input:checked ~ .custom-control-label:after { - left: -43px; - background: var(--primary); } - .toggle-switch .custom-control-input:checked ~ .custom-control-label:before { - background: var(--rgba-primary-1); } - .toggle-switch.text-right { - padding-left: 0; - padding-right: 50px; } - .toggle-switch.text-right .custom-control-label:after { - left: auto; - right: -30px; } - .toggle-switch.text-right .custom-control-label:before { - left: auto; - right: -50px; } - .toggle-switch.text-right .custom-control-input:checked ~ .custom-control-label:after { - left: auto; - right: -43px; } +.op1 { + opacity: 0.1; +} -.check-switch { - padding-left: 40px; } - .check-switch .custom-control-label { - line-height: 30px; - font-weight: 500; } - .check-switch .custom-control-label:after, .check-switch .custom-control-label:before { - height: 1.5rem; - width: 1.5rem; - left: -2rem; - border-radius: 3rem !important; - border-color: var(--rgba-primary-3); } - -.custom-control-input:checked ~ .custom-control-label::before { - color: #fff; - border-color: var(--primary); - background-color: var(--primary); } +.op2 { + opacity: 0.2; +} -.js-switch + .switchery { - border-radius: 50px; - margin-right: 4rem; } - @media (max-width: 767.98px) { - .js-switch + .switchery { - margin-right: 1rem; } } - .js-switch + .switchery > small { - top: 2px; } -.js-switch.js-switch-lg + .switchery { - height: 2rem; - width: 4.5rem; } - .js-switch.js-switch-lg + .switchery > small { - width: 1.75rem; - height: 1.75rem; } -.js-switch.js-switch-md + .switchery { - height: 1.5rem; - width: 3.5rem; } - .js-switch.js-switch-md + .switchery > small { - width: 1.25rem; - height: 1.25rem; } -.js-switch.js-switch-sm + .switchery { - height: 1rem; - width: 2.2rem; } - .js-switch.js-switch-sm + .switchery > small { - width: 0.875rem; - height: 0.875rem; - top: 1px; } -.js-switch-square + .switchery { - border-radius: 0; } - .js-switch-square + .switchery > small { - border-radius: 0; - top: 2px; } -.js-switch-square.js-switch-lg + .switchery { - height: 2rem; - width: 4.5rem; } - .js-switch-square.js-switch-lg + .switchery > small { - width: 1.75rem; - height: 1.75rem; } -.js-switch-square.js-switch-md + .switchery { - height: 1.5rem; - width: 3.5rem; } - .js-switch-square.js-switch-md + .switchery > small { - width: 1.25rem; - height: 1.25rem; } -.js-switch-square.js-switch-sm + .switchery { - height: 1rem; - width: 2.2rem; } - .js-switch-square.js-switch-sm + .switchery > small { - width: 0.875rem; - height: 0.875rem; - top: 1px; } +.op3 { + opacity: 0.3; +} -.form-control.is-valid { - border-color: #1BD084 !important; - border-right: 0px !important; } - .form-control.is-valid:focus { - box-shadow: none; } +.op4 { + opacity: 0.4; +} -.form-control.is-warning { - border-color: #FE8024 !important; - border-right: 0px !important; } - .form-control.is-warning:focus { - box-shadow: none; } +.op5 { + opacity: 0.5; +} -.form-control.is-invalid { - border-color: #FF6746 !important; - border-right: 0px !important; } - .form-control.is-invalid:focus { - box-shadow: none; } +.op6 { + opacity: 0.6; +} -.is-valid .input-group-prepend .input-group-text i { - color: #1BD084; } +.op7 { + opacity: 0.7; +} -.is-invalid .input-group-prepend .input-group-text i { - color: var(--rgba-primary-1); } +.op8 { + opacity: 0.8; +} -.asColorPicker-dropdown { - max-width: 26rem; } +.op9 { + opacity: 0.9; +} -.asColorPicker-trigger { - border: 0 none; - height: 100%; - position: absolute; - left: 99%; - top: 0; - width: 2.1875rem; } +.wspace-no { + white-space: nowrap; +} -[direction="rtl"] .asColorPicker-trigger { - right: 99%; - left: auto; } +.support-ticket { + position: fixed; + bottom: 30px; + right: 15px; + z-index: 999999; +} -.asColorPicker-clear { - display: none; - position: absolute; - right: 1rem; - text-decoration: none; - top: .5rem; } +.support-ticket-btn { + width: 100px; + background: #7CB442; + animation: 0.7s ease-in-out 0s infinite alternate none running crescendo; + border-radius: 50px; + color: #fff; + font-size: 8px; + font-size: 16px; + padding: 5px 10px 7px; + text-align: center; + display: inline-block; + box-shadow: rgba(124, 180, 66, 0.7) 0px 8px 35px 0px; +} -.daterangepicker td.active { - background-color: var(--primary); } - .daterangepicker td.active:hover { - background-color: var(--primary); } -.daterangepicker button.applyBtn { - background-color: var(--primary); - border-color: var(--primary); } +.support-ticket-btn:hover, +.support-ticket-btn:focus { + color: #fff; +} -.datepicker.datepicker-dropdown { - background: #f2f4fa; - border-radius: 1px; - border: 1px solid #EEEEEE; } - .datepicker.datepicker-dropdown td.day, .datepicker.datepicker-dropdown th.next, .datepicker.datepicker-dropdown th.prev { - height: 30px; - width: 30px !important; - padding: 0; - text-align: center; - font-weight: 300; - border-radius: 50px; } - .datepicker.datepicker-dropdown td.day:hover, .datepicker.datepicker-dropdown th.next:hover, .datepicker.datepicker-dropdown th.prev:hover { - box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3); - color: #fff; } - .datepicker.datepicker-dropdown th.datepicker-switch, .datepicker.datepicker-dropdown th.next, .datepicker.datepicker-dropdown th.prev { - font-weight: 300; - color: #333; } - .datepicker.datepicker-dropdown th.dow { - font-weight: 300; } -.datepicker table tr td.selected, .datepicker table tr td.active.active { - box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3); - border: 0; } -.datepicker table tr td.today { - box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3); - color: #ffffff; } - .datepicker table tr td.today:hover { - box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3); - color: #ffffff; } -.datepicker table tr td.today.disabled { - box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3); - color: #ffffff; } - .datepicker table tr td.today.disabled:hover { - box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3); - color: #ffffff; } +.text-primary { + color: var(--primary) !important; +} -.picker__select--month, .picker__select--year { - height: 2.5em; } -.picker__input { - background-color: transparent !important; } - [data-theme-version="dark"] .picker__input { - background-color: transparent !important; - border: 1px solid #333a54; } +.text-blue { + color: #5e72e4; +} -.asColorPicker-wrap .form-control { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } +.text-indigo { + color: #6610f2; +} -#image { - max-width: 100%; } +.text-purple { + color: #6f42c1; +} -.docs-options .dropdown-menu { - padding: 1.5rem; } +.text-pink { + color: #e83e8c; +} -.docs-preview { - margin-bottom: 3rem; } - .docs-preview .img-preview { - float: left; - margin-right: .5rem; - margin-bottom: .5rem; - overflow: hidden; - max-width: 100% !important; } - .docs-preview .img-preview > img { - max-width: 100% !important; } - .docs-preview .img-preview.preview-lg { - width: 16rem; - height: 9rem; } - .docs-preview .img-preview.preview-md { - width: 8rem; - height: 4.5rem; } - .docs-preview .img-preview.preview-sm { - width: 4rem; - height: 2.25rem; } - .docs-preview .img-preview.preview-xs { - width: 2rem; - height: 1.125rem; - margin-right: 0; } +.text-red { + color: #EE3232; +} -.select2-container { - width: 100% !important; } +.text-orange { + color: #ff9900; +} -.select2-container--default .select2-selection--single { - border-radius: 1.25rem; - border: 1px solid #F4F5F9; - height: 40px; - background: #fff; } - [data-theme-version="dark"] .select2-container--default .select2-selection--single { - background: #251e35; - border-color: #333a54; } - .select2-container--default .select2-selection--single:hover, .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single.active { - box-shadow: none; } +.text-yellow { + color: #FFFA6F; +} -.select2-container--default .select2-selection--single .select2-selection__rendered { - line-height: 40px; - color: #7e7e7e; - padding-left: 15px; - min-height: 40px; } - -.select2-container--default .select2-selection--multiple { - border-color: #f0f1f5; - border-radius: 0; } +.text-green { + color: #297F00; +} -.select2-dropdown { - border-radius: 0; } +.text-teal { + color: #20c997; +} -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: var(--primary); } +.text-cyan { + color: #3065D0; +} -.select2-container--default.select2-container--focus .select2-selection--multiple { - border-color: #f0f1f5; - background: #fff; } +.bg-primary { + background-color: var(--primary) !important; +} -.select2-container--default .select2-selection--single .select2-selection__arrow { - top: 6px; - right: 15px; } +.bg-gray-dark { + background: #6610f2 !important; +} -.select2-container .select2-selection--multiple { - min-height: 40px; - color: #7e7e7e; - border-radius: 1.25rem; - border: 1px solid #F4F5F9; } - [data-theme-version="dark"] .select2-container .select2-selection--multiple { - background: #251e35; - border-color: #333a54; } +.bg-purpal { + background: #4d06a5 !important; +} -[data-theme-version="dark"] .select2-search--dropdown .select2-search__field { - background: #28253b; - border-color: #333a54; } +.bg-red { + background: #dc3545 !important; +} -.select2-dropdown { - border-color: #F4F5F9; } - [data-theme-version="dark"] .select2-dropdown { - background: #251e35; - border-color: #333a54; } +.bg-blue-dark { + background: #fd7e14 !important; +} -.swal2-popup .swal2-content { - color: #7e7e7e; } +.bg-blue { + background: #ffc107 !important; +} -/*$primary : #7356f1 !default;*/ -:root { - --primary: #40189D; - --secondary: #8BC740; - --primary-hover: #2e1171; - --primary-dark: #0a0418; - --rgba-primary-1: rgba(64, 24, 157, 0.1); - --rgba-primary-2: rgba(64, 24, 157, 0.2); - --rgba-primary-3: rgba(64, 24, 157, 0.3); - --rgba-primary-4: rgba(64, 24, 157, 0.4); - --rgba-primary-5: rgba(64, 24, 157, 0.5); - --rgba-primary-6: rgba(64, 24, 157, 0.6); - --rgba-primary-7: rgba(64, 24, 157, 0.7); - --rgba-primary-8: rgba(64, 24, 157, 0.8); - --rgba-primary-9: rgba(64, 24, 157, 0.9); - --font-family-base: Roboto, sans-serif; - --font-family-title: Roboto, sans-serif; } +.bg-blue-light { + background: #5bcfc5 !important; +} -/* -0 - 600: Phone -600 - 900: Tablet portrait -900 - 1200: Tablet landscape -1200 - 1800: Normal styles -1800+ : Big Desktop -1em = 16px -The smaller device rules always should write below the bigger device rules -Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component -*/ -/* .wizard > .content > .body input.error { - position: absolute; - top: 100% !important; +.bg-green-light { + background: #20c997 !important; } -.wizard { - position: relative; +.bg-green { + background: #17a2b8 !important; +} - &>.steps { - width: 100%; - // padding-left: 3%; - margin-bottom: 20px; - - @media(min-width: 1200px){ - width: 100%; - // margin-left: 3%; - } +.bg-black { + background: #000; +} - li { +.text-black { + color: #000 !important; +} - &.current { - a { - background-color: $primary; - color: $white; - } - } +.dz-scroll { + position: relative; +} - &.disabled, &.done { - a { - background-color: $white; - color: $heading; +.h-auto { + height: auto !important; +} - &:hover { - margin: 0; - background-color: $white; - border-radius: 0; - color: $heading; - } - } - } +.list-inline li { + display: inline-block; +} - a { - text-align: center; - margin: 0; - border-radius: 0; - background-color: $white; +.fs-12 { + font-size: 12px !important; + line-height: 1.3; +} - &:hover { - margin: 0; - background-color: $white; - border-radius: 0; - color: $heading; - } +.fs-13 { + font-size: 13px !important; + line-height: 1.4; +} - @include respond(phone-land) { - padding: 1em 4px; - } +.fs-14 { + font-size: 14px !important; + line-height: 1.5; +} - .number { - display: none; - } - } - } - } +.fs-15 { + font-size: 14px !important; + line-height: 1.5; +} - .content { - min-height: 32rem; - margin: 0; +.fs-16 { + font-size: 16px !important; + line-height: 1.5; +} - @include media-breakpoint-down(md) { - min-height: 41rem; - } +.fs-18 { + font-size: 18px !important; + line-height: 1.5; +} - & > .body { - background-color: transparent; - width: 100%; - height: 100%; - padding: 0; - - @include respond(phone) { - padding: 0; - } +.fs-20 { + font-size: 20px !important; + line-height: 1.5; +} - .form-control { - // background-color: $l-bg; - border: 1px solid $border; - @at-root [data-theme-version="dark"] & { - border-color: $d-border; - } - } - - input.error { - position: relative; - } - - label.error { - margin-top: 5px; - margin-left: 0; - margin-bottom: 0; - } - } - } +.fs-22 { + font-size: 22px !important; + line-height: 1.5; +} - .emial-setup { - label.mailclinet { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - width: 10rem; - height: 10rem; - border-radius: 50%; - cursor: pointer; - background-color: #EEF5F9; - text-align: center; - margin: auto; - @at-root [data-theme-version="dark"] & { - background-color: $d-bg; - } - @include respond(phone) { - width: 7rem; - height: 7rem; - } +.fs-24 { + font-size: 24px !important; + line-height: 1.4; +} - .mail-icon { - font-size: 3rem; - display: inline-block; - line-height: 1; - margin-top: -1rem; +.fs-26 { + font-size: 26px !important; + line-height: 1.4; +} - @include respond(phone) { - font-size: 2rem; - } - } +.fs-28 { + font-size: 28px !important; + line-height: 1.4; +} - .mail-text { - font-size: 1rem; - text-align: center; - margin-top: .5rem; +.fs-30 { + font-size: 30px !important; + line-height: 1.4; +} - @include respond(phone) { - font-size: 16px; - line-height: 20px; - } - } +.fs-32 { + font-size: 32px !important; + line-height: 1.25; +} - input[type="radio"] { - display: none; - } - } - } +.fs-35 { + font-size: 35px !important; + line-height: 1.25; +} - .skip-email { - margin-top: 6rem; +.fs-36 { + font-size: 36px !important; + line-height: 1.25; +} - p { - margin-bottom: 1rem; - } +.fs-46 { + font-size: 46px !important; + line-height: 1.25; +} - a { - color: $primary; - text-decoration: underline; - } - } +.fs-48 { + font-size: 48px !important; + line-height: 1.25; +} - &>.actions { - position: absolute; - bottom: 0; - left: 0; - padding: 2rem; +.font-w100 { + font-weight: 100; +} - li:not(.disabled) { - a { - background-color: $primary; - color: $white; - } - } - } +.font-w200 { + font-weight: 200; } -.wizard .actions ul li{ - &.disabled a{ - color: #333333 !important; - background: #F7FAFC !important; - border: 1px solid #EEEEEE; +.font-w300 { + font-weight: 300; +} - @at-root [data-theme-version="dark"] & { - background: $d-bg !important; - border-color: $d-border; - color:$white !important; - } - } +.font-w400 { + font-weight: 400; +} - & a{ - border-radius: 4px; - font-size: 14px; - font-weight: 600; - padding: 0.55em 2em; - } +.font-w500 { + font-weight: 500; +} +.font-w600 { + font-weight: 600; } -.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active{ - padding: 0.55em 2em; +.font-w700 { + font-weight: 700; } -// .wizard > .steps > ul > li{ +.font-w800 { + font-weight: 800; +} -// @media(max-width: 680px){ -// width: 100%; -// padding-left: 0; -// } -// } +.font-w900 { + font-weight: 900; +} -// .wizard > .steps{ +.scale1 { + transform: scale(1.1); + -moz-transform: scale(1.1); + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + -o-transform: scale(1.1); + display: inline-block; +} -// @media(max-width: 680px){ -// padding-left: 0; -// } -// } +.scale2 { + transform: scale(1.2); + -moz-transform: scale(1.2); + -webkit-transform: scale(1.2); + -ms-transform: scale(1.2); + -o-transform: scale(1.2); + display: inline-block; +} -.wizard > .content{ - background: transparent; - // box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); +.scale3 { + transform: scale(1.3); + -moz-transform: scale(1.3); + -webkit-transform: scale(1.3); + -ms-transform: scale(1.3); + -o-transform: scale(1.3); + display: inline-block; } -.wizard, .tabcontrol{ - overflow: visible; +.scale4 { + transform: scale(1.4); + -moz-transform: scale(1.4); + -webkit-transform: scale(1.4); + -ms-transform: scale(1.4); + -o-transform: scale(1.4); + display: inline-block; } -.step-form-horizontal { - .wizard { - padding-top: 3.5rem; - - .steps { - li { - position: relative; +.scale5 { + transform: scale(1.5); + -moz-transform: scale(1.5); + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + -o-transform: scale(1.5); + display: inline-block; +} - &.done { - a { - text-align: center; - background-color: $white; - color: $dark; - @at-root [data-theme-version="dark"] & { - background-color: $d-bg; - color: $body-color; - } - &:hover { - text-align: center; - background-color: $white; - color: $dark; - } +.height10 { + height: 10px; +} - .number { - color: $white; - background: $primary; - border-color: transparent; - @at-root [data-theme-version="dark"] & { - border-color:$primary; - } - } - } - } +.height20 { + height: 20px; +} - &.current a, &.disabled a { - background-color: transparent; - text-align: center; - color: $white; +.height30 { + height: 30px; +} - &:hover, &:active { - background-color: transparent; - color: $white; - } - } +.height40 { + height: 40px; +} - &.current a { - .number { - color: $primary; - background: $white; - border: 2px solid $primary; - } - } +.height50 { + height: 50px; +} - &.disabled a { - .number { - color: $primary; - } - } +.height60 { + height: 60px; +} - a { - position: relative; - z-index: 1; +.height70 { + height: 70px; +} - @include media-breakpoint-down(sm) { - padding-left: 0; - padding-right: 0; - margin: 0; - } +.height80 { + height: 80px; +} - @include media-breakpoint-down(xs) { - font-size: 0.75rem; - padding-top: 0.9375rem; - } +.height90 { + height: 90px; +} - .number { - position: absolute; - top: -55px; - left: 50%; - transform: translateX(-50%); - background-color: #fff; - border: 3px solid #d7dae3; - display: flex; - justify-content: center; - align-items: center; - height: 3rem; - border-radius: 50px; - width: 3rem; +.height100 { + height: 100px; +} - // @include respond(phone) { - // width: 4rem; - // height: 4rem; - // } - - @at-root [data-theme-version="dark"] & { - background:$d-bg; - border-color:$d-border; - } - @include respond('phone') { - top: -45px; - } - } - } +.height110 { + height: 110px; +} - &:not(:last-child) { - z-index: 1; +.height120 { + height: 120px; +} - &::after { - position: absolute; - width: 100%; - height: 0.375rem; - content: ""; - left: 50%; - top: -2.1rem; - background-color: $primary; - z-index: -1; +.height130 { + height: 130px; +} - @include media-breakpoint-down(xs) { - height: 0.375rem; - top: -1.3125rem; - } - } +.height140 { + height: 140px; +} - &.current { - &::after { - background-color: #F3F3F3; - @at-root [data-theme-version="dark"] & { - background:$d-bg; - } - } +.height150 { + height: 150px; +} +.height160 { + height: 160px; +} - &~li { - &::after { - background-color: #F3F3F3; - @at-root [data-theme-version="dark"] & { - background:$d-bg; - } - } - } - } - } - } - } +.height170 { + height: 170px; +} - .actions { - padding: 0; +.height180 { + height: 180px; +} - @include respond(phone) { - padding: 0; - } - } - } +.height190 { + height: 190px; } - */ -.form-wizard { - border: 0; } - .form-wizard .nav-wizard { - box-shadow: none !important; - margin-bottom: 2rem; } - .form-wizard .nav-wizard li .nav-link { - position: relative; } - .form-wizard .nav-wizard li .nav-link span { - border-radius: 50px; - width: 3rem; - height: 3rem; - border: 2px solid var(--primary); - display: block; - line-height: 3rem; - color: var(--primary); - font-size: 18px; - margin: auto; - background-color: #fff; - position: relative; - z-index: 1; } - .form-wizard .nav-wizard li .nav-link:after { - position: absolute; - top: 50%; - left: 50%; - height: 3px; - transform: translateY(-50%); - background: #f1f1f1 !important; - z-index: 0; - width: 100%; } - .form-wizard .nav-wizard li .nav-link.active:after { - background: #f1f1f1 !important; } - .form-wizard .nav-wizard li .nav-link.done:after { - background: var(--primary) !important; } - .form-wizard .nav-wizard li .nav-link.done span { - background-color: var(--primary); - color: #fff; } - .form-wizard .nav-wizard li:last-child .nav-link:after { - content: none; } - .form-wizard .toolbar-bottom .btn { - background-color: var(--primary); - border: 0; - padding: 12px 18px; } - .form-wizard .tab-content .tab-pane { - padding: 0; } - .form-wizard .emial-setup label.mailclinet { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - width: 10rem; - height: 10rem; - border-radius: 50%; - cursor: pointer; - background-color: #EEF5F9; - text-align: center; - margin: auto; } - [data-theme-version="dark"] .form-wizard .emial-setup label.mailclinet { - background-color: #251e35; } - @media only screen and (max-width: 575px) { - .form-wizard .emial-setup label.mailclinet { - width: 7rem; - height: 7rem; } } - .form-wizard .emial-setup label.mailclinet .mail-icon { - font-size: 3rem; - display: inline-block; - line-height: 1; - margin-top: -1rem; } - @media only screen and (max-width: 575px) { - .form-wizard .emial-setup label.mailclinet .mail-icon { - font-size: 2rem; } } - .form-wizard .emial-setup label.mailclinet .mail-text { - font-size: 1rem; - text-align: center; - margin-top: .5rem; } - @media only screen and (max-width: 575px) { - .form-wizard .emial-setup label.mailclinet .mail-text { - font-size: 16px; - line-height: 20px; } } - .form-wizard .emial-setup label.mailclinet input[type="radio"] { - display: none; } - .form-wizard .emial-setup label.mailclinet { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - width: 10rem; - height: 10rem; - border-radius: 50%; - cursor: pointer; - background-color: #EEF5F9; - text-align: center; - margin: auto; } - [data-theme-version="dark"] .form-wizard .emial-setup label.mailclinet { - background-color: #251e35; } - @media only screen and (max-width: 575px) { - .form-wizard .emial-setup label.mailclinet { - width: 7rem; - height: 7rem; } } - .form-wizard .emial-setup label.mailclinet .mail-icon { - font-size: 3rem; - display: inline-block; - line-height: 1; - margin-top: -1rem; } - @media only screen and (max-width: 575px) { - .form-wizard .emial-setup label.mailclinet .mail-icon { - font-size: 2rem; } } - .form-wizard .emial-setup label.mailclinet .mail-text { - font-size: 1rem; - text-align: center; - margin-top: .5rem; } - @media only screen and (max-width: 575px) { - .form-wizard .emial-setup label.mailclinet .mail-text { - font-size: 16px; - line-height: 20px; } } - .form-wizard .emial-setup label.mailclinet input[type="radio"] { - display: none; } - @media only screen and (max-width: 767px) { - .form-wizard .nav-wizard { - flex-direction: unset !important; } - .form-wizard .tab-content { - height: 100% !important; } } - @media only screen and (max-width: 575px) { - .form-wizard .nav-wizard li .nav-link { - padding: 0; } } -.note-icon-caret, -.note-popover { - display: none; } +.height200 { + height: 200px; +} -.note-editor.note-frame .panel-heading { - padding: .6rem 1rem 1rem; - z-index: 1; } +.height210 { + height: 210px; +} -.note-editor.note-frame { - border-color: #f0f1f5; } +.height220 { + height: 220px; +} -.note-editor.note-frame .note-editing-area .note-editable { - background-color: #fff; } - [data-theme-version="dark"] .note-editor.note-frame .note-editing-area .note-editable { - background-color: #251e35; } +.height230 { + height: 230px; +} -.note-editor.note-frame .note-statusbar { - background-color: #fff; } +.height240 { + height: 240px; +} -.ql-container { - height: 25rem; } +.height250 { + height: 250px; +} -#world-datamap { - padding-bottom: 46% !important; } +.height260 { + height: 260px; +} -.datamaps-hoverover { - background: #fff; - padding: 0.3125rem; - border-radius: 0.3125rem; - font-family: 'Roboto' !important; - color: var(--primary); - border: 1px solid var(--rgba-primary-3); } +.height270 { + height: 270px; +} -@media only screen and (max-width: 1440px) { - .world_map_card ul.list-group { - display: flex; - flex-wrap: wrap; - flex-direction: row; - margin-top: 35px; } } +.height280 { + height: 280px; +} -.jqvmap-zoomin, -.jqvmap-zoomout { - height: 20px; - width: 20px; - line-height: 14px; - background-color: var(--primary); - color: #fff; } +.height290 { + height: 290px; +} -.jqvmap-zoomout { - top: 35px; } +.height300 { + height: 300px; +} -#world-map { - height: 400px; } +.height310 { + height: 310px; +} -.blockUI.blockMsg.blockPage { - border: 0 !important; } +.height320 { + height: 320px; +} -#loginForm { - cursor: auto; } +.height330 { + height: 330px; +} -.blockMsg { - border: 0px !important; - width: 20% !important; } - .blockMsg h1 { - font-size: 16px; - padding: 8px 0; - margin-bottom: 0; } +.height340 { + height: 340px; +} -.bootstrap-select { - margin-bottom: 0; } - .bootstrap-select .btn { - border: 1px solid #f0f1f5 !important; - background-color: transparent !important; - font-weight: 400; - color: #7e7e7e !important; } - [data-theme-version="dark"] .bootstrap-select .btn { - border-color: #333a54 !important; } - .bootstrap-select .btn:active, .bootstrap-select .btn:focus, .bootstrap-select .btn:hover { - outline: none !important; - outline-offset: 0; } - [data-theme-version="dark"] .bootstrap-select .btn:active, [data-theme-version="dark"] .bootstrap-select .btn:focus, [data-theme-version="dark"] .bootstrap-select .btn:hover { - color: #7e7e7e !important; } - .bootstrap-select .dropdown-menu { - border-color: #f0f1f5 !important; - box-shadow: 0px 0Epx 40px 0px rgba(82, 63, 105, 0.1); } - .bootstrap-select .dropdown-menu .dropdown-item { - padding: 0.25rem 1rem; } - [data-theme-version="dark"] .bootstrap-select .dropdown-menu { - border-color: #f0f1f5 !important; } - -.input-group > .bootstrap-select:not(:first-child) .dropdown-toggle { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } +.height350 { + height: 350px; +} -.input-group > .bootstrap-select:not(:last-child) .dropdown-toggle { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } +.height360 { + height: 360px; +} -/*$primary : #7356f1 !default;*/ -:root { - --primary: #40189D; - --secondary: #8BC740; - --primary-hover: #2e1171; - --primary-dark: #0a0418; - --rgba-primary-1: rgba(64, 24, 157, 0.1); - --rgba-primary-2: rgba(64, 24, 157, 0.2); - --rgba-primary-3: rgba(64, 24, 157, 0.3); - --rgba-primary-4: rgba(64, 24, 157, 0.4); - --rgba-primary-5: rgba(64, 24, 157, 0.5); - --rgba-primary-6: rgba(64, 24, 157, 0.6); - --rgba-primary-7: rgba(64, 24, 157, 0.7); - --rgba-primary-8: rgba(64, 24, 157, 0.8); - --rgba-primary-9: rgba(64, 24, 157, 0.9); - --font-family-base: Roboto, sans-serif; - --font-family-title: Roboto, sans-serif; } +.height370 { + height: 370px; +} -.clipboard-btn { - transition: all .1s ease-in-out; } - .clipboard-btn:hover { - background-color: var(--primary); - color: #fff; } +.height380 { + height: 380px; +} -.crypto-ticker { - background: rgba(0, 0, 0, 0.5); - margin-top: 20px; - padding: 10px 20px; - border-radius: 3px; - box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15); } - [data-theme-version="dark"] .crypto-ticker { - background: #28253b; } +.height390 { + height: 390px; +} -#webticker-big { - font: inherit !important; - font-size: inherit !important; - font-weight: normal !important; } - #webticker-big li i { - font-size: 18px; - margin-right: 7px; } - #webticker-big li p { - margin-bottom: 0px; - font-size: 12px; - font-weight: 700; } +.height400 { + height: 400px; +} -/*$primary : #7356f1 !default;*/ -:root { - --primary: #40189D; - --secondary: #8BC740; - --primary-hover: #2e1171; - --primary-dark: #0a0418; - --rgba-primary-1: rgba(64, 24, 157, 0.1); - --rgba-primary-2: rgba(64, 24, 157, 0.2); - --rgba-primary-3: rgba(64, 24, 157, 0.3); - --rgba-primary-4: rgba(64, 24, 157, 0.4); - --rgba-primary-5: rgba(64, 24, 157, 0.5); - --rgba-primary-6: rgba(64, 24, 157, 0.6); - --rgba-primary-7: rgba(64, 24, 157, 0.7); - --rgba-primary-8: rgba(64, 24, 157, 0.8); - --rgba-primary-9: rgba(64, 24, 157, 0.9); - --font-family-base: Roboto, sans-serif; - --font-family-title: Roboto, sans-serif; } +.width10 { + width: 10px; +} -.twitter-typeahead { - width: 100%; } - .twitter-typeahead .tt-dataset.tt-dataset-states { - border: 1px solid #f0f1f5; } - .twitter-typeahead .tt-menu { - width: 100%; - background-color: #fff; } - .twitter-typeahead .tt-menu .tt-suggestion { - padding: 0.625rem; - cursor: pointer; } - .twitter-typeahead .tt-menu .tt-suggestion:hover { - background-color: var(--primary); - color: #fff; } +.width20 { + width: 20px; +} -.weather-one i { - font-size: 8rem; - position: relative; - top: .5rem; } -.weather-one h2 { - display: inline-block; - float: right; - font-size: 4.8rem; } -.weather-one .city { - position: relative; - text-align: right; - top: -2.5rem; } -.weather-one .currently { - font-size: 1.6rem; - font-weight: 400; - position: relative; - top: 2.5rem; } -.weather-one .celcious { - text-align: right; - font-size: 2rem; } +.width30 { + width: 30px; +} -/*$primary : #7356f1 !default;*/ -:root { - --primary: #40189D; - --secondary: #8BC740; - --primary-hover: #2e1171; - --primary-dark: #0a0418; - --rgba-primary-1: rgba(64, 24, 157, 0.1); - --rgba-primary-2: rgba(64, 24, 157, 0.2); - --rgba-primary-3: rgba(64, 24, 157, 0.3); - --rgba-primary-4: rgba(64, 24, 157, 0.4); - --rgba-primary-5: rgba(64, 24, 157, 0.5); - --rgba-primary-6: rgba(64, 24, 157, 0.6); - --rgba-primary-7: rgba(64, 24, 157, 0.7); - --rgba-primary-8: rgba(64, 24, 157, 0.8); - --rgba-primary-9: rgba(64, 24, 157, 0.9); - --font-family-base: Roboto, sans-serif; - --font-family-title: Roboto, sans-serif; } +.width40 { + width: 40px; +} -.noUi-target { - border-color: transparent; - border-radius: 0; } +.width50 { + width: 50px; +} -.noUi-connect { - background-color: var(--primary); } - .noUi-connects { - background-color: #D2D6DE; } - .noUi-connect.c-1-color { - background-color: #1BD084; } - .noUi-connect.c-2-color { - background-color: #48A9F8; } - .noUi-connect.c-3-color { - background-color: var(--primary); } - .noUi-connect.c-4-color { - background-color: #FE8024; } +.width60 { + width: 60px; +} -.noUi-vertical { - width: 0.375rem; } +.width70 { + width: 70px; +} -.noUi-horizontal { - height: 0.375rem; - margin-bottom: 10px; } +.width80 { + width: 80px; +} -.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle { - height: 12px; - width: 12px; - border-radius: 50px; - box-shadow: none; - border: none; - background-color: var(--primary); } - .noUi-horizontal .noUi-handle::after, .noUi-horizontal .noUi-handle::before, .noUi-vertical .noUi-handle::after, .noUi-vertical .noUi-handle::before { - display: none; } - -.noUi-vertical .noUi-handle { - left: -4px; - top: -6px; } +.width90 { + width: 90px; +} -.noUi-horizontal .noUi-handle { - top: -4px; } +.width100 { + width: 100px; +} -html:not([dir=rtl]) .noUi-horizontal .noUi-handle { - right: -6px; } +.width110 { + width: 110px; +} -#slider-toggle { - height: 50px; } +.width120 { + width: 120px; +} -#slider-toggle.off .noUi-handle { - border-color: var(--primary); } +.width130 { + width: 130px; +} -.colorpicker-slider .sliders.noUi-target#red, .colorpicker-slider .sliders.noUi-target#green, .colorpicker-slider .sliders.noUi-target#blue { - margin: 10px; - display: inline-block; - height: 200px; } -.colorpicker-slider .sliders.noUi-target#red .noUi-connect { - background: #c0392b; } -.colorpicker-slider .sliders.noUi-target#green .noUi-connect { - background: #27ae60; } -.colorpicker-slider .sliders.noUi-target#blue .noUi-connect { - background: #2980b9; } -.colorpicker-slider #result { - margin: 60px 26px; - height: 100px; - width: 100px; - display: inline-block; - vertical-align: top; - color: #7f7f7f; - background: #7f7f7f; - border: 1px solid #fff; - box-shadow: 0 0 10px; } +.width140 { + width: 140px; +} -.slider-vertical { - height: 18rem; } +.width150 { + width: 150px; +} -.nestable-cart { - overflow: hidden; } +.width160 { + width: 160px; +} -.dd-handle { - color: #fff; - background: var(--primary); - border-radius: 0; - border: 1px solid #f0f1f5; } +.width170 { + width: 170px; +} -.dd-handle:hover { - color: #fff; - background: var(--primary); } +.width180 { + width: 180px; +} -.dd3-content:hover { - color: #fff; - background: var(--primary); } +.width190 { + width: 190px; +} -.dd3-content { - color: #fff; } +.width200 { + width: 200px; +} -.pignose-calendar { - box-shadow: none; - width: 100%; - max-width: none; - border-color: var(--primary); } - .pignose-calendar .pignose-calendar-top-date { - background-color: var(--primary); } - .pignose-calendar .pignose-calendar-top-date .pignose-calendar-top-month { - color: #fff; } +.width210 { + width: 210px; +} -.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a { - background-color: var(--primary); - box-shadow: none; } +.width220 { + width: 220px; +} -.pignose-calendar .pignose-calendar-top { - box-shadow: none; - border-bottom: 0; } +.width230 { + width: 230px; +} -.pignose-calendar.pignose-calendar-blue { - background-color: rgba(0, 0, 0, 0.15); } +.width240 { + width: 240px; +} -.pignose-calendar .pignose-calendar-unit { - height: 4.8em; } +.width250 { + width: 250px; +} -.cd-h-timeline { - opacity: 0; - transition: opacity 0.2s; } +.width260 { + width: 260px; +} -.cd-h-timeline--loaded { - opacity: 1; } +.width270 { + width: 270px; +} -.cd-h-timeline__container { - position: relative; - height: 100px; - max-width: 800px; } +.width280 { + width: 280px; +} -.cd-h-timeline__dates { - position: relative; - height: 100%; - margin: 0 40px; - overflow: hidden; } - .cd-h-timeline__dates::after, .cd-h-timeline__dates::before { - content: ''; - position: absolute; - z-index: 2; - top: 0; - height: 100%; - width: 20px; } - .cd-h-timeline__dates::before { - left: 0; - background: var(--primary); } - .cd-h-timeline__dates::after { - right: 0; - background: var(--primary); } +.width290 { + width: 290px; +} -.cd-h-timeline__line { - position: absolute; - z-index: 1; - left: 0; - top: 49px; - height: 2px; - background-color: var(--primary); - transition: transform 0.4s; } +.width300 { + width: 300px; +} -.cd-h-timeline__filling-line { - position: absolute; - z-index: 1; - left: 0; - top: 0; - height: 100%; - width: 100%; - background-color: #1BD084; - transform: scaleX(0); - transform-origin: left center; - transition: transform 0.3s; } +.width310 { + width: 310px; +} -.cd-h-timeline__date { - position: absolute; - bottom: 0; - z-index: 2; - text-align: center; - font-size: 0.8em; - padding-bottom: var(--space-sm); - color: var(--cd-color-1); - user-select: none; - text-decoration: none; } - .cd-h-timeline__date::after { - content: ''; - position: absolute; - left: 50%; - transform: translateX(-50%); - bottom: -5px; - height: 12px; - width: 12px; - border-radius: 50%; - border-width: 2px; - border-style: solid; - border-color: var(--rgba-primary-9); - background-color: var(--primary); - transition: background-color 0.3s, border-color .3s; } - .cd-h-timeline__date:hover::after { - background-color: #1BD084; - border-color: #1BD084; } +.width320 { + width: 320px; +} -.cd-h-timeline__date--selected { - pointer-events: none; } - .cd-h-timeline__date--selected::after { - background-color: #1BD084; - border-color: #1BD084; } +.width330 { + width: 330px; +} -.cd-h-timeline__date--older-event::after { - border-color: #1BD084; } +.width340 { + width: 340px; +} -.cd-h-timeline__navigation { - position: absolute; - z-index: 1; - top: 50%; - transform: translateY(-50%); - height: 34px; - width: 34px; - border-radius: 50%; - border-width: 2px; - border-style: solid; - border-color: var(--rgba-primary-9); - transition: border-color 0.3s; } - .cd-h-timeline__navigation::after { - content: ''; - position: absolute; - height: 16px; - width: 16px; - top: 50%; - left: 50%; - transform: translateX(-50%) translateY(-50%); } - .cd-h-timeline__navigation:hover { - border-color: #1BD084; } +.width350 { + width: 350px; +} -.cd-h-timeline__navigation--prev { - left: 0; - transform: translateY(-50%) rotate(180deg); } +.width360 { + width: 360px; +} -.cd-h-timeline__navigation--next { - right: 0; } +.width370 { + width: 370px; +} -.cd-h-timeline__navigation--inactive { - cursor: not-allowed; } - .cd-h-timeline__navigation--inactive::after { - background-position: 0 -16px; } - .cd-h-timeline__navigation--inactive:hover { - border-color: var(--rgba-primary-9); } +.width380 { + width: 380px; +} -.cd-h-timeline__events { - position: relative; - width: 100%; - overflow: hidden; - transition: height .4s; } +.width390 { + width: 390px; +} -.cd-h-timeline__event { - position: absolute; - z-index: 1; - width: 100%; - left: 0; - top: 0; - transform: translateX(-100%); - padding: 1px 5%; - opacity: 0; - animation-duration: 0.4s; - animation-timing-function: ease-in-out; } +.width400 { + width: 400px; +} -.cd-h-timeline__event--selected { - position: relative; - z-index: 2; - opacity: 1; - transform: translateX(0); } +@-webkit-keyframes crescendo { + from { + -webkit-transform: translateY(5px) scale(0.8); + -ms-transform: translateY(5px) scale(0.8); + transform: translateY(5px) scale(0.8); + } -.cd-h-timeline__event--enter-right, -.cd-h-timeline__event--leave-right { - animation-name: cd-enter-right; } + to { + -webkit-transform: translateY(0px) scale(1); + -ms-transform: translateY(0px) scale(1); + transform: translateY(0px) scale(1); + } +} -.cd-h-timeline__event--enter-left, -.cd-h-timeline__event--leave-left { - animation-name: cd-enter-left; } +@keyframes gXGDoR { + from { + -webkit-transform: translateY(5px) scale(0.8); + -ms-transform: translateY(5px) scale(0.8); + transform: translateY(5px) scale(0.8); + } -.cd-h-timeline__event--leave-right, -.cd-h-timeline__event--leave-left { - animation-direction: reverse; } + to { + -webkit-transform: translateY(0px) scale(1); + -ms-transform: translateY(0px) scale(1); + transform: translateY(0px) scale(1); + } +} -.cd-h-timeline__event-content { - max-width: 800px; } +@keyframes crescendo { + from { + -webkit-transform: translateY(5px) scale(0.8); + -ms-transform: translateY(5px) scale(0.8); + transform: translateY(5px) scale(0.8); + } -.cd-h-timeline__event-title { - color: var(--cd-color-1); - font-family: var(--font-secondary); - font-weight: 700; - font-size: var(--text-xxxl); } + to { + -webkit-transform: translateY(0px) scale(1); + -ms-transform: translateY(0px) scale(1); + transform: translateY(0px) scale(1); + } +} -.cd-h-timeline__event-date { - display: block; - font-style: italic; - margin: var(--space-xs) auto; } - .cd-h-timeline__event-date::before { - content: '- '; } +@keyframes gXGDoR { + from { + -webkit-transform: translateY(5px) scale(0.8); + -ms-transform: translateY(5px) scale(0.8); + transform: translateY(5px) scale(0.8); + } -@keyframes cd-enter-right { - 0% { - opacity: 0; - transform: translateX(100%); } - 100% { - opacity: 1; - transform: translateX(0%); } } -@keyframes cd-enter-left { - 0% { - opacity: 0; - transform: translateX(-100%); } - 100% { - opacity: 1; - transform: translateX(0%); } } -.toast-success { - background-color: var(--primary); } -.toast-info { - background-color: #48A9F8; } -.toast-warning { - background-color: #FE8024; } -.toast-error { - background-color: #FF6746; } + to { + -webkit-transform: translateY(0px) scale(1); + -ms-transform: translateY(0px) scale(1); + transform: translateY(0px) scale(1); + } +} -#toast-container > div { - box-shadow: none; - border-radius: 0; - width: auto; - max-width: 250px; - opacity: 1; } - [direction="rtl"] #toast-container > div { - padding: 15px 50px 15px 15px; - background-position: calc(100% - 15px); - text-align: right; } - #toast-container > div:hover { - box-shadow: none; } -#toast-container .toast-title { - margin-bottom: 5px; - font-weight: 600; } -#toast-container .toast-message { - font-size: 12px; } -#toast-container .toast-close-button { - opacity: 1; - font-size: 8px; - font-weight: normal; - text-shadow: none; } +.row.sp8, +.sp8 { + margin-left: -4px; + margin-right: -4px; +} -[direction="rtl"] .toast-top-right.demo_rtl_class { - left: 12px; - right: auto; } +.row.sp8 [class*="col-"], +.sp8 [class*="col-"] { + padding-left: 4px; + padding-right: 4px; +} -/* Light Gallery */ -.lg-actions .lg-next, -.lg-actions .lg-prev, -.lg-sub-html, -.lg-toolbar { - background-color: rgba(30, 30, 30, 0.6); } +@media only screen and (min-width: 1200px) and (max-width: 1600px) { + .col-xxl-1 { + flex: 0 0 8.3333333333%; + max-width: 8.3333333333%; + } -.lg-outer .lg-toogle-thumb, -.lg-outer .lg-thumb-outer, -.lg-outer .lg-img-wrap, -.lg-outer .lg-item { - background-color: transparent; } + .col-xxl-2 { + flex: 0 0 16.6666666667%; + max-width: 16.6666666667%; + } -.lg-thumb-outer.lg-grab, -.lg-toogle-thumb.lg-icon { - background-color: rgba(30, 30, 30, 0.6); } + .col-xxl-3 { + flex: 0 0 25%; + max-width: 25%; + } -.lg-backdrop { - background-color: rgba(30, 30, 30, 0.9); } + .col-xxl-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; + } -.lg-outer .lg-toogle-thumb, -.lg-actions .lg-next, -.lg-actions .lg-prev, -.lg-toolbar .lg-icon, -#lg-counter { - color: #fff; } + .col-xxl-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; + } -.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { - border-color: var(--primary); } + .col-xxl-6 { + flex: 0 0 50%; + max-width: 50%; + } -.lightimg { - cursor: pointer; } + .col-xxl-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; + } -.jqvmap-zoomin, .jqvmap-zoomout { - position: absolute; - left: 10px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background: #000000; - padding: 3px; - color: white; - width: 17px; - height: 17px; - cursor: pointer; - line-height: 10px; - text-align: center; } + .col-xxl-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; + } -.jqvmap-zoomin { - top: 10px; } + .col-xxl-9 { + flex: 0 0 75%; + max-width: 75%; + } -.jqvmap-zoomout { - top: 30px; } + .col-xxl-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; + } -.ps__rail-x:hover, -.ps__rail-y:hover, -.ps__rail-x:focus, -.ps__rail-y:focus, -.ps__rail-x.ps--clicking, -.ps__rail-y.ps--clicking { - background-color: transparent; - opacity: 0.9; } + .col-xxl-11 { + flex: 0 0 91.6666666667%; + max-width: 91.6666666667%; + } -.ps__rail-y:hover > .ps__thumb-y, -.ps__rail-y:focus > .ps__thumb-y, -.ps__rail-y.ps--clicking .ps__thumb-y { - background-color: #DAE2F3; - width: 4px; } + .col-xxl-12 { + flex: 0 0 100%; + max-width: 100%; + } -.ps__thumb-y { - background-color: #DAE2F3; - width: 4px; } + .mb-xxl-4 { + margin-bottom: 1.5rem !important; + } +} -.total-average { - position: relative; - height: 300px; } +/* Editable */ +#preloader { + position: fixed; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: #fff; +} -.widget-chat { - position: relative; - height: 250px; } +.sk-three-bounce { + margin: 0; + width: 100%; + height: 100%; + text-align: center; + background-color: white; +} -.widget-todo { +.sk-three-bounce .sk-child { position: relative; - height: 210px; } + top: 50%; + transform: translateY(-50%); + width: 20px; + height: 20px; + background-color: #40189D; + border-radius: 100%; + display: inline-block; + -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; + animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; +} -.widget-team { - position: relative; - height: 285px; } +.sk-three-bounce .sk-bounce1 { + -webkit-animation-delay: -0.32s; + animation-delay: -0.32s; +} -.widget-timeline { - position: relative; } +.sk-three-bounce .sk-bounce2 { + -webkit-animation-delay: -0.16s; + animation-delay: -0.16s; +} -.widget-comments { - position: relative; - height: 400px; } +@-webkit-keyframes sk-three-bounce { -.sidebar-right-inner { - position: relative; - height: 100%; } + 0%, + 80%, + 100% { + -webkit-transform: scale(0); + transform: scale(0); + } -.widget-team .ps .ps__rail-x:hover, -.widget-team .ps .ps__rail-y:hover, -.widget-team .ps .ps__rail-x:focus, -.widget-team .ps .ps__rail-y:focus, -.widget-team .ps .ps__rail-x.ps--clicking, -.widget-team .ps .ps__rail-y.ps--clicking { - background-color: transparent !important; - opacity: 0.9; } + 40% { + -webkit-transform: scale(1); + transform: scale(1); + } +} -.accordion-primary .accordion__header { - background: var(--primary); - border-color: var(--primary); - color: #fff; - box-shadow: 0 15px 20px 0 var(--rgba-primary-1); } - .accordion-primary .accordion__header.collapsed { - background: var(--rgba-primary-1); - border-color: var(--rgba-primary-1); - color: #211c37; - box-shadow: none; } - [data-theme-version="dark"] .accordion-primary .accordion__header.collapsed { - background: var(--rgba-primary-1); - border-color: var(--rgba-primary-1); - color: #7e7e7e; } -.accordion-primary-solid .accordion__header { - background: var(--primary); - border-color: var(--primary); - color: #fff; - box-shadow: 0 -10px 20px 0 var(--rgba-primary-1); - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - .accordion-primary-solid .accordion__header.collapsed { - background: var(--rgba-primary-1); - border-color: var(--rgba-primary-1); - color: #211c37; - box-shadow: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - [data-theme-version="dark"] .accordion-primary-solid .accordion__header.collapsed { - background: var(--rgba-primary-1); - border-color: var(--rgba-primary-1); - color: #7e7e7e; } -.accordion-primary-solid .accordion__body { - border: 2px solid var(--primary); - border-top: none; - box-shadow: 0 15px 20px 0 var(--rgba-primary-1); - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } -.accordion-danger .accordion__header { - background: #FF6746; - border-color: #FF6746; - color: #fff; - box-shadow: 0 15px 20px 0 rgba(255, 103, 70, 0.15); } - .accordion-danger .accordion__header.collapsed { - background: #ffe5df; - border-color: #ffe5df; - color: #211c37; - box-shadow: none; } -.accordion-danger-solid .accordion__header { - background: #FF6746; - border-color: #FF6746; +@keyframes sk-three-bounce { + + 0%, + 80%, + 100% { + -webkit-transform: scale(0); + transform: scale(0); + } + + 40% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +.footer { + padding-left: 21.563rem; + background-color: #fff; +} + +@media only screen and (max-width: 1400px) { + .footer { + padding-left: 17rem; + } +} + +.footer .copyright { + padding: 0.9375rem; + background-color: #F2F2F2; +} + +.footer .copyright p { + text-align: center; + margin: 0; +} + +.footer .copyright a { + color: var(--primary); +} + +@media only screen and (min-width: 991px) { + .footer .copyright { + border-radius: 0 0 0 50px; + } +} + +[data-sidebar-style="mini"] .nav-control, +[data-layout="horizontal"] .nav-control { + display: none; +} + +@media only screen and (max-width: 767px) { + [data-sidebar-style="overlay"] .nav-header .logo-abbr { + display: block; + } +} + +[data-header-position="fixed"] .nav-header { + position: fixed; + left: auto; +} + +.nav-header { + height: 7.5rem; + width: 21.563rem; + display: inline-block; + text-align: left; + position: absolute; + left: 0; + top: 0; + background-color: var(--nav-headbg); + transition: all .2s ease; + z-index: 5; +} + +.nav-header .logo-abbr { + max-width: 68px; +} + +@media only screen and (max-width: 575px) { + .nav-header .logo-abbr { + transform: scale(0.7); + } +} + +.nav-header .logo-compact { + display: none; +} + +@media only screen and (max-width: 1400px) { + .nav-header { + width: 17rem; + } +} + +@media only screen and (max-width: 1199px) { + .nav-header { + height: 5rem; + } +} + +.nav-header .brand-logo { + display: flex; + height: 100%; + width: 100%; + justify-content: flex-start; + align-items: center; + font-size: 1.125rem; color: #fff; - box-shadow: 0 -10px 20px 0 rgba(255, 103, 70, 0.15); - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - .accordion-danger-solid .accordion__header.collapsed { - background: #ffe5df; - border-color: #ffe5df; - color: #211c37; - box-shadow: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - [data-theme-version="dark"] .accordion-danger-solid .accordion__header.collapsed { - background: rgba(255, 103, 70, 0.15); - border-color: rgba(255, 103, 70, 0.15); - color: #7e7e7e; } -.accordion-danger-solid .accordion__body { - border: 2px solid #FF6746; - border-top: none; - box-shadow: 0 15px 20px 0 rgba(255, 103, 70, 0.15); - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } -.accordion__item { - margin-bottom: 1.25rem; } -.accordion__header { - padding: 1rem 1.75rem; - border: 1px solid #f0f1f5; - cursor: pointer; - position: relative; - color: #333; - font-weight: 400; - border-radius: 0; - -webkit-transition: all 0.5s; - -ms-transition: all 0.5s; - transition: all 0.5s; } - [data-theme-version="dark"] .accordion__header { - color: #fff; - border-color: #333a54; } - .accordion__header--indicator { - font-family: 'themify'; - position: absolute; - right: 1.5625rem; - top: 50%; - transform: translateY(-50%); } - [direction="rtl"] .accordion__header--indicator { - right: auto; - left: 1.5625rem; } - .accordion__header--indicator.indicator_bordered { - display: inline-block; - width: 25px; - text-align: center; - height: 25px; - border: 1px solid #f0f1f5; - border-radius: 50%; - line-height: 25px; } - .accordion__header:not(.collapsed) .accordion__header--indicator::before { - content: "\e622"; } - .accordion__header:not(.collapsed) .accordion__header--indicator.style_two::before { - content: "\e648"; } - .accordion__header.collapsed .accordion__header--indicator::before { - content: "\e61a"; } - .accordion__header.collapsed .accordion__header--indicator.style_two::before { - content: "\e64b"; } -.accordion__body--text { - padding: 0.875rem 1.25rem; } -.accordion-bordered .accordion__body { - border: 1px solid #f0f1f5; - border-top: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - [data-theme-version="dark"] .accordion-bordered .accordion__body { - border-color: #333a54; } -.accordion-bordered .accordion__header.collapsed { - border-radius: 0; } -.accordion-bordered .accordion__header { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } -.accordion-no-gutter .accordion__item { - margin-bottom: 0; } - .accordion-no-gutter .accordion__item .accordion__header.collapsed { - border-bottom: none; } - .accordion-no-gutter .accordion__item:last-child .accordion__header { - border-bottom: 1px solid #f0f1f5; } - [data-theme-version="dark"] .accordion-no-gutter .accordion__item:last-child .accordion__header { - border-color: #333a54; } -.accordion-no-gutter.accordion__bordered .accordion__item:not(:last-child) .accordion__body { - border-bottom: none; } -.accordion-left-indicator .accordion__header--text { - padding-left: 2.5rem; } -.accordion-left-indicator .accordion__header--indicator { - right: auto; - left: 1.5625rem; } -.accordion-with-icon .accordion__header--text { - padding-left: 2.5rem; } - [direction="rtl"] .accordion-with-icon .accordion__header--text { - padding-left: 0; - padding-right: 2.5rem; } -.accordion-with-icon .accordion__header--icon { - position: absolute; - right: auto; - left: 1.5625rem; - font-family: 'themify'; } - [direction="rtl"] .accordion-with-icon .accordion__header--icon { - left: auto; - right: 1.5625rem; } - .accordion-with-icon .accordion__header--icon::before { - content: "\e645"; } -.accordion-header-bg .accordion__header { - background-color: #F4F5F9; } - [data-theme-version="dark"] .accordion-header-bg .accordion__header { - background-color: #251e35; - color: #fff; } - .accordion-header-bg .accordion__header--primary { - background-color: var(--primary); - color: #fff; - border-color: var(--primary); } - [data-theme-version="dark"] .accordion-header-bg .accordion__header--primary { - background-color: var(--primary); } - .accordion-header-bg .accordion__header--info { - background-color: #48A9F8; - color: #fff; - border-color: #48A9F8; } - [data-theme-version="dark"] .accordion-header-bg .accordion__header--info { - background-color: #48A9F8; } - .accordion-header-bg .accordion__header--success { - background-color: #1BD084; - color: #fff; - border-color: #1BD084; } - [data-theme-version="dark"] .accordion-header-bg .accordion__header--success { - background-color: #1BD084; } -.accordion-header-bg.accordion-no-gutter .accordion__header { - border-color: transparent; - border-radius: 0; } -.accordion-header-bg.accordion-no-gutter .accordion__item:first-child .accordion__header { - border-top-left-radius: 0; - border-top-right-radius: 0; } -.accordion-header-bg.accordion-no-gutter .accordion__item:last-child .accordion__header { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } -.accordion.accordion-no-gutter .accordion__header { - border-radius: 0; } -.accordion.accordion-no-gutter .accordion__header.collapsed { - border-radius: 0; } -.accordion.accordion-no-gutter .accordion__body { - border-radius: 0; } -.accordion.accordion-no-gutter .accordion__item:first-child .accordion__header { - border-top-left-radius: 0; - border-top-right-radius: 0; } -.accordion.accordion-no-gutter .accordion__item:last-child .accordion__header.collapsed { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } -.accordion.accordion-no-gutter .accordion__item:last-child .accordion__body { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } -.accordion-solid-bg .accordion__header { - border-color: transparent; - background-color: var(--rgba-primary-1); - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - [data-theme-version="dark"] .accordion-solid-bg .accordion__header { - background-color: #251e35; } - .accordion-solid-bg .accordion__header.collapsed { - border-radius: 0; } -.accordion-solid-bg .accordion__body { - border-color: transparent; - background-color: var(--rgba-primary-1); - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - [data-theme-version="dark"] .accordion-solid-bg .accordion__body { - background-color: #251e35; } -.accordion-active-header .accordion__header:not(.collapsed) { - background-color: #48A9F8; - border-color: #48A9F8; - color: #fff; } -.accordion-header-shadow .accordion__header { - border: none; - box-shadow: 0 0 0.9375rem -3px rgba(0, 0, 0, 0.3); } -.accordion-rounded-stylish .accordion__header { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; } -.accordion-rounded-stylish .accordion__body { - border-bottom-left-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; } -.accordion-rounded .accordion__header { - border-radius: 0.3125rem; } -.accordion-gradient .accordion__header { - color: #fff; - background-image: linear-gradient(to right, rgba(186, 1, 181, 0.85) 0%, rgba(103, 25, 255, 0.85) 100%); - border-color: transparent; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - .accordion-gradient .accordion__header.collapsed { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } -.accordion-gradient .accordion__body { - color: #fff; - background-image: linear-gradient(to right, rgba(186, 1, 181, 0.85) 0%, rgba(103, 25, 255, 0.85) 100%); - border-color: transparent; } + text-decoration: none; + padding-left: 50px; + padding-right: 50px; + font-weight: 700; +} -.alert { - border-radius: 0; - padding: 1rem 1.5rem; } - .alert p { - line-height: 1.5; } +@media only screen and (max-width: 1400px) { + .nav-header .brand-logo { + padding-left: 25px; + padding-right: 25px; + } +} -.alert-rounded { - border-radius: 30px; } +[data-sidebar-style="compact"] .nav-header .brand-logo, +[data-sidebar-style="mini"] .nav-header .brand-logo { + padding-left: 0; + padding-right: 0; + justify-content: center; +} -.alert-primary { - background: var(--rgba-primary-1); - border-color: var(--rgba-primary-1); - color: var(--primary); } - [data-theme-version="dark"] .alert-primary { - background: var(--rgba-primary-1); - border-color: var(--rgba-primary-1); } +@media only screen and (max-width: 767px) { + .nav-header .brand-logo { + padding-left: 0; + padding-right: 0; + justify-content: center; + } +} -.alert-secondary { - background: #d3eab6; - border-color: #d3eab6; - color: #8BC740; } - [data-theme-version="dark"] .alert-secondary { - background: rgba(139, 199, 64, 0.5); - border-color: rgba(139, 199, 64, 0.5); - color: #7e7e7e; } +.nav-header .brand-title { + margin-left: 10px; + max-width: 120px; + margin-top: 5px; +} -.alert-success { - background: #b7f6db; - border-color: #b7f6db; - color: #1BD084; } - [data-theme-version="dark"] .alert-success { - background: rgba(27, 208, 132, 0.1); - border-color: rgba(27, 208, 132, 0.1); } +[data-theme-version="dark"] .nav-header .brand-title { + background-position: 0 120%; +} -.alert-warning { - background: #fff0e5; - border-color: #fff0e5; - color: #FE8024; } - [data-theme-version="dark"] .alert-warning { - background: rgba(254, 128, 36, 0.1); - border-color: rgba(254, 128, 36, 0.1); } +.nav-header .svg-logo-circle { + fill: var(--primary); +} -.alert-danger { - background: #ffe5df; - border-color: #ffe5df; - color: #FF6746; } - [data-theme-version="dark"] .alert-danger { - background: rgba(255, 103, 70, 0.15); - border-color: rgba(255, 103, 70, 0.15); } +.nav-header .svg-logo-icon-text { + fill: #fff; +} -.alert-info { - background: white; - border-color: white; - color: #48A9F8; } - [data-theme-version="dark"] .alert-info { - background: rgba(72, 169, 248, 0.1); - border-color: rgba(72, 169, 248, 0.1); } +.nav-header .svg-logo-text-path { + fill: var(--primary); + stroke: var(--primary); +} -.alert-dark { - background: white; - border-color: white; - color: #B1B1B1; } - [data-theme-version="dark"] .alert-dark { - background: rgba(177, 177, 177, 0.35); - border-color: rgba(177, 177, 177, 0.35); - color: #7e7e7e; } +@media only screen and (max-width: 1023px) { + .nav-header { + width: 5rem; + height: 5rem; + } -.alert-light { - background: #F4F5F9; - border-color: #F4F5F9; - color: #B1B1B1; } + .nav-header .brand-title { + display: none; + } +} -.alert-alt.alert-primary { - border-left: 4px solid var(--primary); } +.nav-control { + cursor: pointer; + position: absolute; + right: -4.0625rem; + text-align: center; + top: 50%; + transform: translateY(-50%); + z-index: 9999; + font-size: 1.4rem; + padding: 2px 0.5rem 0; + border-radius: 2px; +} -.alert-alt.alert-secondary { - border-left: 4px solid #8BC740; } +@media only screen and (max-width: 767px) { + .nav-control { + right: -2.75rem; + } +} -.alert-alt.alert-success { - border-left: 4px solid #1BD084; } +@media only screen and (max-width: 575px) { + .nav-control { + right: -2.75rem; + } +} -.alert-alt.alert-warning { - border-left: 4px solid #FE8024; } +.hamburger { + display: inline-block; + left: 0px; + position: relative; + top: 3px; + -webkit-transition: all 0.3s ease-in-out 0s; + transition: all 0.3s ease-in-out 0s; + width: 26px; + z-index: 999; +} -.alert-alt.alert-danger { - border-left: 4px solid #FF6746; } +.hamburger .line { + background: var(--primary); + display: block; + height: 3px; + border-radius: 3px; + margin-top: 6px; + margin-bottom: 6px; + margin-left: auto; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} -.alert-alt.alert-info { - border-left: 4px solid #48A9F8; } +.hamburger .line:nth-child(1) { + width: 20px; +} -.alert-alt.alert-dark { - border-left: 4px solid #B1B1B1; } +.hamburger .line:nth-child(2) { + width: 26px; +} -.alert-alt.alert-light { - border-left: 4px solid #c3c8de; } +.hamburger .line:nth-child(3) { + width: 22px; +} -.alert-alt.alert-primary.solid { - border-left: 4px solid var(--primary-dark) !important; } +.hamburger:hover { + cursor: pointer; +} -.alert-alt.alert-secondary.solid { - border-left: 4px solid #48691f !important; } +.hamburger:hover .line { + width: 26px; +} -.alert-alt.alert-success.solid { - border-left: 4px solid #0c5f3c !important; } +.hamburger.is-active .line:nth-child(1), +.hamburger.is-active .line:nth-child(3) { + width: 10px; + height: 2px; +} -.alert-alt.alert-warning.solid { - border-left: 4px solid #a24501 !important; } +.hamburger.is-active .line:nth-child(2) { + -webkit-transform: translateX(0px); + transform: translateX(0px); + width: 22px; + height: 2px; +} -.alert-alt.alert-danger.solid { - border-left: 4px solid #c62300 !important; } +.hamburger.is-active .line:nth-child(1) { + -webkit-transform: translateY(4px) rotate(45deg); + transform: translateY(4px) rotate(45deg); +} -.alert-alt.alert-info.solid { - border-left: 4px solid #0769b9 !important; } +.hamburger.is-active .line:nth-child(3) { + -webkit-transform: translateY(-4px) rotate(-45deg); + transform: translateY(-4px) rotate(-45deg); +} -.alert-alt.alert-dark.solid { - border-left: 4px solid #717171 !important; } +@media (min-width: 767px) { + [data-sidebar-style="compact"] .nav-control { + display: none; + } -.alert-alt.alert-light.solid { - border-left: 4px solid #a2aacc !important; } + [data-sidebar-style="compact"] .nav-header { + width: 15rem; + } +} -.alert-dismissible.solid .close:hover { - color: #fff; - opacity: 1; } +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .brand-title { + display: none; +} -.alert.alert-primary.solid { - background: var(--primary); - color: #fff; - border-color: var(--primary); } +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .logo-abbr { + display: block; +} -.alert.alert-secondary.solid { - background: #8BC740; - color: #fff; - border-color: #8BC740; } +[data-sidebar-style="full"][data-layout="horizontal"] .logo-compact { + display: none; +} -.alert.alert-success.solid { - background: #1BD084; - color: #fff; - border-color: #1BD084; } +[data-sidebar-style="mini"] .nav-header .logo-abbr { + display: block; +} -.alert.alert-warning.solid { - background: #FE8024; - color: #fff; - border-color: #FE8024; } +[data-sidebar-style="compact"][data-layout="vertical"] .nav-header .logo-compact { + max-width: 75px; +} -.alert.alert-danger.solid { - background: #FF6746; - color: #fff; - border-color: #FF6746; } +[data-sidebar-style="compact"][data-layout="horizontal"] .nav-header .brand-logo { + padding-left: 30px; + padding-right: 30px; + justify-content: start; +} -.alert.alert-info.solid { - background: #48A9F8; - color: #fff; - border-color: #48A9F8; } +[data-sidebar-style="modern"][data-layout="vertical"] .nav-header { + width: 9.375rem; +} -.alert.alert-dark.solid { - background: #B1B1B1; - color: #fff; - border-color: #B1B1B1; } +[data-sidebar-style="modern"][data-layout="vertical"] .nav-header .brand-title { + display: none; +} -.alert.alert-light.solid { - background: #F4F5F9; - color: #B1B1B1; - border-color: #F4F5F9; } +[data-sidebar-style="modern"][data-layout="vertical"] .nav-header .logo-compact { + display: none; +} -.alert-right-icon > span i { - font-size: 18px; - margin-right: 5px; } -.alert-right-icon .close i { - font-size: 16px; } +.header { + height: 7.5rem; + z-index: 1; + position: relative; + padding: 0rem; + background-color: #fff; + z-index: 3; + padding-left: 21.563rem; + transition: all .2s ease; +} -.alert.alert-outline-primary { - background: transparent; - color: var(--primary); - border-color: var(--primary); } +@media only screen and (max-width: 1400px) { + .header { + padding-left: 17rem; + } +} -.alert.alert-outline-secondary { - background: transparent; - color: #7e7e7e; - border-color: #8BC740; } +.header .header-content { + height: 100%; + padding-left: 5.3125rem; + background: var(--headerbg); + padding-right: 2.4rem; + align-items: center; + display: flex; +} -.alert.alert-outline-success { - background: transparent; - color: #1BD084; - border-color: #1BD084; } +@media only screen and (min-width: 991px) { + .header .header-content { + border-radius: 3.125rem 0 0 0; + } +} -.alert.alert-outline-info { - background: transparent; - color: #48A9F8; - border-color: #48A9F8; } +@media only screen and (max-width: 767px) { + .header .header-content { + padding-left: 3.75rem; + padding-right: 0.938rem; + border-radius: 0; + } +} -.alert.alert-outline-warning { - background: transparent; - color: #FE8024; - border-color: #FE8024; } +.header .navbar { + padding: 0; + height: 100%; + width: 100%; +} -.alert.alert-outline-danger { - background: transparent; - color: #FF6746; - border-color: #FF6746; } +.header .navbar .navbar-collapse { + height: 100%; + width: 100%; +} -.alert.alert-outline-dark { - background: transparent; - color: #7e7e7e; - border-color: #B1B1B1; } +@media only screen and (max-width: 1199px) { + .header { + height: 5rem; + } +} -.alert.alert-outline-light { - background: transparent; - color: #B1B1B1; - border-color: #F4F5F9; } +/* pulse in SVG */ +svg.pulse-svg { + overflow: visible; +} -.alert-social { - color: #fff; } - .alert-social .alert-social-icon { - align-self: center; - margin-right: 0.9375rem; } - .alert-social .alert-social-icon i { - font-size: 42px; } - .alert-social.facebook { - background-color: #3b5998; } - .alert-social.twitter { - background-color: #1da1f2; } - .alert-social.linkedin { - background-color: #007bb6; } - .alert-social.google-plus { - background-color: #db4439; } - .alert-social .close:hover { - opacity: 1 !important; - color: #fff !important; } +svg.pulse-svg .first-circle, +svg.pulse-svg .second-circle, +svg.pulse-svg .third-circle { + -webkit-transform: scale(0.3); + transform: scale(0.3); + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-animation: pulse-me 3s linear infinite; + animation: pulse-me 3s linear infinite; + fill: var(--primary); +} -.left-icon-big .alert-left-icon-big { - align-self: center; - margin-right: 0.9375rem; } - .left-icon-big .alert-left-icon-big i { - font-size: 35px; - line-height: 1; } +svg.pulse-svg .second-circle { + -webkit-animation-delay: 1s; + animation-delay: 1s; +} -[direction="rtl"] .left-icon-big .alert-left-icon-big, -[direction="rtl"] .alert-social .alert-social-icon { - margin-left: 0; - margin-right: 0.9375rem; } +svg.pulse-svg .third-circle { + -webkit-animation-delay: 2s; + animation-delay: 2s; +} -.badge { - line-height: 1.5; - border-radius: 0; - padding: 4px 10px; - border: 1px solid transparent; } +/* pulse in CSS */ +.pulse-css { + width: 1rem; + height: 1rem; + border-radius: 0.5rem; + border-radius: 3.5rem; + height: 1rem; + position: absolute; + background: #FF507A; + right: 5px; + top: 5px; + width: 1rem; +} -.badge-rounded { - border-radius: 20px; - padding: 3px 13px; } +.pulse-css:after, +.pulse-css:before { + content: ''; + width: 1rem; + height: 1rem; + border-radius: 0.5rem; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: -.2rem; + background-color: #FF507A; + margin: auto; + -webkit-transform: scale(0.3); + transform: scale(0.3); + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-animation: pulse-me 3s linear infinite; + animation: pulse-me 3s linear infinite; +} -.badge-circle { - border-radius: 100px; - padding: 3px 7px; } +[direction="rtl"] .pulse-css:after, +[direction="rtl"] .pulse-css:before { + left: auto; + right: -.2rem; +} -.badge-outline-primary { - border: 1px solid var(--primary); - color: var(--primary); } +@media only screen and (max-width: 1400px) { + .pulse-css { + height: 0.5rem; + width: 0.5rem; + } +} -.badge-outline-secondary { - border: 1px solid #8BC740; - color: #8BC740; } - [data-theme-version="dark"] .badge-outline-secondary { - color: #7e7e7e; } +@-webkit-keyframes pulse-me { + 0% { + -webkit-transform: scale(0.3); + transform: scale(0.3); + opacity: 0; + } -.badge-outline-success { - border: 1px solid #1BD084; - color: #1BD084; } + 50% { + opacity: 0.1; + } -.badge-outline-info { - border: 1px solid #48A9F8; - color: #48A9F8; } + 70% { + opacity: 0.09; + } -.badge-outline-warning { - border: 1px solid #FE8024; - color: #FE8024; } + 100% { + -webkit-transform: scale(3); + transform: scale(3); + opacity: 0; + } +} -.badge-outline-danger { - border: 1px solid #FF6746; - color: #FF6746; } +@keyframes pulse-me { + 0% { + -webkit-transform: scale(0.3); + transform: scale(0.3); + opacity: 0; + } -.badge-outline-light { - border: 1px solid #f0f1f5; - color: #B1B1B1; } - [data-theme-version="dark"] .badge-outline-light { - color: #7e7e7e; } + 50% { + opacity: 0.1; + } -.badge-outline-dark { - border: 1px solid #B1B1B1; - color: #B1B1B1; } - [data-theme-version="dark"] .badge-outline-dark { - color: #7e7e7e; } + 70% { + opacity: 0.09; + } -.badge-xs { - font-size: 10px; - padding: 0px 5px; - line-height: 18px; } + 100% { + -webkit-transform: scale(3); + transform: scale(3); + opacity: 0; + } +} -.badge-sm { - font-size: 11px; - padding: 5px 8px; - line-height: 11px; } +[data-sidebar-style="full"] .header, +[data-sidebar-style="overlay"] .header { + width: 100%; +} -.badge-lg { - font-size: 14px; - padding: 0px 10px; - line-height: 30px; } +@media only screen and (max-width: 1400px) { -.badge-xl { - font-size: 15px; - padding: 0px 15px; - line-height: 35px; } + [data-sidebar-style="full"] .header, + [data-sidebar-style="overlay"] .header { + width: 100%; + padding-left: 17rem; + } +} -.badge-default { - background: #ADB6C7; } +@media only screen and (max-width: 1023px) { -.badge-success { - background-color: #1BD084; } + [data-sidebar-style="full"] .header, + [data-sidebar-style="overlay"] .header { + width: 100%; + padding-left: 5rem; + } +} -.badge-info { - background-color: #48A9F8; } +[data-sidebar-style="mini"] .header { + width: 100%; + padding-left: 5rem; +} -.badge-primary { - background-color: var(--primary); } +[data-sidebar-style="compact"] .header { + width: 100%; + padding-left: 15rem; +} -.badge-warning { - background-color: #FE8024; } +[data-sidebar-style="compact"] .header .header-content { + padding-left: 2.4rem; +} -.badge-danger { - background-color: #FF6746; } +[data-header-position="fixed"] .header { + position: fixed; + top: 0; + width: 100%; +} -.badge-dark { - background-color: #B1B1B1; } +[data-header-position="fixed"] .content-body { + padding-top: 7.5rem; +} -.badge-light { - background-color: #F4F5F9; } +@media only screen and (max-width: 1199px) { + [data-header-position="fixed"] .content-body { + padding-top: 5rem; + } +} -.light.badge-default { - background: #ADB6C7; } +[data-header-position="fixed"] .deznav { + margin-top: 0; +} -.light.badge-success { - background-color: #b7f6db; - color: #1BD084; } - [data-theme-version="dark"] .light.badge-success { - background-color: rgba(27, 208, 132, 0.1); } +[data-sidebar-style="compact"][data-header-position="fixed"][data-container="boxed"][data-layout="vertical"] .header { + width: 1199px; +} -.light.badge-info { - background-color: white; - color: #48A9F8; } - [data-theme-version="dark"] .light.badge-info { - background-color: rgba(72, 169, 248, 0.1); } +[data-sidebar-style="modern"] .header { + width: 100%; + padding-left: 9.375rem; +} -.light.badge-primary { - background-color: var(--rgba-primary-1); - color: var(--primary); } - [data-theme-version="dark"] .light.badge-primary { - background-color: var(--rgba-primary-1); } +[data-sidebar-style="modern"][data-layout="horizontal"] .nav-header .brand-logo { + justify-content: start; +} -.light.badge-secondary { - background-color: #d3eab6; - color: #8BC740; } - [data-theme-version="dark"] .light.badge-secondary { - background-color: rgba(139, 199, 64, 0.5); - color: #7e7e7e; } +[data-sidebar-style="modern"][data-layout="horizontal"] .header .header-content { + padding-left: 30px; +} -.light.badge-warning { - background-color: #fff0e5; - color: #FE8024; } - [data-theme-version="dark"] .light.badge-warning { - background-color: rgba(254, 128, 36, 0.1); } +.header-left { + height: 100%; + display: flex; + align-items: center; +} -.light.badge-danger { - background-color: #ffe5df; - color: #FF6746; } - [data-theme-version="dark"] .light.badge-danger { - background-color: rgba(255, 103, 70, 0.15); } +.header-left .dashboard_bar { + font-size: 28px; + font-weight: 600; + color: #000; +} -.light.badge-dark { - background-color: #f1f1f1; - color: #B1B1B1; } - [data-theme-version="dark"] .light.badge-dark { - background-color: rgba(177, 177, 177, 0.35); - color: #7e7e7e; } +@media only screen and (max-width: 1400px) { + .header-left .dashboard_bar { + font-size: 24px; + } +} -.bootstrap-label .label { - display: inline-block; - margin-right: 1rem; } - .bootstrap-label .label:last-child { - margin-right: 0; } +@media only screen and (max-width: 767px) { + .header-left .dashboard_bar { + display: none; + } +} -.badge-demo .badge { - margin-right: 5px; - margin-bottom: 5px; } - .badge-demo .badge:last-child { - margin-right: 0; } +.header-left input { + background: #F2F2F2 !important; + min-width: 170px; + min-height: 40px; + color: #B1B1B1 !important; + border-top-left-radius: 1.25rem; + border-bottom-left-radius: 1.25rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + padding: 10px 20px; + font-size: 16px; + border-right-width: 0 !important; + border: 1px solid #ebebeb; + border-width: 1px; + font-weight: 300; +} -.bootstrap-badge-buttons button { - margin-right: .2rem; - margin-bottom: 1rem; } - .bootstrap-badge-buttons button:last-child { - margin-right: 0; } +[direction="rtl"] .header-left input { + border-top-right-radius: 1.25rem; + border-bottom-right-radius: 1.25rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} -.welcome-text span, -.welcome-text p { - display: none; } +.header-left input:focus, +.header-left input:active, +.header-left input.active { + border-color: #ebebeb; + box-shadow: none; +} -.page-titles { - margin-bottom: 25px; - display: block; - background: #F2F2F2; - display: block; } - .page-titles [class*="col-"] { - display: block !important; - max-width: 100%; - width: 100%; - margin: 0; } - .page-titles .justify-content-sm-end { - align-items: center; } - .page-titles h4 { - margin-bottom: 10px; - margin-top: 0; - color: #000; - font-size: 1.75rem; - font-weight: 600; } - .page-titles h4 span { - font-size: 1.25rem; } - .page-titles .breadcrumb { - margin-bottom: 0; - padding: 0; - background: transparent; - /* .breadcrumb-item + .breadcrumb-item { - &:before { - content: "\e606"; - font-family: 'simple-line-icons'; - // font-weight: 4; - font-size: 10px; - } - } */ } - .page-titles .breadcrumb li { - margin-top: 0; - margin-bottom: 0; - font-size: 18px; } - @media only screen and (max-width: 1400px) { - .page-titles .breadcrumb li { - font-size: 15px; } } - .page-titles .breadcrumb li a { - color: #656773; } - .page-titles .breadcrumb li.active a { - color: var(--primary); - font-weight: 600; } - .page-titles .breadcrumb-datepicker { - font-size: 0.75rem; - color: #89879f; } - .page-titles .breadcrumb-datepicker__icon { - font-size: 0.875rem; } - .page-titles .breadcrumb-widget .border-dark { - border-color: #dee2e6 !important; } - .page-titles .breadcrumb-widget h4 { - color: #646c9a; - font-weight: 600; } - @media only screen and (max-width: 575px) { - .page-titles .breadcrumb-widget { - text-align: left !important; - margin-bottom: 0.9375rem; } } +.header-left input::-webkit-input-placeholder { + /* Edge */ + color: #B1B1B1; +} -button { - cursor: pointer; } - button:focus { - outline: 0; - box-shadow: none; } +.header-left input:-ms-input-placeholder { + /* Internet Explorer */ + color: #B1B1B1; +} -.btn { - padding: 0.938rem 1.5rem; - border-radius: 0; - font-weight: 500; - font-size: 1rem; } - .btn:hover, .btn:focus, .btn:active, .btn.active { - outline: 0 !important; } - @media only screen and (max-width: 1400px) { - .btn { - padding: 0.625rem 1rem; - font-size: 0.813rem; } } - .btn-transparent { - background-color: transparent; } +.header-left input::placeholder { + color: #B1B1B1; +} -.btn-primary { - background-color: var(--primary); - border-color: var(--primary); } - .btn-primary svg path { - fill: var(--primary); } - .btn-primary:hover, .btn-primary:active { - background-color: var(--primary); - border-color: var(--primary); } - .btn-primary:focus { - border-color: var(--primary); - background-color: var(--primary); - box-shadow: 0 0 0 0.2rem var(--rgba-primary-5); } +.header-left .search_bar { + display: flex; + align-items: center; + height: 100%; +} -.sharp { - min-width: 40px; - padding: 7px; - height: 40px; - min-height: 40px; } +@media only screen and (max-width: 767px) { + .header-left .search_bar { + display: none; + } +} -.sharp.btn-xs { - padding: 3px; - width: 26px; - height: 26px; - min-width: 26px; - min-height: 26px; } +.header-left .search_bar .dropdown-menu { + box-shadow: none; +} -.sharp-lg { - min-width: 56px; - padding: 15px; +.header-left .search_bar .search_icon { + background: #F2F2F2 !important; height: 56px; - min-height: 56px; - text-align: center; } - @media only screen and (max-width: 1400px) { - .sharp-lg { - min-width: 40px; - padding: 9px; - height: 40px; - min-height: 40px; } } - -.light.tp-btn { - background-color: transparent; } -.light.btn-default { - background: #ADB6C7; } -.light.btn-success { - background-color: #b7f6db; - border-color: #b7f6db; - color: #1BD084; } - .light.btn-success g [fill] { - fill: #1BD084; } - [data-theme-version="dark"] .light.btn-success { - background-color: rgba(27, 208, 132, 0.1); - border-color: transparent; } - .light.btn-success:hover { - background-color: #1BD084; - border-color: #1BD084; - color: #fff; } - .light.btn-success:hover g [fill] { - fill: #fff; } -.light.btn-info { - background-color: white; - border-color: white; - color: #48A9F8; } - .light.btn-info g [fill] { - fill: #48A9F8; } - [data-theme-version="dark"] .light.btn-info { - background-color: rgba(72, 169, 248, 0.1); - border-color: transparent; } - .light.btn-info:hover { - background-color: #48A9F8; - border-color: #48A9F8; - color: #fff; } - .light.btn-info:hover g [fill] { - fill: #fff; } -.light.btn-primary { - background-color: var(--rgba-primary-1); - border-color: var(--rgba-primary-1); - color: var(--primary); } - .light.btn-primary g [fill] { - fill: var(--primary); } - [data-theme-version="dark"] .light.btn-primary { - background-color: var(--rgba-primary-1); - border-color: transparent; } - .light.btn-primary:hover { - background-color: var(--primary); - border-color: var(--primary); - color: #fff; } - .light.btn-primary:hover g [fill] { - fill: #fff; } - .light.btn-primary:hover svg path { - fill: #fff; } - .light.btn-primary:active { - background-color: var(--primary) !important; - border-color: var(--primary) !important; } -.light.btn-secondary { - background-color: #d3eab6; - border-color: #d3eab6; - color: #8BC740; } - .light.btn-secondary g [fill] { - fill: #8BC740; } - [data-theme-version="dark"] .light.btn-secondary { - background-color: rgba(139, 199, 64, 0.5); - border-color: transparent; - color: #fff; } - .light.btn-secondary:hover { - background-color: #8BC740; - border-color: #8BC740; - color: #fff; } - .light.btn-secondary:hover g [fill] { - fill: #fff; } -.light.btn-warning { - background-color: #fff0e5; - border-color: #fff0e5; - color: #FE8024; } - .light.btn-warning g [fill] { - fill: #FE8024; } - [data-theme-version="dark"] .light.btn-warning { - background-color: rgba(254, 128, 36, 0.1); - border-color: transparent; } - .light.btn-warning:hover { - background-color: #FE8024; - border-color: #FE8024; - color: #fff; } - .light.btn-warning:hover g [fill] { - fill: #fff; } -.light.btn-danger { - background-color: #ffe5df; - border-color: #ffe5df; - color: #FF6746; } - .light.btn-danger g [fill] { - fill: #FF6746; } - [data-theme-version="dark"] .light.btn-danger { - background-color: rgba(255, 103, 70, 0.15); - border-color: transparent; } - .light.btn-danger:hover { - background-color: #FF6746; - border-color: #FF6746; - color: #fff; } - .light.btn-danger:hover g [fill] { - fill: #fff; } -.light.btn-dark { - background-color: #f1f1f1; - border-color: #f1f1f1; - color: #B1B1B1; } - .light.btn-dark g [fill] { - fill: #B1B1B1; } - [data-theme-version="dark"] .light.btn-dark { - background-color: rgba(177, 177, 177, 0.35); - border-color: transparent; - color: #fff; } - .light.btn-dark:hover { - background-color: #B1B1B1; - border-color: #B1B1B1; - color: #fff; } - .light.btn-dark:hover g [fill] { - fill: #fff; } + line-height: 22px; + padding: 15px 20px 15px 0 !important; + border-top-right-radius: 1.25rem; + border-bottom-right-radius: 1.25rem; + border: 1px solid #ebebeb; + border-width: 1px; + border-left-width: 0; +} -.btn.tp-btn { - background-color: transparent; - border-color: transparent; } - .btn.tp-btn.btn-default { - background: #ADB6C7; } - .btn.tp-btn.btn-success { - color: #1BD084; } - .btn.tp-btn.btn-success g [fill] { - fill: #1BD084; } - .btn.tp-btn.btn-success:hover { - background-color: #1BD084; - border-color: #1BD084; - color: #fff; } - .btn.tp-btn.btn-success:hover g [fill] { - fill: #fff; } - .btn.tp-btn.btn-info { - color: #48A9F8; } - .btn.tp-btn.btn-info g [fill] { - fill: #48A9F8; } - .btn.tp-btn.btn-info:hover { - background-color: #48A9F8; - border-color: #48A9F8; - color: #fff; } - .btn.tp-btn.btn-info:hover g [fill] { - fill: #fff; } - .btn.tp-btn.btn-primary { - color: var(--primary); } - .btn.tp-btn.btn-primary g [fill] { - fill: var(--primary); } - .btn.tp-btn.btn-primary:hover { - background-color: var(--primary); - border-color: var(--primary); - color: #fff; } - .btn.tp-btn.btn-primary:hover g [fill] { - fill: #fff; } - .btn.tp-btn.btn-secondary { - color: #8BC740; } - .btn.tp-btn.btn-secondary g [fill] { - fill: #8BC740; } - .btn.tp-btn.btn-secondary:hover { - background-color: #8BC740; - border-color: #8BC740; - color: #fff; } - .btn.tp-btn.btn-secondary:hover g [fill] { - fill: #fff; } - .btn.tp-btn.btn-warning { - color: #FE8024; } - .btn.tp-btn.btn-warning g [fill] { - fill: #FE8024; } - .btn.tp-btn.btn-warning:hover { - background-color: #FE8024; - border-color: #FE8024; - color: #fff; } - .btn.tp-btn.btn-warning:hover g [fill] { - fill: #fff; } - .btn.tp-btn.btn-danger { - color: #FF6746; } - .btn.tp-btn.btn-danger g [fill] { - fill: #FF6746; } - .btn.tp-btn.btn-danger:hover { - background-color: #FF6746; - border-color: #FF6746; - color: #fff; } - .btn.tp-btn.btn-danger:hover g [fill] { - fill: #fff; } - .btn.tp-btn.btn-light { - color: #B1B1B1; } - .btn.tp-btn.btn-light g [fill] { - fill: #B1B1B1; } - .btn.tp-btn.btn-light:hover { - background-color: #F4F5F9; - border-color: #F4F5F9; - color: #B1B1B1; } - .btn.tp-btn.btn-light:hover g [fill] { - fill: #fff; } - .btn.tp-btn.btn-dark { - color: #B1B1B1; } - .btn.tp-btn.btn-dark g [fill] { - fill: #B1B1B1; } - .btn.tp-btn.btn-dark:hover { - background-color: #B1B1B1; - border-color: #B1B1B1; - color: #fff; } - .btn.tp-btn.btn-dark:hover g [fill] { - fill: #fff; } +.header-left .search_bar .search_icon i { + font-size: 24px; + color: #B1B1B1; + line-height: 1; +} -.btn.tp-btn-light { - background-color: transparent; - border-color: transparent; } - .btn.tp-btn-light.btn-success { - color: #1BD084; } - .btn.tp-btn-light.btn-success g [fill] { - fill: #1BD084; } - .btn.tp-btn-light.btn-success:hover { - background-color: #b7f6db; - border-color: #b7f6db; - color: #1BD084; } - .btn.tp-btn-light.btn-success:hover g [fill] { - fill: #1BD084; } - .btn.tp-btn-light.btn-info { - color: #48A9F8; } - .btn.tp-btn-light.btn-info g [fill] { - fill: #48A9F8; } - .btn.tp-btn-light.btn-info:hover { - background-color: white; - border-color: white; - color: #48A9F8; } - .btn.tp-btn-light.btn-info:hover g [fill] { - fill: #48A9F8; } - .btn.tp-btn-light.btn-primary { - color: var(--primary); } - .btn.tp-btn-light.btn-primary g [fill] { - fill: var(--primary); } - .btn.tp-btn-light.btn-primary:hover { - background-color: var(--rgba-primary-1); - border-color: var(--rgba-primary-1); - color: var(--primary); } - .btn.tp-btn-light.btn-primary:hover g [fill] { - fill: var(--primary); } - .btn.tp-btn-light.btn-secondary { - color: #8BC740; } - .btn.tp-btn-light.btn-secondary g [fill] { - fill: #8BC740; } - .btn.tp-btn-light.btn-secondary:hover { - background-color: #d3eab6; - border-color: #d3eab6; - color: #8BC740; } - .btn.tp-btn-light.btn-secondary:hover g [fill] { - fill: #8BC740; } - .btn.tp-btn-light.btn-warning { - color: #FE8024; } - .btn.tp-btn-light.btn-warning g [fill] { - fill: #FE8024; } - .btn.tp-btn-light.btn-warning:hover { - background-color: #fff0e5; - border-color: #fff0e5; - color: #FE8024; } - .btn.tp-btn-light.btn-warning:hover g [fill] { - fill: #FE8024; } - .btn.tp-btn-light.btn-danger { - color: #FF6746; } - .btn.tp-btn-light.btn-danger g [fill] { - fill: #FF6746; } - .btn.tp-btn-light.btn-danger:hover { - background-color: #ffe5df; - border-color: #ffe5df; - color: #FF6746; } - .btn.tp-btn-light.btn-danger:hover g [fill] { - fill: #fff; } - .btn.tp-btn-light.btn-dark { - color: #B1B1B1; } - .btn.tp-btn-light.btn-dark g [fill] { - fill: #B1B1B1; } - .btn.tp-btn-light.btn-dark:hover { - background-color: #f1f1f1; - border-color: #f1f1f1; - color: #B1B1B1; } - .btn.tp-btn-light.btn-dark:hover [fill] { - fill: #fff; } +@media only screen and (max-width: 1400px) { + .header-left .search_bar .search_icon { + height: 41px; + padding: 8px 15px 8px 0 !important; + } + + .header-left .search_bar .search_icon svg { + width: 18px; + height: 18px; + } +} -.shadow.btn-primary { - -webkit-box-shadow: 0 5px 15px 0 var(--rgba-primary-2) !important; - box-shadow: 0 5px 15px 0 var(--rgba-primary-2) !important; } +@media only screen and (max-width: 767px) { + .header-left .search_bar { + position: static; + } + + .header-left .search_bar .dropdown-menu { + width: 300px; + left: -15vw; + box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1); + border-radius: 4px !important; + } +} -.shadow.btn-secondary { - -webkit-box-shadow: 0 5px 15px 0 rgba(139, 199, 64, 0.2) !important; - box-shadow: 0 5px 15px 0 rgba(139, 199, 64, 0.2) !important; } +@media only screen and (max-width: 767px) and (max-width: 575px) { + .header-left .search_bar .dropdown-menu { + width: 250px; + left: -25vw; + } +} -.shadow.btn-warning { - -webkit-box-shadow: 0 5px 15px 0 rgba(254, 128, 36, 0.2) !important; - box-shadow: 0 5px 15px 0 rgba(254, 128, 36, 0.2) !important; } +@media only screen and (max-width: 767px) { + .header-left .search_bar .dropdown-menu .form-control { + border-radius: 4px !important; + width: 100%; + } -.shadow.btn-danger { - -webkit-box-shadow: 0 5px 15px 0 rgba(255, 103, 70, 0.2) !important; - box-shadow: 0 5px 15px 0 rgba(255, 103, 70, 0.2) !important; } + [direction="rtl"] .header-left .search_bar .dropdown-menu { + right: -98px; + } +} -.shadow.btn-info { - -webkit-box-shadow: 0 5px 15px 0 rgba(72, 169, 248, 0.2) !important; - box-shadow: 0 5px 15px 0 rgba(72, 169, 248, 0.2) !important; } +.header-left .search_bar .dropdown-menu, +.header-left .search_bar .dropdown-menu.show { + border: 0px; + background-color: transparent; + border-top-right-radius: 5rem; + border-bottom-right-radius: 5rem; +} -.shadow.btn-success { - -webkit-box-shadow: 0 5px 15px 0 rgba(27, 208, 132, 0.2) !important; - box-shadow: 0 5px 15px 0 rgba(27, 208, 132, 0.2) !important; } +@media only screen and (min-width: 768px) { -.btn-xxs { - padding: 6px 15px; - font-size: 11px; - line-height: 1.3; } + .header-left .search_bar .dropdown-menu, + .header-left .search_bar .dropdown-menu.show { + left: 0; + top: 0; + transform: none; + display: block; + position: unset; + } +} -.btn-xs { - font-size: 0.75rem; - padding: 0.438rem 1rem; - font-weight: 600; } - @media only screen and (max-width: 1400px) { - .btn-xs { - font-size: 0.75rem; - padding: 0.25rem 0.5rem; - font-weight: 500; } } - -.btn-sm, .btn-group-sm > .btn { - font-size: 0.813rem !important; - padding: 0.625rem 1rem; } - @media only screen and (max-width: 1400px) { - .btn-sm, .btn-group-sm > .btn { - padding: 0.375rem 1rem; - font-size: 0.75rem; } } +[data-sidebar-style="compact"] .header-left { + margin-left: 0; +} -.btn-md { - font-size: 0.813rem !important; - padding: 0.875rem 1.25rem; } - @media only screen and (max-width: 1400px) { - .btn-md { - padding: 0.5rem 1rem; - font-size: 0.813rem; } } - -.btn-lg, .btn-group-lg > .btn { - padding: 1rem 2rem; - font-size: 1.125rem !important; } - @media only screen and (max-width: 1400px) { - .btn-lg, .btn-group-lg > .btn { - padding: 0.75rem 1.5rem; - font-size: 1rem !important; } } +.header-right { + height: 100%; +} -.btn-xl { - padding: 0.6rem 1rem; } - .btn-xl.btn-default { - font-weight: 600; } +.header-right .nav-item { + height: 100%; + display: flex; + align-items: center; +} -.btn-square { - border-radius: 0; } +.header-right .nav-item .nav-link { + color: #464a53; + font-size: 18px; +} -.btn-rounded { - border-radius: 30px !important; } +.header-right .right-sidebar { + margin-right: -30px; +} -.btn-icon-right { - border-left: 1px solid white; - display: inline-block; - margin: -.8rem 0 -.8rem 1rem; - padding: 0.4375rem 0 0.4375rem 1rem; - margin: -1rem -0.25rem -1rem 1rem; - padding: 1rem 0 1rem 1.25rem; } +.header-right .right-sidebar a { + height: 80px; + width: 80px; + text-align: center; + justify-content: center; + display: flex; + align-items: center; + border-left: 1px solid #F4F5F9; +} -.btn-icon-left { - background: #fff; - border-radius: 10rem; - display: inline-block; - margin: -0.5rem 0.75rem -0.5rem -1.188rem; - padding: 0.5rem 0.80rem 0.5rem; - float: left; } - @media only screen and (max-width: 1199px) { - .btn-icon-left { - margin: -0.5rem 0.75rem -0.5rem -0.800rem; } } +.header-right>li:not(:first-child) { + padding-left: 2.25rem; +} -[direction="rtl"] .btn-icon-left { - margin: -.5rem -1.5rem -.5rem 1rem; } -[direction="rtl"] .btn-icon-right { - border-left: 0px solid white; - display: inline-block; - margin: -.8rem 1rem -.8rem 0; - padding: 0.4375rem 1rem 0.4375rem 0; - border-right: 1px solid white; } +@media only screen and (max-width: 1199px) { + .header-right>li:not(:first-child) { + padding-left: 0.5rem; + } +} -.toggle-dropdown::after { - margin-left: 0.755em; } +@media only screen and (max-width: 767px) { + .header-right .notification_dropdown { + position: static; + } +} -.social-btn-icon .btn { - min-width: 7.5rem; - margin-bottom: 1.5rem; } +.header-right .notification_dropdown .nav-link { + position: relative; + color: var(--primary); + background: #fff; + border-radius: 100%; + padding: 15px; + line-height: 1; +} -.social-icon .btn { - padding: .7rem 1.4rem; } +@media only screen and (max-width: 1400px) { + .header-right .notification_dropdown .nav-link { + padding: 10px; + } +} -.btn-circle { - height: 5rem; - width: 5rem; - border-radius: 50% !important; } - .btn-circle-sm { - width: 4.5rem; - height: 4.5rem; - font-size: 1.8rem; } - .btn-circle-md { - width: 6rem; - height: 6rem; - font-size: 2.5rem; } - .btn-circle-md i { - font-size: 2.4rem; } - .btn-circle-lg { - width: 8rem; - height: 8rem; - font-size: 3.2rem; } - .btn-circle-lg i { - font-size: 3.1rem; } +.header-right .notification_dropdown .nav-link.secondary { + background: #d3eab6; + color: #8BC740; +} -.btn-page .btn { - min-width: 110px; - margin-right: 4px; - margin-bottom: 8px; } +.header-right .notification_dropdown .nav-link.secondary [fill] { + fill: #8BC740; +} -.size-1 { - min-width: 160px !important; - font-size: 24px; - padding: 0.68rem 0.75rem; } +.header-right .notification_dropdown .nav-link.primary { + background: var(--rgba-primary-1); + color: var(--primary); +} -.size-2 { - font-size: 20px; - min-width: 130px !important; - padding: 0.57rem 0.75rem; } +.header-right .notification_dropdown .nav-link.primary [fill] { + fill: var(--primary); +} -.size-3 { - font-size: 14px; - min-width: 110px !important; - padding: 0.536rem 0.75rem; } +.header-right .notification_dropdown .nav-link.warning { + background: #fff0e5; + color: #FE8024; +} -.size-4 { - font-size: 14px; - min-width: 100px !important; } +.header-right .notification_dropdown .nav-link.warning [fill] { + fill: #FE8024; +} -.size-5 { - font-size: 14px; - min-width: 90px !important; - padding: .22rem 0.75rem; } +.header-right .notification_dropdown .nav-link.success { + background: #b7f6db; + color: #1BD084; +} -.size-6 { - font-size: 13px; - min-width: 80px !important; - padding: 0.097rem 0.75rem; } +.header-right .notification_dropdown .nav-link.success [fill] { + fill: #1BD084; +} -.size-7 { - font-size: 12px; - min-width: 60px !important; - padding: 0.001rem 0.75rem; } +.header-right .notification_dropdown .nav-link i { + font-size: 24px; +} -.btn-light { - background: #F4F5F9; - border-color: #F4F5F9; } - .btn-light:active, .btn-light:focus, .btn-light:hover { - background: white; - border-color: white; } +@media only screen and (max-width: 1400px) { + .header-right .notification_dropdown .nav-link i { + font-size: 18px; + } +} -.btn-outline-light { - color: #B1B1B1; } - [data-theme-version="dark"] .btn-outline-light { - color: #7e7e7e; } +@media only screen and (max-width: 1400px) { + .header-right .notification_dropdown .nav-link svg { + width: 18px; + height: 18px; + } +} -[data-theme-version="dark"] .btn-outline-secondary { - color: #7e7e7e; } +.header-right .notification_dropdown .nav-link .badge { + position: absolute; + font-size: 14px; + border-radius: 0; + right: -5px; + box-shadow: 0px 0px 10px 3px var(--rgba-primary-2); + top: -5px; + font-weight: normal; + height: 26px; + width: 26px; + line-height: 26px; + text-align: center; + padding: 0px; +} -[data-theme-version="dark"] .btn-outline-dark { - color: #7e7e7e; } +@media only screen and (max-width: 1400px) { + .header-right .notification_dropdown .nav-link .badge { + right: -2px; + top: -2px; + font-size: 12px; + height: 18px; + width: 18px; + line-height: 18px; + } +} -.btn-dark { - background: #B1B1B1; - border-color: #B1B1B1; - color: #fff; } - .btn-dark:active, .btn-dark:focus, .btn-dark:hover { - background: #989898; - color: #fff; - border-color: #989898; } +.header-right .notification_dropdown .dropdown-item:focus a, +.header-right .notification_dropdown .dropdown-item:active a { + color: #fff; +} -.btn-group.btn-rounded .btn:first-child { - border-top-left-radius: 30px; - border-bottom-left-radius: 30px; } -.btn-group.btn-rounded .btn:last-child { - border-top-right-radius: 30px; - border-bottom-right-radius: 30px; } +.header-right .notification_dropdown .dropdown-item a { + color: #B1B1B1; +} -.btn-facebook { - background: #3b5998; - border-color: #3b5998; - color: #fff; } - .btn-facebook:active, .btn-facebook:focus, .btn-facebook:hover { - background: #2d4373; - color: #fff; - border-color: #2d4373; } +.header-right .notification_dropdown .dropdown-item a:hover { + text-decoration: none; +} -.btn-twitter { - background: #1da1f2; - border-color: #1da1f2; - color: #fff; } - .btn-twitter:active, .btn-twitter:focus, .btn-twitter:hover { - background: #0c85d0; - color: #fff; - border-color: #0c85d0; } +.header-right .dropdown-menu { + border-width: 0; + box-shadow: 0 0 37px rgba(8, 21, 66, 0.05); +} -.btn-youtube { - background: #FF0000; - border-color: #FF0000; - color: #fff; } - .btn-youtube:active, .btn-youtube:focus, .btn-youtube:hover { - background: #cc0000; - color: #fff; - border-color: #cc0000; } +[data-theme-version="dark"] .header-right .dropdown-menu { + box-shadow: none; +} -.btn-instagram { - background: #c32aa3; - border-color: #c32aa3; - color: #fff; } - .btn-instagram:active, .btn-instagram:focus, .btn-instagram:hover { - background: #992180; - color: #fff; - border-color: #992180; } +.header-right .header-profile>a.nav-link { + padding: 0 0 0 0; + display: flex; + align-items: center; + border-radius: 1.25rem 28px 28px 1.25rem; +} -.btn-pinterest { - background: #bd081c; - border-color: #bd081c; - color: #fff; } - .btn-pinterest:active, .btn-pinterest:focus, .btn-pinterest:hover { - background: #8c0615; - color: #fff; - border-color: #8c0615; } +@media only screen and (max-width: 575px) { + .header-right .header-profile>a.nav-link { + background: transparent; + padding: 0; + } +} -.btn-linkedin { - background: #007bb6; - border-color: #007bb6; - color: #fff; } - .btn-linkedin:active, .btn-linkedin:focus, .btn-linkedin:hover { - background: #005983; - color: #fff; - border-color: #005983; } +.header-right .header-profile>a.nav-link i { + font-weight: 700; +} -.btn-google-plus { - background: #db4439; - border-color: #db4439; - color: #fff; } - .btn-google-plus:active, .btn-google-plus:focus, .btn-google-plus:hover { - background: #be2d23; - color: #fff; - border-color: #be2d23; } +.header-right .header-profile>a.nav-link .header-info { + text-align: left; + border-left: 1px solid rgba(238, 238, 238, 0.7); + padding-left: 30px; +} -.btn-google { - background: #4285f4; - border-color: #4285f4; - color: #fff; } - .btn-google:active, .btn-google:focus, .btn-google:hover { - background: #1266f1; - color: #fff; - border-color: #1266f1; } +@media only screen and (max-width: 1199px) { + .header-right .header-profile>a.nav-link .header-info { + padding-left: 15px; + } +} -.btn-snapchat { - background: #fffc00; - border-color: #fffc00; - color: #000; } - .btn-snapchat:active, .btn-snapchat:focus, .btn-snapchat:hover { - background: #ccca00; - color: #000; - border-color: #ccca00; } +@media only screen and (max-width: 575px) { + .header-right .header-profile>a.nav-link .header-info { + display: none; + } +} -.btn-whatsapp { - background: #25d366; - border-color: #25d366; - color: #fff; } - .btn-whatsapp:active, .btn-whatsapp:focus, .btn-whatsapp:hover { - background: #1da851; - color: #fff; - border-color: #1da851; } +.header-right .header-profile>a.nav-link .header-info span { + font-size: 16px; + display: block; + font-weight: 600; +} -.btn-tumblr { - background: #35465d; - border-color: #35465d; - color: #fff; } - .btn-tumblr:active, .btn-tumblr:focus, .btn-tumblr:hover { - background: #222e3d; - color: #fff; - border-color: #222e3d; } +.header-right .header-profile>a.nav-link .header-info strong { + font-weight: 600; +} -.btn-reddit { - background: #ff4500; - border-color: #ff4500; - color: #fff; } - .btn-reddit:active, .btn-reddit:focus, .btn-reddit:hover { - background: #cc3700; - color: #fff; - border-color: #cc3700; } +.header-right .header-profile>a.nav-link .header-info small { + display: block; + font-size: 13px; + color: #89879f; + font-weight: 400; + line-height: 1.2; +} -.btn-spotify { - background: #1ed760; - border-color: #1ed760; - color: #fff; } - .btn-spotify:active, .btn-spotify:focus, .btn-spotify:hover { - background: #18aa4c; - color: #fff; - border-color: #18aa4c; } +.header-right .header-profile .dropdown-menu { + padding: 15px 0; + min-width: 12.5rem; +} -.btn-yahoo { - background: #430297; - border-color: #430297; - color: #fff; } - .btn-yahoo:active, .btn-yahoo:focus, .btn-yahoo:hover { - background: #2d0165; - color: #fff; - border-color: #2d0165; } +.header-right .header-profile .dropdown-menu a:hover, +.header-right .header-profile .dropdown-menu a:focus, +.header-right .header-profile .dropdown-menu a.active { + color: var(--primary); +} -.btn-dribbble { - background: #ea4c89; - border-color: #ea4c89; - color: #fff; } - .btn-dribbble:active, .btn-dribbble:focus, .btn-dribbble:hover { - background: #e51e6b; - color: #fff; - border-color: #e51e6b; } +.header-right .header-profile img { + width: 57px; + height: 57px; + border-radius: 100%; +} -.btn-skype { - background: #00aff0; - border-color: #00aff0; - color: #fff; } - .btn-skype:active, .btn-skype:focus, .btn-skype:hover { - background: #008abd; - color: #fff; - border-color: #008abd; } +@media only screen and (max-width: 1400px) { + .header-right .header-profile img { + width: 39px; + height: 39px; + } +} -.btn-quora { - background: #aa2200; - border-color: #aa2200; - color: #fff; } - .btn-quora:active, .btn-quora:focus, .btn-quora:hover { - background: #771800; - color: #fff; - border-color: #771800; } +.header-right .header-profile .dropdown-toggle i { + font-size: 1.25rem; +} -.btn-vimeo { - background: #1ab7ea; - border-color: #1ab7ea; - color: #fff; } - .btn-vimeo:active, .btn-vimeo:focus, .btn-vimeo:hover { - background: #1295bf; - color: #fff; - border-color: #1295bf; } +@media only screen and (max-width: 575px) { + .header-right .header-profile .dropdown-toggle span { + display: none; + } +} -.border-primary { - border-color: var(--primary) !important; } +.header-right .header-profile .profile_title { + background: var(--primary); + color: #fff; + padding: 10px 20px; +} -.btn-outline-primary { - color: var(--primary); - border-color: var(--primary); } - .btn-outline-primary:hover, .btn-outline-primary:active { - border-color: var(--primary) !important; - background-color: var(--primary) !important; } - .btn-outline-primary:focus, .btn-outline-primary.focus { - box-shadow: 0 0 0 0.2rem var(--rgba-primary-5); } +.header-right .header-profile .profile_title h5 { + color: #fff; + margin-bottom: 3px; +} -a.text-primary:hover, a.text-primary:focus { - color: var(--primary) !important; } +.header-right .header-profile .dropdown-item { + padding: 8px 24px; +} -.card { - margin-bottom: 1.875rem; - background-color: #fff; - transition: all .5s ease-in-out; - position: relative; - border: 0px solid transparent; - border-radius: 1.25rem; - box-shadow: 0px 12px 23px 0px rgba(139, 199, 64, 0.04); - height: calc(100% - 30px); } - @media only screen and (max-width: 575px) { - .card { - margin-bottom: 0.938rem; - height: calc(100% - 0.938rem); } } - .card-body { - padding: 1.875rem; } - @media only screen and (max-width: 575px) { - .card-body { - padding: 1rem; } } - .card-title { - font-size: 20px; - font-weight: 500; - color: #000; - text-transform: capitalize; } - .card-title--large { - font-size: 1.5rem; } - .card-title--medium { - font-size: 1rem; } - .card-title--small { - font-size: 0.875rem; } - .card-header { - border-color: #f0f1f5; - position: relative; - background: transparent; - padding: 1.5rem 1.875rem 1.25rem; - display: flex; - justify-content: space-between; - align-items: center; } - @media only screen and (max-width: 575px) { - .card-header { - padding: 1.25rem 1rem 1.25rem; } } - [data-theme-version="dark"] .card-header { - border-color: #333a54; } - .card-header .card-title { - margin-bottom: 0px; } - .card-header .subtitle { - padding-top: 5px; - font-size: 14px; - line-height: 1.5; } - .card-footer { - border-color: #f0f1f5; - background: transparent; - padding: 1.25rem 1.875rem 1.25rem; } - [data-theme-version="dark"] .card-footer { - border-color: #333a54; } - @media only screen and (max-width: 575px) { - .card-footer { - padding: 1rem; } } +.dz-fullscreen #icon-minimize { + display: none; +} -.transparent-card.card { - background: transparent; - border: 1px solid transparent; - box-shadow: none; } +.dz-fullscreen.active #icon-full { + display: none; +} -.card-action > a { - display: inline-block; - width: 30px; - height: 30px; - line-height: 30px; - border-radius: 5px; - border-color: transparent; - text-align: center; - background: var(--primary-dark); - color: #fff; - margin-right: 8px; } - [data-theme-version="dark"] .card-action > a { - background: #251e35; } - .card-action > a:last-child { - margin-right: 0; } - .card-action > a:hover, .card-action > a:focus { - background: var(--primary-dark); } - [data-theme-version="dark"] .card-action > a:hover, [data-theme-version="dark"] .card-action > a:focus { - background: #251e35; } - .card-action > a i, .card-action > a span { - font-size: 1rem; } -.card-action .dropdown { - width: 30px; - height: 30px; - border-radius: 5px; - border-color: transparent; - text-align: center; - margin-right: 8px; - top: -2px; - position: relative; +.dz-fullscreen.active #icon-minimize { display: inline-block; - background: var(--primary-dark); - color: var(--primary); } - [data-theme-version="dark"] .card-action .dropdown { - background: #251e35; } - .card-action .dropdown:hover, .card-action .dropdown:focus { - background: var(--primary-dark); } - [data-theme-version="dark"] .card-action .dropdown:hover, [data-theme-version="dark"] .card-action .dropdown:focus { - background: #251e35; } - .card-action .dropdown .btn { - padding: 0; - line-height: 27px; - color: #fff; } - .card-action .dropdown .btn:focus { - box-shadow: none; } +} -.card-fullscreen { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 99999999; - overflow: auto; } +.notification_dropdown .dropdown-menu-right { + min-width: 310px; + padding: 0rem 0 1rem; + top: 100%; +} -.card-loader { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(0, 0, 0, 0.75); - z-index: 999; } +.notification_dropdown .dropdown-menu-right .notification_title { + background: var(--primary); + color: #fff; + padding: 10px 20px; +} -.card-loader i { - margin: 0 auto; - background: var(--primary-dark); - padding: 10px; - border-radius: 50%; +.notification_dropdown .dropdown-menu-right .notification_title h5 { color: #fff; - font-size: 1rem; } + margin-bottom: 3px; +} -.rotate-refresh { - -webkit-animation: mymove 0.8s infinite linear; - animation: mymove 0.8s infinite linear; - display: inline-block; } +.notification_dropdown .dropdown-menu-right .media { + width: 45px !important; + height: 45px !important; + font-size: 18px !important; +} -.card-header .date_picker { - display: inline-block; - padding: 8px; - border: 1px solid #f0f1f5; - cursor: pointer; - border-radius: .375rem; } -.card-header .border-0 { - padding-bottom: 0; } +[data-theme-version="dark"] .notification_dropdown .dropdown-menu-right .media { + border-color: #333a54; +} -@-webkit-keyframes mymove { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } -@keyframes mymove { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } -.carousel-custom-prev, .carousel-custom-next { - width: 2.5rem; - height: 2.5rem; - line-height: 2.5rem; +.notification_dropdown .dropdown-menu-right .media>span { + width: 35px; + height: 35px; + border-radius: 50px; display: inline-block; - border-radius: 50%; - background: #fff; - text-align: center; } - .carousel-custom-prev i, .carousel-custom-next i { - font-size: 1rem; } - .carousel-custom-prev:hover, .carousel-custom-next:hover { - background: linear-gradient(to right, rgba(245, 60, 121, 0.99) 0%, rgba(246, 104, 47, 0.99) 100%); - color: #fff; } -.carousel-custom-next { - position: absolute; - top: 50%; - right: 30px; - transform: translateY(-50%); } -.carousel-custom-prev { - position: absolute; - top: 50%; - left: 30px; - transform: translateY(-50%); } + padding: 7px 9px; + margin-right: 10px; +} -.carousel-caption { - text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.78); - z-index: 0; } - .carousel-caption h5 { - color: #fff; - font-size: 1.8rem; } - .carousel-caption p { - margin-bottom: 0; } +[direction="rtl"].notification_dropdown .dropdown-menu-right .media>span { + margin-right: 0; + margin-left: 10px; +} -.dropdown-toggle:focus { - box-shadow: none !important; } +.notification_dropdown .dropdown-menu-right .media>span.success { + background: #b7f6db; + color: #1BD084; +} -.dropdown-outline { - border: 0.1rem solid var(--primary); } +.notification_dropdown .dropdown-menu-right .media>span.success [fill] { + fill: #1BD084; +} -.dropdown-menu { - font-size: inherit; - border: 0; - box-shadow: 0 10px 40px 0 rgba(32, 28, 69, 0.1); - margin-top: 0; - border-radius: 0; } - .dropdown-menu .dropdown-item { - font-size: 16px; - color: #7e7e7e; - padding: 0.5rem 1.75rem; } - @media only screen and (max-width: 1400px) { - .dropdown-menu .dropdown-item { - padding: 0.375rem 1rem; - font-size: 14px; } } - .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item.active { - color: #514e5f; - background: #F4F5F9; } - [direction="rtl"] .dropdown-menu { - right: auto !important; } +.notification_dropdown .dropdown-menu-right .media>span.primary { + background: var(--rgba-primary-1); + color: var(--primary); +} -.dropdown-toggle-split { - padding: 0 10px; - opacity: 0.85; } - .dropdown-toggle-split:after { - margin-left: 0 !important; } - .dropdown-toggle-split:active, .dropdown-toggle-split:focus, .dropdown-toggle-split:hover { - opacity: 1; } +.notification_dropdown .dropdown-menu-right .media>span.primary svg [fill] { + fill: var(--primary); +} -.dropleft .dropdown-toggle:before, -.dropright .dropdown-toggle:before, -.dropup .dropdown-toggle:after, -.dropdown-toggle:after { - content: "\f107"; - font-family: FontAwesome; - border: 0; - vertical-align: middle; - margin-left: 0.25em; - line-height: 1; } +.notification_dropdown .dropdown-menu-right .media>span.danger { + background: #ffe5df; + color: #FF6746; +} -.dropup .dropdown-toggle:after { - content: "\f106"; } +.notification_dropdown .dropdown-menu-right .media>span.danger [fill] { + fill: #FF6746; +} -.dropleft .dropdown-toggle::before { - content: "\f104"; } +.notification_dropdown .dropdown-menu-right .media>span [fill] { + fill: var(--primary); +} -.dropright .dropdown-toggle::before { - content: "\f105"; } +.notification_dropdown .dropdown-menu-right .media .notify-time { + width: 100% !important; + margin-right: 0 !important; + color: #828690; +} -.dropright .dropdown-toggle::after { - content: none; } +.notification_dropdown .dropdown-menu-right .media p { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 200px; + margin-bottom: 0; + margin-top: 5px; +} -.custom-dropdown { - display: inline-block; - margin-bottom: 1rem; } - .custom-dropdown .dropdown-menu { - border: 0px; - min-width: 160px; } +@media only screen and (max-width: 575px) { + .notification_dropdown .dropdown-menu-right .media p { + max-width: 100px; + } +} -.card-action .custom-dropdown { - margin: 0px; - background: var(--rgba-primary-3); } - .card-action .custom-dropdown.show, .card-action .custom-dropdown:focus, .card-action .custom-dropdown:hover { - background: var(--primary); - color: #fff; } - .card-action .custom-dropdown i { - display: inline-block; - padding-top: 9px; } +.notification_dropdown .dropdown-menu-right .all-notification { + display: block; + padding: 15px 30px 0; + text-align: center; + border-top: 1px solid #F4F5F9; +} -.dropdown .dropdown-dots { - position: relative; - height: 5px; - width: 5px; - background: rgba(177, 177, 177, 0.4); - border-radius: 5px; - display: block; } - .dropdown .dropdown-dots:after, .dropdown .dropdown-dots:before { - content: ""; - height: 5px; - width: 5px; - background: rgba(177, 177, 177, 0.4); - position: absolute; - border-radius: 5px; } - .dropdown .dropdown-dots:after { - right: -8px; } - .dropdown .dropdown-dots:before { - left: -8px; } - .dropdown .dropdown-dots.text-white { - background: rgba(255, 255, 255, 0.7); } - .dropdown .dropdown-dots.text-white:after, .dropdown .dropdown-dots.text-white:before { - background: rgba(255, 255, 255, 0.7); } +.notification_dropdown .dropdown-menu-right .all-notification i { + margin-left: 10px; +} -.grid-col { - padding: 0.5rem !important; - background: #f2f4fa; } +.rtl { + text-align: right; + direction: rtl; +} -.row.grid { - margin-bottom: 1.5rem; - text-align: center; } +.rtl .nav { + padding-right: 0; +} -.row.grid .grid-col:first-child { - text-align: left; } +.rtl .navbar-nav .nav-item { + float: right; +} -.label { - display: inline-block; - text-align: center; - font-size: 0.75rem; - padding: .2rem .8rem; } - .label-fixed { - width: 7.5rem; - padding: .6rem 0; } - .label-fixed-lg { - width: 9.5rem; - padding: .6rem 0; } - .label-big { - width: 16.8rem; - font-size: 1.4rem; - padding: 1.1rem 0; } - .label-xl { - width: 10.5rem; - padding: 1.1rem 0; - font-size: 1.5rem; } - .label-lg { - width: 9.5rem; - padding: 1.1rem 0; } - .label-md { - width: 8.5rem; - padding: 1.1rem 0; } - .label-sm { - width: 7.5rem; - padding: 1.1rem 0; } +.rtl .navbar-nav .nav-item+.nav-item { + margin-right: 1rem; + margin-left: inherit; +} -.label-default { - background: #ADB6C7; } +.rtl th { + text-align: right; +} -.label-primary { - background: var(--primary); - color: #fff; } +.rtl .alert-dismissible { + padding-right: 1.25rem; + padding-left: 4rem; +} -.label-secondary { - background: #8BC740; - color: #fff; } +.rtl .dropdown-menu { + right: 0; + text-align: right; +} -.label-info { - background: #48A9F8; - color: #fff; } +.rtl .checkbox label { + padding-right: 1.25rem; + padding-left: inherit; +} -.label-success { - background: #1BD084; - color: #fff; } +.rtl .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-radius: 0 0.75rem 0.75rem 0; +} -.label-warning { - background: #FE8024; - color: #fff; } +.rtl .btn-group>.btn:last-child:not(:first-child), +.rtl .btn-group>.dropdown-toggle:not(:first-child) { + border-radius: 0.75rem 0 0 0.75rem; +} -.label-danger { - background: #FF6746; - color: #fff; } +.rtl .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child { + border-radius: 0.75rem 0 0 0.75rem; +} -.label-light { - background: #F4F5F9; - color: #000; } +.rtl .custom-control-label::after, +.rtl .custom-control-label::before { + right: 0; + left: inherit; +} -.label-dark { - background: #B1B1B1; - color: #fff; } +.rtl .custom-select { + padding: 0.375rem 0.75rem 0.375rem 1.75rem; + background: #fff url("data:image/svg+xml,") no-repeat left 0.75rem center; + background-size: 8px 10px; +} -code { - word-break: break-word; - padding: 2px 5px; - border-radius: 3px; - background: #fff1ee; - color: #FF6746; } - [data-theme-version="dark"] code { - background: rgba(255, 103, 70, 0.1); } +.rtl .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), +.rtl .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), +.rtl .input-group>.input-group-append:not(:last-child)>.btn, +.rtl .input-group>.input-group-append:not(:last-child)>.input-group-text, +.rtl .input-group>.input-group-prepend>.btn, +.rtl .input-group>.input-group-prepend>.input-group-text { + border-radius: 0 0.75rem 0.75rem 0; +} -.heading-labels { - color: #333333; } - .heading-labels > * { - margin-bottom: .8rem; } - .heading-labels h1 .label { - font-size: 18px; - font-weight: normal; - padding: .4rem .9rem; } - .heading-labels h2 .label { - font-size: 16px; - font-weight: normal; - padding: 0.3rem .9rem; } - .heading-labels h3 .label { - font-size: 14px; - font-weight: normal; } - .heading-labels h4 .label { - font-size: 12px; - font-weight: normal; } - .heading-labels h5 .label { - font-size: 12px; - font-weight: normal; } - .heading-labels h6 .label { - font-size: 12px; - font-weight: normal; } +.rtl .input-group>.input-group-append>.btn, +.rtl .input-group>.input-group-append>.input-group-text, +.rtl .input-group>.input-group-prepend:first-child>.btn:not(:first-child), +.rtl .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), +.rtl .input-group>.input-group-prepend:not(:first-child)>.btn, +.rtl .input-group>.input-group-prepend:not(:first-child)>.input-group-text { + border-radius: 0.75rem 0 0 0.75rem; +} -.list-group-item { - background-color: rgba(255, 255, 255, 0); - border: 1px solid #f0f1f5; - padding: 1rem 1.5rem; - border-radius: 0; } - [data-theme-version="dark"] .list-group-item { - border-color: #333a54; } - .list-group-item:first-child { - border-top-left-radius: 0; - border-top-right-radius: 0; } - .list-group-item:last-child { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } +.rtl .input-group>.custom-select:not(:first-child), +.rtl .input-group>.form-control:not(:first-child) { + border-radius: 0.75rem 0 0 0.75rem; +} -.list-group-item.disabled, .list-group-item:disabled { - color: #fff; - background-color: #8BC740; - border-color: #8BC740; } +.rtl .input-group>.custom-select:not(:last-child), +.rtl .input-group>.form-control:not(:last-child) { + border-radius: 0 0.75rem 0.75rem 0; +} -[class*="bg-"] .list-group-item { - border-color: rgba(255, 255, 255, 0.05); } +.rtl .input-group>.custom-select:not(:last-child):not(:first-child), +.rtl .input-group>.form-control:not(:last-child):not(:first-child) { + border-radius: 0; +} -.bg-warning .list-group-item { - border-color: rgba(0, 0, 0, 0.05); } +.rtl .custom-control { + padding-right: 1.5rem; + padding-left: inherit; + margin-right: inherit; + margin-left: 1rem; +} -.list-group-item.active { - background-color: var(--primary); - border-color: var(--primary); } +.rtl .custom-control-indicator { + right: 0; + left: inherit; +} -.media img { - border-radius: 3px; } +.rtl .custom-file-label::after { + right: initial; + left: -1px; + border-radius: .25rem 0 0 .25rem; +} -.vertical-card__menu:hover { - box-shadow: none; } -.vertical-card__menu--image { - text-align: center; } - .vertical-card__menu--image img { - width: 100%; - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; } -.vertical-card__menu--status.closed { - background: #FF6746; } - .vertical-card__menu--status.closed:after { - border-top: 10px solid #FF6746; } - .vertical-card__menu--status.closed .ribbon-curve { - border-top: 11px solid #FF6746; - border-bottom: 10px solid #FF6746; } -.vertical-card__menu--desc p { - margin-bottom: 0.625rem; } -.vertical-card__menu--price { - font-size: 1.25rem; - margin: 0; - font-weight: 700; } -.vertical-card__menu--rating { - font-size: 0.75rem; } -.vertical-card__menu--title { - font-weight: 700; } -.vertical-card__menu--button button { - font-size: 0.75rem; } -.vertical-card__menu .card-footer { - padding: 15px 20px; - background-color: #f0f1f5; - border-top: none; } - @media only screen and (min-width: 1200px) and (max-width: 1440px) { - .vertical-card__menu .card-footer { - padding: 15px; } } - .vertical-card__menu .card-footer span { - color: #B1B1B1; - margin-right: 0.3125rem; } +.rtl .radio input, +.rtl .radio-inline, +.rtl .checkbox input, +.rtl .checkbox-inline input { + margin-right: -1.25rem; + margin-left: inherit; +} -.horizontal-card__menu { - box-shadow: 0 0 7px rgba(173, 173, 173, 0.32); - display: flex; - flex-direction: row; } - @media (max-width: 575.98px) { - .horizontal-card__menu { - display: block; } } - .horizontal-card__menu .card-body { - padding: 0; - padding: 20px 30px; } - .horizontal-card__menu--image { - flex-basis: 30%; - max-width: 30%; } - .horizontal-card__menu--image img { - height: 100%; - width: 100%; } - @media (max-width: 575.98px) { - .horizontal-card__menu--image { - max-width: unset; - flex-basis: 100%; } } - .horizontal-card__menu--title { - font-size: 1rem; - font-weight: 700; - margin-bottom: 0.3125rem; } - .horizontal-card__menu--fav { - margin-right: 0.5rem; } - .horizontal-card__menu--price { - margin: 0; - font-size: 1rem; - font-weight: 700; } - .horizontal-card__menu--rating { - font-size: 0.625rem; } - .horizontal-card__menu--footer { - margin-top: 10px; } +.rtl .list-group { + padding-right: 0; + padding-left: 40px; +} -.prev_price { - text-decoration: line-through; - font-size: 80%; - opacity: 0.5; } +.rtl .close { + float: left; +} -.modal-header { - padding: 1rem 1.875rem; } - .modal-header .close { - padding: 0.875rem 1.815rem; - margin: 0; - position: absolute; - right: 0; - float: none; - top: 0; - font-size: 30px; - font-weight: 100; } +.rtl .modal-header .close { + margin: -15px auto -15px -15px; +} -.modal-body { - padding: 1.875rem; } +.rtl .modal-footer> :not(:first-child) { + margin-right: .25rem; +} -.modal-footer { - padding: 1rem 1.875rem; } +.rtl .alert-dismissible .close { + right: inherit; + left: 0; +} -.modal-content { - border-radius: 1.25rem; } +.rtl .dropdown-toggle::after { + margin-right: .255em; + margin-left: 0; +} -.modal-backdrop { - z-index: 10 !important; } +.rtl .form-check-input { + margin-right: -1.25rem; + margin-left: inherit; +} -.pagination .page-item .page-link:hover { - background: var(--primary); - border-color: var(--primary); - color: #fff; } -.pagination .page-item.active .page-link { - background: var(--primary); - border-color: var(--primary); - color: #fff; } +.rtl .form-check-label { + padding-right: 1.25rem; + padding-left: inherit; +} -.pagination { - margin-bottom: 20px; - z-index: 1; - position: relative; } - .pagination .page-item.page-indicator .page-link { - padding: .65rem .8rem; - font-size: 14px; } - .pagination .page-item.page-indicator:hover .page-link { - color: #B1B1B1; } - .pagination .page-item .page-link { - text-align: center; - padding: 0.55rem 1rem; - font-size: 1rem; - background: rgba(255, 255, 255, 0.15); - color: #B1B1B1; - border: 1px solid #f0f1f5; } - [data-theme-version="dark"] .pagination .page-item .page-link { - border-color: #333a54; - color: #828690; - background: rgba(255, 255, 255, 0); } - .pagination .page-item .page-link:hover i, .pagination .page-item .page-link span { - color: #fff; } - .pagination .page-item .page-link:focus { - outline: 0; - box-shadow: none; } - .pagination .page-item .page-link:hover { - background: var(--primary); - color: #fff; - border-color: var(--primary); } - .pagination .page-item.active .page-link { - background-color: var(--primary); - border-color: var(--primary); - color: #fff; - box-shadow: 0 10px 20px 0px var(--rgba-primary-2); } - [data-theme-version="dark"] .pagination .page-item.active .page-link { - color: #fff; } - .pagination .page-item .page-link { - color: #B1B1B1; - -webkit-transition: all 0.5s; - -ms-transition: all 0.5s; - transition: all 0.5s; } - .pagination .page-item:last-child .page-link { - margin-right: 0; } - [direction="rtl"] .pagination .page-item:first-child .page-link { - margin-right: 0; } - .pagination.no-bg li:not(.page-indicator):not(.active) .page-link { - background: transparent; - border-color: transparent; } - .pagination.no-bg.pagination-primary li:not(.page-indicator):not(.active):hover .page-link { - background: var(--primary); - border-color: var(--primary); } - [data-theme-version="dark"] .pagination.no-bg.pagination-primary li:not(.page-indicator):not(.active):hover .page-link { - background: var(--primary); - border-color: var(--primary); } - .pagination.no-bg.pagination-danger li:not(.page-indicator):not(.active):hover .page-link { - background: #FF6746; - border-color: #FF6746; } - [data-theme-version="dark"] .pagination.no-bg.pagination-danger li:not(.page-indicator):not(.active):hover .page-link { - background: #FF6746; - border-color: #FF6746; } - .pagination.no-bg.pagination-info li:not(.page-indicator):not(.active):hover .page-link { - background: #48A9F8; - border-color: #48A9F8; } - [data-theme-version="dark"] .pagination.no-bg.pagination-info li:not(.page-indicator):not(.active):hover .page-link { - background: #48A9F8; - border-color: #48A9F8; } - .pagination.no-bg.pagination-warning li:not(.page-indicator):not(.active):hover .page-link { - background: #FE8024; - border-color: #FE8024; } - [data-theme-version="dark"] .pagination.no-bg.pagination-warning li:not(.page-indicator):not(.active):hover .page-link { - background: #FE8024; - border-color: #FE8024; } - .pagination-primary .page-item .page-link { - background: var(--rgba-primary-1); - border-color: var(--rgba-primary-1); - color: var(--primary); } - [data-theme-version="dark"] .pagination-primary .page-item .page-link { - background: var(--rgba-primary-1); - border-color: transparent; - color: var(--primary); } - .pagination-primary .page-item:hover .page-link, .pagination-primary .page-item.active .page-link { - background: var(--primary); - border-color: var(--primary); - box-shadow: 0 10px 20px 0px var(--rgba-primary-2); } - [data-theme-version="dark"] .pagination-primary .page-item:hover .page-link, [data-theme-version="dark"] .pagination-primary .page-item.active .page-link { - color: #fff; } - .pagination-danger .page-item .page-link { - background: #ffe5df; - border-color: #ffe5df; - color: #FF6746; } - [data-theme-version="dark"] .pagination-danger .page-item .page-link { - background: rgba(255, 103, 70, 0.15); - border-color: transparent; - color: #FF6746; } - .pagination-danger .page-item:hover .page-link, .pagination-danger .page-item.active .page-link { - background: #FF6746; - border-color: #FF6746; - box-shadow: 0 10px 20px 0px rgba(255, 103, 70, 0.2); } - [data-theme-version="dark"] .pagination-danger .page-item:hover .page-link, [data-theme-version="dark"] .pagination-danger .page-item.active .page-link { - color: #fff; } - .pagination-info .page-item .page-link { - background: white; - border-color: white; - color: #48A9F8; } - [data-theme-version="dark"] .pagination-info .page-item .page-link { - background: rgba(72, 169, 248, 0.1); - border-color: transparent; - color: #48A9F8; } - .pagination-info .page-item:hover .page-link, .pagination-info .page-item.active .page-link { - background: #48A9F8; - border-color: #48A9F8; - box-shadow: 0 10px 20px 0px rgba(72, 169, 248, 0.2); } - .pagination-warning .page-item .page-link { - background: #fff0e5; - border-color: #fff0e5; - color: #FE8024; } - [data-theme-version="dark"] .pagination-warning .page-item .page-link { - background: rgba(254, 128, 36, 0.1); - border-color: transparent; - color: #FE8024; } - .pagination-warning .page-item:hover .page-link, .pagination-warning .page-item.active .page-link { - background: #FE8024; - border-color: #FE8024; - box-shadow: 0 10px 20px 0px rgba(254, 128, 36, 0.2); } - .pagination-gutter .page-item { - margin-right: 7px; } - .pagination-gutter .page-item .page-link { - border-radius: 0 !important; } - .pagination-circle .page-item { - margin-right: 7px; } - .pagination-circle .page-item .page-link, .pagination-circle .page-item.page-indicator .page-link { - width: 40px; - height: 40px; - padding: 0; - line-height: 40px; - border-radius: 50% !important; - padding: 0; } - .pagination.pagination-md .page-item .page-link { - width: 30px; - height: 30px; - line-height: 30px; - font-size: 14px; } - .pagination.pagination-sm .page-item.page-indicator .page-link { - font-size: 12px; } - .pagination.pagination-sm .page-item .page-link { - padding: 0; - width: 30px; - height: 30px; - line-height: 30px; - font-size: 14px; } - .pagination.pagination-xs .page-item.page-indicator .page-link { - font-size: 10px; } - .pagination.pagination-xs .page-item .page-link { - padding: 0; - width: 25px; - height: 25px; - line-height: 25px; - font-size: 12px; } +.rtl .offset-1 { + margin-right: 8.3333333333%; + margin-left: 0; +} -.popover { - border: 2px solid #8BC740; - min-width: 210px; - box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); - border-radius: 0; } - [data-theme-version="dark"] .popover { - background-color: #251e35; } - .popover-header { - background: #8BC740; - color: #fff; - font-weight: 300; - border-radius: 0; } - .popover-header::before { - border-bottom: 0 !important; } - .popover-body { - font-size: 0.75rem; } - [data-theme-version="dark"] .popover .popover-header { - border-color: #28253b; } +.rtl .offset-2 { + margin-right: 16.6666666667%; + margin-left: 0; +} -.bootstrap-popover-wrapper .bootstrap-popover:not(:last-child) { - margin-right: 8px; } -.bootstrap-popover-wrapper .bootstrap-popover { - margin-bottom: .5rem; } - .bootstrap-popover-wrapper .bootstrap-popover button:hover, .bootstrap-popover-wrapper .bootstrap-popover button:focus { - background: var(--primary); - color: #fff; - box-shadow: none; } +.rtl .offset-3 { + margin-right: 25%; + margin-left: 0; +} -.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { - bottom: 0px; - border-top-color: #8BC740; } +.rtl .offset-4 { + margin-right: 33.3333333333%; + margin-left: 0; +} -.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { - right: 0px; - border-left-color: #8BC740; } +.rtl .offset-5 { + margin-right: 41.6666666667%; + margin-left: 0; +} -.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { - left: 0px; - border-right-color: #8BC740; } +.rtl .offset-6 { + margin-right: 50%; + margin-left: 0; +} -.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { - top: 0px; - border-bottom-color: #8BC740; } +.rtl .offset-7 { + margin-right: 58.3333333333%; + margin-left: 0; +} -.note-popover { - display: none; } +.rtl .offset-8 { + margin-right: 66.6666666667%; + margin-left: 0; +} -.progress-bar { - background-color: var(--primary); } +.rtl .offset-9 { + margin-right: 75%; + margin-left: 0; +} -.progress-bar-primary { - background-color: var(--primary); } +.rtl .offset-10 { + margin-right: 83.3333333333%; + margin-left: 0; +} -.progress-bar-success { - background-color: #1BD084; } +.rtl .offset-11 { + margin-right: 91.6666666667%; + margin-left: 0; +} -.progress-bar-info { - background-color: #48A9F8; } +@media (min-width: 576px) { + .rtl .offset-sm-0 { + margin-right: 0; + margin-left: 0; + } -.progress-bar-danger { - background-color: #FF6746; } + .rtl .offset-sm-1 { + margin-right: 8.3333333333%; + margin-left: 0; + } -.progress-bar-warning { - background-color: #FE8024; } + .rtl .offset-sm-2 { + margin-right: 16.6666666667%; + margin-left: 0; + } -.progress-bar-pink { - background-color: #e83e8c; } + .rtl .offset-sm-3 { + margin-right: 25%; + margin-left: 0; + } -.progress { - height: 6px; - overflow: hidden; - border-radius: 1.25rem; } - [data-theme-version="dark"] .progress { - background-color: #251e35; } + .rtl .offset-sm-4 { + margin-right: 33.3333333333%; + margin-left: 0; + } -.progress-vertical { - display: inline-block; - margin-bottom: 0; - margin-right: 2rem; - min-height: 17rem; - position: relative; } - @media (max-width: 991.98px) { - .progress-vertical { - margin-right: 1rem; } } + .rtl .offset-sm-5 { + margin-right: 41.6666666667%; + margin-left: 0; + } -.progress-vertical-bottom { - display: inline-block; - margin-bottom: 0; - margin-right: 2rem; - min-height: 17rem; - position: relative; - transform: rotate(180deg); } - @media (max-width: 991.98px) { - .progress-vertical-bottom { - margin-right: 1rem; } } + .rtl .offset-sm-6 { + margin-right: 50%; + margin-left: 0; + } -.progress-animated { - animation-duration: 5s; - animation-name: myanimation; - transition: all 5s ease 0s; } + .rtl .offset-sm-7 { + margin-right: 58.3333333333%; + margin-left: 0; + } -@keyframes myanimation { - 0% { - width: 0; } } -@keyframes myanimation { - 0% { - width: 0; } } -.ribbon { - position: absolute; - z-index: 1; - text-transform: uppercase; } - .ribbon__one { - top: 15px; - left: -11px; - min-height: 20px; - min-width: 52px; - text-align: center; - padding: 3px 10px; - background: #3AB54B; - color: #fff; - font-size: 0.625rem; } - .ribbon__one::after { - position: absolute; - width: 0; - height: 0; - border-top: 10px solid #239132; - border-left: 11px solid transparent; - left: 0; - content: ""; - bottom: -10px; } - .ribbon__two { - width: 50px; - height: 50px; - display: inline-block; - background: #FE8024; - line-height: 50px; - text-align: center; - font-size: 16px; - color: #fff; - right: 15px; - top: 15px; - border-radius: 3px; } - .ribbon__three { - left: -1.875rem; - top: 0.875rem; - width: 6.875rem; - height: 1.5625rem; - background-color: #FF6746; - clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%); - transform: rotate(-45deg); - color: #fff; - display: flex; - align-items: center; - justify-content: center; - font-size: 14px; } - .ribbon__four { - left: 8px; - top: -8px; - width: 110px; - height: 50px; - background-color: var(--primary); - z-index: auto; - color: #fff; - font-size: 16px; - display: flex; - align-items: center; - justify-content: center; } - .ribbon__four:after { - right: -5px; } - .ribbon__four:before { - left: -5px; } - .ribbon__four:after, .ribbon__four:before { - z-index: -1; - background-color: var(--rgba-primary-2); - top: 3px; - transform: rotate(45deg); - content: ""; - height: 10px; - width: 10px; - position: absolute; } - .ribbon__five { - left: -1.875rem; - top: 0.625rem; - width: 6.875rem; - height: 1.875rem; - background-color: var(--primary); - transform: rotate(-45deg); - font-size: 0.75rem; - color: #fff; - padding-bottom: 0.3125rem; - display: flex; - align-items: center; - justify-content: center; - font-size: 1rem; } - .ribbon__five::before { - position: absolute; - content: ""; - width: 0; - height: 0; - border-style: solid; - border-width: 0 50px 50px 50px; - border-color: transparent transparent var(--primary) transparent; - left: 0.25rem; - top: -2.8125rem; } - .ribbon__six { - left: 0; - top: 1.125rem; - width: 6.875rem; - height: 2.375rem; - background-color: var(--primary); - -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 85% 50%, 100% 100%, 100% 100%, 0 100%); - clip-path: polygon(0 0, 100% 0%, 100% 0, 85% 50%, 100% 100%, 100% 100%, 0 100%); - display: flex; - font-size: 1.25rem; - align-items: center; - justify-content: center; - color: #fff; } - .ribbon-curve { - position: absolute; - top: 0; - right: -6px; - width: 10px; - height: 11px; - border-top: 11px solid #3AB54B; - border-bottom: 10px solid #3AB54B; - border-right: 5px solid transparent; } + .rtl .offset-sm-8 { + margin-right: 66.6666666667%; + margin-left: 0; + } -.jsgrid-grid-body::-webkit-scrollbar, -.dataTables_scrollBody::-webkit-scrollbar, -.table-responsive::-webkit-scrollbar { - background-color: #F5F5F5; - width: 8px; - height: 8px; } -.jsgrid-grid-body::-webkit-scrollbar-track, -.dataTables_scrollBody::-webkit-scrollbar-track, -.table-responsive::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); - border-radius: 10px; - background-color: #F5F5F5; } -.jsgrid-grid-body::-webkit-scrollbar-thumb, -.dataTables_scrollBody::-webkit-scrollbar-thumb, -.table-responsive::-webkit-scrollbar-thumb { - border-radius: 10px; - -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); - background-color: #7e7e7e; } + .rtl .offset-sm-9 { + margin-right: 75%; + margin-left: 0; + } -.multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before { - content: counter(stepNum); - font-family: inherit; - font-weight: 400; } -.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after { - background-color: #f0f1f5; } + .rtl .offset-sm-10 { + margin-right: 83.3333333333%; + margin-left: 0; + } -.multi-steps { - display: table; - table-layout: fixed; - width: 100%; } - .multi-steps > li { - counter-increment: stepNum; - text-align: center; - display: table-cell; - position: relative; - color: var(--primary); } - @media (max-width: 575.98px) { - .multi-steps > li { - font-size: 0.75rem; } } - .multi-steps > li:before { - content: '\2713'; - display: block; - margin: 0 auto 4px; - background-color: #fff; - width: 25px; - height: 25px; - line-height: 22px; - text-align: center; - font-weight: bold; - position: relative; - z-index: 1; - border-width: 2px; - border-style: solid; - border-color: var(--primary); - border-radius: 5px; } - @media (max-width: 575.98px) { - .multi-steps > li:before { - width: 25px; - height: 25px; - line-height: 21px; } } - .multi-steps > li:after { - content: ''; - height: 2px; - width: 100%; - background-color: var(--primary); - position: absolute; - top: 12px; - left: 50%; } - [direction="rtl"] .multi-steps > li:after { - left: auto; - right: 50%; } - @media (max-width: 575.98px) { - .multi-steps > li:after { - top: 12px; } } - .multi-steps > li:last-child:after { - display: none; } - .multi-steps > li.is-active:before { - background-color: #fff; - border-color: var(--primary); } - .multi-steps > li.is-active ~ li { - color: #7e7e7e; } - .multi-steps > li.is-active ~ li:before { - background-color: #f0f1f5; - border-color: #f0f1f5; } + .rtl .offset-sm-11 { + margin-right: 91.6666666667%; + margin-left: 0; + } +} -.nav-pills .nav-link { - border-radius: 0; - padding: 0.75rem 1.25rem; } +@media (min-width: 768px) { + .rtl .offset-md-0 { + margin-right: 0; + margin-left: 0; + } -.default-tab .nav-link { - background: transparent; - border-radius: 0px; - font-weight: 500; } - .default-tab .nav-link i { - display: inline-block; - transform: scale(1.5); - color: var(--primary); } - .default-tab .nav-link:focus, .default-tab .nav-link:hover, .default-tab .nav-link.active { - color: #495057; - background-color: #fff; - border-color: #dee2e6 #dee2e6 #fff #ebeef6; - border-radius: 0; - color: var(--primary); } - [data-theme-version="dark"] .default-tab .nav-link:focus, [data-theme-version="dark"] .default-tab .nav-link:hover, [data-theme-version="dark"] .default-tab .nav-link.active { - background-color: var(--rgba-primary-1); - border-color: transparent transparent #333a54 transparent; } + .rtl .offset-md-1 { + margin-right: 8.3333333333%; + margin-left: 0; + } -.custom-tab-1 .nav-link { - background: transparent; - border-radius: 0px; - font-weight: 500; - border-bottom: 3px solid transparent; - border-width: 0 0px 3px 0; } - .custom-tab-1 .nav-link i { - display: inline-block; - transform: scale(1.5); - color: var(--primary); } - .custom-tab-1 .nav-link:focus, .custom-tab-1 .nav-link:hover, .custom-tab-1 .nav-link.active { - color: #495057; - background-color: #fff; - border-color: var(--primary); - border-radius: 0; - color: var(--primary); - border-width: 0 0px 3px 0; } - [data-theme-version="dark"] .custom-tab-1 .nav-link:focus, [data-theme-version="dark"] .custom-tab-1 .nav-link:hover, [data-theme-version="dark"] .custom-tab-1 .nav-link.active { - background-color: var(--rgba-primary-1); } + .rtl .offset-md-2 { + margin-right: 16.6666666667%; + margin-left: 0; + } -.nav-pills.light .nav-link.active, .nav-pills.light .show > .nav-link { - background: var(--rgba-primary-1); - color: var(--primary); - box-shadow: none; } - [data-theme-version="dark"] .nav-pills.light .nav-link.active, - [data-theme-version="dark"] .nav-pills.light .show > .nav-link { - background: var(--rgba-primary-1); } -.nav-pills .nav-link.active, -.nav-pills .show > .nav-link { - box-shadow: 0 0 20px 0 var(--rgba-primary-2); } + .rtl .offset-md-3 { + margin-right: 25%; + margin-left: 0; + } -.tooltip-wrapper button:not(:last-child) { - margin-right: 8px; } -.tooltip-wrapper button:hover { - background: var(--primary); - color: #fff; } -.tooltip-wrapper button { - margin-bottom: .5rem; } - .tooltip-wrapper button:focus { - box-shadow: none; } -.tooltip-inner { - border-radius: 0; - background: #333333; - font-size: 12px; - font-weight: 300; - padding: 0.35rem 0.7rem; } + .rtl .offset-md-4 { + margin-right: 33.3333333333%; + margin-left: 0; + } -.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { - border-bottom-color: #333333; } + .rtl .offset-md-5 { + margin-right: 41.6666666667%; + margin-left: 0; + } -.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { - border-right-color: #333333; } + .rtl .offset-md-6 { + margin-right: 50%; + margin-left: 0; + } -.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { - border-left-color: #333333; } + .rtl .offset-md-7 { + margin-right: 58.3333333333%; + margin-left: 0; + } -.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { - border-top-color: #333333; } + .rtl .offset-md-8 { + margin-right: 66.6666666667%; + margin-left: 0; + } -.widget-timeline .timeline { - list-style: none; - position: relative; } - .widget-timeline .timeline:before { - top: 20px; - bottom: 0; - position: absolute; - content: " "; - width: 3px; - left: 9px; - margin-right: -1.5px; - background: #F4F5F9; } - [data-theme-version="dark"] .widget-timeline .timeline:before { - background: #333a54; } - [direction="rtl"] .widget-timeline .timeline:before { - left: auto; - right: 9px; - margin-right: auto; - margin-left: -1.5px; } - .widget-timeline .timeline > li { - margin-bottom: 15px; - position: relative; } - .widget-timeline .timeline > li:before { - content: " "; - display: table; } - .widget-timeline .timeline > li:after { - content: " "; - display: table; - clear: both; } - .widget-timeline .timeline > li > .timeline-panel { - border-radius: 1.25rem; - padding: 15px 20px; - position: relative; - display: block; - margin-left: 40px; - border-width: 1px; - border-style: solid; } - .widget-timeline .timeline > li > .timeline-panel span { - font-size: 12px; - display: block; - margin-bottom: 5px; - opacity: 0.8; - letter-spacing: 1px; } - .widget-timeline .timeline > li > .timeline-panel p { - font-size: 14px; } - .widget-timeline .timeline > li > .timeline-panel:after { - content: ""; - width: 10px; - height: 10px; - background: inherit; - border-color: inherit; - border-style: solid; - border-width: 0px 0px 1px 1px; - display: block; - position: absolute; - left: -5px; - transform: rotate(45deg); - top: 15px; } - .widget-timeline .timeline > li > .timeline-badge { - border-radius: 50%; - height: 22px; - left: 0; - position: absolute; - top: 10px; - width: 22px; - border-width: 2px; - border-style: solid; - background: #fff; - padding: 4px; } - [data-theme-version="dark"] .widget-timeline .timeline > li > .timeline-badge { - background-color: #28253b; } - .widget-timeline .timeline > li > .timeline-badge:after { - content: ""; - width: 10px; - height: 10px; - border-radius: 100%; - display: block; } - [direction="rtl"] .widget-timeline .timeline > li > .timeline-badge { - left: auto; - right: 19px; } -.widget-timeline .timeline-body > p { - font-size: 12px; } -.widget-timeline .timeline-badge.primary { - border-color: var(--rgba-primary-1); } - [data-theme-version="dark"] .widget-timeline .timeline-badge.primary { - border-color: var(--rgba-primary-1); } - .widget-timeline .timeline-badge.primary:after { - background-color: var(--primary) !important; - box-shadow: 0 5px 10px 0 var(--rgba-primary-2); } - .widget-timeline .timeline-badge.primary + .timeline-panel { - background: var(--rgba-primary-1); - border-color: var(--rgba-primary-1); } - [data-theme-version="dark"] .widget-timeline .timeline-badge.primary + .timeline-panel { - border-color: transparent; - background-color: var(--rgba-primary-1); } -.widget-timeline .timeline-badge.success { - border-color: #b7f6db; } - [data-theme-version="dark"] .widget-timeline .timeline-badge.success { - border-color: rgba(27, 208, 132, 0.1); } - .widget-timeline .timeline-badge.success:after { - background-color: #1BD084 !important; - box-shadow: 0 5px 10px 0 rgba(27, 208, 132, 0.2); } - .widget-timeline .timeline-badge.success + .timeline-panel { - background: #b7f6db; - border-color: #b7f6db; } - [data-theme-version="dark"] .widget-timeline .timeline-badge.success + .timeline-panel { - background-color: rgba(27, 208, 132, 0.1); - border-color: transparent; } -.widget-timeline .timeline-badge.warning { - border-color: #fff0e5; } - [data-theme-version="dark"] .widget-timeline .timeline-badge.warning { - border-color: rgba(254, 128, 36, 0.1); } - .widget-timeline .timeline-badge.warning:after { - background-color: #FE8024 !important; - box-shadow: 0 5px 10px 0 rgba(254, 128, 36, 0.2); } - .widget-timeline .timeline-badge.warning + .timeline-panel { - background: #fff0e5; - border-color: #fff0e5; } - [data-theme-version="dark"] .widget-timeline .timeline-badge.warning + .timeline-panel { - background-color: rgba(254, 128, 36, 0.1); - border-color: transparent; } -.widget-timeline .timeline-badge.danger { - border-color: #ffe5df; } - [data-theme-version="dark"] .widget-timeline .timeline-badge.danger { - border-color: rgba(255, 103, 70, 0.15); } - .widget-timeline .timeline-badge.danger:after { - background-color: #FF6746 !important; - box-shadow: 0 5px 10px 0 rgba(255, 103, 70, 0.2); } - .widget-timeline .timeline-badge.danger + .timeline-panel { - background: #ffe5df; - border-color: #ffe5df; } - [data-theme-version="dark"] .widget-timeline .timeline-badge.danger + .timeline-panel { - background-color: rgba(255, 103, 70, 0.15); - border-color: transparent; } -.widget-timeline .timeline-badge.info { - border-color: white; } - [data-theme-version="dark"] .widget-timeline .timeline-badge.info { - border-color: rgba(72, 169, 248, 0.1); } - .widget-timeline .timeline-badge.info:after { - background-color: #48A9F8 !important; - box-shadow: 0 5px 10px 0 rgba(72, 169, 248, 0.2); } - .widget-timeline .timeline-badge.info + .timeline-panel { - background: white; - border-color: white; } - [data-theme-version="dark"] .widget-timeline .timeline-badge.info + .timeline-panel { - background-color: rgba(72, 169, 248, 0.1); - border-color: transparent; } -.widget-timeline .timeline-badge.dark { - border-color: #f1f1f1; } - [data-theme-version="dark"] .widget-timeline .timeline-badge.dark { - border-color: rgba(177, 177, 177, 0.35); } - .widget-timeline .timeline-badge.dark:after { - background-color: #B1B1B1 !important; - box-shadow: 0 5px 10px 0 rgba(177, 177, 177, 0.2); } - .widget-timeline .timeline-badge.dark + .timeline-panel { - background: #f1f1f1; - border-color: #f1f1f1; } - [data-theme-version="dark"] .widget-timeline .timeline-badge.dark + .timeline-panel { - background-color: rgba(177, 177, 177, 0.35); - border-color: transparent; } -.widget-timeline.style-1 .timeline-panel { - background: transparent; } -.widget-timeline.style-1 .timeline .timeline-badge.timeline-badge + .timeline-panel { - background: transparent !important; - border-style: solid; - border-width: 0 0 0 5px; - border-radius: 0; - padding: 5px 10px 5px 15px; } - .widget-timeline.style-1 .timeline .timeline-badge.timeline-badge + .timeline-panel:after { - border: 0; - left: -9px; - width: 7px; - height: 7px; } -.widget-timeline.style-1 .timeline .timeline-badge.primary + .timeline-panel { - border-color: var(--primary); } - .widget-timeline.style-1 .timeline .timeline-badge.primary + .timeline-panel:after { - background: var(--primary); } -.widget-timeline.style-1 .timeline .timeline-badge.success + .timeline-panel { - border-color: #1BD084; } - .widget-timeline.style-1 .timeline .timeline-badge.success + .timeline-panel:after { - background: #1BD084; } -.widget-timeline.style-1 .timeline .timeline-badge.warning + .timeline-panel { - border-color: #FE8024; } - .widget-timeline.style-1 .timeline .timeline-badge.warning + .timeline-panel:after { - background: #FE8024; } -.widget-timeline.style-1 .timeline .timeline-badge.danger + .timeline-panel { - border-color: #FF6746; } - .widget-timeline.style-1 .timeline .timeline-badge.danger + .timeline-panel:after { - background: #FF6746; } -.widget-timeline.style-1 .timeline .timeline-badge.info + .timeline-panel { - border-color: #48A9F8; } - .widget-timeline.style-1 .timeline .timeline-badge.info + .timeline-panel:after { - background: #48A9F8; } -.widget-timeline.style-1 .timeline .timeline-badge.dark + .timeline-panel { - border-color: #B1B1B1; } - .widget-timeline.style-1 .timeline .timeline-badge.dark + .timeline-panel:after { - background: #B1B1B1; } + .rtl .offset-md-9 { + margin-right: 75%; + margin-left: 0; + } -#chart_widget_4 { - height: 255px !important; } + .rtl .offset-md-10 { + margin-right: 83.3333333333%; + margin-left: 0; + } -#chart_widget_5 .ct-series-a .ct-line, -#chart_widget_5 .ct-series-a .ct-point { - stroke: #46ffc8; } -#chart_widget_5 .ct-line { - stroke-width: 1px; } -#chart_widget_5 .ct-point { - stroke-width: 2px; } -#chart_widget_5 .ct-series-a .ct-area { - fill: #43d66c; } -#chart_widget_5 .ct-area { - fill-opacity: 1; } + .rtl .offset-md-11 { + margin-right: 91.6666666667%; + margin-left: 0; + } +} -#chart_widget_6 .ct-series-a .ct-line, -#chart_widget_6 .ct-series-a .ct-point { - stroke: #48A9F8; } -#chart_widget_6 .ct-line { - stroke-width: 2px; } -#chart_widget_6 .ct-point { - stroke-width: 5px; } -#chart_widget_6 .ct-series-a .ct-area { - fill: #48A9F8; } -#chart_widget_6 .ct-area { - fill-opacity: .5; } +@media (min-width: 992px) { + .rtl .offset-lg-0 { + margin-right: 0; + margin-left: 0; + } -#chart_widget_8 { - height: 255px; } - #chart_widget_8 .ct-series-a .ct-line, - #chart_widget_8 .ct-series-a .ct-point { - stroke: #48A9F8; } - #chart_widget_8 .ct-line { - stroke-width: 2px; } - #chart_widget_8 .ct-point { - stroke-width: 5px; } - #chart_widget_8 .ct-series-a .ct-area { - fill: #48A9F8; } - #chart_widget_8 .ct-area { - fill-opacity: .5; } - -#chart_widget_9, #chart_widget_10 { - height: 250px !important; } - -#chart_widget_11 .ct-slice-donut, #chart_widget_12 .ct-slice-donut, #chart_widget_13 .ct-slice-donut { - stroke-width: 25px !important; } + .rtl .offset-lg-1 { + margin-right: 8.3333333333%; + margin-left: 0; + } -#chart_widget_11 { - height: 270px !important; } + .rtl .offset-lg-2 { + margin-right: 16.6666666667%; + margin-left: 0; + } -#chart_widget_17 { - height: 150px !important; } + .rtl .offset-lg-3 { + margin-right: 25%; + margin-left: 0; + } -.chart_widget_tab_one .nav-link { - border: 1px solid #ddd; } - .chart_widget_tab_one .nav-link.active { - background-color: var(--primary); - border: 1px solid var(--primary); - color: #fff; } - .chart_widget_tab_one .nav-link.active:hover { - border: 1px solid var(--primary); } - .chart_widget_tab_one .nav-link:hover { - border: 1px solid #ddd; } - -[data-theme-version="dark"] .ccc-widget > div { - background: #28253b !important; - border-color: #333a54 !important; } + .rtl .offset-lg-4 { + margin-right: 33.3333333333%; + margin-left: 0; + } -.social-icon { - display: inline-block; - width: 40px; - height: 40px; - line-height: 40px; - border-radius: 4px; - text-align: center; - background: #F2F2F2; - margin-bottom: 0.5rem; - font-size: 20px; } - .social-icon i { - color: #fff; } - .social-icon.youtube { - background: #FF0000; } - .social-icon.facebook { - background: #3b5998; } - .social-icon.twitter { - background: #1da1f2; } - -.social-icon2 a { - border: 0.1rem solid var(--primary); - display: block; - padding: 1rem; - margin-top: 1.5rem; - margin-bottom: .5rem; - border-radius: .3rem; - font-size: 1.6rem; } -.social-icon2 i { - font-size: 12px; - color: var(--primary); } + .rtl .offset-lg-5 { + margin-right: 41.6666666667%; + margin-left: 0; + } -.social-icon3 ul li { - display: inline-block; } - .social-icon3 ul li a { - display: block; } - .social-icon3 ul li a i { - font-size: 1.4rem; - padding: 1rem .7rem; - color: #464a53; } - .social-icon3 ul li a:hover i { - color: var(--primary); } + .rtl .offset-lg-6 { + margin-right: 50%; + margin-left: 0; + } -.social-icons-muted ul li a i { - color: #89879f; } + .rtl .offset-lg-7 { + margin-right: 58.3333333333%; + margin-left: 0; + } -.social-links a { - padding: .5rem; } + .rtl .offset-lg-8 { + margin-right: 66.6666666667%; + margin-left: 0; + } -.widget-stat .media { - padding: 0px 0; - align-items: center; } - .widget-stat .media > span { - height: 85px; - width: 85px; - border-radius: 50px; - padding: 10px 12px; - font-size: 32px; - display: flex; - justify-content: center; - align-items: center; - color: #464a53; } - @media only screen and (max-width: 1400px) { - .widget-stat .media > span { - height: 70px; - width: 70px; - min-width: 70px; } } - .widget-stat .media .media-body p { - font-weight: 500; - font-size: 16px; - line-height: 1.5; } - @media only screen and (max-width: 1400px) { - .widget-stat .media .media-body p { - font-size: 14px; } } - [data-theme-version="dark"] .widget-stat .media .media-body p { - color: #c4c9d5; } - .widget-stat .media .media-body small, - .widget-stat .media .media-body .small { - font-size: 75%; } - .widget-stat .media .media-body h3 { - font-size: 30px; - font-weight: 600; - margin: 0; - line-height: 1.2; } - .widget-stat .media .media-body h4 { - font-size: 24px; - display: inline-block; - vertical-align: middle; } - .widget-stat .media .media-body span { - margin-left: 5px; } -.widget-stat[class*="bg-"] .media > span { - background-color: rgba(255, 255, 255, 0.25); - color: #fff; } -.widget-stat[class*="bg-"] .progress { - background-color: rgba(255, 255, 255, 0.25) !important; } + .rtl .offset-lg-9 { + margin-right: 75%; + margin-left: 0; + } -[direction="rtl"] .widget-stat .media .media-body span { - margin-left: 0; - margin-right: 10px; } + .rtl .offset-lg-10 { + margin-right: 83.3333333333%; + margin-left: 0; + } -.dez-widget-1 .card { - background: #FFE7DB; } - .dez-widget-1 .card .card-body p { - color: #f87533; } -.dez-widget-1 .icon { - float: right; - width: 50px; - height: 50px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 6px; - font-size: 28px; } + .rtl .offset-lg-11 { + margin-right: 91.6666666667%; + margin-left: 0; + } +} -.bgl-primary { - background: var(--rgba-primary-1); - border-color: var(--rgba-primary-1); } - [data-theme-version="dark"] .bgl-primary { - background-color: var(--rgba-primary-1); - border-color: var(--rgba-primary-1); } +@media (min-width: 1200px) { + .rtl .offset-xl-0 { + margin-right: 0; + margin-left: 0; + } -.bgl-secondary { - background: #d3eab6; - border-color: #d3eab6; } - [data-theme-version="dark"] .bgl-secondary { - background-color: rgba(139, 199, 64, 0.5); - border-color: rgba(139, 199, 64, 0.5); } + .rtl .offset-xl-1 { + margin-right: 8.3333333333%; + margin-left: 0; + } -.bgl-success { - background: #b7f6db; - border-color: #b7f6db; } - [data-theme-version="dark"] .bgl-success { - background-color: rgba(27, 208, 132, 0.1); - border-color: rgba(27, 208, 132, 0.1); } + .rtl .offset-xl-2 { + margin-right: 16.6666666667%; + margin-left: 0; + } -.bgl-warning { - background: #fff0e5; - border-color: #fff0e5; } - [data-theme-version="dark"] .bgl-warning { - background-color: rgba(254, 128, 36, 0.1); - border-color: rgba(254, 128, 36, 0.1); } + .rtl .offset-xl-3 { + margin-right: 25%; + margin-left: 0; + } -.bgl-danger { - background: #ffe5df; - border-color: #ffe5df; } - [data-theme-version="dark"] .bgl-danger { - background-color: rgba(255, 103, 70, 0.15); - border-color: rgba(255, 103, 70, 0.15); } + .rtl .offset-xl-4 { + margin-right: 33.3333333333%; + margin-left: 0; + } -.bgl-info { - background: white; - border-color: white; } - [data-theme-version="dark"] .bgl-info { - background-color: rgba(72, 169, 248, 0.1); - border-color: rgba(72, 169, 248, 0.1); } + .rtl .offset-xl-5 { + margin-right: 41.6666666667%; + margin-left: 0; + } -.bg-primary-light { - background: var(--rgba-primary-1); } - [data-theme-version="dark"] .bg-primary-light { - background-color: var(--rgba-primary-1); } + .rtl .offset-xl-6 { + margin-right: 50%; + margin-left: 0; + } -.bg-secondary-light { - background: rgba(211, 234, 182, 0.5); } - [data-theme-version="dark"] .bg-secondary-light { - background-color: rgba(139, 199, 64, 0.05); } + .rtl .offset-xl-7 { + margin-right: 58.3333333333%; + margin-left: 0; + } -.bg-success-light { - background: rgba(183, 246, 219, 0.5); } - [data-theme-version="dark"] .bg-success-light { - background-color: rgba(27, 208, 132, 0.05); } + .rtl .offset-xl-8 { + margin-right: 66.6666666667%; + margin-left: 0; + } -.bg-warning-light { - background: rgba(255, 240, 229, 0.5); } - [data-theme-version="dark"] .bg-warning-light { - background-color: rgba(254, 128, 36, 0.05); } + .rtl .offset-xl-9 { + margin-right: 75%; + margin-left: 0; + } -.bg-danger-light { - background: rgba(255, 229, 223, 0.5); } - [data-theme-version="dark"] .bg-danger-light { - background-color: rgba(255, 103, 70, 0.05); } + .rtl .offset-xl-10 { + margin-right: 83.3333333333%; + margin-left: 0; + } -.bg-info-light { - background: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .bg-info-light { - background-color: rgba(72, 169, 248, 0.05); } + .rtl .offset-xl-11 { + margin-right: 91.6666666667%; + margin-left: 0; + } +} -.bgl-dark { - background: #f1f1f1; - border-color: #f1f1f1; } +@media (min-width: 1440) { + .rtl .offset-xxl-0 { + margin-right: 0; + margin-left: 0; + } -.bgl-light { - background: #F4F5F9; - border-color: #F4F5F9; } + .rtl .offset-xxl-1 { + margin-right: 8.3333333333%; + margin-left: 0; + } -.overlay-box { - position: relative; - z-index: 1; } - .overlay-box:after { - content: ""; - width: 100%; - height: 100%; - left: 0; - top: 0; - position: absolute; - opacity: 0.85; - background: var(--primary); - z-index: -1; } + .rtl .offset-xxl-2 { + margin-right: 16.6666666667%; + margin-left: 0; + } -.rating-bar { - font-size: 13px; } + .rtl .offset-xxl-3 { + margin-right: 25%; + margin-left: 0; + } -.tdl-holder { - margin: 0 auto; } - .tdl-holder ul { - list-style: none; - margin: 0; - padding: 0; } - .tdl-holder li { - background-color: #fff; - border-bottom: 1px solid #f0f1f5; - list-style: none none; - margin: 0; - padding: 0; } - .tdl-holder li span { - margin-left: 35px; - font-size: 1rem; - vertical-align: middle; - transition: all 0.2s linear; } - [direction="rtl"] .tdl-holder li span { - margin-left: auto; - margin-right: 35px; } - .tdl-holder label { - cursor: pointer; - display: block; - line-height: 50px; - padding-left: 1.5rem; - position: relative; - margin: 0 !important; } - [direction="rtl"] .tdl-holder label { - padding-left: 0; - padding-right: 1.5rem; } - .tdl-holder label:hover { - background-color: #eef1f6; - color: #B1B1B1; } - .tdl-holder label:hover a { - color: #FF6746; } - .tdl-holder label a { - color: #fff; - display: inline-block; - line-height: normal; - height: 100%; - text-align: center; - text-decoration: none; - width: 50px; - -webkit-transition: all .2s linear; - -moz-transition: all .2s linear; - -o-transition: all .2s linear; - transition: all 0.2s linear; - padding: 18px 0px; - font-size: 18px; - position: absolute; - right: 0; } - [direction="rtl"] .tdl-holder label a { - right: auto; - left: 0; } - .tdl-holder input[type=checkbox] { - cursor: pointer; - opacity: 0; - position: absolute; } - .tdl-holder input[type=checkbox] + i { - background-color: #fff; - border: 1px solid #e7e7e7; - display: block; - height: 20px; - position: absolute; - top: 15px; - width: 20px; - z-index: 1; - border-radius: 00px; - font-size: 11px; - border-radius: 4px; } - .tdl-holder input[type=checkbox]:checked + i { - background: var(--primary); - border-color: transparent; } - .tdl-holder input[type=checkbox]:checked + i::after { - content: "\f00c"; - font-family: 'fontAwesome'; - display: block; - left: 2px; - position: absolute; - top: -14px; - z-index: 2; - color: #fff; } - .tdl-holder input[type=checkbox]:checked ~ span { - text-decoration: line-through; - position: relative; } - .tdl-holder input[type=text] { - background-color: #fff; - height: 50px; - margin-top: 29px; - border-radius: 3px; } - .tdl-holder input[type=text]::placeholder { - color: #B1B1B1; } + .rtl .offset-xxl-4 { + margin-right: 33.3333333333%; + margin-left: 0; + } -.widget-message p { - font-size: 14px; - line-height: 1.5; } + .rtl .offset-xxl-5 { + margin-right: 41.6666666667%; + margin-left: 0; + } -.picker .picker__frame { - min-width: 450px !important; - max-width: 450px !important; } - .picker .picker__frame .picker__box { - padding: 20px; - border: 0; - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } - .picker .picker__frame .picker__box .picker__header { - margin-top: 0; } - .picker .picker__frame .picker__box .picker__header .picker__year { - color: var(--primary); - font-style: inherit; - font-size: 20px; } - .picker .picker__frame .picker__box .picker__header .picker__nav--prev, - .picker .picker__frame .picker__box .picker__header .picker__nav--next { - width: 40px; - height: 40px; - padding: 0; - line-height: 40px; - border-radius: 2px; } - .picker .picker__frame .picker__box .picker__header .picker__nav--prev:before, - .picker .picker__frame .picker__box .picker__header .picker__nav--next:before { - content: none !important; } - .picker .picker__frame .picker__box .picker__header .picker__nav--prev:after, - .picker .picker__frame .picker__box .picker__header .picker__nav--next:after { - font-family: fontawesome; - border: 0; - margin: 0 auto; - font-size: 22px; } - .picker .picker__frame .picker__box .picker__header .picker__nav--prev:hover, - .picker .picker__frame .picker__box .picker__header .picker__nav--next:hover { - background-color: var(--rgba-primary-3) !important; - color: var(--primary) !important; } - .picker .picker__frame .picker__box .picker__header .picker__nav--prev { - left: 0; } - .picker .picker__frame .picker__box .picker__header .picker__nav--prev:after { - content: "\f0d9"; } - .picker .picker__frame .picker__box .picker__header .picker__nav--next { - right: 0; } - .picker .picker__frame .picker__box .picker__header .picker__nav--next:after { - content: "\f0da"; } - .picker .picker__frame .picker__box .picker__table .picker__weekday { - padding: 10px 0; - font-size: 16px; } - .picker .picker__frame .picker__box .picker__table .picker__day { - width: 40px; - height: 40px; - border-radius: 50px; - padding: 0 !important; - font-size: 16px; - line-height: 40px; - margin: auto; - border: 0 !important; } - .picker .picker__frame .picker__box .picker__table .picker__day.picker__day--today:before { - content: none !important; } - .picker .picker__frame .picker__box .picker__table .picker__day.picker__day--highlighted { - border: 0 !important; - padding: 0; - background-color: var(--rgba-primary-3) !important; - color: #fff !important; } - .picker .picker__frame .picker__box .picker__table .picker__day:hover { - background-color: var(--rgba-primary-3) !important; - color: #fff !important; } - .picker .picker__frame .picker__box .picker__footer .picker__button--today { - background-color: var(--rgba-primary-3) !important; - color: #fff !important; } - .picker .picker__frame .picker__box .picker__footer .picker__button--today:before { - content: none !important; } - .picker .picker__frame .picker__box .picker__footer .picker__button--clear, - .picker .picker__frame .picker__box .picker__footer .picker__button--close, - .picker .picker__frame .picker__box .picker__footer .picker__button--today { - border: 0; - border-radius: 2px; - font-size: 16px; } - .picker .picker__frame .picker__box .picker__footer .picker__button--clear:hover, - .picker .picker__frame .picker__box .picker__footer .picker__button--close:hover, - .picker .picker__frame .picker__box .picker__footer .picker__button--today:hover { - background-color: var(--rgba-primary-3) !important; - color: #fff !important; } - @media only screen and (max-width: 575px) { - .picker .picker__frame { - min-width: 100% !important; - max-width: 100% !important; } - .picker .picker__frame .picker__box { - padding: 15px; - margin: 0 10px; } } + .rtl .offset-xxl-6 { + margin-right: 50%; + margin-left: 0; + } -.card-list { - overflow: unset; - height: calc(100% - 50px); } - .card-list .card-header { - padding-top: 0; - padding-bottom: 0; } - .card-list .card-header .photo { - overflow: hidden; - border-radius: 5px; - width: 100%; } - @media only screen and (max-width: 1199px) { - .card-list { - height: calc(100% - 40px); } } - .card-list.list-left { - margin-top: 15px; - margin-left: 15px; } - .card-list.list-left .card-header { - padding-left: 0; } - .card-list.list-left .card-header .photo { - margin: -15px 15px 0 -15px; } - .card-list.list-right { - margin-top: 15px; - margin-right: 15px; - text-align: right; } - .card-list.list-right .card-header { - padding-right: 0; } - .card-list.list-right .card-header .photo { - margin: -15px -15px 0 15px; } - .card-list.list-right .card-header .photo img { - width: 100%; } - .card-list.list-center { - margin-top: 15px; } - .card-list.list-center .card-header .photo { - margin: -15px 0 0 0; } - .card-list .photo img { - width: 100%; } + .rtl .offset-xxl-7 { + margin-right: 58.3333333333%; + margin-left: 0; + } -.card-profile .profile-photo { - margin-top: -20px; } + .rtl .offset-xxl-8 { + margin-right: 66.6666666667%; + margin-left: 0; + } -.widget-media .timeline .timeline-panel { - display: flex; - align-items: center; - border-bottom: 1px solid #eaeaea; - padding-bottom: 15px; - margin-bottom: 15px; } - .widget-media .timeline .timeline-panel .media { - width: 50px; - height: 50px; - background: #eee; - border-radius: 12px; - overflow: hidden; - font-size: 20px; - text-align: center; - display: flex; - align-items: center; - justify-content: center; - font-weight: 700; - align-self: start; } - .widget-media .timeline .timeline-panel .media-primary { - background: var(--rgba-primary-1); - color: var(--primary); } - [data-theme-version="dark"] .widget-media .timeline .timeline-panel .media-primary { - background-color: var(--rgba-primary-1); } - .widget-media .timeline .timeline-panel .media-info { - background: white; - color: #48A9F8; } - [data-theme-version="dark"] .widget-media .timeline .timeline-panel .media-info { - background-color: rgba(72, 169, 248, 0.1); } - .widget-media .timeline .timeline-panel .media-warning { - background: #fff0e5; - color: #FE8024; } - [data-theme-version="dark"] .widget-media .timeline .timeline-panel .media-warning { - background-color: rgba(254, 128, 36, 0.1); } - .widget-media .timeline .timeline-panel .media-danger { - background: #ffe5df; - color: #FF6746; } - [data-theme-version="dark"] .widget-media .timeline .timeline-panel .media-danger { - background-color: rgba(255, 103, 70, 0.15); } - .widget-media .timeline .timeline-panel .media-success { - background: #b7f6db; - color: #1BD084; } - [data-theme-version="dark"] .widget-media .timeline .timeline-panel .media-success { - background-color: rgba(27, 208, 132, 0.1); } - .widget-media .timeline .timeline-panel .media-body p { - font-size: 14px; - line-height: 1.5; } - .widget-media .timeline .timeline-panel .dropdown { - align-self: self-end; - margin-top: 5px; } -.widget-media .timeline li:last-child .timeline-panel { - margin-bottom: 0; - border-bottom: 0; - padding-bottom: 0; } + .rtl .offset-xxl-9 { + margin-right: 75%; + margin-left: 0; + } -.card[class*="bg-"] .timeline .timeline-panel { - border-color: rgba(255, 255, 255, 0.2) !important; } + .rtl .offset-xxl-10 { + margin-right: 83.3333333333%; + margin-left: 0; + } -@media only screen and (max-width: 1199px) { - .table { - font-size: 0.875rem !important; } } -.table strong { - color: #B1B1B1; } -.table td { - border-color: #f0f1f5; - padding: 12px 9px; } - [data-theme-version="dark"] .table td { - border-color: #333a54; } -.table.shadow-hover tr:hover { - background-color: #fff; - box-shadow: 0 0px 30px var(--rgba-primary-1); } - [data-theme-version="dark"] .table.shadow-hover tr:hover { - background-color: #251e35; } -.table.bg-secondary-hover th, .table.bg-secondary-hover td { - border: none; - font-weight: 500; } -.table.bg-secondary-hover tr:hover { - background: #8BC740; } - .table.bg-secondary-hover tr:hover td, .table.bg-secondary-hover tr:hover th { - color: #fff !important; } -.table.bg-info-hover th, .table.bg-info-hover td { - border: none; - font-weight: 500; } -.table.bg-info-hover tr:hover { - background: #48A9F8; } - .table.bg-info-hover tr:hover td, .table.bg-info-hover tr:hover th { - color: #fff !important; } -.table.bg-warning-hover th, .table.bg-warning-hover td { - border: none; - font-weight: 500; } -.table.bg-warning-hover tr:hover { - background: #FE8024; } - .table.bg-warning-hover tr:hover td, .table.bg-warning-hover tr:hover th { - color: #fff !important; } -.table thead th { - border-bottom-width: 1px; - font-size: 14px; - font-weight: 600; - letter-spacing: 0.5px; - border-color: #f0f1f5; } - [data-theme-version="dark"] .table thead th { - border-color: #333a54; } -.table tbody tr td { - vertical-align: middle; - border-color: #f0f1f5; } - [data-theme-version="dark"] .table tbody tr td { - border-color: #333a54; } -.table:not(.table-bordered) thead th { - border-top: none; } -.table .thead-primary th { - background-color: var(--primary); - color: #fff; } -.table .thead-info th { - background-color: #48A9F8; - color: #fff; } -.table .thead-warning th { - background-color: #FE8024; - color: #fff; } -.table .thead-danger th { - background-color: #FF6746; - color: #fff; } -.table .thead-success th { - background-color: #1BD084; - color: #fff; } -.table.primary-table-bordered { - border: 1px solid #f0f1f5; } - [data-theme-version="dark"] .table.primary-table-bordered { - border-color: #333a54; } -.table.primary-table-bg-hover thead th { - background-color: var(--primary-dark); - color: #fff; - border-bottom: none; } -.table.primary-table-bg-hover tbody tr { - background-color: var(--primary); - color: #fff; - transition: all .1s ease; } - .table.primary-table-bg-hover tbody tr:hover { - background-color: var(--rgba-primary-1); } - .table.primary-table-bg-hover tbody tr:not(:last-child) td, .table.primary-table-bg-hover tbody tr:not(:last-child) th { - border-bottom: 1px solid var(--primary-dark); } -.table-responsive-tiny { - min-width: 18.75rem; } -.table-responsive-sm { - min-width: 30rem !important; } -.table-responsive-md { - min-width: 36rem !important; } -.table-responsive-lg { - min-width: 60.9375rem !important; } -.table-responsive-xl { - min-width: 70.9375rem !important; } + .rtl .offset-xxl-11 { + margin-right: 91.6666666667%; + margin-left: 0; + } +} -.table-primary, .table-primary > th, .table-primary > td { - background-color: var(--rgba-primary-1); - color: var(--primary); } - [data-theme-version="dark"] .table-primary, - [data-theme-version="dark"] .table-primary > th, - [data-theme-version="dark"] .table-primary > td { - background-color: var(--rgba-primary-1); } +.rtl .mr-0, +.rtl .mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} -.table-success, .table-success > th, .table-success > td { - background-color: #b7f6db; - color: #1BD084; } - [data-theme-version="dark"] .table-success, - [data-theme-version="dark"] .table-success > th, - [data-theme-version="dark"] .table-success > td { - background-color: rgba(27, 208, 132, 0.1); } +.rtl .ml-0, +.rtl .mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; +} -.table-info, .table-info > th, .table-info > td { - background-color: white; - color: #48A9F8; } - [data-theme-version="dark"] .table-info, - [data-theme-version="dark"] .table-info > th, - [data-theme-version="dark"] .table-info > td { - background-color: rgba(72, 169, 248, 0.1); } +.rtl .mr-1, +.rtl .mx-1 { + margin-right: 0 !important; + margin-left: 0.25rem !important; +} -.table-warning, .table-warning > th, .table-warning > td { - background-color: #fff0e5; - color: #FE8024; } - [data-theme-version="dark"] .table-warning, - [data-theme-version="dark"] .table-warning > th, - [data-theme-version="dark"] .table-warning > td { - background-color: rgba(254, 128, 36, 0.1); } +.rtl .ml-1, +.rtl .mx-1 { + margin-left: 0 !important; + margin-right: 0.25rem !important; +} -.table-danger, .table-danger > th, .table-danger > td { - background-color: #ffe5df; - color: #FF6746; } - [data-theme-version="dark"] .table-danger, - [data-theme-version="dark"] .table-danger > th, - [data-theme-version="dark"] .table-danger > td { - background-color: rgba(255, 103, 70, 0.15); } - -.table-active, .table-active > th, .table-active > td { - background-color: #f2f4fa; } - [data-theme-version="dark"] .table-active, - [data-theme-version="dark"] .table-active > th, - [data-theme-version="dark"] .table-active > td { - background-color: #251e35; } - -.card-table th:first-child, .card-table td:first-child { - padding-left: 30px; } - @media only screen and (max-width: 575px) { - .card-table th:first-child, .card-table td:first-child { - padding-left: 15px; } } -.card-table th:last-child, .card-table td:last-child { - padding-right: 30px; } - @media only screen and (max-width: 575px) { - .card-table th:last-child, .card-table td:last-child { - padding-right: 15px; } } +.rtl .mr-2, +.rtl .mx-2 { + margin-right: 0 !important; + margin-left: 0.5rem !important; +} -.bootgrid-header { - padding: 0 !important; - margin: 0; } - @media only screen and (max-width: 575px) { - .bootgrid-header .actionBar { - padding: 0; } - .bootgrid-header .search { - margin: 0 0 10px 0; } } +.rtl .ml-2, +.rtl .mx-2 { + margin-left: 0 !important; + margin-right: 0.5rem !important; +} -table#example { - padding: 0rem 0 2rem 0; } +.rtl .mr-3, +.rtl .mx-3 { + margin-right: 0 !important; + margin-left: 1rem !important; +} -table.dataTable { - color: #000; - border-radius: 1.25rem; } +.rtl .ml-3, +.rtl .mx-3 { + margin-left: 0 !important; + margin-right: 1rem !important; +} -#example2_wrapper .dataTables_scrollBody { - max-height: 33.25rem !important; } - -#employees, #custommers { - padding: .5rem 0 1rem 0; } +.rtl .mr-4, +.rtl .mx-4 { + margin-right: 0 !important; + margin-left: 1.5rem !important; +} -.dataTables_wrapper .dataTables_paginate { - padding: 10px 0; } - @media only screen and (max-width: 1400px) { - .dataTables_wrapper .dataTables_paginate { - padding: 5px 0; } } +.rtl .ml-4, +.rtl .mx-4 { + margin-left: 0 !important; + margin-right: 1.5rem !important; +} -table.dataTable thead th, -table.dataTable thead td { - padding: 30px 15px; - border-bottom: 1px solid #f0f1f5; } - @media only screen and (max-width: 1400px) { - table.dataTable thead th, - table.dataTable thead td { - padding: 8px 15px; } } +.rtl .mr-5, +.rtl .mx-5 { + margin-right: 0 !important; + margin-left: 3rem !important; +} -table.dataTable tfoot th, -table.dataTable tfoot td { - border-top: 0; } +.rtl .ml-5, +.rtl .mx-5 { + margin-left: 0 !important; + margin-right: 3rem !important; +} -table.dataTable tbody td { - background: #fff !important; } +.rtl .pr-0, +.rtl .px-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} -table.dataTable thead th { - color: #000; - font-size: 18px; - white-space: nowrap; - font-weight: 600; } - [data-theme-version="dark"] table.dataTable thead th { - color: #fff; } - @media only screen and (max-width: 1400px) { - table.dataTable thead th { - font-size: 14px; } } +.rtl .pl-0, +.rtl .px-0 { + padding-left: 0 !important; + padding-right: 0 !important; +} -table.dataTable tbody td { - font-size: 16px; - padding: 22px 15px; } - @media only screen and (max-width: 1400px) { - table.dataTable tbody td { - padding: 8px 15px; - font-size: 14px; } } +.rtl .pr-1, +.rtl .px-1 { + padding-right: 0 !important; + padding-left: 0.25rem !important; +} -table.dataTable tr.selected { - color: var(--primary); } +.rtl .pl-1, +.rtl .px-1 { + padding-left: 0 !important; + padding-right: 0.25rem !important; +} -table.dataTable tfoot th { - color: #B1B1B1; - font-weight: 600; } - [data-theme-version="dark"] table.dataTable tfoot th { - color: #fff; } +.rtl .pr-2, +.rtl .px-2 { + padding-right: 0 !important; + padding-left: 0.5rem !important; +} -.dataTables_wrapper input[type="search"], .dataTables_wrapper input[type="text"], .dataTables_wrapper select { - border: 1px solid #e2e2e2; - padding: .3rem 0.5rem; - color: #715d5d; - border-radius: 5px; } - [data-theme-version="dark"] .dataTables_wrapper input[type="search"], [data-theme-version="dark"] .dataTables_wrapper input[type="text"], [data-theme-version="dark"] .dataTables_wrapper select { - background: #251e35; - border-color: #333a54; - color: #fff; } -.dataTables_wrapper .dataTables_length { - margin-bottom: 15px; } - .dataTables_wrapper .dataTables_length .bootstrap-select { - width: 80px !important; - margin: 0 5px; } +.rtl .pl-2, +.rtl .px-2 { + padding-left: 0 !important; + padding-right: 0.5rem !important; +} -table.dataTable.no-footer { - border-bottom: 0; } +.rtl .pr-3, +.rtl .px-3 { + padding-right: 0 !important; + padding-left: 1rem !important; +} -.min-w850 { - min-width: 850px; } +.rtl .pl-3, +.rtl .px-3 { + padding-left: 0 !important; + padding-right: 1rem !important; +} -.rounded-lg { - min-width: 30px; } +.rtl .pr-4, +.rtl .px-4 { + padding-right: 0 !important; + padding-left: 1.5rem !important; +} -.dataTables_scroll { - padding: 1rem 0; } - .dataTables_scrollFoot { - padding-top: 1rem; } +.rtl .pl-4, +.rtl .px-4 { + padding-left: 0 !important; + padding-right: 1.5rem !important; +} -@media (max-width: 991.98px) { - .dataTables_wrapper .dataTables_length, - .dataTables_wrapper .dataTables_filter { - text-align: left; } } +.rtl .pr-5, +.rtl .px-5 { + padding-right: 0 !important; + padding-left: 3rem !important; +} -.dataTablesCard { - background-color: #fff; - box-shadow: 0px 12px 23px 0px rgba(62, 73, 84, 0.04); - border-radius: 0; } - .dataTablesCard tbody tr:hover { - background: #fff !important; } - .dataTablesCard tbody tr:hover td { - background: transparent !important; } +.rtl .pl-5, +.rtl .px-5 { + padding-left: 0 !important; + padding-right: 3rem !important; +} -.dataTables_wrapper .dataTables_info { - padding: 10px 0; } - @media only screen and (max-width: 1400px) { - .dataTables_wrapper .dataTables_info { - padding: 8px 0; } } - -table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { - border-color: #f0f1f5; } - [data-theme-version="dark"] table.dataTable.row-border tbody th, - [data-theme-version="dark"] table.dataTable.row-border tbody td, - [data-theme-version="dark"] table.dataTable.display tbody th, - [data-theme-version="dark"] table.dataTable.display tbody td { - border-color: #333a54; } +.rtl .mr-auto { + margin-right: 0 !important; + margin-left: auto !important; +} -table.dataTable thead .sorting { - background-position: center right 15px; } +.rtl .ml-auto { + margin-right: auto !important; + margin-left: 0 !important; +} -.dataTables_wrapper .dataTables_paginate span { - border-radius: 0; - display: inline-block; - margin: 0 0; } - .dataTables_wrapper .dataTables_paginate span a { - color: #fff; - background: transparent !important; } -.dataTables_wrapper .dataTables_paginate .paginate_button { - border: 0 !important; - padding: 15px 25px; - border: 0px solid var(--primary) !important; - background: var(--rgba-primary-3) !important; - border-radius: 5rem; - color: var(--primary) !important; - font-size: 16px; - margin: 0 2px; - display: inline-block; } - @media only screen and (max-width: 1400px) { - .dataTables_wrapper .dataTables_paginate .paginate_button { - padding: 8px 15px; - font-size: 14px; } } - .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current { - color: #fff !important; - background: var(--primary) !important; } - .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next { - background: #fff !important; - color: var(--primary) !important; - margin: 0 10px; } - .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover { - background: #fff !important; - color: var(--primary) !important; } +.rtl .mx-auto { + margin-right: auto !important; + margin-left: auto !important; +} -.fooicon { - font-size: 1.25rem; - color: #B1B1B1; } +@media (min-width: 576px) { -.jsgrid-table .jsgrid-header-row > .jsgrid-header-cell { - color: #B1B1B1; } -.jsgrid-table > tbody > tr > td { - padding: 1.2em; } -.jsgrid-table .jsgrid-insert-row input, .jsgrid-table .jsgrid-insert-row select, .jsgrid-table .jsgrid-edit-row input, .jsgrid-table .jsgrid-edit-row select { - border: 1px solid #DDDFE1; } + .rtl .mr-sm-0, + .rtl .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } -.jsgrid .jsgrid-button { - border: 0 !important; - margin-left: 10px; } + .rtl .ml-sm-0, + .rtl .mx-sm-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } -.error-page .error-text { - font-size: 150px; - line-height: 1; } - @media only screen and (max-width: 575px) { - .error-page .error-text { - font-size: 80px; } } -.error-page h4 { - font-size: 40px; - margin-bottom: 5px; } - @media only screen and (max-width: 575px) { - .error-page h4 { - font-size: 20px; } } -.error-page p { - font-size: 16px; } - @media only screen and (max-width: 575px) { - .error-page p { - font-size: 14px; } } + .rtl .mr-sm-1, + .rtl .mx-sm-1 { + margin-right: 0 !important; + margin-left: 0.25rem !important; + } -.authincation-content { - background: var(--primary); - box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15); - border-radius: 5px; } - [data-theme-version="dark"] .authincation-content { - background: #28253b; - box-shadow: none; } + .rtl .ml-sm-1, + .rtl .mx-sm-1 { + margin-left: 0 !important; + margin-right: 0.25rem !important; + } -.welcome-content { - background: url("./../images/1.jpg"); - background-size: cover; - background-position: center; - height: 100%; - padding: 75px 50px; - position: relative; - z-index: 1; - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } - .welcome-content::after { - content: ''; - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - background: var(--primary); - opacity: 0.75; - z-index: -1; - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; } - .welcome-content .welcome-title { - color: #fff; - font-weight: 500; - font-size: 20px; } - .welcome-content p { - color: #fff; } - .welcome-content .brand-logo a { - display: inline-block; - margin-bottom: 20px; - font-weight: 700; - color: #fff; - font-size: 20px; } - .welcome-content .brand-logo a img { - width: 100px; } - .welcome-content .intro-social { - position: absolute; - bottom: 75px; } - .welcome-content .intro-social ul { - margin-bottom: 0; } - .welcome-content .intro-social ul li { - display: inline-block; } - .welcome-content .intro-social ul li a { - color: #fff; - font-size: 14px; - padding: 0px 7px; } + .rtl .mr-sm-2, + .rtl .mx-sm-2 { + margin-right: 0 !important; + margin-left: 0.5rem !important; + } -.auth-form { - padding: 50px 50px; } - @media only screen and (max-width: 575px) { - .auth-form { - padding: 30px; } } - .auth-form .btn { - height: 50px; - font-weight: 700; } - .auth-form .page-back { - display: inline-block; - margin-bottom: 15px; } + .rtl .ml-sm-2, + .rtl .mx-sm-2 { + margin-left: 0 !important; + margin-right: 0.5rem !important; + } -.pricing_table_content { - background: #fff; - text-align: center; - border: 1px solid #e7e7e7; - border-radius: 3px; - padding: 25px; - -webkit-transition: all 0.25s ease-in-out; - transition: all 0.25s ease-in-out; } - .pricing_table_content .package { - font-weight: 700; - font-size: 18px; } - .pricing_table_content .price { - font-weight: 700; - font-size: 50px; - line-height: 100px; - color: #B1B1B1; } - .pricing_table_content hr { - margin: 0; } - .pricing_table_content .price_list { - padding: 30px 0; - text-align: left; - max-width: 175px; - margin: 0 auto; } - .pricing_table_content .price_list li { - color: #909093; - font-size: 14px; - line-height: 25px; - padding: 7px 0; } - .pricing_table_content .price_list li i { - margin-right: 15px; } - .pricing_table_content .price-btn { - padding: 15px 50px; - -webkit-box-shadow: none; - box-shadow: none; - border: 1px solid #eaeaea; - border-radius: 5px; - font-weight: 700; - font-size: 14px; - margin-bottom: 25px; - -webkit-transition: all 0.25s ease-in-out; - transition: all 0.25s ease-in-out; } - .pricing_table_content:focus, .pricing_table_content:hover { - -webkit-transform: scale(1.05); - transform: scale(1.05); - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.175); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.175); } - .pricing_table_content:focus .price-btn, .pricing_table_content:hover .price-btn { - color: #FF6746; } + .rtl .mr-sm-3, + .rtl .mx-sm-3 { + margin-right: 0 !important; + margin-left: 1rem !important; + } -.page-timeline .timeline { - list-style: none; - padding: 40px 0; - position: relative; } - .page-timeline .timeline-workplan.page-timeline .timeline { - padding-bottom: 0; - margin-bottom: 0; } - .page-timeline .timeline-workplan.page-timeline .timeline.timeline > li > .timeline-badge { - top: 4.5rem; } - .page-timeline .timeline-workplan.page-timeline .timeline > li { - margin-bottom: 2.6rem; } - @media only screen and (min-width: 1200px) and (max-width: 1650px) { - .page-timeline .timeline-workplan.page-timeline .timeline li > p { - max-width: 8rem; } } - @media only screen and (max-width: 1199px) { - .page-timeline .timeline-workplan.page-timeline .timeline li > p { - max-width: 7rem; } } - @media only screen and (max-width: 991px) { - .page-timeline .timeline-workplan.page-timeline .timeline li > p { - max-width: 100%; } } - @media only screen and (max-width: 575px) { - .page-timeline .timeline-workplan.page-timeline .timeline li > p { - max-width: 7rem; } } - .page-timeline .timeline-workplan.page-timeline .timeline::before { - left: 20%; - top: 6rem; } - [direction="rtl"] .page-timeline .timeline-workplan.page-timeline .timeline::before { - right: 22%; - left: auto; } - @media only screen and (max-width: 575px) { - .page-timeline .timeline-workplan.page-timeline .timeline::before { - left: 22%; } } - .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge { - left: 21.4%; - height: 0.9rem; - width: 0.9rem; - background-color: var(--primary); } - [direction="rtl"] .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge { - right: 19.2%; - left: auto; } - @media only screen and (min-width: 1200px) and (max-width: 1650px) { - .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge { - left: 22.4%; } } - @media only screen and (max-width: 1199px) { - .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge { - left: 22.4%; } } - @media only screen and (max-width: 991px) { - .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge { - left: 21.7%; } } - @media only screen and (max-width: 767px) { - .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge { - left: 19.5%; } } - @media only screen and (max-width: 575px) { - .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge { - left: 21.4%; } } - .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge::after { - position: absolute; - width: 1.9rem; - height: 1.9rem; - background-color: var(--primary-dark); - content: ""; - border-radius: 50%; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); } - .page-timeline .timeline-workplan.page-timeline .timeline .timeline-panel { - width: 70%; } -.page-timeline .timeline:before { - top: 0; - bottom: 0; - position: absolute; - content: " "; - width: 2px; - background-color: #ECEFF2; - left: 50%; - margin-left: -1.5px; } -.page-timeline .timeline > li { - margin-bottom: 20px; - position: relative; } -.page-timeline .timeline > li:after, -.page-timeline .timeline > li:before { - content: " "; - display: table; } -.page-timeline .timeline > li:after { - clear: both; } -.page-timeline .timeline > li:after, -.page-timeline .timeline > li:before { - content: " "; - display: table; } -.page-timeline .timeline > li:after { - clear: both; } -.page-timeline .timeline > li > .timeline-panel { - width: 46%; - float: left; - border-radius: 2px; - position: relative; } -.page-timeline .timeline > li > .timeline-badge { - background-color: #f2f4fa; - border: 1px solid #DDDFE1; - border-radius: 50%; - color: #B1B1B1; - height: 40px; - left: 50%; - line-height: 40px; - margin-left: -13px; - position: absolute; - text-align: center; - top: 30px; - width: 40px; - z-index: 1; - transform: translate(-25%, -3rem); } - @media (min-width: 576px) { - .page-timeline .timeline > li > .timeline-badge { - width: 50px; - height: 50px; - line-height: 50px; } } -.page-timeline .timeline > li.timeline-inverted > .timeline-panel { - float: right; } -.page-timeline .timeline > li.timeline-inverted > .timeline-panel:before { - border-left-width: 0; - border-right-width: 15px; - left: -15px; - right: auto; } -.page-timeline .timeline > li.timeline-inverted > .timeline-panel:after { - border-left-width: 0; - border-right-width: 14px; - left: -14px; - right: auto; } -.page-timeline .timeline-title { - margin-top: 0; - color: inherit; } -.page-timeline .event_time { - font-size: 14px; - font-weight: 600; } -.page-timeline .event_vanue { - font-size: 14px; - margin: 5px 0; - font-weight: 600; } -.page-timeline .timeline_img { - height: 100px; - width: 100px; } -.page-timeline .timeline-body > p, -.page-timeline .timeline-body > ul { - margin-bottom: 0; } -@media (max-width: 767px) { - .page-timeline ul.timeline:before { - left: 40px; } - .page-timeline ul.timeline > li > .timeline-panel { - width: calc(100% - 90px); - width: -webkit-calc(100% - 90px); } - .page-timeline ul.timeline > li > .timeline-badge { - left: 28px; - margin-left: 0; - top: 16px; } - .page-timeline ul.timeline > li > .timeline-panel { - float: right; } - .page-timeline ul.timeline > li > .timeline-panel:before { - border-left-width: 0; - border-right-width: 15px; - left: -15px; - right: auto; } - .page-timeline ul.timeline > li > .timeline-panel:after { - border-left-width: 0; - border-right-width: 14px; - left: -14px; - right: auto; } - .page-timeline .timeline_img { - height: 30%; - width: 30%; } } -.page-timeline .timeline-timestamp { - text-align: center; } - .page-timeline .timeline-timestamp .badge { - padding: .8rem 2rem; - border-radius: 50px; - font-size: 0.8125rem; } + .rtl .ml-sm-3, + .rtl .mx-sm-3 { + margin-left: 0 !important; + margin-right: 1rem !important; + } -.profile-card .title { - position: relative; } - .profile-card .title span { - display: inline-block; - text-transform: uppercase; - background: #fff; - position: relative; - z-index: 1; - padding-right: 30px; } - .profile-card .title:after { - width: 100%; - height: 1px; - background: #E7E7E7; - position: absolute; - top: 50%; - transform: translatey(-50%); - left: 0; - content: ""; } -.profile-card .form-group { - margin-bottom: 30px; } - .profile-card .form-group label { - font-weight: 500; } - .profile-card .form-group .input-icon .form-control { - padding-left: 70px; - z-index: 0; } - @media only screen and (max-width: 767px) { - .profile-card .form-group .input-icon .form-control { - padding-left: 50px; } } - .profile-card .form-group .input-group-prepend { - position: absolute; - top: 50%; - left: 0px; - z-index: 1; - transform: translatey(-50%); } - .profile-card .form-group .input-group-prepend .input-group-text { - background: transparent; } - .profile-card .form-group .input-group-prepend .input-group-text i { - font-size: 30px; - color: var(--primary); } - @media only screen and (max-width: 767px) { - .profile-card .form-group .input-group-prepend .input-group-text i { - font-size: 18px; } } - .profile-card .form-group .bootstrap-select.form-control button { - border-color: #C2C2C2 !important; - border-width: 0 !important; - border-bottom-width: 1px !important; - padding: 10px 0px; - height: 60px; - font-size: 18px; - color: #000; } - @media only screen and (max-width: 767px) { - .profile-card .form-group .bootstrap-select.form-control button { - height: 45px; - font-size: 14px; } } - .profile-card .form-group .bootstrap-select.form-control button:hover, .profile-card .form-group .bootstrap-select.form-control button:focus { - border-color: var(--primary) !important; - border-bottom-width: 2px !important; } - .profile-card .form-group .bootstrap-select.form-control .dropdown-toggle:after { - color: var(--primary); - font-size: 30px; } - .profile-card .form-group .form-control { - border-color: #C2C2C2; - border-width: 0; - border-bottom-width: 1px; - padding: 10px 0px; - height: 70px; - font-size: 18px; - color: #000; } - .profile-card .form-group .form-control::placeholder { - color: #BBBBBB; } - .profile-card .form-group .form-control:hover, .profile-card .form-group .form-control:focus { - border-color: var(--primary); - border-bottom-width: 2px; } - @media only screen and (max-width: 767px) { - .profile-card .form-group .form-control { - height: 45px; - font-size: 14px; } } - .profile-card .form-group textarea.form-control { - height: unset !important; - border: 1px solid; - border-color: #C2C2C2; - border-radius: 1.25rem; - color: rgba(0, 0, 0, 0.7); - background: #FBFBFB; - border-width: 1px !important; - font-size: 16px !important; - padding: 15px 20px !important; } + .rtl .mr-sm-4, + .rtl .mx-sm-4 { + margin-right: 0 !important; + margin-left: 1.5rem !important; + } -.progress-icon { - height: 62px; - width: 62px; - display: block; - font-weight: 600; - border-radius: 62px; - line-height: 62px; - text-align: center; - border: 1px solid #EEEEEE; } + .rtl .ml-sm-4, + .rtl .mx-sm-4 { + margin-left: 0 !important; + margin-right: 1.5rem !important; + } -.skill-progress { - overflow: visible; } - .skill-progress .progress-bar { - position: relative; - border-radius: 10px; - overflow: visible; } - .skill-progress .progress-bar:after { - content: ""; - position: absolute; - height: 26px; - width: 26px; - top: 50%; - transform: translatey(-50%); - right: 0; - border-radius: 5px; - background: var(--primary); } + .rtl .mr-sm-5, + .rtl .mx-sm-5 { + margin-right: 0 !important; + margin-left: 3rem !important; + } -.full-map-area { - position: relative; - border-radius: 12px; - overflow: hidden; } - .full-map-area a { - position: absolute; - bottom: 30px; - left: 30px; } - .full-map-area i { - background: #3e4954; - position: absolute; - top: 30px; - right: 30px; - width: 56px; - height: 56px; - text-align: center; - line-height: 56px; - font-size: 24px; - color: #fff; - border-radius: 56px; } - .full-map-area img { - width: 100%; } + .rtl .ml-sm-5, + .rtl .mx-sm-5 { + margin-left: 0 !important; + margin-right: 3rem !important; + } -.iconbox { - position: relative; - padding-left: 70px; } - .iconbox i { - background: var(--primary); - width: 50px; - height: 50px; - line-height: 50px; - border-radius: 50px; - text-align: center; - font-size: 28px; - color: #fff; - position: absolute; - left: 0; - top: 0; } - .iconbox p { - margin: 0; - color: #484848; - font-size: 18px; - line-height: 1.3; - font-weight: 500; } - .iconbox small { - margin-bottom: 5px; - font-size: 16px; - display: block; } + .rtl .pr-sm-0, + .rtl .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } -.widget-timeline-icon li { - padding-left: 25px; - position: relative; - margin-left: 11px; - border-left: 3px solid var(--primary); - min-height: 80px; - padding-top: 1px; } - .widget-timeline-icon li .icon { - position: absolute; - width: 22px; - height: 22px; - font-size: 24px; - color: #fff; - text-align: center; - line-height: 22px; - border-radius: 22px; - left: -13px; - top: 0; } - .widget-timeline-icon li:last-child { - border-left: 3px solid transparent; } + .rtl .pl-sm-0, + .rtl .px-sm-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } -.network-chart { - margin-top: -55px; } - @media only screen and (max-width: 575px) { - .network-chart { - margin-top: 30px; } } + .rtl .pr-sm-1, + .rtl .px-sm-1 { + padding-right: 0 !important; + padding-left: 0.25rem !important; + } -.search-job .form-control { - width: 380px; } - @media only screen and (max-width: 1199px) { - .search-job .form-control { - width: 330px; } } - @media only screen and (max-width: 767px) { - .search-job .form-control { - width: 100%; } } + .rtl .pl-sm-1, + .rtl .px-sm-1 { + padding-left: 0 !important; + padding-right: 0.25rem !important; + } -.min-w20 { - min-width: 20px; } + .rtl .pr-sm-2, + .rtl .px-sm-2 { + padding-right: 0 !important; + padding-left: 0.5rem !important; + } -.shadow_1 { - box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.1); } - .shadow_1:hover { - box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); } + .rtl .pl-sm-2, + .rtl .px-sm-2 { + padding-left: 0 !important; + padding-right: 0.5rem !important; + } -.items-table tbody tr { - padding: 0; - border-radius: 1.25rem; - position: relative; - box-shadow: 0 1px 0 0 #f8f8f8; - -webkit-transition: all 0.5s; - -ms-transition: all 0.5s; - transition: all 0.5s; } - .items-table tbody tr .dropdown { - opacity: 0; } - .items-table tbody tr.active, .items-table tbody tr:hover { - box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); - z-index: 1; } - .items-table tbody tr.active .dropdown, .items-table tbody tr:hover .dropdown { - opacity: 1; } - .items-table tbody tr th, - .items-table tbody tr td { - border: 0; - padding: 18px 8px; } -@media only screen and (max-width: 575px) { - .items-table { - width: 500px; } } + .rtl .pr-sm-3, + .rtl .px-sm-3 { + padding-right: 0 !important; + padding-left: 1rem !important; + } -.star-review i { - font-size: 16px; } - .star-review i.text-gray { - color: #d9d9d9; } -.star-review span { - color: #000; } + .rtl .pl-sm-3, + .rtl .px-sm-3 { + padding-left: 0 !important; + padding-right: 1rem !important; + } -.form-head .breadcrumb { - background: transparent; - padding: 0; } -.form-head .search-area { - max-width: 300px; - border-radius: 0; } - @media only screen and (max-width: 1400px) { - .form-head .search-area { - max-width: 250px; } } - @media only screen and (max-width: 575px) { - .form-head .search-area { - max-width: 250px; } } - .form-head .search-area .form-control { - border: 0; - height: 56px; - padding: 10px 15px; - font-size: 16px; - background: #f1f1f1; - border-radius: 0; } - @media only screen and (max-width: 1400px) { - .form-head .search-area .form-control { - height: 41px; - padding: 10px 15px; - font-size: 13px; } } - .form-head .search-area .input-group-append .input-group-text { - background: #f1f1f1; - padding: 0 5px 0 30px; } - @media only screen and (max-width: 1400px) { - .form-head .search-area .input-group-append .input-group-text { - padding: 0 5px 0 30px; } } - .form-head .search-area .input-group-append .input-group-text i { - font-size: 20px; - color: #7e7e7e; } - @media only screen and (max-width: 1400px) { - .form-head .search-area .input-group-append .input-group-text i { - font-size: 18px; } } -.form-head .dropdown .btn i { - transform: scale(1.3); - -moz-transform: scale(1.3); - -webkit-transform: scale(1.3); - -ms-transform: scale(1.3); - -o-transform: scale(1.3); - display: inline-block; } -.form-head .dropdown:after { - color: var(--primary); - font-size: 25px; } -.form-head .btn i { - line-height: 1; - transform: scale(1.3); - display: inline-block; - margin-right: 5px; } -.form-head .btn-outline-primary { - border-color: #eee; } - .form-head .btn-outline-primary:hover { - border-color: var(--primary); } -@media only screen and (max-width: 767px) { - .form-head > * { - margin-right: 5px !important; - margin-bottom: 10px; - vertical-align: baseline; - margin-left: 0 !important; } } -@media only screen and (max-width: 767px) { - .form-head { - display: block !important; } } + .rtl .pr-sm-4, + .rtl .px-sm-4 { + padding-right: 0 !important; + padding-left: 1.5rem !important; + } -.rounded { - border-radius: 1.25rem !important; } + .rtl .pl-sm-4, + .rtl .px-sm-4 { + padding-left: 0 !important; + padding-right: 1.5rem !important; + } -.btn-link { - font-weight: 500; - font-size: 16px; } - @media only screen and (max-width: 1400px) { - .btn-link { - font-size: 14px; } } + .rtl .pr-sm-5, + .rtl .px-sm-5 { + padding-right: 0 !important; + padding-left: 3rem !important; + } -.deznav .copyright { - font-size: 14px; - padding: 0 45px; - margin-top: 40px; - color: #000; - margin-bottom: 40px; } - .deznav .copyright p { - margin-bottom: 10px; } - .deznav .copyright p strong { - display: block; } - @media only screen and (max-width: 1400px) { - .deznav .copyright { - padding: 0 25px 50px; } } + .rtl .pl-sm-5, + .rtl .px-sm-5 { + padding-left: 0 !important; + padding-right: 3rem !important; + } -.widget-buyer .media img { - width: 30px; } -.widget-buyer .media .media-body h5 { - font-size: 14px; - margin-bottom: 0px; } -.widget-buyer .media .media-body p { - font-size: 13px; } + .rtl .mr-sm-auto { + margin-right: 0 !important; + margin-left: auto !important; + } -.recentOrderTable table { - margin-bottom: 0; - overflow: hidden; } - .recentOrderTable table thead th { - font-size: 12px; } - .recentOrderTable table tbody td { - color: #B1B1B1; - font-weight: 500; - line-height: 40px; } - [data-theme-version="dark"] .recentOrderTable table tbody td { - color: #828690; } - .recentOrderTable table tbody td img { - border-radius: 50px; } - .recentOrderTable table tbody td .custom-dropdown i { - padding: 0 10px; - cursor: pointer; } + .rtl .ml-sm-auto { + margin-right: auto !important; + margin-left: 0 !important; + } -.activity_overview .nav-tabs { - border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; } -.activity_overview .custom-tab-1 .nav-link { - color: rgba(255, 255, 255, 0.5); - padding-left: 0; - padding-right: 0; - margin-right: 30px; } - .activity_overview .custom-tab-1 .nav-link:hover, .activity_overview .custom-tab-1 .nav-link.active { - background: transparent; - color: #fff; - border-color: #fff; } + .rtl .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } +} -.ps .ps__rail-x:hover, -.ps .ps__rail-y:hover, -.ps .ps__rail-x:focus, -.ps .ps__rail-y:focus, -.ps .ps__rail-x.ps--clicking, -.ps .ps__rail-y.ps--clicking { - background-color: transparent !important; - opacity: 0.9; } +@media (min-width: 768px) { -@media only screen and (max-width: 575px) { - .chart-link { - display: flex; - align-items: center; } } -@media only screen and (max-width: 1199px) { - .chart-link { - display: flex; - align-items: center; } } -@media only screen and (min-width: 1200px) { - .chart-link { - display: flex; - align-items: center; } } -.chart-link .week-link { - display: inline-block; } -.chart-link a { - display: inline-block; - font-size: 12px; - font-weight: 500; - margin-right: 10px; } - .chart-link a i { - font-size: 13px; } - .chart-link a i.text-primary { - color: var(--primary); } - .chart-link a i.text-muted { - color: #DAE2F3 !important; } -.chart-link .form-control { - max-width: 97px; - display: inline-block; } + .rtl .mr-md-0, + .rtl .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } -.input-group.input-group-lg .form-control, .input-group.input-group-lg .input-group-text { - height: 80px; - padding: 10px 30px; } - @media only screen and (max-width: 575px) { - .input-group.input-group-lg .form-control, .input-group.input-group-lg .input-group-text { - height: 50px; - padding: 10px 15px; - font-size: 14px; } } -.input-group.input-group-lg .input-group-text { - width: 200px; - text-align: left; } - @media only screen and (max-width: 575px) { - .input-group.input-group-lg .input-group-text { - width: 120px; - padding: 10px 15px; - height: 50px; - font-size: 14px; } } + .rtl .ml-md-0, + .rtl .mx-md-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } -.card-tabs .nav-tabs { - border-bottom: 0px; - background: #F4F5F9; - padding: 0; - border-radius: 0; - flex-wrap: unset; } - .card-tabs .nav-tabs .nav-link { - border-radius: 0; - padding: 12px 20px; - font-weight: 500; - font-size: 14px; - border: 0; } - .card-tabs .nav-tabs .nav-link.active { - background: var(--primary); - color: #fff; } - @media only screen and (max-width: 1400px) { - .card-tabs .nav-tabs .nav-link { - padding: 8px 15px; - font-weight: 400; - font-size: 13px; } } - .card-tabs .nav-tabs.tabs-lg .nav-link { - padding: 23px 30px; - font-size: 16px; } - @media only screen and (max-width: 767px) { - .card-tabs .nav-tabs.tabs-lg .nav-link { - padding: 10px 15px; - font-size: 14px; } } -.card-tabs.icontabs .nav-tabs { - background: transparent; } - .card-tabs.icontabs .nav-tabs .nav-item .nav-link { - height: 42px; - width: 42px; - line-height: 42px; - text-align: center; - background: rgba(137, 137, 137, 0.6); - color: #fff; - margin-right: 15px; - border-radius: 50px; - padding: 0; } - .card-tabs.icontabs .nav-tabs .nav-item .nav-link.active { - background: #FE8024; } - .card-tabs.icontabs .nav-tabs .nav-item .nav-link i { - font-size: 25px; - line-height: 42px; } + .rtl .mr-md-1, + .rtl .mx-md-1 { + margin-right: 0 !important; + margin-left: 0.25rem !important; + } -.revenue-chart .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series { - display: flex !important; - margin-right: 30px !important; - margin-bottom: 30px !important; } + .rtl .ml-md-1, + .rtl .mx-md-1 { + margin-left: 0 !important; + margin-right: 0.25rem !important; + } -.revenue-chart-bar { - margin-bottom: -30px; } - @media only screen and (max-width: 575px) { - .revenue-chart-bar { - margin-bottom: 20px; - float: none; - padding-left: 20px; } } + .rtl .mr-md-2, + .rtl .mx-md-2 { + margin-right: 0 !important; + margin-left: 0.5rem !important; + } -@media only screen and (min-width: 1200px) and (max-width: 1600px) { - .revenue-chart-bar { - margin-bottom: 20px; - float: none; - padding-left: 20px; } } -#activeUser { - height: 215px !important; } + .rtl .ml-md-2, + .rtl .mx-md-2 { + margin-left: 0 !important; + margin-right: 0.5rem !important; + } -#activeUser { - height: 180px !important; } + .rtl .mr-md-3, + .rtl .mx-md-3 { + margin-right: 0 !important; + margin-left: 1rem !important; + } -span#counter { - font-size: 30px; - font-weight: 700; - color: var(--primary); } + .rtl .ml-md-3, + .rtl .mx-md-3 { + margin-left: 0 !important; + margin-right: 1rem !important; + } -.social-graph-wrapper { - text-align: center; - padding: 20px; - position: relative; - color: #fff; - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; } - .social-graph-wrapper.widget-facebook { - background-color: #3b5998; } - .social-graph-wrapper.widget-twitter { - background-color: #1da1f2; } - .social-graph-wrapper.widget-linkedin { - background-color: #007bb6; } - .social-graph-wrapper.widget-googleplus { - background-color: #db4439; } - .social-graph-wrapper .s-icon { - font-size: 24px; - position: relative; - padding: 0 10px; } + .rtl .mr-md-4, + .rtl .mx-md-4 { + margin-right: 0 !important; + margin-left: 1.5rem !important; + } -.recent-stats i { - font-size: 11px; - position: relative; - top: -1px; } + .rtl .ml-md-4, + .rtl .mx-md-4 { + margin-left: 0 !important; + margin-right: 1.5rem !important; + } -@media only screen and (min-width: 1200px) and (max-width: 1600px) { - #lineChart_3Kk { - height: 140px !important; } } -/* add menu sidebar */ -.add-menu-sidebar { - background: var(--primary); - padding: 40px 20px 20px; - border-radius: 0; - position: relative; - margin: 50px 50px 30px; } - @media only screen and (max-width: 1400px) { - .add-menu-sidebar { - margin: 50px 25px 30px; } } - @media only screen and (max-width: 575px) { - .add-menu-sidebar { - margin: 20px 25px 30px; } } - .add-menu-sidebar p { - font-size: 16px; - line-height: 1.4; - font-weight: 300; - color: #fff; } - .add-menu-sidebar:after { - position: absolute; - background-image: url("../images/dots.svg"); - background-repeat: no-repeat; - bottom: 10px; - right: 20px; - content: ""; - height: 30px; - width: 25px; } + .rtl .mr-md-5, + .rtl .mx-md-5 { + margin-right: 0 !important; + margin-left: 3rem !important; + } -.donut-chart-sale { - position: relative; } - .donut-chart-sale small { - font-size: 16px; - position: absolute; - width: 100%; - height: 100%; - left: 0; - display: flex; - align-items: center; - top: 0; - justify-content: center; - font-weight: 600; } + .rtl .ml-md-5, + .rtl .mx-md-5 { + margin-left: 0 !important; + margin-right: 3rem !important; + } -.profile-bx { - border-bottom: 1px solid #EEEEEE; } - .profile-bx .profile-image { - background-image: url("../images/circle.png"); - background-repeat: no-repeat; - background-size: contain; - background-position: center; } - .profile-bx .profile-image img { - margin: 18px; - width: 118px; } - @media only screen and (max-width: 1199px) { - .profile-bx { - border-bottom: 0; } } - @media only screen and (max-width: 767px) { - .profile-bx { - border-bottom: 1px solid #EEEEEE; } } + .rtl .pr-md-0, + .rtl .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } -.search-area { - width: 300px; } - .search-area .form-control { - background: #E3E3E3; - border-width: 0px; - padding-left: 20px; - border-radius: 60px 0 0 60px; } - .search-area .input-group-text { - background: #E3E3E3; - border-width: 0px; - padding-right: 25px; - border-radius: 0 60px 60px 0; } - @media only screen and (max-width: 991px) { - .search-area { - width: 200px; } } + .rtl .pl-md-0, + .rtl .px-md-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } -.contact-icon { - height: 50px; - width: 50px; - min-width: 50px; - border: 1px solid var(--rgba-primary-2); - color: var(--primary); - font-size: 30px; - border-radius: 100%; - line-height: 50px; - text-align: center; } - @media only screen and (max-width: 1400px) { - .contact-icon { - height: 41px; - width: 41px; - line-height: 41px; - min-width: 41px; - font-size: 18px; } } + .rtl .pr-md-1, + .rtl .px-md-1 { + padding-right: 0 !important; + padding-left: 0.25rem !important; + } -.toogle-bx { - height: 16px; - position: relative; - width: 33px; - -webkit-transition: all 0.5s; - -ms-transition: all 0.5s; - transition: all 0.5s; - background: #D8D8D8; - border-radius: 23px; } - .toogle-bx span { - -webkit-transition: all 0.5s; - -ms-transition: all 0.5s; - transition: all 0.5s; - background: #959595; - height: 24px; - width: 24px; - position: absolute; - top: 50%; - transform: translatey(-50%); - left: -10px; - border-radius: 100%; } - .toogle-bx.active { - -webkit-transition: all 0.5s; - -ms-transition: all 0.5s; - transition: all 0.5s; - background: var(--rgba-primary-3); } - .toogle-bx.active span { - -webkit-transition: all 0.5s; - -ms-transition: all 0.5s; - transition: all 0.5s; - left: 18px; - background: var(--primary); } + .rtl .pl-md-1, + .rtl .px-md-1 { + padding-left: 0 !important; + padding-right: 0.25rem !important; + } -.min-w30 { - min-width: 30px; } + .rtl .pr-md-2, + .rtl .px-md-2 { + padding-right: 0 !important; + padding-left: 0.5rem !important; + } -.min-w32 { - min-width: 32px; } + .rtl .pl-md-2, + .rtl .px-md-2 { + padding-left: 0 !important; + padding-right: 0.5rem !important; + } -.min-w42 { - min-width: 42px; } + .rtl .pr-md-3, + .rtl .px-md-3 { + padding-right: 0 !important; + padding-left: 1rem !important; + } -.min-w46 { - min-width: 46px; } + .rtl .pl-md-3, + .rtl .px-md-3 { + padding-left: 0 !important; + padding-right: 1rem !important; + } -.min-w50 { - min-width: 50px; } + .rtl .pr-md-4, + .rtl .px-md-4 { + padding-right: 0 !important; + padding-left: 1.5rem !important; + } -@media only screen and (max-width: 575px) { - .search-filter .dropdown.custom-dropdown { - margin: 0 15px 0 0 !important; } - .search-filter a.mb-2 { - margin-top: 10px; } } + .rtl .pl-md-4, + .rtl .px-md-4 { + padding-left: 0 !important; + padding-right: 1.5rem !important; + } -@media only screen and (max-width: 1400px) { - .search-job.search-job-xl .search-dropdown { - border-right: 0 !important; - margin-bottom: 15px; } } -@media only screen and (max-width: 1199px) { - .search-job.search-job-xl .search-dropdown { - border-right: 1px solid #EEEEEE !important; - margin-bottom: 0; } } -@media only screen and (max-width: 991px) { - .search-job.search-job-xl .search-dropdown { - border-right: 0 !important; - margin-bottom: 15px; } } -@media only screen and (max-width: 991px) { - .search-job .search-dropdown { - border-right: 0 !important; - margin-bottom: 15px; } } + .rtl .pr-md-5, + .rtl .px-md-5 { + padding-right: 0 !important; + padding-left: 3rem !important; + } -.feature-icon { - border: 1px solid #DCD7E8; } + .rtl .pl-md-5, + .rtl .px-md-5 { + padding-left: 0 !important; + padding-right: 3rem !important; + } -@media only screen and (max-width: 1199px) { - .activity-card { - border-left: 1px solid #EEEEEE; } } -@media only screen and (max-width: 767px) { - .activity-card { - border-left: 0; } } + .rtl .mr-md-auto { + margin-right: 0 !important; + margin-left: auto !important; + } -.portfolios-card > div { - background: #FBFBFB; } + .rtl .ml-md-auto { + margin-right: auto !important; + margin-left: 0 !important; + } -.search-dropdown { - border-right: 1px solid #EEEEEE; } - .search-dropdown .dashboard-select.style-1 { - border: 0; - display: block; - flex: 1; } + .rtl .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } +} -.primary-icon path { - fill: var(--primary); } +@media (min-width: 992px) { -.owl-carousel-1 .owl-item img { - width: auto; } + .rtl .mr-lg-0, + .rtl .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } -.grid-tabs .nav-link { - padding: 0; - height: 52px; - width: 52px; - line-height: 50px; - text-align: center; - border-radius: 52px; - border: 1px solid var(--primary); - margin-right: 15px; } - .grid-tabs .nav-link svg path { - fill: var(--primary); } - .grid-tabs .nav-link.active { - background: var(--primary); } - .grid-tabs .nav-link.active svg path { - fill: #fff; } -.grid-tabs .nav-item:last-child .nav-link { - margin-right: 0; } -@media only screen and (max-width: 1400px) { - .grid-tabs .nav-link { - height: 40px; - width: 40px; - line-height: 38px; } } + .rtl .ml-lg-0, + .rtl .mx-lg-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } -.search-row .title { - font-size: 20px; - font-weight: 600; } -.search-row .sub-title { - font-size: 18px; } -.search-row:hover { - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); } -@media only screen and (max-width: 1400px) { - .search-row .title { - font-size: 17px; } - .search-row .sub-title { - font-size: 16px; } } + .rtl .mr-lg-1, + .rtl .mx-lg-1 { + margin-right: 0 !important; + margin-left: 0.25rem !important; + } -.like-btn { - display: inline-block; - padding-left: 0; - margin-bottom: 12px; - cursor: pointer; - font-size: 22px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-family: FontAwesome; } + .rtl .ml-lg-1, + .rtl .mx-lg-1 { + margin-left: 0 !important; + margin-right: 0.25rem !important; + } -.like-btn input { - opacity: 0; - cursor: pointer; - height: 0; - width: 0; - display: block; } + .rtl .mr-lg-2, + .rtl .mx-lg-2 { + margin-right: 0 !important; + margin-left: 0.5rem !important; + } -.checkmark { - height: 40px; - text-align: center; - line-height: 38px; - width: 40px; - display: block; - border: 1px solid var(--primary); - border-radius: 20px; } - @media only screen and (max-width: 1400px) { - .checkmark { - height: 32px; - width: 32px; - line-height: 29px; } } + .rtl .ml-lg-2, + .rtl .mx-lg-2 { + margin-left: 0 !important; + margin-right: 0.5rem !important; + } -.like-btn .checkmark:before { - content: "\f097"; - font-size: 20px; - font-weight: 400; - color: var(--primary); } - @media only screen and (max-width: 1400px) { - .like-btn .checkmark:before { - font-size: 17px; } } + .rtl .mr-lg-3, + .rtl .mx-lg-3 { + margin-right: 0 !important; + margin-left: 1rem !important; + } -.like-btn input:checked ~ .checkmark { - background-color: var(--primary); } + .rtl .ml-lg-3, + .rtl .mx-lg-3 { + margin-left: 0 !important; + margin-right: 1rem !important; + } -.like-btn input:checked ~ .checkmark:before { - width: 100%; - height: 100%; - background-color: var(--primary); - left: 0; - top: 0; - border-radius: 20px; - color: #fff; - padding: 3px 6px; } + .rtl .mr-lg-4, + .rtl .mx-lg-4 { + margin-right: 0 !important; + margin-left: 1.5rem !important; + } -/* -=================================== - Product detail -===================================*/ -.produtct-detail-tag { - display: inline-block; } - .produtct-detail-tag a { - font-style: 13px; - color: #B1B1B1; } + .rtl .ml-lg-4, + .rtl .mx-lg-4 { + margin-left: 0 !important; + margin-right: 1.5rem !important; + } -.product-detail-content .item-tag { - background: #828690; - border-radius: 6px; - display: inline-block; - font-size: 12px; - margin-right: 4px; - padding: 2px 12px; - color: #fff; } + .rtl .mr-lg-5, + .rtl .mx-lg-5 { + margin-right: 0 !important; + margin-left: 3rem !important; + } -.filtaring-area h4 { - color: #1d1d1d; - font-size: 16px; - font-weight: 400; - text-transform: lowercase; } + .rtl .ml-lg-5, + .rtl .mx-lg-5 { + margin-left: 0 !important; + margin-right: 3rem !important; + } -.plus-minus-input .input-icon { - font-size: 13px; - color: #B1B1B1; } + .rtl .pr-lg-0, + .rtl .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } -.plus-minus-input { - display: flex; - width: 120px; } - .plus-minus-input .custom-btn { - border-radius: 0; - height: 40px; - padding: 12px 8px; - background: #fff; - border: 1px solid #f0f1f5; } - .plus-minus-input .form-control:hover, .plus-minus-input .form-control:focus, .plus-minus-input .form-control:active { - border: 1px solid #f0f1f5; } + .rtl .pl-lg-0, + .rtl .px-lg-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } -.btn-reveal-trigger .avatar-xl { - min-width: 30px; } + .rtl .pr-lg-1, + .rtl .px-lg-1 { + padding-right: 0 !important; + padding-left: 0.25rem !important; + } -.share-view { - display: inline-block; } - .share-view ul li { - display: inline-block; } - .share-view .share-icon { - width: 40px; - height: 40px; - display: inline-block; - border: 1px solid #f0f1f5; - text-align: center; - line-height: 40px; - font-style: 16px; - color: #f0f1f5; - margin-right: 8px; } + .rtl .pl-lg-1, + .rtl .px-lg-1 { + padding-left: 0 !important; + padding-right: 0.25rem !important; + } -/*--------tab----------*/ -.veritical-line { - padding: 20px 30px; - border-top: 1px solid #f0f1f5; - border-right: 1px solid #f0f1f5; - border-bottom: 1px solid #f0f1f5; - position: relative; } - .veritical-line:before { - background: #f0f1f5; - bottom: 0; - content: ""; - height: 100%; - left: -1px; - max-height: 40%; - position: absolute; - width: 1px; } + .rtl .pr-lg-2, + .rtl .px-lg-2 { + padding-right: 0 !important; + padding-left: 0.5rem !important; + } -.tab-content-text p { - color: #B1B1B1; - font-size: 13px; - font-weight: 400; - line-height: 24px; - margin-bottom: 25px; } + .rtl .pl-lg-2, + .rtl .px-lg-2 { + padding-left: 0 !important; + padding-right: 0.5rem !important; + } -.tab-item-list li a { - background: #fff; - border-top: 1px solid #f0f1f5; - border-left: 1px solid #f0f1f5; - border-right: 1px solid #f0f1f5; - color: #B1B1B1; - display: block; - font-size: 16px; - padding: 16px; - text-transform: uppercase; } - .tab-item-list li a:hover, .tab-item-list li a:focus { - background: #fff; - color: #B1B1B1; - border-right: 0px; } -.tab-item-list li:last-child { - border-bottom: 1px solid #f0f1f5; } + .rtl .pr-lg-3, + .rtl .px-lg-3 { + padding-right: 0 !important; + padding-left: 1rem !important; + } -.tab-list li { - margin-bottom: 7px; - font-size: 13px; } - .tab-list li i { - font-size: 13px; - margin-right: 14px; } + .rtl .pl-lg-3, + .rtl .px-lg-3 { + padding-left: 0 !important; + padding-right: 1rem !important; + } -.slide-item-list { - text-align: center; - margin: 0 -5px; } - .slide-item-list li { - display: inline-block; - flex: 0 0 25%; - width: 25%; - padding: 0 5px; } - .slide-item-list li a { - display: inline-block; - padding-left: 0; - padding-right: 0; - padding-top: 0; - background: transparent; - padding-bottom: 0px; } - .slide-item-list li a:hover, .slide-item-list li a:focus { - background: transparent; } - .slide-item-list li a img { - width: 100%; } + .rtl .pr-lg-4, + .rtl .px-lg-4 { + padding-right: 0 !important; + padding-left: 1.5rem !important; + } -.product-detail-text { - padding-top: 28px; - padding-left: 30px; - padding-right: 30px; - padding-bottom: 70px; } + .rtl .pl-lg-4, + .rtl .px-lg-4 { + padding-left: 0 !important; + padding-right: 1.5rem !important; + } -.star-rating .product-review { - font-style: 13px; - color: #B1B1B1; - font-weight: 400; - text-decoration: underline !important; } + .rtl .pr-lg-5, + .rtl .px-lg-5 { + padding-right: 0 !important; + padding-left: 3rem !important; + } -.product-detail .tab-content img { - display: inline-block; - width: 100%; } + .rtl .pl-lg-5, + .rtl .px-lg-5 { + padding-left: 0 !important; + padding-right: 3rem !important; + } -.popular-tag ul { - margin: 0px; - padding: 0px; } - .popular-tag ul li { - display: inline-block; - padding: 8px 15px; - background: #f8f8f8; - font-size: 13px; - color: #fff; - margin-right: 10px; - margin-bottom: 10px; } + .rtl .mr-lg-auto { + margin-right: 0 !important; + margin-left: auto !important; + } -.size-filter ul li { - display: inline-block; } + .rtl .ml-lg-auto { + margin-right: auto !important; + margin-left: 0 !important; + } -.intro { - border: 1px solid red; - color: #1d1d1d; } + .rtl .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } +} -#listResults .slider { - margin: 25px 0; } -#listResults .slider-box { - width: 90%; - margin: 25px auto; } -#listResults input { - width: 10%; } -#listResults label { - border: none; - display: inline-block; - margin-right: -4px; - vertical-align: top; - width: 30%; } +@media (min-width: 1200px) { -.plus-minus-input .input-icon { - font-size: 13px; - color: #aaaaaa; } -.plus-minus-input .custom-btn { - border-radius: 0; - height: 40px; - padding: 8px 12px; - background: #ffffff; - border: 1px solid #c8c8c8; } - .plus-minus-input .custom-btn:hover, .plus-minus-input .custom-btn:focus, .plus-minus-input .custom-btn.active { - box-shadow: none; - outline: none; } -.plus-minus-input .form-control { - height: 40px; - border-top: 1px solid #c8c8c8; - border-bottom: 1px solid #c8c8c8; - border-left: 0px solid #c8c8c8; - border-right: 1px solid #c8c8c8; } - .plus-minus-input .form-control:hover, .plus-minus-input .form-control:focus, .plus-minus-input .form-control:active { - border-top: 1px solid #c8c8c8; - border-bottom: 1px solid #c8c8c8; - border-left: 0px solid #c8c8c8; - border-right: 0px solid #c8c8c8; } + .rtl .mr-xl-0, + .rtl .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } -.new-arrival-product .new-arrivals-img-contnent { - overflow: hidden; } - .new-arrival-product .new-arrivals-img-contnent img { - width: 100%; - -webkit-transition: all 0.5s; - -ms-transition: all 0.5s; - transition: all 0.5s; } -.new-arrival-product:hover .new-arrivals-img-contnent img { - transform: scale(1.5) translateY(12%); - -moz-transform: scale(1.5) translateY(12%); - -webkit-transform: scale(1.5) translateY(12%); - -ms-transform: scale(1.5) translateY(12%); - -o-transform: scale(1.5) translateY(12%); } + .rtl .ml-xl-0, + .rtl .mx-xl-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } -/* -=================================== - list view -===================================*/ -.new-arrival-content .item { - font-size: 12px; - color: #B1B1B1; } -.new-arrival-content h4 { - font-size: 16px; - text-transform: uppercase; - font-weight: 600; - margin-bottom: 10px; } -.new-arrival-content .price { - font-weight: 700; - color: var(--primary); - font-size: 22px; - margin-bottom: 20px; } -.new-arrival-content p { - font-size: 14px; - color: #828690; - margin-bottom: 6px; - line-height: 24px; } -.new-arrival-content .text-content { - margin-top: 18px; } + .rtl .mr-xl-1, + .rtl .mx-xl-1 { + margin-right: 0 !important; + margin-left: 0.25rem !important; + } -.success-icon { - color: #1BD084; - font-size: 16px; } + .rtl .ml-xl-1, + .rtl .mx-xl-1 { + margin-left: 0 !important; + margin-right: 0.25rem !important; + } -.comment-review { - position: absolute; - right: 0; - top: 25px; } - .comment-review .client-review { - color: #828690; - padding-right: 20px; - text-decoration: underline !important; - font-size: 14px; } - .comment-review .span { - color: #828690; - font-size: 14px; } + .rtl .mr-xl-2, + .rtl .mx-xl-2 { + margin-right: 0 !important; + margin-left: 0.5rem !important; + } -.star-rating li { - display: inline-block; } - .star-rating li i { - color: gold; } + .rtl .ml-xl-2, + .rtl .mx-xl-2 { + margin-left: 0 !important; + margin-right: 0.5rem !important; + } -.rtl { - text-align: right; - direction: rtl; } - .rtl .nav { - padding-right: 0; } - .rtl .navbar-nav .nav-item { - float: right; } - .rtl .navbar-nav .nav-item + .nav-item { - margin-right: 1rem; - margin-left: inherit; } - .rtl th { - text-align: right; } - .rtl .alert-dismissible { - padding-right: 1.25rem; - padding-left: 4rem; } - .rtl .dropdown-menu { - right: 0; - text-align: right; } - .rtl .checkbox label { - padding-right: 1.25rem; - padding-left: inherit; } - .rtl .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-radius: 0 0.75rem 0.75rem 0; } - .rtl .btn-group > .btn:last-child:not(:first-child), - .rtl .btn-group > .dropdown-toggle:not(:first-child) { - border-radius: 0.75rem 0 0 0.75rem; } - .rtl .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { - border-radius: 0.75rem 0 0 0.75rem; } - .rtl .custom-control-label::after, - .rtl .custom-control-label::before { - right: 0; - left: inherit; } - .rtl .custom-select { - padding: 0.375rem 0.75rem 0.375rem 1.75rem; - background: #fff url("data:image/svg+xml,") no-repeat left 0.75rem center; - background-size: 8px 10px; } - .rtl .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), - .rtl .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), - .rtl .input-group > .input-group-append:not(:last-child) > .btn, - .rtl .input-group > .input-group-append:not(:last-child) > .input-group-text, - .rtl .input-group > .input-group-prepend > .btn, - .rtl .input-group > .input-group-prepend > .input-group-text { - border-radius: 0 0.75rem 0.75rem 0; } - .rtl .input-group > .input-group-append > .btn, - .rtl .input-group > .input-group-append > .input-group-text, - .rtl .input-group > .input-group-prepend:first-child > .btn:not(:first-child), - .rtl .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), - .rtl .input-group > .input-group-prepend:not(:first-child) > .btn, - .rtl .input-group > .input-group-prepend:not(:first-child) > .input-group-text { - border-radius: 0.75rem 0 0 0.75rem; } - .rtl .input-group > .custom-select:not(:first-child), - .rtl .input-group > .form-control:not(:first-child) { - border-radius: 0.75rem 0 0 0.75rem; } - .rtl .input-group > .custom-select:not(:last-child), - .rtl .input-group > .form-control:not(:last-child) { - border-radius: 0 0.75rem 0.75rem 0; } - .rtl .input-group > .custom-select:not(:last-child):not(:first-child), - .rtl .input-group > .form-control:not(:last-child):not(:first-child) { - border-radius: 0; } - .rtl .custom-control { - padding-right: 1.5rem; - padding-left: inherit; - margin-right: inherit; - margin-left: 1rem; } - .rtl .custom-control-indicator { - right: 0; - left: inherit; } - .rtl .custom-file-label::after { - right: initial; - left: -1px; - border-radius: .25rem 0 0 .25rem; } - .rtl .radio input, - .rtl .radio-inline, - .rtl .checkbox input, - .rtl .checkbox-inline input { - margin-right: -1.25rem; - margin-left: inherit; } - .rtl .list-group { - padding-right: 0; - padding-left: 40px; } - .rtl .close { - float: left; } - .rtl .modal-header .close { - margin: -15px auto -15px -15px; } - .rtl .modal-footer > :not(:first-child) { - margin-right: .25rem; } - .rtl .alert-dismissible .close { - right: inherit; - left: 0; } - .rtl .dropdown-toggle::after { - margin-right: .255em; - margin-left: 0; } - .rtl .form-check-input { - margin-right: -1.25rem; - margin-left: inherit; } - .rtl .form-check-label { - padding-right: 1.25rem; - padding-left: inherit; } - .rtl .offset-1 { - margin-right: 8.3333333333%; - margin-left: 0; } - .rtl .offset-2 { - margin-right: 16.6666666667%; - margin-left: 0; } - .rtl .offset-3 { - margin-right: 25%; - margin-left: 0; } - .rtl .offset-4 { - margin-right: 33.3333333333%; - margin-left: 0; } - .rtl .offset-5 { - margin-right: 41.6666666667%; - margin-left: 0; } - .rtl .offset-6 { - margin-right: 50%; - margin-left: 0; } - .rtl .offset-7 { - margin-right: 58.3333333333%; - margin-left: 0; } - .rtl .offset-8 { - margin-right: 66.6666666667%; - margin-left: 0; } - .rtl .offset-9 { - margin-right: 75%; - margin-left: 0; } - .rtl .offset-10 { - margin-right: 83.3333333333%; - margin-left: 0; } - .rtl .offset-11 { - margin-right: 91.6666666667%; - margin-left: 0; } - @media (min-width: 576px) { - .rtl .offset-sm-0 { - margin-right: 0; - margin-left: 0; } - .rtl .offset-sm-1 { - margin-right: 8.3333333333%; - margin-left: 0; } - .rtl .offset-sm-2 { - margin-right: 16.6666666667%; - margin-left: 0; } - .rtl .offset-sm-3 { - margin-right: 25%; - margin-left: 0; } - .rtl .offset-sm-4 { - margin-right: 33.3333333333%; - margin-left: 0; } - .rtl .offset-sm-5 { - margin-right: 41.6666666667%; - margin-left: 0; } - .rtl .offset-sm-6 { - margin-right: 50%; - margin-left: 0; } - .rtl .offset-sm-7 { - margin-right: 58.3333333333%; - margin-left: 0; } - .rtl .offset-sm-8 { - margin-right: 66.6666666667%; - margin-left: 0; } - .rtl .offset-sm-9 { - margin-right: 75%; - margin-left: 0; } - .rtl .offset-sm-10 { - margin-right: 83.3333333333%; - margin-left: 0; } - .rtl .offset-sm-11 { - margin-right: 91.6666666667%; - margin-left: 0; } } - @media (min-width: 768px) { - .rtl .offset-md-0 { - margin-right: 0; - margin-left: 0; } - .rtl .offset-md-1 { - margin-right: 8.3333333333%; - margin-left: 0; } - .rtl .offset-md-2 { - margin-right: 16.6666666667%; - margin-left: 0; } - .rtl .offset-md-3 { - margin-right: 25%; - margin-left: 0; } - .rtl .offset-md-4 { - margin-right: 33.3333333333%; - margin-left: 0; } - .rtl .offset-md-5 { - margin-right: 41.6666666667%; - margin-left: 0; } - .rtl .offset-md-6 { - margin-right: 50%; - margin-left: 0; } - .rtl .offset-md-7 { - margin-right: 58.3333333333%; - margin-left: 0; } - .rtl .offset-md-8 { - margin-right: 66.6666666667%; - margin-left: 0; } - .rtl .offset-md-9 { - margin-right: 75%; - margin-left: 0; } - .rtl .offset-md-10 { - margin-right: 83.3333333333%; - margin-left: 0; } - .rtl .offset-md-11 { - margin-right: 91.6666666667%; - margin-left: 0; } } - @media (min-width: 992px) { - .rtl .offset-lg-0 { - margin-right: 0; - margin-left: 0; } - .rtl .offset-lg-1 { - margin-right: 8.3333333333%; - margin-left: 0; } - .rtl .offset-lg-2 { - margin-right: 16.6666666667%; - margin-left: 0; } - .rtl .offset-lg-3 { - margin-right: 25%; - margin-left: 0; } - .rtl .offset-lg-4 { - margin-right: 33.3333333333%; - margin-left: 0; } - .rtl .offset-lg-5 { - margin-right: 41.6666666667%; - margin-left: 0; } - .rtl .offset-lg-6 { - margin-right: 50%; - margin-left: 0; } - .rtl .offset-lg-7 { - margin-right: 58.3333333333%; - margin-left: 0; } - .rtl .offset-lg-8 { - margin-right: 66.6666666667%; - margin-left: 0; } - .rtl .offset-lg-9 { - margin-right: 75%; - margin-left: 0; } - .rtl .offset-lg-10 { - margin-right: 83.3333333333%; - margin-left: 0; } - .rtl .offset-lg-11 { - margin-right: 91.6666666667%; - margin-left: 0; } } - @media (min-width: 1200px) { - .rtl .offset-xl-0 { - margin-right: 0; - margin-left: 0; } - .rtl .offset-xl-1 { - margin-right: 8.3333333333%; - margin-left: 0; } - .rtl .offset-xl-2 { - margin-right: 16.6666666667%; - margin-left: 0; } - .rtl .offset-xl-3 { - margin-right: 25%; - margin-left: 0; } - .rtl .offset-xl-4 { - margin-right: 33.3333333333%; - margin-left: 0; } - .rtl .offset-xl-5 { - margin-right: 41.6666666667%; - margin-left: 0; } - .rtl .offset-xl-6 { - margin-right: 50%; - margin-left: 0; } - .rtl .offset-xl-7 { - margin-right: 58.3333333333%; - margin-left: 0; } - .rtl .offset-xl-8 { - margin-right: 66.6666666667%; - margin-left: 0; } - .rtl .offset-xl-9 { - margin-right: 75%; - margin-left: 0; } - .rtl .offset-xl-10 { - margin-right: 83.3333333333%; - margin-left: 0; } - .rtl .offset-xl-11 { - margin-right: 91.6666666667%; - margin-left: 0; } } - @media (min-width: 1440) { - .rtl .offset-xxl-0 { - margin-right: 0; - margin-left: 0; } - .rtl .offset-xxl-1 { - margin-right: 8.3333333333%; - margin-left: 0; } - .rtl .offset-xxl-2 { - margin-right: 16.6666666667%; - margin-left: 0; } - .rtl .offset-xxl-3 { - margin-right: 25%; - margin-left: 0; } - .rtl .offset-xxl-4 { - margin-right: 33.3333333333%; - margin-left: 0; } - .rtl .offset-xxl-5 { - margin-right: 41.6666666667%; - margin-left: 0; } - .rtl .offset-xxl-6 { - margin-right: 50%; - margin-left: 0; } - .rtl .offset-xxl-7 { - margin-right: 58.3333333333%; - margin-left: 0; } - .rtl .offset-xxl-8 { - margin-right: 66.6666666667%; - margin-left: 0; } - .rtl .offset-xxl-9 { - margin-right: 75%; - margin-left: 0; } - .rtl .offset-xxl-10 { - margin-right: 83.3333333333%; - margin-left: 0; } - .rtl .offset-xxl-11 { - margin-right: 91.6666666667%; - margin-left: 0; } } - .rtl .mr-0, - .rtl .mx-0 { + .rtl .mr-xl-3, + .rtl .mx-xl-3 { + margin-right: 0 !important; + margin-left: 1rem !important; + } + + .rtl .ml-xl-3, + .rtl .mx-xl-3 { + margin-left: 0 !important; + margin-right: 1rem !important; + } + + .rtl .mr-xl-4, + .rtl .mx-xl-4 { + margin-right: 0 !important; + margin-left: 1.5rem !important; + } + + .rtl .ml-xl-4, + .rtl .mx-xl-4 { + margin-left: 0 !important; + margin-right: 1.5rem !important; + } + + .rtl .mr-xl-5, + .rtl .mx-xl-5 { + margin-right: 0 !important; + margin-left: 3rem !important; + } + + .rtl .ml-xl-5, + .rtl .mx-xl-5 { + margin-left: 0 !important; + margin-right: 3rem !important; + } + + .rtl .pr-xl-0, + .rtl .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .rtl .pl-xl-0, + .rtl .px-xl-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } + + .rtl .pr-xl-1, + .rtl .px-xl-1 { + padding-right: 0 !important; + padding-left: 0.25rem !important; + } + + .rtl .pl-xl-1, + .rtl .px-xl-1 { + padding-left: 0 !important; + padding-right: 0.25rem !important; + } + + .rtl .pr-xl-2, + .rtl .px-xl-2 { + padding-right: 0 !important; + padding-left: 0.5rem !important; + } + + .rtl .pl-xl-2, + .rtl .px-xl-2 { + padding-left: 0 !important; + padding-right: 0.5rem !important; + } + + .rtl .pr-xl-3, + .rtl .px-xl-3 { + padding-right: 0 !important; + padding-left: 1rem !important; + } + + .rtl .pl-xl-3, + .rtl .px-xl-3 { + padding-left: 0 !important; + padding-right: 1rem !important; + } + + .rtl .pr-xl-4, + .rtl .px-xl-4 { + padding-right: 0 !important; + padding-left: 1.5rem !important; + } + + .rtl .pl-xl-4, + .rtl .px-xl-4 { + padding-left: 0 !important; + padding-right: 1.5rem !important; + } + + .rtl .pr-xl-5, + .rtl .px-xl-5 { + padding-right: 0 !important; + padding-left: 3rem !important; + } + + .rtl .pl-xl-5, + .rtl .px-xl-5 { + padding-left: 0 !important; + padding-right: 3rem !important; + } + + .rtl .mr-xl-auto { + margin-right: 0 !important; + margin-left: auto !important; + } + + .rtl .ml-xl-auto { + margin-right: auto !important; + margin-left: 0 !important; + } + + .rtl .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } +} + +@media (min-width: 1440) { + + .rtl .mr-xxl-0, + .rtl .mx-xxl-0 { margin-right: 0 !important; - margin-left: 0 !important; } - .rtl .ml-0, - .rtl .mx-0 { margin-left: 0 !important; - margin-right: 0 !important; } - .rtl .mr-1, - .rtl .mx-1 { + } + + .rtl .ml-xxl-0, + .rtl .mx-xxl-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } + + .rtl .mr-xxl-1, + .rtl .mx-xxl-1 { margin-right: 0 !important; - margin-left: 0.25rem !important; } - .rtl .ml-1, - .rtl .mx-1 { + margin-left: 0.25rem !important; + } + + .rtl .ml-xxl-1, + .rtl .mx-xxl-1 { margin-left: 0 !important; - margin-right: 0.25rem !important; } - .rtl .mr-2, - .rtl .mx-2 { + margin-right: 0.25rem !important; + } + + .rtl .mr-xxl-2, + .rtl .mx-xxl-2 { margin-right: 0 !important; - margin-left: 0.5rem !important; } - .rtl .ml-2, - .rtl .mx-2 { + margin-left: 0.5rem !important; + } + + .rtl .ml-xxl-2, + .rtl .mx-xxl-2 { margin-left: 0 !important; - margin-right: 0.5rem !important; } - .rtl .mr-3, - .rtl .mx-3 { + margin-right: 0.5rem !important; + } + + .rtl .mr-xxl-3, + .rtl .mx-xxl-3 { margin-right: 0 !important; - margin-left: 1rem !important; } - .rtl .ml-3, - .rtl .mx-3 { + margin-left: 1rem !important; + } + + .rtl .ml-xxl-3, + .rtl .mx-xxl-3 { margin-left: 0 !important; - margin-right: 1rem !important; } - .rtl .mr-4, - .rtl .mx-4 { + margin-right: 1rem !important; + } + + .rtl .mr-xxl-4, + .rtl .mx-xxl-4 { margin-right: 0 !important; - margin-left: 1.5rem !important; } - .rtl .ml-4, - .rtl .mx-4 { + margin-left: 1.5rem !important; + } + + .rtl .ml-xxl-4, + .rtl .mx-xxl-4 { margin-left: 0 !important; - margin-right: 1.5rem !important; } - .rtl .mr-5, - .rtl .mx-5 { + margin-right: 1.5rem !important; + } + + .rtl .mr-xxl-5, + .rtl .mx-xxl-5 { margin-right: 0 !important; - margin-left: 3rem !important; } - .rtl .ml-5, - .rtl .mx-5 { + margin-left: 3rem !important; + } + + .rtl .ml-xxl-5, + .rtl .mx-xxl-5 { margin-left: 0 !important; - margin-right: 3rem !important; } - .rtl .pr-0, - .rtl .px-0 { + margin-right: 3rem !important; + } + + .rtl .pr-xxl-0, + .rtl .px-xxl-0 { padding-right: 0 !important; - padding-left: 0 !important; } - .rtl .pl-0, - .rtl .px-0 { padding-left: 0 !important; - padding-right: 0 !important; } - .rtl .pr-1, - .rtl .px-1 { + } + + .rtl .pl-xxl-0, + .rtl .px-xxl-0 { + padding-left: 0 !important; padding-right: 0 !important; - padding-left: 0.25rem !important; } - .rtl .pl-1, - .rtl .px-1 { + } + + .rtl .pr-xxl-1, + .rtl .px-xxl-1 { + padding-right: 0 !important; + padding-left: 0.25rem !important; + } + + .rtl .pl-xxl-1, + .rtl .px-xxl-1 { padding-left: 0 !important; - padding-right: 0.25rem !important; } - .rtl .pr-2, - .rtl .px-2 { + padding-right: 0.25rem !important; + } + + .rtl .pr-xxl-2, + .rtl .px-xxl-2 { padding-right: 0 !important; - padding-left: 0.5rem !important; } - .rtl .pl-2, - .rtl .px-2 { + padding-left: 0.5rem !important; + } + + .rtl .pl-xxl-2, + .rtl .px-xxl-2 { padding-left: 0 !important; - padding-right: 0.5rem !important; } - .rtl .pr-3, - .rtl .px-3 { + padding-right: 0.5rem !important; + } + + .rtl .pr-xxl-3, + .rtl .px-xxl-3 { padding-right: 0 !important; - padding-left: 1rem !important; } - .rtl .pl-3, - .rtl .px-3 { + padding-left: 1rem !important; + } + + .rtl .pl-xxl-3, + .rtl .px-xxl-3 { padding-left: 0 !important; - padding-right: 1rem !important; } - .rtl .pr-4, - .rtl .px-4 { + padding-right: 1rem !important; + } + + .rtl .pr-xxl-4, + .rtl .px-xxl-4 { padding-right: 0 !important; - padding-left: 1.5rem !important; } - .rtl .pl-4, - .rtl .px-4 { + padding-left: 1.5rem !important; + } + + .rtl .pl-xxl-4, + .rtl .px-xxl-4 { padding-left: 0 !important; - padding-right: 1.5rem !important; } - .rtl .pr-5, - .rtl .px-5 { + padding-right: 1.5rem !important; + } + + .rtl .pr-xxl-5, + .rtl .px-xxl-5 { padding-right: 0 !important; - padding-left: 3rem !important; } - .rtl .pl-5, - .rtl .px-5 { + padding-left: 3rem !important; + } + + .rtl .pl-xxl-5, + .rtl .px-xxl-5 { padding-left: 0 !important; - padding-right: 3rem !important; } - .rtl .mr-auto { + padding-right: 3rem !important; + } + + .rtl .mr-xxl-auto { margin-right: 0 !important; - margin-left: auto !important; } - .rtl .ml-auto { + margin-left: auto !important; + } + + .rtl .ml-xxl-auto { margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-auto { + margin-left: 0 !important; + } + + .rtl .mx-xxl-auto { margin-right: auto !important; - margin-left: auto !important; } - @media (min-width: 576px) { - .rtl .mr-sm-0, - .rtl .mx-sm-0 { - margin-right: 0 !important; - margin-left: 0 !important; } - .rtl .ml-sm-0, - .rtl .mx-sm-0 { - margin-left: 0 !important; - margin-right: 0 !important; } - .rtl .mr-sm-1, - .rtl .mx-sm-1 { - margin-right: 0 !important; - margin-left: 0.25rem !important; } - .rtl .ml-sm-1, - .rtl .mx-sm-1 { - margin-left: 0 !important; - margin-right: 0.25rem !important; } - .rtl .mr-sm-2, - .rtl .mx-sm-2 { - margin-right: 0 !important; - margin-left: 0.5rem !important; } - .rtl .ml-sm-2, - .rtl .mx-sm-2 { - margin-left: 0 !important; - margin-right: 0.5rem !important; } - .rtl .mr-sm-3, - .rtl .mx-sm-3 { - margin-right: 0 !important; - margin-left: 1rem !important; } - .rtl .ml-sm-3, - .rtl .mx-sm-3 { - margin-left: 0 !important; - margin-right: 1rem !important; } - .rtl .mr-sm-4, - .rtl .mx-sm-4 { - margin-right: 0 !important; - margin-left: 1.5rem !important; } - .rtl .ml-sm-4, - .rtl .mx-sm-4 { - margin-left: 0 !important; - margin-right: 1.5rem !important; } - .rtl .mr-sm-5, - .rtl .mx-sm-5 { - margin-right: 0 !important; - margin-left: 3rem !important; } - .rtl .ml-sm-5, - .rtl .mx-sm-5 { - margin-left: 0 !important; - margin-right: 3rem !important; } - .rtl .pr-sm-0, - .rtl .px-sm-0 { - padding-right: 0 !important; - padding-left: 0 !important; } - .rtl .pl-sm-0, - .rtl .px-sm-0 { - padding-left: 0 !important; - padding-right: 0 !important; } - .rtl .pr-sm-1, - .rtl .px-sm-1 { - padding-right: 0 !important; - padding-left: 0.25rem !important; } - .rtl .pl-sm-1, - .rtl .px-sm-1 { - padding-left: 0 !important; - padding-right: 0.25rem !important; } - .rtl .pr-sm-2, - .rtl .px-sm-2 { - padding-right: 0 !important; - padding-left: 0.5rem !important; } - .rtl .pl-sm-2, - .rtl .px-sm-2 { - padding-left: 0 !important; - padding-right: 0.5rem !important; } - .rtl .pr-sm-3, - .rtl .px-sm-3 { - padding-right: 0 !important; - padding-left: 1rem !important; } - .rtl .pl-sm-3, - .rtl .px-sm-3 { - padding-left: 0 !important; - padding-right: 1rem !important; } - .rtl .pr-sm-4, - .rtl .px-sm-4 { - padding-right: 0 !important; - padding-left: 1.5rem !important; } - .rtl .pl-sm-4, - .rtl .px-sm-4 { - padding-left: 0 !important; - padding-right: 1.5rem !important; } - .rtl .pr-sm-5, - .rtl .px-sm-5 { - padding-right: 0 !important; - padding-left: 3rem !important; } - .rtl .pl-sm-5, - .rtl .px-sm-5 { - padding-left: 0 !important; - padding-right: 3rem !important; } - .rtl .mr-sm-auto { - margin-right: 0 !important; - margin-left: auto !important; } - .rtl .ml-sm-auto { - margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-sm-auto { - margin-right: auto !important; - margin-left: auto !important; } } - @media (min-width: 768px) { - .rtl .mr-md-0, - .rtl .mx-md-0 { - margin-right: 0 !important; - margin-left: 0 !important; } - .rtl .ml-md-0, - .rtl .mx-md-0 { - margin-left: 0 !important; - margin-right: 0 !important; } - .rtl .mr-md-1, - .rtl .mx-md-1 { - margin-right: 0 !important; - margin-left: 0.25rem !important; } - .rtl .ml-md-1, - .rtl .mx-md-1 { - margin-left: 0 !important; - margin-right: 0.25rem !important; } - .rtl .mr-md-2, - .rtl .mx-md-2 { - margin-right: 0 !important; - margin-left: 0.5rem !important; } - .rtl .ml-md-2, - .rtl .mx-md-2 { - margin-left: 0 !important; - margin-right: 0.5rem !important; } - .rtl .mr-md-3, - .rtl .mx-md-3 { - margin-right: 0 !important; - margin-left: 1rem !important; } - .rtl .ml-md-3, - .rtl .mx-md-3 { - margin-left: 0 !important; - margin-right: 1rem !important; } - .rtl .mr-md-4, - .rtl .mx-md-4 { - margin-right: 0 !important; - margin-left: 1.5rem !important; } - .rtl .ml-md-4, - .rtl .mx-md-4 { - margin-left: 0 !important; - margin-right: 1.5rem !important; } - .rtl .mr-md-5, - .rtl .mx-md-5 { - margin-right: 0 !important; - margin-left: 3rem !important; } - .rtl .ml-md-5, - .rtl .mx-md-5 { - margin-left: 0 !important; - margin-right: 3rem !important; } - .rtl .pr-md-0, - .rtl .px-md-0 { - padding-right: 0 !important; - padding-left: 0 !important; } - .rtl .pl-md-0, - .rtl .px-md-0 { - padding-left: 0 !important; - padding-right: 0 !important; } - .rtl .pr-md-1, - .rtl .px-md-1 { - padding-right: 0 !important; - padding-left: 0.25rem !important; } - .rtl .pl-md-1, - .rtl .px-md-1 { - padding-left: 0 !important; - padding-right: 0.25rem !important; } - .rtl .pr-md-2, - .rtl .px-md-2 { - padding-right: 0 !important; - padding-left: 0.5rem !important; } - .rtl .pl-md-2, - .rtl .px-md-2 { - padding-left: 0 !important; - padding-right: 0.5rem !important; } - .rtl .pr-md-3, - .rtl .px-md-3 { - padding-right: 0 !important; - padding-left: 1rem !important; } - .rtl .pl-md-3, - .rtl .px-md-3 { - padding-left: 0 !important; - padding-right: 1rem !important; } - .rtl .pr-md-4, - .rtl .px-md-4 { - padding-right: 0 !important; - padding-left: 1.5rem !important; } - .rtl .pl-md-4, - .rtl .px-md-4 { - padding-left: 0 !important; - padding-right: 1.5rem !important; } - .rtl .pr-md-5, - .rtl .px-md-5 { - padding-right: 0 !important; - padding-left: 3rem !important; } - .rtl .pl-md-5, - .rtl .px-md-5 { - padding-left: 0 !important; - padding-right: 3rem !important; } - .rtl .mr-md-auto { - margin-right: 0 !important; - margin-left: auto !important; } - .rtl .ml-md-auto { - margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-md-auto { - margin-right: auto !important; - margin-left: auto !important; } } - @media (min-width: 992px) { - .rtl .mr-lg-0, - .rtl .mx-lg-0 { - margin-right: 0 !important; - margin-left: 0 !important; } - .rtl .ml-lg-0, - .rtl .mx-lg-0 { - margin-left: 0 !important; - margin-right: 0 !important; } - .rtl .mr-lg-1, - .rtl .mx-lg-1 { - margin-right: 0 !important; - margin-left: 0.25rem !important; } - .rtl .ml-lg-1, - .rtl .mx-lg-1 { - margin-left: 0 !important; - margin-right: 0.25rem !important; } - .rtl .mr-lg-2, - .rtl .mx-lg-2 { - margin-right: 0 !important; - margin-left: 0.5rem !important; } - .rtl .ml-lg-2, - .rtl .mx-lg-2 { - margin-left: 0 !important; - margin-right: 0.5rem !important; } - .rtl .mr-lg-3, - .rtl .mx-lg-3 { - margin-right: 0 !important; - margin-left: 1rem !important; } - .rtl .ml-lg-3, - .rtl .mx-lg-3 { - margin-left: 0 !important; - margin-right: 1rem !important; } - .rtl .mr-lg-4, - .rtl .mx-lg-4 { - margin-right: 0 !important; - margin-left: 1.5rem !important; } - .rtl .ml-lg-4, - .rtl .mx-lg-4 { - margin-left: 0 !important; - margin-right: 1.5rem !important; } - .rtl .mr-lg-5, - .rtl .mx-lg-5 { - margin-right: 0 !important; - margin-left: 3rem !important; } - .rtl .ml-lg-5, - .rtl .mx-lg-5 { - margin-left: 0 !important; - margin-right: 3rem !important; } - .rtl .pr-lg-0, - .rtl .px-lg-0 { - padding-right: 0 !important; - padding-left: 0 !important; } - .rtl .pl-lg-0, - .rtl .px-lg-0 { - padding-left: 0 !important; - padding-right: 0 !important; } - .rtl .pr-lg-1, - .rtl .px-lg-1 { - padding-right: 0 !important; - padding-left: 0.25rem !important; } - .rtl .pl-lg-1, - .rtl .px-lg-1 { - padding-left: 0 !important; - padding-right: 0.25rem !important; } - .rtl .pr-lg-2, - .rtl .px-lg-2 { - padding-right: 0 !important; - padding-left: 0.5rem !important; } - .rtl .pl-lg-2, - .rtl .px-lg-2 { - padding-left: 0 !important; - padding-right: 0.5rem !important; } - .rtl .pr-lg-3, - .rtl .px-lg-3 { - padding-right: 0 !important; - padding-left: 1rem !important; } - .rtl .pl-lg-3, - .rtl .px-lg-3 { - padding-left: 0 !important; - padding-right: 1rem !important; } - .rtl .pr-lg-4, - .rtl .px-lg-4 { - padding-right: 0 !important; - padding-left: 1.5rem !important; } - .rtl .pl-lg-4, - .rtl .px-lg-4 { - padding-left: 0 !important; - padding-right: 1.5rem !important; } - .rtl .pr-lg-5, - .rtl .px-lg-5 { - padding-right: 0 !important; - padding-left: 3rem !important; } - .rtl .pl-lg-5, - .rtl .px-lg-5 { - padding-left: 0 !important; - padding-right: 3rem !important; } - .rtl .mr-lg-auto { - margin-right: 0 !important; - margin-left: auto !important; } - .rtl .ml-lg-auto { - margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-lg-auto { - margin-right: auto !important; - margin-left: auto !important; } } - @media (min-width: 1200px) { - .rtl .mr-xl-0, - .rtl .mx-xl-0 { - margin-right: 0 !important; - margin-left: 0 !important; } - .rtl .ml-xl-0, - .rtl .mx-xl-0 { - margin-left: 0 !important; - margin-right: 0 !important; } - .rtl .mr-xl-1, - .rtl .mx-xl-1 { - margin-right: 0 !important; - margin-left: 0.25rem !important; } - .rtl .ml-xl-1, - .rtl .mx-xl-1 { - margin-left: 0 !important; - margin-right: 0.25rem !important; } - .rtl .mr-xl-2, - .rtl .mx-xl-2 { - margin-right: 0 !important; - margin-left: 0.5rem !important; } - .rtl .ml-xl-2, - .rtl .mx-xl-2 { - margin-left: 0 !important; - margin-right: 0.5rem !important; } - .rtl .mr-xl-3, - .rtl .mx-xl-3 { - margin-right: 0 !important; - margin-left: 1rem !important; } - .rtl .ml-xl-3, - .rtl .mx-xl-3 { - margin-left: 0 !important; - margin-right: 1rem !important; } - .rtl .mr-xl-4, - .rtl .mx-xl-4 { - margin-right: 0 !important; - margin-left: 1.5rem !important; } - .rtl .ml-xl-4, - .rtl .mx-xl-4 { - margin-left: 0 !important; - margin-right: 1.5rem !important; } - .rtl .mr-xl-5, - .rtl .mx-xl-5 { - margin-right: 0 !important; - margin-left: 3rem !important; } - .rtl .ml-xl-5, - .rtl .mx-xl-5 { - margin-left: 0 !important; - margin-right: 3rem !important; } - .rtl .pr-xl-0, - .rtl .px-xl-0 { - padding-right: 0 !important; - padding-left: 0 !important; } - .rtl .pl-xl-0, - .rtl .px-xl-0 { - padding-left: 0 !important; - padding-right: 0 !important; } - .rtl .pr-xl-1, - .rtl .px-xl-1 { - padding-right: 0 !important; - padding-left: 0.25rem !important; } - .rtl .pl-xl-1, - .rtl .px-xl-1 { - padding-left: 0 !important; - padding-right: 0.25rem !important; } - .rtl .pr-xl-2, - .rtl .px-xl-2 { - padding-right: 0 !important; - padding-left: 0.5rem !important; } - .rtl .pl-xl-2, - .rtl .px-xl-2 { - padding-left: 0 !important; - padding-right: 0.5rem !important; } - .rtl .pr-xl-3, - .rtl .px-xl-3 { - padding-right: 0 !important; - padding-left: 1rem !important; } - .rtl .pl-xl-3, - .rtl .px-xl-3 { - padding-left: 0 !important; - padding-right: 1rem !important; } - .rtl .pr-xl-4, - .rtl .px-xl-4 { - padding-right: 0 !important; - padding-left: 1.5rem !important; } - .rtl .pl-xl-4, - .rtl .px-xl-4 { - padding-left: 0 !important; - padding-right: 1.5rem !important; } - .rtl .pr-xl-5, - .rtl .px-xl-5 { - padding-right: 0 !important; - padding-left: 3rem !important; } - .rtl .pl-xl-5, - .rtl .px-xl-5 { - padding-left: 0 !important; - padding-right: 3rem !important; } - .rtl .mr-xl-auto { - margin-right: 0 !important; - margin-left: auto !important; } - .rtl .ml-xl-auto { - margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-xl-auto { - margin-right: auto !important; - margin-left: auto !important; } } - @media (min-width: 1440) { - .rtl .mr-xxl-0, - .rtl .mx-xxl-0 { - margin-right: 0 !important; - margin-left: 0 !important; } - .rtl .ml-xxl-0, - .rtl .mx-xxl-0 { - margin-left: 0 !important; - margin-right: 0 !important; } - .rtl .mr-xxl-1, - .rtl .mx-xxl-1 { - margin-right: 0 !important; - margin-left: 0.25rem !important; } - .rtl .ml-xxl-1, - .rtl .mx-xxl-1 { - margin-left: 0 !important; - margin-right: 0.25rem !important; } - .rtl .mr-xxl-2, - .rtl .mx-xxl-2 { - margin-right: 0 !important; - margin-left: 0.5rem !important; } - .rtl .ml-xxl-2, - .rtl .mx-xxl-2 { - margin-left: 0 !important; - margin-right: 0.5rem !important; } - .rtl .mr-xxl-3, - .rtl .mx-xxl-3 { - margin-right: 0 !important; - margin-left: 1rem !important; } - .rtl .ml-xxl-3, - .rtl .mx-xxl-3 { - margin-left: 0 !important; - margin-right: 1rem !important; } - .rtl .mr-xxl-4, - .rtl .mx-xxl-4 { - margin-right: 0 !important; - margin-left: 1.5rem !important; } - .rtl .ml-xxl-4, - .rtl .mx-xxl-4 { - margin-left: 0 !important; - margin-right: 1.5rem !important; } - .rtl .mr-xxl-5, - .rtl .mx-xxl-5 { - margin-right: 0 !important; - margin-left: 3rem !important; } - .rtl .ml-xxl-5, - .rtl .mx-xxl-5 { - margin-left: 0 !important; - margin-right: 3rem !important; } - .rtl .pr-xxl-0, - .rtl .px-xxl-0 { - padding-right: 0 !important; - padding-left: 0 !important; } - .rtl .pl-xxl-0, - .rtl .px-xxl-0 { - padding-left: 0 !important; - padding-right: 0 !important; } - .rtl .pr-xxl-1, - .rtl .px-xxl-1 { - padding-right: 0 !important; - padding-left: 0.25rem !important; } - .rtl .pl-xxl-1, - .rtl .px-xxl-1 { - padding-left: 0 !important; - padding-right: 0.25rem !important; } - .rtl .pr-xxl-2, - .rtl .px-xxl-2 { - padding-right: 0 !important; - padding-left: 0.5rem !important; } - .rtl .pl-xxl-2, - .rtl .px-xxl-2 { - padding-left: 0 !important; - padding-right: 0.5rem !important; } - .rtl .pr-xxl-3, - .rtl .px-xxl-3 { - padding-right: 0 !important; - padding-left: 1rem !important; } - .rtl .pl-xxl-3, - .rtl .px-xxl-3 { - padding-left: 0 !important; - padding-right: 1rem !important; } - .rtl .pr-xxl-4, - .rtl .px-xxl-4 { - padding-right: 0 !important; - padding-left: 1.5rem !important; } - .rtl .pl-xxl-4, - .rtl .px-xxl-4 { - padding-left: 0 !important; - padding-right: 1.5rem !important; } - .rtl .pr-xxl-5, - .rtl .px-xxl-5 { - padding-right: 0 !important; - padding-left: 3rem !important; } - .rtl .pl-xxl-5, - .rtl .px-xxl-5 { - padding-left: 0 !important; - padding-right: 3rem !important; } - .rtl .mr-xxl-auto { - margin-right: 0 !important; - margin-left: auto !important; } - .rtl .ml-xxl-auto { - margin-right: auto !important; - margin-left: 0 !important; } - .rtl .mx-xxl-auto { - margin-right: auto !important; - margin-left: auto !important; } } - .rtl .text-right { - text-align: left !important; } - .rtl .text-left { - text-align: right !important; } - @media (min-width: 576px) { - .rtl .text-sm-right { - text-align: left !important; } - .rtl .text-sm-left { - text-align: right !important; } } - @media (min-width: 768px) { - .rtl .text-md-right { - text-align: left !important; } - .rtl .text-md-left { - text-align: right !important; } } - @media (min-width: 992px) { - .rtl .text-lg-right { - text-align: left !important; } - .rtl .text-lg-left { - text-align: right !important; } } - @media (min-width: 1200px) { - .rtl .text-xl-right { - text-align: left !important; } - .rtl .text-xl-left { - text-align: right !important; } } - @media (min-width: 1440) { - .rtl .text-xxl-right { - text-align: left !important; } - .rtl .text-xxl-left { - text-align: right !important; } } + margin-left: auto !important; + } +} -.rtl .mx-0 { - margin-right: auto; - margin-left: 0 !important; } -.rtl .mx-0 { - margin-left: auto; - margin-right: 0 !important; } -.rtl .mx-1 { - margin-right: auto; - margin-left: 0.25rem !important; } -.rtl .mx-1 { - margin-left: auto; - margin-right: 0.25rem !important; } -.rtl .mx-2 { - margin-right: auto; - margin-left: 0.5rem !important; } -.rtl .mx-2 { +.rtl .text-right { + text-align: left !important; +} + +.rtl .text-left { + text-align: right !important; +} + +@media (min-width: 576px) { + .rtl .text-sm-right { + text-align: left !important; + } + + .rtl .text-sm-left { + text-align: right !important; + } +} + +@media (min-width: 768px) { + .rtl .text-md-right { + text-align: left !important; + } + + .rtl .text-md-left { + text-align: right !important; + } +} + +@media (min-width: 992px) { + .rtl .text-lg-right { + text-align: left !important; + } + + .rtl .text-lg-left { + text-align: right !important; + } +} + +@media (min-width: 1200px) { + .rtl .text-xl-right { + text-align: left !important; + } + + .rtl .text-xl-left { + text-align: right !important; + } +} + +@media (min-width: 1440) { + .rtl .text-xxl-right { + text-align: left !important; + } + + .rtl .text-xxl-left { + text-align: right !important; + } +} + +.rtl .mx-0 { + margin-right: auto; + margin-left: 0 !important; +} + +.rtl .mx-0 { + margin-left: auto; + margin-right: 0 !important; +} + +.rtl .mx-1 { + margin-right: auto; + margin-left: 0.25rem !important; +} + +.rtl .mx-1 { + margin-left: auto; + margin-right: 0.25rem !important; +} + +.rtl .mx-2 { + margin-right: auto; + margin-left: 0.5rem !important; +} + +.rtl .mx-2 { margin-left: auto; - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; +} + .rtl .mx-3 { margin-right: auto; - margin-left: 1rem !important; } + margin-left: 1rem !important; +} + .rtl .mx-3 { margin-left: auto; - margin-right: 1rem !important; } + margin-right: 1rem !important; +} + .rtl .mx-4 { margin-right: auto; - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; +} + .rtl .mx-4 { margin-left: auto; - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; +} + .rtl .mx-5 { margin-right: auto; - margin-left: 3rem !important; } + margin-left: 3rem !important; +} + .rtl .mx-5 { margin-left: auto; - margin-right: 3rem !important; } + margin-right: 3rem !important; +} + .rtl .px-0 { padding-right: auto; - padding-left: 0 !important; } + padding-left: 0 !important; +} + .rtl .px-0 { padding-left: auto; - padding-right: 0 !important; } + padding-right: 0 !important; +} + .rtl .px-1 { padding-right: auto; - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; +} + .rtl .px-1 { padding-left: auto; - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; +} + .rtl .px-2 { padding-right: auto; - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; +} + .rtl .px-2 { padding-left: auto; - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; +} + .rtl .px-3 { padding-right: auto; - padding-left: 1rem !important; } + padding-left: 1rem !important; +} + .rtl .px-3 { padding-left: auto; - padding-right: 1rem !important; } + padding-right: 1rem !important; +} + .rtl .px-4 { padding-right: auto; - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; +} + .rtl .px-4 { padding-left: auto; - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; +} + .rtl .px-5 { padding-right: auto; - padding-left: 3rem !important; } + padding-left: 3rem !important; +} + .rtl .px-5 { padding-left: auto; - padding-right: 3rem !important; } + padding-right: 3rem !important; +} + .rtl .mr-auto { margin-right: 0 !important; - margin-left: auto !important; } + margin-left: auto !important; +} + .rtl .mx-auto { margin-right: auto !important; - margin-left: auto !important; } + margin-left: auto !important; +} + .rtl .ml-auto { margin-right: auto !important; - margin-left: 0 !important; } + margin-left: 0 !important; +} + .rtl .mx-auto { margin-right: auto !important; - margin-left: auto !important; } + margin-left: auto !important; +} + @media (min-width: 576px) { .rtl .mx-sm-0 { margin-right: auto; - margin-left: 0 !important; } + margin-left: 0 !important; + } + .rtl .mx-sm-0 { margin-left: auto; - margin-right: 0 !important; } + margin-right: 0 !important; + } + .rtl .mx-sm-1 { margin-right: auto; - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .rtl .mx-sm-1 { margin-left: auto; - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } + .rtl .mx-sm-2 { margin-right: auto; - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .rtl .mx-sm-2 { margin-left: auto; - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } + .rtl .mx-sm-3 { margin-right: auto; - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .rtl .mx-sm-3 { margin-left: auto; - margin-right: 1rem !important; } + margin-right: 1rem !important; + } + .rtl .mx-sm-4 { margin-right: auto; - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .rtl .mx-sm-4 { margin-left: auto; - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } + .rtl .mx-sm-5 { margin-right: auto; - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .rtl .mx-sm-5 { margin-left: auto; - margin-right: 3rem !important; } + margin-right: 3rem !important; + } + .rtl .px-sm-0 { padding-right: auto; - padding-left: 0 !important; } + padding-left: 0 !important; + } + .rtl .px-sm-0 { padding-left: auto; - padding-right: 0 !important; } + padding-right: 0 !important; + } + .rtl .px-sm-1 { padding-right: auto; - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .rtl .px-sm-1 { padding-left: auto; - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } + .rtl .px-sm-2 { padding-right: auto; - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .rtl .px-sm-2 { padding-left: auto; - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } + .rtl .px-sm-3 { padding-right: auto; - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .rtl .px-sm-3 { padding-left: auto; - padding-right: 1rem !important; } + padding-right: 1rem !important; + } + .rtl .px-sm-4 { padding-right: auto; - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .rtl .px-sm-4 { padding-left: auto; - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } + .rtl .px-sm-5 { padding-right: auto; - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .rtl .px-sm-5 { padding-left: auto; - padding-right: 3rem !important; } + padding-right: 3rem !important; + } + .rtl .mr-sm-auto { margin-right: 0 !important; - margin-left: auto !important; } + margin-left: auto !important; + } + .rtl .mx-sm-auto { margin-right: auto !important; - margin-left: auto !important; } + margin-left: auto !important; + } + .rtl .ml-sm-auto { margin-right: auto !important; - margin-left: 0 !important; } + margin-left: 0 !important; + } + .rtl .mx-sm-auto { margin-right: auto !important; - margin-left: auto !important; } } + margin-left: auto !important; + } +} + @media (min-width: 768px) { .rtl .mx-md-0 { margin-right: auto; - margin-left: 0 !important; } + margin-left: 0 !important; + } + .rtl .mx-md-0 { margin-left: auto; - margin-right: 0 !important; } + margin-right: 0 !important; + } + .rtl .mx-md-1 { margin-right: auto; - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .rtl .mx-md-1 { margin-left: auto; - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } + .rtl .mx-md-2 { margin-right: auto; - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .rtl .mx-md-2 { margin-left: auto; - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } + .rtl .mx-md-3 { margin-right: auto; - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .rtl .mx-md-3 { margin-left: auto; - margin-right: 1rem !important; } + margin-right: 1rem !important; + } + .rtl .mx-md-4 { margin-right: auto; - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .rtl .mx-md-4 { margin-left: auto; - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } + .rtl .mx-md-5 { margin-right: auto; - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .rtl .mx-md-5 { margin-left: auto; - margin-right: 3rem !important; } + margin-right: 3rem !important; + } + .rtl .px-md-0 { padding-right: auto; - padding-left: 0 !important; } + padding-left: 0 !important; + } + .rtl .px-md-0 { padding-left: auto; - padding-right: 0 !important; } + padding-right: 0 !important; + } + .rtl .px-md-1 { padding-right: auto; - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .rtl .px-md-1 { padding-left: auto; - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } + .rtl .px-md-2 { padding-right: auto; - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .rtl .px-md-2 { padding-left: auto; - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } + .rtl .px-md-3 { padding-right: auto; - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .rtl .px-md-3 { padding-left: auto; - padding-right: 1rem !important; } + padding-right: 1rem !important; + } + .rtl .px-md-4 { padding-right: auto; - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .rtl .px-md-4 { padding-left: auto; - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } + .rtl .px-md-5 { padding-right: auto; - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .rtl .px-md-5 { padding-left: auto; - padding-right: 3rem !important; } + padding-right: 3rem !important; + } + .rtl .mr-md-auto { margin-right: 0 !important; - margin-left: auto !important; } + margin-left: auto !important; + } + .rtl .mx-md-auto { margin-right: auto !important; - margin-left: auto !important; } + margin-left: auto !important; + } + .rtl .ml-md-auto { margin-right: auto !important; - margin-left: 0 !important; } + margin-left: 0 !important; + } + .rtl .mx-md-auto { margin-right: auto !important; - margin-left: auto !important; } } + margin-left: auto !important; + } +} + @media (min-width: 992px) { .rtl .mx-lg-0 { margin-right: auto; - margin-left: 0 !important; } + margin-left: 0 !important; + } + .rtl .mx-lg-0 { margin-left: auto; - margin-right: 0 !important; } + margin-right: 0 !important; + } + .rtl .mx-lg-1 { margin-right: auto; - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .rtl .mx-lg-1 { margin-left: auto; - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } + .rtl .mx-lg-2 { margin-right: auto; - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .rtl .mx-lg-2 { margin-left: auto; - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } + .rtl .mx-lg-3 { margin-right: auto; - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .rtl .mx-lg-3 { margin-left: auto; - margin-right: 1rem !important; } + margin-right: 1rem !important; + } + .rtl .mx-lg-4 { margin-right: auto; - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .rtl .mx-lg-4 { margin-left: auto; - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } + .rtl .mx-lg-5 { margin-right: auto; - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .rtl .mx-lg-5 { margin-left: auto; - margin-right: 3rem !important; } + margin-right: 3rem !important; + } + .rtl .px-lg-0 { padding-right: auto; - padding-left: 0 !important; } + padding-left: 0 !important; + } + .rtl .px-lg-0 { padding-left: auto; - padding-right: 0 !important; } + padding-right: 0 !important; + } + .rtl .px-lg-1 { padding-right: auto; - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .rtl .px-lg-1 { padding-left: auto; - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } + .rtl .px-lg-2 { padding-right: auto; - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .rtl .px-lg-2 { padding-left: auto; - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } + .rtl .px-lg-3 { padding-right: auto; - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .rtl .px-lg-3 { padding-left: auto; - padding-right: 1rem !important; } + padding-right: 1rem !important; + } + .rtl .px-lg-4 { padding-right: auto; - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .rtl .px-lg-4 { padding-left: auto; - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } + .rtl .px-lg-5 { padding-right: auto; - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .rtl .px-lg-5 { padding-left: auto; - padding-right: 3rem !important; } + padding-right: 3rem !important; + } + .rtl .mr-lg-auto { margin-right: 0 !important; - margin-left: auto !important; } + margin-left: auto !important; + } + .rtl .mx-lg-auto { margin-right: auto !important; - margin-left: auto !important; } + margin-left: auto !important; + } + .rtl .ml-lg-auto { margin-right: auto !important; - margin-left: 0 !important; } + margin-left: 0 !important; + } + .rtl .mx-lg-auto { margin-right: auto !important; - margin-left: auto !important; } } + margin-left: auto !important; + } +} + @media (min-width: 1200px) { .rtl .mx-xl-0 { margin-right: auto; - margin-left: 0 !important; } + margin-left: 0 !important; + } + .rtl .mx-xl-0 { margin-left: auto; - margin-right: 0 !important; } + margin-right: 0 !important; + } + .rtl .mx-xl-1 { margin-right: auto; - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .rtl .mx-xl-1 { margin-left: auto; - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } + .rtl .mx-xl-2 { margin-right: auto; - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .rtl .mx-xl-2 { margin-left: auto; - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } + .rtl .mx-xl-3 { margin-right: auto; - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .rtl .mx-xl-3 { margin-left: auto; - margin-right: 1rem !important; } + margin-right: 1rem !important; + } + .rtl .mx-xl-4 { margin-right: auto; - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .rtl .mx-xl-4 { margin-left: auto; - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } + .rtl .mx-xl-5 { margin-right: auto; - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .rtl .mx-xl-5 { margin-left: auto; - margin-right: 3rem !important; } + margin-right: 3rem !important; + } + .rtl .px-xl-0 { padding-right: auto; - padding-left: 0 !important; } + padding-left: 0 !important; + } + .rtl .px-xl-0 { padding-left: auto; - padding-right: 0 !important; } + padding-right: 0 !important; + } + .rtl .px-xl-1 { padding-right: auto; - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .rtl .px-xl-1 { padding-left: auto; - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } + .rtl .px-xl-2 { padding-right: auto; - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .rtl .px-xl-2 { padding-left: auto; - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } + .rtl .px-xl-3 { padding-right: auto; - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .rtl .px-xl-3 { padding-left: auto; - padding-right: 1rem !important; } + padding-right: 1rem !important; + } + .rtl .px-xl-4 { padding-right: auto; - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .rtl .px-xl-4 { padding-left: auto; - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } + .rtl .px-xl-5 { padding-right: auto; - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .rtl .px-xl-5 { padding-left: auto; - padding-right: 3rem !important; } + padding-right: 3rem !important; + } + .rtl .mr-xl-auto { margin-right: 0 !important; - margin-left: auto !important; } + margin-left: auto !important; + } + .rtl .mx-xl-auto { margin-right: auto !important; - margin-left: auto !important; } + margin-left: auto !important; + } + .rtl .ml-xl-auto { margin-right: auto !important; - margin-left: 0 !important; } + margin-left: 0 !important; + } + .rtl .mx-xl-auto { margin-right: auto !important; - margin-left: auto !important; } } + margin-left: auto !important; + } +} + @media (min-width: 1440) { .rtl .mx-xxl-0 { margin-right: auto; - margin-left: 0 !important; } + margin-left: 0 !important; + } + .rtl .mx-xxl-0 { margin-left: auto; - margin-right: 0 !important; } + margin-right: 0 !important; + } + .rtl .mx-xxl-1 { margin-right: auto; - margin-left: 0.25rem !important; } + margin-left: 0.25rem !important; + } + .rtl .mx-xxl-1 { margin-left: auto; - margin-right: 0.25rem !important; } + margin-right: 0.25rem !important; + } + .rtl .mx-xxl-2 { margin-right: auto; - margin-left: 0.5rem !important; } + margin-left: 0.5rem !important; + } + .rtl .mx-xxl-2 { margin-left: auto; - margin-right: 0.5rem !important; } + margin-right: 0.5rem !important; + } + .rtl .mx-xxl-3 { margin-right: auto; - margin-left: 1rem !important; } + margin-left: 1rem !important; + } + .rtl .mx-xxl-3 { margin-left: auto; - margin-right: 1rem !important; } + margin-right: 1rem !important; + } + .rtl .mx-xxl-4 { margin-right: auto; - margin-left: 1.5rem !important; } + margin-left: 1.5rem !important; + } + .rtl .mx-xxl-4 { margin-left: auto; - margin-right: 1.5rem !important; } + margin-right: 1.5rem !important; + } + .rtl .mx-xxl-5 { margin-right: auto; - margin-left: 3rem !important; } + margin-left: 3rem !important; + } + .rtl .mx-xxl-5 { margin-left: auto; - margin-right: 3rem !important; } + margin-right: 3rem !important; + } + .rtl .px-xxl-0 { padding-right: auto; - padding-left: 0 !important; } + padding-left: 0 !important; + } + .rtl .px-xxl-0 { padding-left: auto; - padding-right: 0 !important; } + padding-right: 0 !important; + } + .rtl .px-xxl-1 { padding-right: auto; - padding-left: 0.25rem !important; } + padding-left: 0.25rem !important; + } + .rtl .px-xxl-1 { padding-left: auto; - padding-right: 0.25rem !important; } + padding-right: 0.25rem !important; + } + .rtl .px-xxl-2 { padding-right: auto; - padding-left: 0.5rem !important; } + padding-left: 0.5rem !important; + } + .rtl .px-xxl-2 { padding-left: auto; - padding-right: 0.5rem !important; } + padding-right: 0.5rem !important; + } + .rtl .px-xxl-3 { padding-right: auto; - padding-left: 1rem !important; } + padding-left: 1rem !important; + } + .rtl .px-xxl-3 { padding-left: auto; - padding-right: 1rem !important; } + padding-right: 1rem !important; + } + .rtl .px-xxl-4 { padding-right: auto; - padding-left: 1.5rem !important; } + padding-left: 1.5rem !important; + } + .rtl .px-xxl-4 { padding-left: auto; - padding-right: 1.5rem !important; } + padding-right: 1.5rem !important; + } + .rtl .px-xxl-5 { padding-right: auto; - padding-left: 3rem !important; } + padding-left: 3rem !important; + } + .rtl .px-xxl-5 { padding-left: auto; - padding-right: 3rem !important; } + padding-right: 3rem !important; + } + .rtl .mr-xxl-auto { margin-right: 0 !important; - margin-left: auto !important; } + margin-left: auto !important; + } + .rtl .mx-xxl-auto { margin-right: auto !important; - margin-left: auto !important; } + margin-left: auto !important; + } + .rtl .ml-xxl-auto { margin-right: auto !important; - margin-left: 0 !important; } + margin-left: 0 !important; + } + .rtl .mx-xxl-auto { margin-right: auto !important; - margin-left: auto !important; } } + margin-left: auto !important; + } +} + .rtl .float-left { - float: right !important; } + float: right !important; +} + .rtl .float-right { - float: left !important; } + float: left !important; +} + .rtl .float-none { - float: none !important; } + float: none !important; +} + @media (min-width: 576px) { .rtl .float-sm-left { - float: right !important; } + float: right !important; + } + .rtl .float-sm-right { - float: left !important; } + float: left !important; + } + .rtl .float-sm-none { - float: none !important; } } + float: none !important; + } +} + @media (min-width: 768px) { .rtl .float-md-left { - float: right !important; } + float: right !important; + } + .rtl .float-md-right { - float: left !important; } + float: left !important; + } + .rtl .float-md-none { - float: none !important; } } + float: none !important; + } +} + @media (min-width: 992px) { .rtl .float-lg-left { - float: right !important; } + float: right !important; + } + .rtl .float-lg-right { - float: left !important; } + float: left !important; + } + .rtl .float-lg-none { - float: none !important; } } + float: none !important; + } +} + @media (min-width: 1200px) { .rtl .float-xl-left { - float: right !important; } + float: right !important; + } + .rtl .float-xl-right { - float: left !important; } + float: left !important; + } + .rtl .float-xl-none { - float: none !important; } } + float: none !important; + } +} + @media (min-width: 1440) { .rtl .float-xxl-left { - float: right !important; } + float: right !important; + } + .rtl .float-xxl-right { - float: left !important; } + float: left !important; + } + .rtl .float-xxl-none { - float: none !important; } } + float: none !important; + } +} + +[direction="rtl"] { + /* .text-right { + text-align: left !important; + } + + .text-left { + text-align: right !important; + } */ +} + +[direction="rtl"][data-theme-version="dark"] .border, +[direction="rtl"][data-theme-version="dark"] .border-left, +[direction="rtl"][data-theme-version="dark"] .border-right { + border-color: #333a54 !important; +} + +[direction="rtl"] .border-right { + border-left: 1px solid #f0f1f5 !important; + border-right: 0 !important; +} + +[direction="rtl"] .border-left { + border-right: 1px solid #f0f1f5 !important; + border-left: 0 !important; +} + +[direction="rtl"] .dropdown-menu { + left: auto; +} + +[direction="rtl"] .dropdown-menu-right { + left: 0; + right: auto; +} + +@media only screen and (max-width: 575px) { + [direction="rtl"] .dropdown-menu-right { + left: 15px; + } +} + +[direction="rtl"] .notification_dropdown .dropdown-menu-right .media>span { + margin-left: 10px; + margin-right: 0; +} + +[direction="rtl"]:not([data-container="boxed"]) .nav-header { + left: auto; + right: 0; +} + +[direction="rtl"][data-container="wide-boxed"] .nav-header { + left: auto; + right: auto; +} + +[direction="rtl"] .nav-header { + text-align: right; + right: auto; +} + +[direction="rtl"] .nav-header .brand-title { + margin-left: 0; + margin-right: 15px; +} + +[direction="rtl"] .nav-header .brand-logo { + padding-left: 0; + padding-right: 1.75rem; +} + +[data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo { + padding-right: 0; +} + +[data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo[data-layout="horizontal"] { + padding-right: 30px; +} + +[data-sidebar-style="mini"][direction="rtl"] .nav-header .brand-logo { + padding-right: 0; +} + +[data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo { + padding-right: 0; +} + +[data-layout="horizontal"][data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo { + padding-right: 30px; +} + +@media (max-width: 767.98px) { + [direction="rtl"] .nav-header .brand-logo { + padding-right: 0; + } +} + +[direction="rtl"] .nav-control { + right: auto; + left: -4.0625rem; +} + +@media (max-width: 767.98px) { + [direction="rtl"] .nav-control { + left: -4.0625rem; + } +} + +@media (max-width: 575.98px) { + [direction="rtl"] .nav-control { + left: -3.5rem; + } +} + +[direction="rtl"][data-sidebar-style="overlay"] .nav-header .hamburger.is-active { + right: 0; +} + +[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"] .nav-header .brand-logo { + padding-right: 40px; +} + +[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"] .nav-header { + width: 16rem; +} + +[direction="rtl"] .header { + padding: 0; + padding-right: 21.563rem; +} + +@media only screen and (max-width: 1400px) { + [direction="rtl"] .header { + padding-right: 17rem; + } +} + +@media (max-width: 767.98px) { + [direction="rtl"] .header { + padding-right: 5rem; + padding-left: 0; + } +} + +[direction="rtl"] .header .header-content { + padding-left: 1.875rem; + padding-right: 5.3125rem; + border-radius: 0 3.125rem 0 0; +} + +@media only screen and (max-width: 767px) { + [direction="rtl"] .header .header-content { + border-radius: 0; + } +} + +@media only screen and (max-width: 575px) { + [direction="rtl"] .header .header-content { + padding-right: 3.5rem; + padding-left: 0.938rem; + } +} + +[data-sidebar-style="compact"][direction="rtl"] .header .header-content { + padding-right: 1.875rem; +} + +[data-sidebar-style="modern"][direction="rtl"] .header .header-content { + padding-right: 5.3125rem; +} + +[data-sidebar-style="overlay"][direction="rtl"] .header .header-content { + padding-right: 5.3125rem; +} + +@media only screen and (max-width: 575px) { + [data-sidebar-style="overlay"][direction="rtl"] .header .header-content { + padding-right: 0.5rem; + } +} + +[direction="rtl"] .header .nav-control { + right: 0.4375rem; + left: auto; +} + +[direction="rtl"] .header-right>li:not(:first-child) { + padding-left: 0; + padding-right: 1.25rem; + margin-right: 0 !important; +} + +@media only screen and (max-width: 767px) { + [direction="rtl"] .header-right>li:not(:first-child) { + padding-right: 0.5rem; + } +} + +[direction="rtl"] .header-right .header-profile>a.nav-link { + margin-left: auto; + padding-left: auto; + border-left: 0; +} + +[direction="rtl"] .header-right .header-profile>a.nav-link .header-info { + padding-right: 20px; + padding-left: auto; + text-align: right; +} + +@media only screen and (max-width: 1400px) { + [direction="rtl"] .header-right .header-profile>a.nav-link .header-info { + padding-right: 10px; + } +} + +@media only screen and (max-width: 1400px) { + [direction="rtl"] .header-right .header-profile>a.nav-link { + margin-right: 10px; + padding-right: 20px; + } +} + +@media only screen and (max-width: 575px) { + [direction="rtl"] .header-right .header-profile>a.nav-link { + margin-right: 0px; + padding-right: 0px; + border-right: 0; + } +} + +[direction="rtl"] .header-right .search-area .form-control { + padding-right: 20px; + padding-left: 0; + border-radius: 3rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +[direction="rtl"] .header-right .search-area .input-group-text { + padding-left: 20px; + padding-right: 0; + border-radius: 3rem; + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} + +[direction="rtl"] .header-left .search_bar .dropdown-menu, +[direction="rtl"] .header-left .search_bar .dropdown-menu.show { + right: 40px !important; +} + +@media only screen and (max-width: 575px) { + + [direction="rtl"] .header-left .search_bar .dropdown-menu, + [direction="rtl"] .header-left .search_bar .dropdown-menu.show { + right: -100px !important; + } +} + +[direction="rtl"] .header-left .search_bar .search_icon { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 5rem; + border-bottom-right-radius: 5rem; +} + +@media only screen and (max-width: 575px) { + [direction="rtl"] .header-left .search_bar .search_icon { + border-radius: 5rem; + } +} + +[direction="rtl"][data-layout="horizontal"] .header { + padding: 0; + padding-right: 21.563rem; +} + +[direction="rtl"][data-layout="horizontal"] .header .header-content { + padding-right: 2.5rem; + padding-left: 2.5rem; +} + +[direction="rtl"][data-layout="horizontal"][data-sidebar-style="full"] .nav-header .brand-logo { + padding-right: 2.5rem; +} + +[direction="rtl"][data-layout="horizontal"][data-sidebar-style="mini"] .header { + padding-right: 7.75rem; +} + +[direction="rtl"][data-sidebar-style="mini"] .header { + padding-right: 5rem; +} + +[direction="rtl"][data-sidebar-style="compact"] .header { + padding: 0 0; + padding-right: 15rem; +} + +[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"] .header { + padding: 0; + padding-right: 21.563rem; +} + +[direction="rtl"][data-sidebar-style="modern"] .header { + padding: 0 0; + padding-right: 9.4rem; +} + +[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"] .header { + padding: 0; + padding-right: 16rem; +} + +[direction="rtl"] { + text-align: right; +} + +[direction="rtl"] .deznav { + text-align: right; +} + +[direction="rtl"] .deznav .metismenu ul:after { + left: auto; + right: -6px; +} + +[direction="rtl"] .deznav .metismenu ul a:before { + left: auto; + right: 0px; +} + +[direction="rtl"] .deznav .metismenu>li a>i { + margin-right: 0; +} + +[direction="rtl"] .deznav .metismenu li>a i { + padding: 0 0 0 1.5rem; +} + +[direction="rtl"] .deznav .metismenu li>a svg { + margin-left: 5px; + margin-right: 0; +} + +[data-sidebar-style="compact"][direction="rtl"] .deznav .metismenu li>a svg { + left: auto; + margin-left: auto; + margin-right: auto; +} + +[data-sidebar-style="icon-hover"][direction="rtl"] .deznav .metismenu li>a svg { + margin-left: 0; +} + +[direction="rtl"] .deznav .metismenu li ul a { + padding-right: 6.4rem; + padding-left: 0.625rem; +} + +@media only screen and (max-width: 1400px) { + [direction="rtl"] .deznav .metismenu li ul a { + padding-right: 4.5rem; + } +} + +[direction="rtl"] .deznav .metismenu li.active>.has-arrow:after { + transform: rotate(45deg) translateY(-50%); +} + +[direction="rtl"] .deznav .metismenu .has-arrow:after { + left: 1.5625rem; + right: auto; +} + +[data-layout="horizontal"][direction="rtl"] .deznav .metismenu .has-arrow:after { + left: 1.125rem; +} + +[data-sidebar-style="modern"][direction="rtl"] .deznav .metismenu .has-arrow:after { + -webkit-transform: rotate(-45deg) translateY(-50%); + transform: rotate(-45deg) translateY(-50%); +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li .has-arrow:after { + left: 1.5rem; + right: auto; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li { + padding: 0 30px 0 0; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li>a:before { + left: auto; + right: -11px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-top-left-radius: 15px; + border-bottom-left-radius: 15px; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a { + border-radius: 0 3rem 3rem 0; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + right: 5rem; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li { + padding: 0 13px; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + border-radius: 3rem; +} + +[direction="rtl"][data-sidebar-style="mini"] .deznav .metismenu>li>a>i { + padding: 0; +} + +[direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul a.has-arrow:after { + left: 1.5625rem; + right: auto; +} + +[direction="rtl"][data-sidebar-style="compact"] .deznav .metismenu li>a i { + padding: 0; + margin-left: auto; + margin-right: auto; +} + +[direction="rtl"][data-sidebar-style="compact"] .deznav .metismenu li ul a { + padding-right: 0.625rem; + padding-left: 0.625rem; +} + +[direction="rtl"][data-sidebar-style="compact"][data-layout="vertical"] .deznav .metismenu li a:before { + left: auto; + right: 0; + border-radius: 1.25rem 0 0 1.25rem; +} + +[direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu ul a:before { + left: auto; + right: 65px; +} + +[direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu li ul a { + padding-right: 4.5rem; + padding-left: 0.625rem; +} + +[direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu li ul a:before { + left: auto; + right: 40px; +} + +[direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu>li>a:before { + left: auto; + right: 0; + border-radius: 10px 0 0 10px; +} + +[direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a:before { + left: auto; + right: 65px; +} + +[direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu li ul a { + padding-right: 1.5rem; + padding-left: 0.625rem; +} + +[direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu li ul a:before { + left: auto; + right: 30px; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul li:hover ul { + right: 11.8125rem; + left: 0; +} + +[direction="rtl"][data-sidebar-style="modern"] .deznav .metismenu li>a i { + padding: 0; +} + +[direction="rtl"] { + /* ===== Light gallery ===== */ +} + +[direction="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow { + left: 15px; + right: auto; +} + +[direction="rtl"] .input-group>.bootstrap-select:not(:first-child) .dropdown-toggle { + border-radius: 0.75rem 0 0 0.75rem; +} + +[direction="rtl"] .list-group { + padding-left: 0; +} + +[direction="rtl"] .form-check-input { + margin-left: -1.25rem; + margin-right: inherit; +} + +[direction="rtl"] .form-check-inline .form-check-input { + margin-right: 0; + margin-left: 10px; +} + +[direction="rtl"] .radio input, +[direction="rtl"] .radio-inline, +[direction="rtl"] .checkbox input, +[direction="rtl"] .checkbox-inline input { + margin-left: 0; + margin-right: 0; +} + +[direction="rtl"] .content-body { + margin-right: 21.563rem; + margin-left: auto; +} + +@media only screen and (max-width: 1400px) { + [direction="rtl"] .content-body { + margin-right: 17rem; + } +} + +[data-sidebar-style="modern"][direction="rtl"] .content-body { + margin-right: 9.375rem; +} + +[direction="rtl"] .content-body .page-titles { + text-align: right; +} + +[direction="rtl"] .doctor-info-details .media-body span i, +[direction="rtl"] .recovered-chart-deta .col [class*="bg-"] { + margin-right: 0; + margin-left: 10px; +} + +[direction="rtl"] .patients-chart-deta .col, +[direction="rtl"] .patients-chart-deta .col [class*="bg-"], +[direction="rtl"] .recovered-chart-deta .col { + margin-right: 0; + margin-left: 15px; +} + +[direction="rtl"] .best-doctor .timeline .timeline-panel .media .number { + left: auto; + right: -13px; +} + +[direction="rtl"] .doctor-info-details .media i { + right: 0; + left: -15px; +} + +[direction="rtl"] .review-table .disease { + border-left: 0; + border-right: 1px solid #eee; + padding-left: 0; + padding-right: 20px; +} + +[direction="rtl"] .apexcharts-legend-text { + margin: 4px; +} + +[direction="rtl"] .doctor-info-details .media-body { + padding-left: 0; + padding-right: 40px; +} + +[direction="rtl"] .custom-control { + margin-left: 0; +} + +[direction="rtl"] .review-tab.nav-pills li:first-child a.nav-link { + border-radius: 0 0.75rem 0 0; +} + +[direction="rtl"] .review-tab.nav-pills li:last-child a.nav-link { + border-radius: 0.75rem 0 0 0; +} + +[direction="rtl"] .form-head .btn i { + margin-left: 5px; + margin-right: 0; +} + +[direction="rtl"] .iconbox { + padding-left: 0; + padding-right: 70px; +} + +[direction="rtl"] .iconbox i { + left: auto; + right: 0; +} + +[direction="rtl"] .table.tr-rounded tr td:first-child, +[direction="rtl"] .table.tr-rounded tr th:first-child { + border-radius: 0 1.25rem 1.25rem 0; +} + +[direction="rtl"] .table.tr-rounded tr td:last-child, +[direction="rtl"] .table.tr-rounded tr th:last-child { + border-radius: 1.25rem 0 0 1.25rem; +} + +[direction="rtl"] .custom-switch.toggle-switch.text-right { + padding-left: 48px; + padding-right: 0; +} + +[direction="rtl"] .toggle-switch.text-right .custom-control-label:before { + right: auto !important; + left: -47px; +} + +[direction="rtl"] .toggle-switch.text-right .custom-control-label:after { + right: auto !important; + left: -28px; +} + +[direction="rtl"] .toggle-switch.text-right .custom-control-input:checked~.custom-control-label:after { + left: -62px; + right: auto !important; +} + +[direction="rtl"] .check-switch { + padding-right: 40px; +} + +[direction="rtl"] .check-switch .custom-control-label:after, +[direction="rtl"] .check-switch .custom-control-label:before { + right: -35px !important; +} + +[direction="rtl"] .bar-chart .apexcharts-yaxis { + transform: translatex(101%); +} + +[direction="rtl"] .detault-daterange .input-group-text { + padding: 0.532rem 0.75rem; + padding-right: auto; + padding-left: 0; +} + +[direction="rtl"] .form-wrapper .input-group .form-control { + text-align: left; +} + +[direction="rtl"] .timeline-chart .apexcharts-yaxis { + transform: translateX(0); +} + +[direction="rtl"] .card-table td:first-child, +[direction="rtl"] .card-table th:first-child { + padding-right: 30px; + padding-left: 10px; +} + +[direction="rtl"] .card-table td:last-child, +[direction="rtl"] .card-table th:last-child { + padding-left: 30px; + padding-right: 10px; +} + +[direction="rtl"] .chatbox .img_cont { + margin-right: 0px; + margin-left: 10px; +} + +[direction="rtl"] .profile-tab .nav-item .nav-link { + margin-right: 0; + margin-left: 30px; +} + +@media only screen and (max-width: 575px) { + [direction="rtl"] .profile-tab .nav-item .nav-link { + margin-left: 0px; + } +} + +[direction="rtl"] .widget-timeline .timeline>li>.timeline-panel { + margin-left: 0px; + margin-right: 40px; +} + +[direction="rtl"] .widget-timeline.style-1 .timeline .timeline-badge.timeline-badge+.timeline-panel { + padding: 5px 15px 5px 10px; + border-width: 0px 5px 0px 0px; +} + +[direction="rtl"] .widget-timeline.style-1 .timeline .timeline-badge.timeline-badge+.timeline-panel:after { + border: 0; + right: -9px; + width: 7px; + left: auto; + height: 7px; +} + +[direction="rtl"] .widget-timeline .timeline>li>.timeline-badge { + left: auto; + right: 0px; +} + +[direction="rtl"] .widget-timeline .timeline>li>.timeline-panel:after { + left: auto; + right: -5px; +} + +[direction="rtl"] .chatbox .msg_cotainer { + margin-left: 0; + margin-right: 10px; + border-radius: 1.375rem 0 1.375rem 1.375rem; +} + +[direction="rtl"] .chatbox .msg_cotainer:after { + left: auto; + right: -10px; + transform: rotate(-90deg); +} + +[direction="rtl"] .chatbox .type_msg .input-group .input-group-append .btn { + border-top-right-radius: 38px !important; + border-bottom-right-radius: 38px !important; +} + +[direction="rtl"] .chatbox .msg_cotainer_send { + margin-right: 0px; + margin-left: 10px; + border-radius: 0 6px 6px 6px; +} + +[direction="rtl"] .chatbox .msg_cotainer_send:after { + right: auto; + left: -10px; + transform: rotate(90deg); +} + +[direction="rtl"] .comment-review { + right: auto; + left: 0; +} + +[direction="rtl"] .input-group>.bootstrap-select:not(:first-child) .dropdown-toggle { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-top-left-radius: 1.25rem; + border-bottom-left-radius: 1.25rem; +} + +[direction="rtl"] .input-group>.bootstrap-select:not(:last-child) .dropdown-toggle { + border-top-right-radius: 1.25rem; + border-bottom-right-radius: 1.25rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +[direction="rtl"] .breadcrumb-item+.breadcrumb-item { + padding-right: 0.5rem; + padding-left: 0; +} + +[direction="rtl"] .breadcrumb-item+.breadcrumb-item::before { + padding-right: 0; + padding-left: 0.5rem; +} + +[direction="rtl"] .chatbox .chatbox-close { + left: 340px; + right: auto; +} + +[direction="rtl"] .message-search-area .input-group-text { + padding-left: 25px; + padding-right: 10px; + border-left: 1px solid #EEEEEE; + border-right: 0; + border-radius: 2rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +[direction="rtl"] .message-search-area .form-control { + border-right: 1px solid #EEEEEE; + border-left: 0; + border-radius: 2rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +[direction="rtl"] .card-tabs .nav-tabs.style-1 .nav-item .nav-link { + padding-right: 0; + padding-left: 25px; +} + +[direction="rtl"] .chat-box .message-sent p { + border-radius: 20px 20px 20px 0; +} + +[direction="rtl"] .chat-box .message-received p { + border-radius: 20px 0 20px 20px; +} + +[direction="rtl"] .mail-list .list-group-item i { + padding-right: 0; + padding-left: 0.625rem; +} + +[direction="rtl"] .dataTables_wrapper .dataTables_filter input { + margin-left: 0; + margin-right: 0.5em; +} + +[direction="rtl"][data-layout="horizontal"] .content-body { + margin-right: 0; +} + +[direction="rtl"][data-layout="horizontal"] .deznav .metismenu li li .has-arrow:after { + -webkit-transform: rotate(-4deg) translateY(-50%); + transform: rotate(-45deg) translateY(-50%); +} + +[direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"]) .content-body { + margin-right: 5rem; +} + +[direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"]) .content-body { + margin-right: 15rem; +} + +[direction="rtl"][data-sidebar-style="overlay"] .content-body { + margin-right: 0; +} + +[direction="rtl"] #external-events .external-event:before { + margin-right: 0; + margin-left: .9rem; +} + +[direction="rtl"] .post-input a i { + margin-left: 15px; + margin-right: 0; +} + +[direction="rtl"] .deznav .metismenu .has-arrow:after { + -webkit-transform: rotate(-45deg) translateY(-50%); + transform: rotate(-45deg) translateY(-50%); +} + +[direction="rtl"] .deznav .metismenu .has-arrow[aria-expanded=true]:after, +[direction="rtl"] .deznav .metismenu .mm-active>.has-arrow:after { + -webkit-transform: rotate(-135deg) translateY(-50%); + transform: rotate(-135deg); +} + +[direction="rtl"][data-layout="horizontal"] .deznav .metismenu .has-arrow:after { + -webkit-transform: rotate(225deg) translateY(-50%); + transform: rotate(225deg) translateY(-50%); +} + +[direction="rtl"] .chatbox { + left: -500px; + right: auto; +} + +[direction="rtl"] .chatbox.active { + left: 0; + right: auto; +} + +@media only screen and (max-width: 575px) { + [direction="rtl"] .best-doctor .timeline .timeline-panel .media { + float: right; + margin-right: 0 !important; + margin-left: 15px !important; + } +} + +[direction="rtl"] .default-select.style-1 .btn:after { + margin-left: 0; + margin-right: 0.5em; +} + +[direction="rtl"] .pagination .page-indicator { + transform: rotate(180deg); + -moz-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); +} + +[direction="rtl"] .lg-outer.lg-visible { + direction: ltr; +} + +[direction="rtl"] .chart-point .chart-point-list { + margin: 0; + padding-right: 20px; +} + +[direction="rtl"] .noUi-target { + direction: rtl; +} + +[direction="rtl"] .noUi-vertical .noUi-pips-vertical { + left: -20px; +} + +[direction="rtl"] .noUi-vertical .noUi-value-vertical { + padding-left: 0; + padding-right: 25px; +} + +[direction="rtl"] .sidebar-right .ps--active-x>.ps__rail-x { + display: none; +} + +[direction="rtl"] .form-wizard .nav-wizard li .nav-link:after { + right: 50%; + left: auto; +} + +[direction="rtl"] .dtp>.dtp-content { + right: 50%; + left: auto; +} + +[direction="rtl"] .modal-header .close { + margin: 0; + left: 0; + top: 0px; + right: auto; +} + +[direction="rtl"] .input-group-prepend .btn+.btn { + border-radius: 0 !important; +} + +[direction="rtl"] .form-control+.input-group-append .btn:first-child { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} + +[direction="rtl"] .input-group>.custom-file:not(:first-child) .custom-file-label { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 1.25rem; + border-top-left-radius: 1.25rem; +} + +[direction="rtl"] .custom-file-label::after { + border-radius: 1.25rem 0 0 1.25rem; +} + +[direction="rtl"] .input-group>.custom-file:not(:last-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 1.25rem; + border-bottom-right-radius: 1.25rem; +} + +[direction="rtl"] .input-group>.custom-file:not(:last-child) .custom-file-label::after { + border-radius: 0; +} + +[direction="rtl"] .weather-btn { + margin-left: 20px; +} + +[direction="rtl"] .coin-holding:after { + background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%); + /* FF3.6-15 */ + background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%); + /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to right, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45ffffff', endColorstr='#00ffffff', GradientType=1); + /* IE6-9 */ +} + +[direction="rtl"][data-theme-version="dark"] .coin-holding:after { + background: -moz-linear-gradient(left, rgba(5, 5, 5, 0.27) 0%, rgba(255, 255, 255, 0) 100%); + /* FF3.6-15 */ + background: -webkit-linear-gradient(left, rgba(5, 5, 5, 0.27) 0%, rgba(255, 255, 255, 0) 100%); + /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to right, rgba(5, 5, 5, 0.27) 0%, rgba(255, 255, 255, 0) 100%); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45050505', endColorstr='#00ffffff', GradientType=1); + /* IE6-9 */ +} + +[direction="rtl"] .market-line .apexcharts-yaxis { + transform: translateX(-10px); +} + +[direction="rtl"] .current-chart .apexcharts-datalabels-group text:last-child { + fill: #fff; +} + +[direction="rtl"] .lineChart { + margin-left: 0; + margin-right: auto; +} + +[direction="rtl"] .event-bx .image-bx .info ul li i { + margin-right: 0; + margin-left: 10px; +} + +[direction="rtl"] .event-bx .owl-nav { + right: auto; + left: 52px; + direction: ltr; +} + +[direction="rtl"] .event-bx .owl-dots { + right: auto; + left: 100px; +} + +[direction="rtl"] .default-select.style-2 .btn:after { + margin-left: 0; + margin-right: 10px; +} + +[direction="rtl"] table.dataTable thead .sorting { + background-position: center left 15px; +} + +[direction="rtl"] table.dataTable thead .sorting, +[direction="rtl"] table.dataTable thead .sorting_asc, +[direction="rtl"] table.dataTable thead .sorting_desc, +[direction="rtl"] table.dataTable thead .sorting_asc_disabled, +[direction="rtl"] table.dataTable thead .sorting_desc_disabled { + background-position: center left; +} + +[direction="rtl"] .noUi-target { + direction: rtl; +} + +[direction="rtl"] .noUi-vertical .noUi-pips-vertical { + left: -20px; +} + +[direction="rtl"] .noUi-vertical .noUi-value-vertical { + padding-left: 0; + padding-right: 25px; +} + +[direction="rtl"] .profile-card .title span { + padding-right: 0; + padding-left: 30px; +} + +[direction="rtl"] .skill-progress .progress-bar:after { + right: auto; + left: 0; +} + +[direction="rtl"] .profile-card .form-group .input-icon .form-control { + padding-left: 0px; + border-radius: 0; + padding-right: 70px; +} + +[direction="rtl"] .profile-card .form-group .input-group-prepend { + left: auto; + right: 0px; +} + +[direction="rtl"] .search-dropdown { + border-right: 0; + border-left: 1px solid #EEEEEE; +} + +[direction="rtl"] .new-arrival-content.text-center .price { + float: none; +} + +[direction="rtl"] .bootstrap-popover-wrapper .bootstrap-popover:not(:last-child) { + margin-right: 0; + margin-left: 8px; +} + +@media only screen and (max-width: 1350px) and (min-width: 1200px) { + [direction="rtl"] .content-body { + margin-right: 17rem; + } +} + +[direction="rtl"] .sidebar-right { + left: -32rem; + right: auto; + box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1); +} + +[direction="rtl"] .sidebar-right.show { + left: 0rem; + right: auto; +} + +[direction="rtl"] .sidebar-right .sidebar-right-trigger { + left: 100%; + right: auto; + border-radius: 0 50px 50px 0; + box-shadow: 5px 3px 5px 0px rgba(119, 119, 119, 0.15); +} + +[direction="rtl"] .sidebar-right .sidebar-right-trigger span { + margin-right: 0; + margin-left: 15px; +} + +[direction="rtl"] .sidebar-right .sidebar-right-trigger span.text { + margin-left: 0; +} + +[direction="rtl"] .sidebar-right .sidebar-close-trigger { + left: -48px; + right: auto; +} + +[direction="rtl"] .bootstrap-select .dropdown-toggle .filter-option { + text-align: right; +} + +[direction="rtl"] .dz-demo-panel { + right: auto; + left: 0; + -webkit-transform: translate(-100%, 0); + -ms-transform: translate(-100%, 0); + transform: translate(-100%, 0); +} + +[direction="rtl"] .dz-demo-panel.show { + transform: translate(0px, 0px); + left: 0px; + right: auto; +} + +[direction="rtl"] .dz-demo-panel .dz-demo-trigger { + right: auto; + left: 100%; + border-radius: 0 50px 50px 0; +} + +[direction="rtl"] .dz-demo-panel .dz-demo-trigger svg { + margin-right: 0; + margin-left: 15px; +} + +html[dir="rtl"] [direction="rtl"] .footer { + padding-right: 21.563rem; + padding-left: 0; +} + +html[dir="rtl"] [direction="rtl"] .footer .copyright { + border-radius: 0 0 50px 0; +} + +@media only screen and (max-width: 1400px) { + html[dir="rtl"] [direction="rtl"] .footer { + padding-right: 17rem; + } +} + +@media (max-width: 767.98px) { + html[dir="rtl"] [direction="rtl"] .footer { + padding-right: 0; + } +} + +html[dir="rtl"] [direction="rtl"][data-sidebar-style="overlay"] .footer { + padding-right: 0; +} + +html[dir="rtl"] [direction="rtl"] .menu-toggle .footer { + padding-right: 3.75rem; +} + +html[dir="rtl"] [direction="rtl"][data-container="boxed"] .footer { + padding-right: 0; +} + +html[dir="rtl"] [direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"]) .footer { + padding-right: 5rem; +} + +html[dir="rtl"] [direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"]) .footer { + padding-right: 9.375rem; +} + +[direction="rtl"] .default-accordion .card-header button, +[direction="rtl"] .prevent-accordion .card-header button { + text-align: right; + padding-right: 1.5rem; + padding-left: 40px; +} + +[direction="rtl"] .default-accordion .card-header button:after, +[direction="rtl"] .prevent-accordion .card-header button:after { + right: auto; + left: 20px; +} + +[direction="rtl"] .default-calendar .ngb-dp-header { + direction: ltr; +} + +[direction="rtl"] ngb-toast .toast-header .close { + margin-left: unset; +} + +[direction="rtl"] .calendar-list .list-group-item { + border-left: 0; + border-right: 4px solid #40189D; +} + +[direction="rtl"] .calendar-checkbox input[type=checkbox], +[direction="rtl"] .calendar-checkbox input[type=radio] { + margin-right: 0px; + margin-left: 6px; +} + +[direction="rtl"] .doctor-list .accordion__header--indicator { + right: 0; + left: auto; +} + +[direction="rtl"] .patient-calender ngb-datepicker { + direction: ltr; +} + +.nav-label { + margin: 10px 30px 0; + padding: 1.5625rem 0 10px; + text-transform: uppercase; + font-size: 0.75rem; + letter-spacing: 0.05rem; + border-top: 1px solid #eaeaea; + color: #999999; +} + +[data-theme-version="dark"] .nav-label { + border-color: #333a54; +} + +.nav-label.first { + border: 0px; + margin-top: 0px; +} + +.nav-badge { + position: absolute; + right: 2.8125rem; + top: 0.625rem; +} + +.content-body { + margin-left: 21.563rem; + z-index: 0; + transition: all .2s ease; +} + +@media only screen and (max-width: 1400px) { + .content-body { + margin-left: 17rem; + } +} + +.bell img { + -webkit-animation: ring 8s .7s ease-in-out infinite; + -webkit-transform-origin: 50% 4px; + -moz-animation: ring 8s .7s ease-in-out infinite; + -moz-transform-origin: 50% 4px; + animation: ring 8s .7s ease-in-out infinite; +} + +@-webkit-keyframes ring { + 0% { + -webkit-transform: rotateZ(0); + } + + 1% { + -webkit-transform: rotateZ(30deg); + } + + 3% { + -webkit-transform: rotateZ(-28deg); + } + + 5% { + -webkit-transform: rotateZ(34deg); + } + + 7% { + -webkit-transform: rotateZ(-32deg); + } + + 9% { + -webkit-transform: rotateZ(30deg); + } + + 11% { + -webkit-transform: rotateZ(-28deg); + } + + 13% { + -webkit-transform: rotateZ(26deg); + } + + 15% { + -webkit-transform: rotateZ(-24deg); + } + + 17% { + -webkit-transform: rotateZ(22deg); + } + + 19% { + -webkit-transform: rotateZ(-20deg); + } + + 21% { + -webkit-transform: rotateZ(18deg); + } + + 23% { + -webkit-transform: rotateZ(-16deg); + } + + 25% { + -webkit-transform: rotateZ(14deg); + } + + 27% { + -webkit-transform: rotateZ(-12deg); + } + + 29% { + -webkit-transform: rotateZ(10deg); + } + + 31% { + -webkit-transform: rotateZ(-8deg); + } + + 33% { + -webkit-transform: rotateZ(6deg); + } + + 35% { + -webkit-transform: rotateZ(-4deg); + } + + 37% { + -webkit-transform: rotateZ(2deg); + } + + 39% { + -webkit-transform: rotateZ(-1deg); + } + + 41% { + -webkit-transform: rotateZ(1deg); + } + + 43% { + -webkit-transform: rotateZ(0); + } + + 100% { + -webkit-transform: rotateZ(0); + } +} + +@-moz-keyframes ring { + 0% { + -moz-transform: rotate(0); + } + + 1% { + -moz-transform: rotate(30deg); + } + + 3% { + -moz-transform: rotate(-28deg); + } + + 5% { + -moz-transform: rotate(34deg); + } + + 7% { + -moz-transform: rotate(-32deg); + } + + 9% { + -moz-transform: rotate(30deg); + } + + 11% { + -moz-transform: rotate(-28deg); + } + + 13% { + -moz-transform: rotate(26deg); + } + + 15% { + -moz-transform: rotate(-24deg); + } + + 17% { + -moz-transform: rotate(22deg); + } + + 19% { + -moz-transform: rotate(-20deg); + } + + 21% { + -moz-transform: rotate(18deg); + } + + 23% { + -moz-transform: rotate(-16deg); + } + + 25% { + -moz-transform: rotate(14deg); + } + + 27% { + -moz-transform: rotate(-12deg); + } + + 29% { + -moz-transform: rotate(10deg); + } + + 31% { + -moz-transform: rotate(-8deg); + } + + 33% { + -moz-transform: rotate(6deg); + } + + 35% { + -moz-transform: rotate(-4deg); + } + + 37% { + -moz-transform: rotate(2deg); + } + + 39% { + -moz-transform: rotate(-1deg); + } + + 41% { + -moz-transform: rotate(1deg); + } + + 43% { + -moz-transform: rotate(0); + } + + 100% { + -moz-transform: rotate(0); + } +} + +@keyframes ring { + 0% { + transform: rotate(0); + } + + 1% { + transform: rotate(30deg); + } + + 3% { + transform: rotate(-28deg); + } + + 5% { + transform: rotate(34deg); + } + + 7% { + transform: rotate(-32deg); + } + + 9% { + transform: rotate(30deg); + } + + 11% { + transform: rotate(-28deg); + } + + 13% { + transform: rotate(26deg); + } + + 15% { + transform: rotate(-24deg); + } + + 17% { + transform: rotate(22deg); + } + + 19% { + transform: rotate(-20deg); + } + + 21% { + transform: rotate(18deg); + } + + 23% { + transform: rotate(-16deg); + } + + 25% { + transform: rotate(14deg); + } + + 27% { + transform: rotate(-12deg); + } + + 29% { + transform: rotate(10deg); + } + + 31% { + transform: rotate(-8deg); + } + + 33% { + transform: rotate(6deg); + } + + 35% { + transform: rotate(-4deg); + } + + 37% { + transform: rotate(2deg); + } + + 39% { + transform: rotate(-1deg); + } + + 41% { + transform: rotate(1deg); + } + + 43% { + transform: rotate(0); + } + + 100% { + transform: rotate(0); + } +} + +.deznav { + width: 21.563rem; + padding-bottom: 0; + height: 100%; + position: absolute; + top: 0; + padding-top: 120px; + z-index: 3; + background-color: var(--sidebar-bg); + transition: all .2s ease; +} + +@media only screen and (max-width: 1199px) { + .deznav { + padding-top: 80px; + } +} + +@media only screen and (max-width: 767px) { + .deznav { + width: 18rem; + } +} + +.deznav .deznav-scroll { + position: relative; + height: 100%; +} + +@media only screen and (max-width: 1400px) { + .deznav { + width: 17rem; + } +} + +.deznav ul { + padding: 0; + margin: 0; + list-style: none; +} + +.deznav .metismenu { + display: flex; + flex-direction: column; + padding-top: 15px; +} + +@media only screen and (max-width: 767px) { + .deznav .metismenu { + padding-top: 0; + } +} + +.deznav .metismenu.fixed { + position: fixed; + top: 0; + width: 100%; + left: 0; +} + +.deznav .metismenu>li { + display: flex; + flex-direction: column; +} + +.deznav .metismenu>li a>i { + font-size: 1.25rem; + display: inline-block; + vertical-align: middle; + padding: 0 1.5rem 0 0; + position: relative; + top: 0; + line-height: 1; +} + +@media only screen and (max-width: 1400px) { + .deznav .metismenu>li a>i { + padding: 0 0.75rem 0 0; + } +} + +[data-sidebar-style="compact"] .deznav .metismenu>li a>i { + display: block; + padding: 0; +} + +@media only screen and (max-width: 767px) { + .deznav .metismenu>li a>i { + font-size: 1.25rem; + padding: 0 .75rem 0 0; + } +} + +.deznav .metismenu>li>a { + font-weight: 500; + display: inline-block; + font-size: 15px; +} + +.deznav .metismenu>li>a svg { + max-width: 24px; + max-height: 24px; + height: 100%; + margin-right: 5px; + margin-top: -3px; + color: var(--primary); +} + +.deznav .metismenu>li>a g [fill] { + fill: var(--primary); +} + +.deznav .metismenu>li:hover>a, +.deznav .metismenu>li:focus>a { + color: var(--primary); +} + +.deznav .metismenu>li:hover>a g [fill], +.deznav .metismenu>li:focus>a g [fill] { + fill: var(--primary); +} + +.deznav .metismenu>li.mm-active>a { + color: var(--primary); +} + +.deznav .metismenu>li.mm-active>a g [fill] { + fill: var(--primary); +} + +.deznav .metismenu li { + position: relative; +} + +.deznav .metismenu ul { + transition: all .2s ease-in-out; + position: relative; + z-index: 1; + padding: 0.5rem 0; +} + +.deznav .metismenu ul a { + padding-top: .5rem; + padding-bottom: .5rem; + position: relative; + font-size: 16px; + padding-left: 6.25rem; +} + +@media only screen and (max-width: 1400px) { + .deznav .metismenu ul a { + padding-left: 3.75rem; + font-size: 14px; + } +} + +@media only screen and (max-width: 767px) { + .deznav .metismenu ul a { + padding-left: 3.5rem; + } +} + +.deznav .metismenu ul a:hover, +.deznav .metismenu ul a:focus, +.deznav .metismenu ul a.mm-active { + text-decoration: none; + color: var(--primary); +} + +.deznav .metismenu a { + position: relative; + display: block; + padding: 0.625rem 1.875rem; + outline-width: 0; + color: #7e7e7e; + text-decoration: none; +} + +@media only screen and (max-width: 767px) { + .deznav .metismenu a { + padding: 0.625rem 1.25rem; + } +} + +.deznav .metismenu .has-arrow:after { + width: .5rem; + height: .5rem; + right: 1.875rem; + top: 48%; + border-color: inherit; + -webkit-transform: rotate(-225deg) translateY(-50%); + transform: rotate(-225deg) translateY(-50%); +} + +.deznav .metismenu .has-arrow[aria-expanded=true]:after, +.deznav .metismenu .mm-active>.has-arrow:after { + -webkit-transform: rotate(-135deg) translateY(-50%); + transform: rotate(-135deg) translateY(-50%); +} + +@media only screen and (max-width: 1023px) { + .nav-header { + width: 5rem; + } +} + +@media (max-width: 767px) { + .brand-title { + display: none; + } + + .footer { + padding-left: 0; + } + + .deznav { + left: 0; + top: 5rem; + padding-top: 1rem; + } +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu>ul.collapse:not(.in), +[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu>ul.collapse:not(.in) { + height: 252px !important; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu:hover>a, +[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu:hover>a { + width: calc(70vw + 3.75rem); +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu:hover>ul, +[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu:hover>ul { + display: flex; + flex-wrap: wrap; + flex-direction: column; + max-height: 13.75rem; + width: 70vw; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu:hover>ul ul a, +[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu:hover>ul ul a { + width: 101%; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-xl:hover>a, +[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-xl:hover>a { + width: calc(70vw + 3rem); +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-xl:hover>ul, +[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-xl:hover>ul { + max-height: 200px; + width: 70vw; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-xl:hover>ul ul a, +[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-xl:hover>ul ul a { + width: 101%; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-lg:hover>a, +[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-lg:hover>a { + width: calc(55vw + 3rem); +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-lg:hover>ul, +[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-lg:hover>ul { + max-height: 200px; + width: 55vw; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-lg:hover>ul ul a, +[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-lg:hover>ul ul a { + width: 101%; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-md:hover>a, +[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-md:hover>a { + width: calc(45vw + 3); +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-md:hover>ul, +[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-md:hover>ul { + max-height: 18.75rem; + width: 45vw; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-md:hover>ul ul a, +[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-md:hover>ul ul a { + width: 101%; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-sm:hover>a, +[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-sm:hover>a { + width: calc(30vw + 3); +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-sm:hover>ul, +[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-sm:hover>ul { + max-height: 18.125rem; + width: 30vw; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-sm:hover>ul ul a, +[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-sm:hover>ul ul a { + width: 101%; +} + +[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu:hover>a { + width: calc(60vw + 3.75rem); +} + +[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu:hover>ul { + display: flex; + flex-wrap: wrap; + flex-direction: column; + max-height: 25rem; + width: 60vw; +} + +[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu:hover>ul ul a { + width: 101%; +} + +[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu-xl:hover>a { + width: calc(60vw + 3.75rem); +} + +[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu-xl:hover>ul { + max-height: 25.625rem; + width: 60vw; +} + +[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu-lg:hover>a { + width: calc(50vw + 3.75rem); +} + +[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu-lg:hover>ul { + max-height: 16.25rem; + width: 50vw; +} + +[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu-md:hover>a { + width: calc(40vw + 3.75rem); +} + +[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu-md:hover>ul { + max-height: 18.75rem; + width: 40vw; +} + +[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu-sm:hover>a { + width: calc(22vw + 3.75rem); +} + +[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu-sm:hover>ul { + max-height: 18.125rem; + width: 22vw; +} + +[data-layout="horizontal"] .deznav .metismenu>li.mega-menu:not(:last-child) { + position: static; +} + +[data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul { + left: 0; + right: 0; +} + +[data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li { + border-color: #333a54; +} + +[data-sibebarbg="color_2"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li { + border-color: #3d0894; +} + +[data-sibebarbg="color_3"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li { + border-color: #1c0a45; +} + +[data-sibebarbg="color_4"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li { + border-color: #1f0243; +} + +[data-sibebarbg="color_5"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li { + border-color: #921925; +} + +[data-sibebarbg="color_6"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li { + border-color: #aa4e01; +} + +[data-sibebarbg="color_7"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li { + border-color: #a07800; +} + +[data-sibebarbg="color_8"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li { + border-color: #2c988e; +} + +[data-sibebarbg="color_9"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li { + border-color: #127155; +} + +[data-sibebarbg="color_10"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li { + border-color: #0c525d; +} + +[data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li a { + transition: all .4s ease-in-out; +} + +[data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li a:hover { + border-radius: 0.25rem; +} + +[data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul { + display: flex; + flex-wrap: wrap; + flex-direction: column; + max-height: 13.75rem; + width: 70vw; + z-index: 99; +} + +[data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after { + content: ""; + height: 100%; + width: 1px; + position: absolute; + background-color: #fff; + right: 2.8125rem; + top: 0; +} + +[data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after { + background-color: #2c243f; +} + +[data-sibebarbg="color_2"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after { + background-color: #510bc4; +} + +[data-sibebarbg="color_3"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after { + background-color: #2e1171; +} + +[data-sibebarbg="color_4"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after { + background-color: #360474; +} + +[data-sibebarbg="color_5"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after { + background-color: #bd2130; +} + +[data-sibebarbg="color_6"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after { + background-color: #dc6502; +} + +[data-sibebarbg="color_7"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after { + background-color: #d39e00; +} + +[data-sibebarbg="color_8"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after { + background-color: #38bfb3; +} + +[data-sibebarbg="color_9"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after { + background-color: #199d76; +} + +[data-sibebarbg="color_10"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after { + background-color: #117a8b; +} + +[data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul ul a { + width: 101%; +} + +[data-layout="horizontal"] .deznav .metismenu>li.mega-menu-xl:hover>ul { + max-height: 210px; + width: 70vw; +} + +[data-layout="horizontal"] .deznav .metismenu>li.mega-menu-lg:hover>ul { + max-height: 210px; + width: 700px; + height: 210px !important; +} + +@media only screen and (min-width: 1200px) and (max-width: 1500px) { + [data-layout="horizontal"] .deznav .metismenu>li.mega-menu-lg:hover>ul { + width: 700px; + } +} + +[data-layout="horizontal"] .deznav .metismenu>li.mega-menu-md:hover>ul { + max-height: 20rem; + width: 54vw; +} + +@media only screen and (min-width: 1200px) and (max-width: 1500px) { + [data-layout="horizontal"] .deznav .metismenu>li.mega-menu-md:hover>ul { + width: 60vw; + } +} + +[data-layout="horizontal"] .deznav .metismenu>li.mega-menu-sm:hover>ul { + max-height: 20rem; + width: 25vw; +} + +@media only screen and (min-width: 1200px) and (max-width: 1500px) { + [data-layout="horizontal"] .deznav .metismenu>li.mega-menu-sm:hover>ul { + width: 35vw; + } +} + +[data-layout="horizontal"][data-container="boxed"] .deznav .metismenu>li.mega-menu:hover>ul { + display: flex; + flex-wrap: wrap; + flex-direction: column; +} + +[data-layout="horizontal"][data-container="boxed"] .deznav .metismenu>li.mega-menu-xl:hover>ul { + max-height: 21.875rem; + width: 100%; +} + +[data-layout="horizontal"][data-container="boxed"] .deznav .metismenu>li.mega-menu-lg:hover>ul { + max-height: 21.875rem; + width: 55vw; +} + +[data-layout="horizontal"][data-container="boxed"] .deznav .metismenu>li.mega-menu-md:hover>ul { + max-height: 18.75rem; + width: 45vw; +} + +[data-layout="horizontal"][data-container="boxed"] .deznav .metismenu>li.mega-menu-sm:hover>ul { + max-height: 18.125rem; + width: 50vw; +} + +/*$primary : #7356f1 !default;*/ +:root { + --primary: #40189D; + --secondary: #8BC740; + --primary-hover: #2e1171; + --primary-dark: #0a0418; + --rgba-primary-1: rgba(64, 24, 157, 0.1); + --rgba-primary-2: rgba(64, 24, 157, 0.2); + --rgba-primary-3: rgba(64, 24, 157, 0.3); + --rgba-primary-4: rgba(64, 24, 157, 0.4); + --rgba-primary-5: rgba(64, 24, 157, 0.5); + --rgba-primary-6: rgba(64, 24, 157, 0.6); + --rgba-primary-7: rgba(64, 24, 157, 0.7); + --rgba-primary-8: rgba(64, 24, 157, 0.8); + --rgba-primary-9: rgba(64, 24, 157, 0.9); + --font-family-base: Roboto, sans-serif; + --font-family-title: Roboto, sans-serif; +} + +/* +0 - 600: Phone +600 - 900: Tablet portrait +900 - 1200: Tablet landscape +1200 - 1800: Normal styles +1800+ : Big Desktop +1em = 16px +The smaller device rules always should write below the bigger device rules +Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component +*/ +[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li { + padding: 0 0 0 30px; +} + +[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li>a { + font-size: 18px; + padding: 25px 50px; + -webkit-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; + position: relative; +} + +@media only screen and (max-width: 1400px) { + [data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li>a { + padding: 15px 25px; + font-size: 16px; + } +} + +[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a { + background: #F2F2F2; + border-radius: 3rem 0 0 3rem; + color: #000; +} + +[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a i { + color: var(--primary); +} + +[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li .has-arrow:after { + right: 2.5rem; +} + +@media only screen and (max-width: 1400px) { + [data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li .has-arrow:after { + right: 1.5rem; + } +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header { + width: 5rem; + z-index: 999; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .brand-logo { + padding-left: 0; + padding-right: 0; + justify-content: center; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: var(--primary); +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .copyright, +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .add-menu-sidebar { + display: none; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .header { + padding-left: 5rem; + width: 100%; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .header { + padding: 0 0; + padding-right: 5rem; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav { + width: 5rem; + overflow: visible; + position: absolute; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .nav-text { + display: none; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .slimScrollDiv, +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .deznav-scroll { + overflow: visible !important; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li { + position: relative; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li a { + padding: 0.8125rem 0.9375rem; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li a svg { + max-width: 24px; + max-height: 24px; + margin-right: 0; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li a:before { + content: none; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + position: absolute; + left: 5rem; + top: 0; + width: 12rem; + z-index: 1001; + display: none; + padding-left: 1px; + height: auto !important; + box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); + border-radius: 6px; + margin-left: 0; + border: 0; + background: #fff; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul:after { + content: ""; + position: absolute; + background: inherit; + width: 10px; + height: 10px; + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -moz-transform: rotate(45deg); + left: -5px; + top: 20px; +} + +[data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + background: #28253b; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + left: auto; + right: 3rem; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul li:hover ul { + left: 11.8125rem; + top: 0; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul li:hover ul:after { + content: none; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li:hover>ul { + display: block; + height: auto; + overflow: visible; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li { + transition: all 0.4s ease-in-out; + padding: 0 13px; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li>a { + text-align: center; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li>a.has-arrow:after { + display: none; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li>a i { + padding: 0; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + background: var(--primary); + border-radius: 1.25rem; + color: #fff; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a i { + color: #fff !important; + padding: 0; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover:nth-last-child(-n + 1)>ul { + bottom: 0; + top: auto; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>a { + border-radius: 1.25rem; + background: var(--primary); + color: #fff; +} + +[data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>a { + background: var(--primary); +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>a i { + color: #fff; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>ul { + height: auto !important; + padding: 10px 0; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>ul a { + padding: 6px 20px 6px 20px; + margin-left: -.1rem; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>ul ul { + padding: 10px 0; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>ul ul a { + padding: 6px 20px 6px 20px; + margin-left: -.1rem; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu .nav-label, +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu .nav-badge { + display: none; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .content-body { + margin-left: 5rem; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .content-body { + margin-right: 5rem; + margin-left: auto; + border: 0; +} + +[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle+.footer { + padding-left: 5rem; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle+.footer { + padding-left: 0; + padding-right: 5rem; +} + +[data-sidebar-style="full"][data-layout="horizontal"] .deznav .metismenu { + padding: 0 30px; +} + +[data-sidebar-style="full"][data-layout="horizontal"] .header .header-content { + padding-left: 1.875rem; +} + +/* +0 - 600: Phone +600 - 900: Tablet portrait +900 - 1200: Tablet landscape +1200 - 1800: Normal styles +1800+ : Big Desktop +1em = 16px +The smaller device rules always should write below the bigger device rules +Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component +*/ +/*$primary : #7356f1 !default;*/ +:root { + --primary: #40189D; + --secondary: #8BC740; + --primary-hover: #2e1171; + --primary-dark: #0a0418; + --rgba-primary-1: rgba(64, 24, 157, 0.1); + --rgba-primary-2: rgba(64, 24, 157, 0.2); + --rgba-primary-3: rgba(64, 24, 157, 0.3); + --rgba-primary-4: rgba(64, 24, 157, 0.4); + --rgba-primary-5: rgba(64, 24, 157, 0.5); + --rgba-primary-6: rgba(64, 24, 157, 0.6); + --rgba-primary-7: rgba(64, 24, 157, 0.7); + --rgba-primary-8: rgba(64, 24, 157, 0.8); + --rgba-primary-9: rgba(64, 24, 157, 0.9); + --font-family-base: Roboto, sans-serif; + --font-family-title: Roboto, sans-serif; +} + +@media only screen and (min-width: 768px) { + [data-sidebar-style="mini"] .nav-header { + width: 5rem; + } + + [data-sidebar-style="mini"] .nav-header .nav-control { + z-index: -1; + } + + [data-sidebar-style="mini"] .nav-header .nav-control .hamburger { + left: 5rem !important; + } + + [data-sidebar-style="mini"] .nav-header .nav-control .hamburger .line { + background-color: #B1B1B1 !important; + } + + [data-sidebar-style="mini"] .nav-header .brand-title { + display: none; + } + + [data-sidebar-style="mini"] .nav-header .hamburger { + display: none; + } + + [data-sidebar-style="mini"] .header .header-content { + padding-left: 1.875rem; + } + + [direction="rtl"][data-sidebar-style="mini"] .header .header-content { + padding-right: 1.875rem; + } + + [data-sidebar-style="mini"] .deznav { + width: 5rem; + overflow: visible; + position: absolute; + } + + [data-sidebar-style="mini"] .deznav .copyright, + [data-sidebar-style="mini"] .deznav .add-menu-sidebar { + display: none; + } + + [data-sidebar-style="mini"] .deznav .nav-text { + display: none; + } + + [data-sidebar-style="mini"] .deznav .slimScrollDiv, + [data-sidebar-style="mini"] .deznav .deznav-scroll { + overflow: visible !important; + } + + [data-sidebar-style="mini"] .deznav .nav-user { + padding: 11px; + } + + [data-sidebar-style="mini"] .deznav .nav-user .media-body { + display: none; + } + + [data-sidebar-style="mini"] .deznav .metismenu li a { + padding: 0.813rem 0.875rem; + } + + [data-sidebar-style="mini"] .deznav .metismenu li a svg { + margin-right: 0; + } + + [data-sidebar-style="mini"] .deznav .metismenu li>ul { + position: absolute; + left: 5rem; + top: 2.9375rem; + width: 11.875rem; + z-index: 1001; + display: none; + padding-left: 1px; + box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); + height: auto !important; + border-radius: 6px; + background: #fff; + } + + [direction="rtl"]:not([data-layout="horizontal"])[data-sidebar-style="mini"] .deznav .metismenu li>ul { + left: auto; + right: 5rem; + box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.15); + } + + [data-sidebar-style="mini"] .deznav .metismenu>li { + padding: 2px 15px; + } + + [data-sidebar-style="mini"] .deznav .metismenu>li>a.has-arrow:after { + display: none; + } + + [data-sidebar-style="mini"] .deznav .metismenu .nav-label, + [data-sidebar-style="mini"] .deznav .metismenu .nav-badge { + display: none; + } + + [data-sidebar-style="mini"] .content-body { + margin-left: 5rem; + } + + [data-sidebar-style="mini"] .footer { + padding-left: 5rem; + } + + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu li:hover>ul { + display: block; + } + + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:nth-last-child(-n + 1)>ul { + bottom: 0; + top: auto !important; + } + + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:nth-last-child(-n + 1)>ul:after { + top: auto; + bottom: 20px; + } +} + +@media only screen and (min-width: 768px) and (max-width: 1199px) { + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:nth-last-child(-n + 1)>ul { + bottom: 0; + top: auto !important; + } +} + +@media only screen and (min-width: 768px) { + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul { + overflow: visible; + } + + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul:after { + content: none; + } + + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul li:hover ul { + padding: 10px 0; + width: 13rem; + left: 13rem; + top: -10px; + border: 0; + margin: 0; + } + + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul li:hover ul:after { + content: none; + } + + [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul li:hover ul { + left: auto; + right: 13rem; + } + + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a { + background: var(--primary); + color: #fff; + border-radius: 12px; + } + + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>a { + background: var(--primary); + color: #fff; + border-radius: 12px; + position: unset; + } + + [data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>a { + background: #28253b; + } + + [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>a .nav-text { + padding-left: auto; + padding-right: 1.6875rem; + } + + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul { + height: auto !important; + overflow: visible; + border: 0; + margin-left: 0; + left: 5rem; + width: 13rem; + border-radius: 12px; + border: 0; + padding: 10px 0; + top: 0; + } + + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul:after { + content: ""; + position: absolute; + background: inherit; + width: 10px; + height: 10px; + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -moz-transform: rotate(45deg); + left: -5px; + top: 20px; + } + + [data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul { + box-shadow: 0px 9px 10px 0px rgba(0, 0, 0, 0.1); + } + + [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul { + left: auto; + right: 5rem; + } + + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul a { + padding: 6px 20px 6px 20px; + } + + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul a:before { + content: none; + } + + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul a.has-arrow:after { + right: 1.25rem; + } + + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul ul a { + padding: 6px 20px 6px 20px; + margin-left: -1.6px; + } + + [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul ul a:before { + content: none; + } + + [data-sidebar-style="mini"][data-header-position="fixed"][data-container="boxed"][data-layout="vertical"] .header { + width: 1199px; + } + + [data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu { + padding: 0 30px; + } + + [data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu>li>a { + padding: 15px 20px; + } + + [direction="rtl"][data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu>li>a { + padding: 15px 20px; + } + + [direction="rtl"][data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu>li>a svg { + margin-left: 0; + } + + [data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu>li>a svg { + margin-right: 0; + margin-top: 0; + } +} + +@media only screen and (max-width: 1199px) { + [data-sidebar-style="mini"] .deznav li.mm-active ul { + height: auto !important; + } + + [data-sidebar-style="mini"] .deznav li a.has-arrow::after { + transform: rotate(-45deg) translateY(-50%); + } +} + +/*$primary : #7356f1 !default;*/ +:root { + --primary: #40189D; + --secondary: #8BC740; + --primary-hover: #2e1171; + --primary-dark: #0a0418; + --rgba-primary-1: rgba(64, 24, 157, 0.1); + --rgba-primary-2: rgba(64, 24, 157, 0.2); + --rgba-primary-3: rgba(64, 24, 157, 0.3); + --rgba-primary-4: rgba(64, 24, 157, 0.4); + --rgba-primary-5: rgba(64, 24, 157, 0.5); + --rgba-primary-6: rgba(64, 24, 157, 0.6); + --rgba-primary-7: rgba(64, 24, 157, 0.7); + --rgba-primary-8: rgba(64, 24, 157, 0.8); + --rgba-primary-9: rgba(64, 24, 157, 0.9); + --font-family-base: Roboto, sans-serif; + --font-family-title: Roboto, sans-serif; +} + +@media (min-width: 1023px) { + [data-layout="horizontal"] .nav-header { + width: 21.563rem; + height: 6.5rem; + top: 0; + background: transparent; + } + + [data-layout="horizontal"] .nav-header .nav-control { + display: none; + } + + [data-layout="horizontal"] .nav-header .brand-logo { + padding-left: 40px; + padding-right: 40px; + } + + [data-layout="horizontal"] .header { + width: 100%; + height: 6.5rem; + padding-left: 21.563rem; + padding-top: 0; + } + + [data-layout="horizontal"] .deznav { + padding-top: 0; + width: 100%; + left: 0; + position: relative; + height: auto; + padding-bottom: 0; + top: 0; + z-index: 2; + border-radius: 0; + } + + [data-layout="horizontal"] .deznav .slimScrollDiv { + overflow: visible !important; + } + + [data-layout="horizontal"] .deznav .slimScrollDiv .deznav-scroll { + overflow: visible !important; + } + + [data-layout="horizontal"] .deznav .deznav-scroll { + overflow: visible !important; + } + + [data-layout="horizontal"] .deznav .slimScrollBar { + display: none !important; + } + + [data-layout="horizontal"] .deznav .nav-user, + [data-layout="horizontal"] .deznav .add-menu-sidebar, + [data-layout="horizontal"] .deznav .nav-label { + display: none; + } + + [data-layout="horizontal"] .deznav .metismenu { + flex-direction: row; + padding: 0px 20px; + margin-bottom: 0; + display: inline-flex; + flex-wrap: wrap; + } + + [data-layout="horizontal"] .deznav .metismenu .collapse.in { + display: none; + } + + [data-layout="horizontal"] .deznav .metismenu ul { + border-left: 0; + } + + [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu ul { + box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); + } + + [data-layout="horizontal"] .deznav .metismenu li { + flex-direction: column; + position: relative; + } + + [data-layout="horizontal"] .deznav .metismenu li:hover>ul { + display: block; + } + + [data-layout="horizontal"] .deznav .metismenu li>ul { + position: absolute; + height: auto !important; + top: 100%; + width: 100%; + min-width: 13.75rem; + z-index: 999; + left: auto; + right: auto; + padding: 0.5rem 0; + display: none; + box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); + margin: 0; + background: #fff; + border-radius: 1.25rem; + } + + [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul { + box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); + background: #28253b; + } + + [data-layout="horizontal"] .deznav .metismenu li>ul li { + padding: 0; + } + + [data-layout="horizontal"] .deznav .metismenu li>ul li a { + transition: all .4s ease-in-out; + padding: 8px 20px 8px 20px; + margin-left: -.1rem; + } + + [direction="rtl"][data-layout="horizontal"] .deznav .metismenu li>ul li a { + padding: 8px 20px 8px 20px; + text-align: right; + } + + [data-layout="horizontal"] .deznav .metismenu li>ul li a:hover { + border-radius: .4rem; + } + + [data-layout="horizontal"] .deznav .metismenu li>ul li a:before { + left: 22px; + } + + [direction="rtl"][data-layout="horizontal"] .deznav .metismenu li>ul li a:before { + left: auto; + right: 6px; + } + + [data-layout="horizontal"] .deznav .metismenu li>ul ul { + left: 100%; + top: 0; + box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1); + } + + [direction="rtl"][data-layout="horizontal"] .deznav .metismenu li>ul ul { + left: auto; + right: 100%; + } + + [data-layout="horizontal"] .deznav .metismenu>li { + flex: 0 0 auto; + position: relative; + } + + [data-layout="horizontal"] .deznav .metismenu>li>a i { + margin-right: 5px; + } + + [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li { + border-color: rgba(255, 255, 255, 0.07); + } + + [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active { + border-color: transparent; + } + + [data-layout="horizontal"] .deznav .metismenu>li:hover, + [data-layout="horizontal"] .deznav .metismenu>li.mm-active { + padding: 0; + } + + [data-layout="horizontal"] .deznav .metismenu>li:hover>a, + [data-layout="horizontal"] .deznav .metismenu>li.mm-active>a { + background: var(--rgba-primary-1); + border-radius: 0.5rem; + } + + [data-layout="horizontal"] .deznav .metismenu>li:hover>a i, + [data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i { + background: transparent; + box-shadow: none; + } + + [direction="rtl"][data-layout="horizontal"] .deznav .metismenu>li:first-child { + border-right: 0; + } + + [data-theme-version="dark"][direction="rtl"][data-layout="horizontal"] .deznav .metismenu>li { + border-color: #333a54; + } + + [data-layout="horizontal"] .deznav .metismenu>li>a { + padding: 15px 40px 15px 15px; + margin: 8px 2px; + } + + [direction="rtl"][data-layout="horizontal"] .deznav .metismenu>li>a { + padding: 15px 15px 15px 40px; + } + + [data-layout="horizontal"] .deznav .metismenu>li>a i { + padding: 0 0.4375rem 0 0; + height: auto; + width: auto; + line-height: 1; + } + + [direction="rtl"][data-layout="horizontal"] .deznav .metismenu>li>a i { + padding: 0 0 0 0.4375rem; + } + + [data-layout="horizontal"] .deznav .metismenu>li>a .nav-badge { + display: none; + } + + [data-layout="horizontal"] .deznav .metismenu>li>a:after { + right: 20px; + transform: rotate(-135deg) translateY(-50%); + } + + [data-layout="horizontal"] .deznav .metismenu>li:hover { + border-color: transparent; + } + + [data-layout="horizontal"] .deznav .metismenu>li:hover>ul { + display: flex !important; + flex-direction: column; + flex-wrap: wrap; + height: auto !important; + box-shadow: 5px 5px 30px 0px rgba(20, 0, 30, 0.1); + border-radius: 1.25rem; + } + + [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li:hover>ul { + box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.1); + background: #28253b; + } + + [data-layout="horizontal"] .deznav .metismenu>li>ul>li:hover ul.collapse { + display: block !important; + position: absolute; + left: auto !important; + right: -100% !important; + top: 0 !important; + } + + [data-layout="horizontal"] .deznav .metismenu>li:nth-last-child(-n + 5)>ul { + left: auto; + right: 0; + } + + [data-layout="horizontal"] .deznav .metismenu>li:nth-last-child(-n + 5)>ul>li:hover ul.collapse { + right: auto !important; + left: -100% !important; + } + + [data-layout="horizontal"] .deznav .metismenu>li:nth-last-child(-n + 5)>ul.left { + left: 0; + } + + [data-layout="horizontal"] .deznav .metismenu>li:nth-last-child(-n + 5)>ul.left>li:hover ul.collapse { + left: 100% !important; + } + + [direction="rtl"][data-layout="horizontal"] .deznav .metismenu>li:nth-last-child(-n + 5)>ul.left { + left: auto; + right: 0; + } + + [data-layout="horizontal"] .deznav .metismenu>li:last-child>ul ul { + left: -100%; + } + + [data-layout="horizontal"] .deznav .metismenu>li:last-child>ul.left ul { + left: 100%; + } + + [direction="rtl"][data-layout="horizontal"] .deznav .metismenu>li:last-child>ul.left ul { + left: auto; + right: 100%; + } + + [direction="rtl"][data-layout="horizontal"] .deznav .metismenu>li:nth-last-child(-n + 3)>ul { + left: 0; + right: auto; + } + + [direction="rtl"][data-layout="horizontal"] .deznav .metismenu>li:nth-last-child(-n + 3)>ul>li:hover ul.collapse { + right: -100% !important; + left: auto !important; + } + + [data-layout="horizontal"] .deznav .copyright, + [data-layout="horizontal"] .deznav .plus-box { + display: none; + } + + [data-layout="horizontal"] .content-body { + margin-left: 0; + } + + [data-layout="horizontal"] .content-body .container-fluid, + [data-layout="horizontal"] .content-body .container-sm, + [data-layout="horizontal"] .content-body .container-md, + [data-layout="horizontal"] .content-body .container-lg, + [data-layout="horizontal"] .content-body .container-xl { + padding-top: 40px; + } + + [data-layout="horizontal"] .content-body .page-titles { + margin-left: 0 !important; + margin-right: 0 !important; + margin-bottom: 1.875rem; + } + + [data-layout="horizontal"] .footer { + margin-left: 0; + margin: 0 auto; + padding-left: 0; + } + + [data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li { + padding: 0 0; + } + + [data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li>a i { + margin-right: 0; + padding-right: 0; + } + + [data-layout="horizontal"][data-sidebar-style="modern"] .deznav .nav-text { + margin-top: 0.5rem; + } + + [data-layout="horizontal"][data-sidebar-style="modern"] .deznav .metismenu>li { + padding: 0 0; + } + + [data-layout="horizontal"][data-sidebar-style="modern"] .deznav .metismenu>li>a { + padding: 15px 20px 12px 20px !important; + } + + [data-layout="horizontal"][data-sidebar-style="modern"] .deznav .metismenu>li>a i { + margin-right: 0; + padding-right: 0; + } + + [data-header-position="fixed"][data-layout="horizontal"] .deznav { + top: 6.5rem; + } + + [data-header-position="fixed"][data-layout="horizontal"] .header { + height: 6.5rem; + } + + [data-header-position="fixed"][data-layout="horizontal"] .content-body { + padding-top: 6.5rem; + } + + [data-header-position="fixed"][data-sidebar-position="fixed"] .deznav { + position: fixed; + } + + [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"] .content-body { + padding-top: 10.8rem; + } + + [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"][data-sidebar-style="modern"] .content-body { + padding-top: 13.125rem; + } + + [data-layout="horizontal"][data-container="boxed"] .footer { + margin-left: 0; + max-width: 1199px; + margin: 0 auto; + } + + [data-layout="horizontal"][data-container="wide"] .page-titles { + margin-left: -30px; + margin-right: -30px; + } + + [data-layout="horizontal"][data-sidebar-style="modern"] .deznav .header-profile { + margin-bottom: 0; + } + + [data-layout="horizontal"][data-sidebar-style="modern"] .deznav .header-profile img { + height: 60px; + width: 60px; + margin-bottom: 0 !important; + } + + [data-layout="horizontal"][data-sidebar-style="modern"] .deznav .header-profile>a.nav-link { + border: 1px solid #EEEEEE; + padding: 4px 4px !important; + border-radius: 3rem; + } + + [data-layout="horizontal"][data-sidebar-style="compact"] .page-titles { + margin-top: 0; + } + + [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .header-profile { + margin-bottom: 0; + } + + [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .header-profile img { + height: 60px; + width: 60px; + margin-bottom: 0 !important; + } + + [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .header-profile>a.nav-link { + border: 1px solid #EEEEEE; + } + + [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li>ul { + top: 5.5rem; + } + + [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li>a { + padding: 18px 20px 10px 20px; + } + + [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li>a::after { + display: none; + } + + [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li>a .nav-text { + margin-top: 5px; + } + + [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li>a>i { + width: auto; + margin: 0; + height: auto; + line-height: 1; + padding: 0; + background: transparent; + border-radius: 0; + margin-bottom: 0; + } + + [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li li { + text-align: left; + } + + [data-sidebar-style="mini"][data-layout="horizontal"] .nav-header { + width: 7.75rem; + padding-left: 28px; + padding-right: 28px; + } + + [data-sidebar-style="mini"][data-layout="horizontal"] .nav-header .brand-logo { + justify-content: start; + padding-left: 0; + padding-right: 0; + } + + [data-sidebar-style="mini"][data-layout="horizontal"] .header { + width: 100%; + padding-left: 7.75rem; + } + + [data-sidebar-style="mini"][data-layout="horizontal"] .metismenu>li a { + width: auto; + } + + [data-sidebar-style="mini"][data-layout="horizontal"] .metismenu>li:hover a .nav-text { + display: none; + } + + [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"][data-sidebar-style="compact"] .content-body { + padding-top: 12.125rem; + } + + [data-sidebar-position="fixed"][data-layout="horizontal"] .deznav.fixed { + position: fixed; + left: 0; + top: 0; + border-radius: 0; + width: 100%; + } +} + +@media (min-width: 767px) { + [data-sidebar-style="compact"] .deznav .nav-user { + display: none; + } + + [data-sidebar-style="compact"] .deznav .metismenu>li>a { + padding: 1.5rem 1.625rem 1.5rem 1.5rem; + } + + [data-sidebar-style="compact"] .deznav .metismenu>li ul { + padding: 1rem 0; + } + + [data-sidebar-style="compact"] .deznav .metismenu>li ul li>a { + padding: 0.5rem 1rem; + } + + [data-sidebar-style="compact"] .deznav .metismenu>li ul li>a.has-arrow:after { + content: ""; + } + + [data-sidebar-style="compact"] .deznav .metismenu li { + text-align: center; + } + + [data-sidebar-style="compact"] .deznav .metismenu li a svg { + max-width: 21px; + max-height: 21px; + display: block; + margin-left: auto; + margin-right: auto; + } + + [data-sidebar-style="compact"] .deznav .metismenu li a i { + font-size: 2.2rem; + } + + [data-sidebar-style="compact"] .deznav .metismenu li a:after { + content: none; + } + + [data-sidebar-style="compact"] .deznav .metismenu li a:before { + content: ""; + height: 75px; + width: 0; + position: absolute; + left: 0; + top: 50%; + transform: translatey(-50%); + background: var(--primary); + border-radius: 0 1.25rem 1.25rem 0; + -webkit-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; + } + + [data-sidebar-style="compact"] .deznav .metismenu li ul:after { + content: none; + } + + [data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, + [data-sidebar-style="compact"] .deznav .metismenu li:hover>a { + background: -moz-linear-gradient(left, #e0e0e4 0%, rgba(125, 185, 232, 0) 100%); + background: -webkit-linear-gradient(left, #e0e0e4 0%, rgba(125, 185, 232, 0) 100%); + background: linear-gradient(to right, #e0e0e4 0%, rgba(125, 185, 232, 0) 100%); + } + + [data-theme-version="dark"] [data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, + [data-theme-version="dark"] [data-sidebar-style="compact"] .deznav .metismenu li:hover>a { + background: -moz-linear-gradient(left, #251e35 0%, rgba(125, 185, 232, 0) 100%); + background: -webkit-linear-gradient(left, #251e35 0%, rgba(125, 185, 232, 0) 100%); + background: linear-gradient(to right, #251e35 0%, rgba(125, 185, 232, 0) 100%); + } + + [data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a:before, + [data-sidebar-style="compact"] .deznav .metismenu li:hover>a:before { + width: 10px; + } + + [data-sidebar-style="compact"] .nav-text { + display: inline-block; + margin-top: 0.7125rem; + } + + [data-sidebar-style="compact"] .nav-label.first { + display: none; + } + + [data-sidebar-style="compact"] .nav-badge { + display: none; + } + + [data-sidebar-style="compact"] .footer { + padding-left: 9.375rem; + } + + [data-sidebar-style="compact"] .content-body { + margin-left: 15rem; + } + + [data-sidebar-style="compact"][data-layout="horizontal"] .deznav .metismenu li a i { + font-size: 1.4rem; + } + + [data-sidebar-style="compact"][data-layout="horizontal"] .deznav .metismenu li a:after { + content: none; + } + + [data-sidebar-style="compact"][data-layout="horizontal"] .deznav .metismenu li a:before { + content: none; + } + + [data-sidebar-style="compact"][data-layout="horizontal"] .deznav .metismenu li ul:after { + content: none; + } + + [data-sidebar-style="compact"][data-layout="horizontal"] .deznav .metismenu li.mm-active>a, + [data-sidebar-style="compact"][data-layout="horizontal"] .deznav .metismenu li:hover>a { + background: var(--rgba-primary-1); + } +} + +[data-layout="horizontal"][data-sidebar-style="compact"] .footer { + padding-left: 0; +} + +[data-layout="horizontal"][data-sidebar-style="compact"] .content-body { + margin-left: 0; +} + +[data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu { + padding: 0 30px; +} + +[data-layout="vertical"][data-sidebar-style="compact"] .deznav { + width: 15rem; +} + +[data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul { + background: rgba(0, 0, 0, 0.02); +} + +[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul { + background: 255, 255, 255, 0.05; +} + +[data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul a:before { + content: none; +} + +[data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul ul a { + padding: 0.625rem 0.9375rem; +} + +[data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li>a.has-arrow::after { + top: 1px; + display: inline-block; + right: auto; + margin-left: 5px; + position: relative; + width: 7px; + height: 7px; + border-width: 2px 0px 0px 2px; +} + +[direction="rtl"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li>a.has-arrow::after { + left: auto; + margin-left: 0; + margin-right: 5px; +} + +@media (min-width: 767px) { + [data-sidebar-style="icon-hover"][data-layout="horizontal"] .header .header-content { + padding-left: 1.875rem; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu li.mm-active>ul { + display: none; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav .metismenu li.mm-active>ul { + display: block; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header { + width: 7rem; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .brand-logo { + padding-left: 15px; + padding-right: 15px; + justify-content: center; + } + + [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .brand-logo { + padding-left: 20px; + padding-right: 20px; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .brand-logo .logo-abbr { + display: block; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .brand-logo .brand-title { + display: none; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .nav-control { + display: none; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .header { + padding-left: 7rem; + } + + [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .header { + padding-right: 7rem; + padding-left: 0; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .header .header-content { + padding-left: 2rem; + } + + [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .header .header-content { + padding-right: 1.375rem; + padding-left: 0; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav { + overflow: visible; + position: absolute; + left: -14.563rem; + } +} + +@media only screen and (min-width: 767px) and (max-width: 1400px) { + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav { + left: -10rem; + } +} + +@media (min-width: 767px) { + [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav { + left: auto; + right: -14.563rem; + } +} + +@media only screen and (min-width: 767px) and (max-width: 1400px) { + [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav { + right: -10rem; + } +} + +@media (min-width: 767px) { + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .nav-label, + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .add-menu-sidebar { + display: none; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li { + padding: 0 25px; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li>a { + margin: 2px 0; + display: flex; + justify-content: space-between; + padding: 20px 20px; + border-radius: 12px; + font-size: 16px; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li>a>svg, + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li>a>i { + order: 1; + margin-right: 0; + margin-top: 0; + padding-right: 0; + } + + [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li>a>svg, + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li>a>i { + padding-left: 0; + padding-right: 0; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li:hover>a, + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a { + background: var(--rgba-primary-1); + color: var(--primary); + } + + [data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li:hover>a, + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a { + background: var(--primary); + color: #fff; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li:hover>a i, + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a i { + color: var(--primary); + } + + [data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li:hover>a i, + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a i { + color: #fff; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul { + border-left: 0; + padding-left: 0; + padding-right: 0; + } + + [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul { + padding-right: 0; + padding-left: 0; + } + + [data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul { + border-color: #333a54; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul:after { + left: auto; + right: 28px; + } + + [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul:after { + left: 28px; + right: auto; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a { + position: relative; + padding-left: 1.3rem; + } + + [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a { + padding-right: 1.3rem; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a::before { + left: 30px; + } + + [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a::before { + right: auto; + left: -5px; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu .has-arrow::after { + right: 5rem; + opacity: 0; + } + + [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu .has-arrow::after { + right: auto; + left: 5rem; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .copyright, + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .main-profile, + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .book-box { + display: none; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav.mm-show { + display: none; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header { + width: 21.563rem; + } +} + +@media only screen and (min-width: 767px) and (max-width: 1400px) { + [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header { + width: 17rem; + } +} + +@media (min-width: 767px) { + [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header .brand-logo { + padding-left: 1.6rem; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header .brand-logo .brand-title { + display: block; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle.mm-show { + display: block; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .header { + padding-left: 4.38rem; + } + + [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .header { + padding-right: 4.38rem; + padding-left: 0; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav { + left: 0; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav .metismenu .has-arrow:after { + opacity: 1; + } + + [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav { + left: auto; + right: 0; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .content-body { + margin-left: 7rem; + } + + [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .content-body { + margin-left: 0; + margin-right: 7rem; + } + + [data-sidebar-style="icon-hover"][data-layout="vertical"] .footer { + padding-left: 7rem; + } + + [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .footer { + margin-left: 0; + margin-right: 7rem; + } +} + +@media (min-width: 767px) { + [data-sidebar-style="modern"][data-layout="horizontal"] .nav-header { + width: 21.563rem; + } + + [data-sidebar-style="modern"] .nav-header { + width: 9.375rem; + } + + [data-sidebar-style="modern"] .nav-header .brand-logo { + justify-content: center; + padding-left: 30px; + padding-right: 30px; + } + + [data-sidebar-style="modern"] .deznav .metismenu>li { + text-align: center; + } + + [data-sidebar-style="modern"] .deznav .metismenu>li>a { + padding: 20px 15px 20px 15px !important; + } + + [data-sidebar-style="modern"] .deznav .metismenu>li>a::after { + display: none; + } + + [data-sidebar-style="modern"] .deznav .metismenu>li>a:hover>a, + [data-sidebar-style="modern"] .deznav .metismenu>li>a:focus>a, + [data-sidebar-style="modern"] .deznav .metismenu>li>a:active>a, + [data-sidebar-style="modern"] .deznav .metismenu>li>a.mm-active>a { + background-color: var(--rgba-primary-1); + } + + [data-sidebar-style="modern"] .deznav .metismenu>li.mm-active { + padding: 0; + } + + [data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a { + background: var(--rgba-primary-1); + border-radius: 0.5rem; + } + + [data-sidebar-style="modern"] .deznav .metismenu>li li { + text-align: left; + } + + [direction="rtl"][data-sidebar-style="modern"] .deznav .metismenu>li li { + text-align: right; + } + + [data-sidebar-style="modern"] .deznav .metismenu li a { + padding: 0.625rem 0.9375rem 0.625rem 0.9375rem; + } + + [data-sidebar-style="modern"] .deznav .metismenu li ul:after { + content: none; + } + + [data-sidebar-style="modern"] .deznav .metismenu li>ul { + height: auto !important; + } + + [data-sidebar-style="modern"] .deznav .metismenu .nav-label { + display: none; + } + + [data-sidebar-style="modern"] .deznav .nav-label, + [data-sidebar-style="modern"] .deznav .copyright, + [data-sidebar-style="modern"] .deznav .add-menu-sidebar { + display: none; + } + + [data-sidebar-style="modern"] .deznav .nav-text { + display: block; + margin-top: 0.3125rem; + } + + [data-sidebar-style="modern"] .footer { + padding-left: 9.375rem; + } + + [data-sidebar-style="modern"] .content-body { + margin-left: 9.375rem; + } + + [data-sidebar-style="modern"][data-layout="vertical"] .deznav { + width: 9.375rem; + left: 0; + } + + [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .deznav { + left: auto; + right: 0; + } + + [data-sidebar-style="modern"][data-layout="vertical"] .deznav .slimScrollDiv, + [data-sidebar-style="modern"][data-layout="vertical"] .deznav .deznav-scroll { + overflow: visible !important; + } + + [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu>li { + padding: 0 20px; + } + + [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu>li>a { + padding: 15px 12px 15px 12px !important; + border-radius: 0.5rem; + } + + [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu>li>a i { + font-size: 20px; + margin-right: 0; + padding-right: 0; + } + + [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu>li>ul { + display: none; + padding: 1.875rem 0.9375rem; + } + + [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li { + position: relative; + } + + [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li a { + padding: 0.625rem 1.5rem; + } + + [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li a:before { + content: none; + } + + [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li ul { + position: absolute; + left: 105%; + top: 0; + bottom: auto; + background-color: #fff; + border: 1px solid #f0f1f5; + width: 200px; + } + + [data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li ul { + background: #28253b; + box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1); + } + + [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li ul { + left: auto; + right: 105%; + } + + [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li:hover>ul { + display: block; + left: 100%; + padding: 1rem 0; + margin-left: -10px; + border: 0; + box-shadow: 5px 0px 13px 0px rgba(82, 63, 105, 0.05); + border-radius: 0.5rem; + } + + [data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li:hover>ul { + box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1); + } + + [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li:hover>ul { + left: auto; + right: 100%; + box-shadow: -5px 0px 13px 0px rgba(82, 63, 105, 0.05); + } + + [data-sidebar-style="modern"][data-layout="vertical"] .deznav .nav-label { + display: none; + } + + [data-sidebar-style="modern"][data-layout="vertical"] .deznav .nav-text { + display: block; + margin-top: 0.5rem; + } + + [data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .deznav { + left: -9.375rem; + } + + [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .deznav { + left: auto; + right: -9.375rem; + } + + [data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .content-body { + margin-left: 0; + } + + [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .content-body { + margin-right: 0; + } + + [data-sidebar-style="modern"][data-layout="horizontal"] .footer, + [data-sidebar-style="modern"][data-layout="horizontal"] .content-body { + margin-left: 0; + } + + [data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu { + padding: 0 30px; + } + + [data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu>li>a { + padding: 0.8125rem 2.25rem; + } + + [data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu>li>ul { + top: 6rem; + } + + [data-sidebar-style="modern"][data-layout="horizontal"][data-container="boxed"] .deznav .metismenu>li>a { + padding: 0.8125rem 1.25rem; + } +} + +[data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu ul a { + padding-left: 5.25rem; +} + +[data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu>li>a { + padding: 20px 30px; + font-size: 18px; +} + +[data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu>li>a i { + font-size: 1.5rem; +} + +[data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu>li>a:before { + position: absolute; + height: 100%; + width: 0px; + top: 0; + left: 0; + border-radius: 0px 10px 10px 0; + content: ""; + background: var(--primary); + -webkit-transition: all 0.2s; + -ms-transition: all 0.2s; + transition: all 0.2s; +} + +[data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a:before { + width: 11px; +} + +[data-sidebar-style="overlay"] .deznav { + left: -100%; +} + +[direction="rtl"][data-sidebar-style="overlay"] .deznav { + left: auto; + right: -100%; +} + +[data-sidebar-style="overlay"] .content-body { + margin-left: 0; +} + +[data-sidebar-style="overlay"] .nav-header { + position: absolute; +} + +[data-sidebar-style="overlay"] .nav-header .hamburger.is-active { + left: 0; +} + +[data-sidebar-style="overlay"] .nav-header .hamburger.is-active .line { + background-color: var(--primary); +} + +[data-sidebar-style="overlay"] .menu-toggle .nav-header { + position: absolute; + left: auto; +} + +[data-sidebar-style="overlay"] .menu-toggle .deznav { + left: 0; +} + +[direction="rtl"][data-sidebar-style="overlay"] .menu-toggle .deznav { + left: auto; + right: 0; +} + +[data-sidebar-style="overlay"] .footer { + padding-left: 0; +} + +[data-sidebar-style="overlay"][data-header-position="fixed"] .nav-header { + position: fixed; +} + +[data-sidebar-position="fixed"][data-header-position="fixed"] .nav-header { + position: fixed; +} + +[data-sidebar-position="fixed"][data-layout="vertical"] .nav-header { + position: fixed; + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} + +[data-sidebar-position="fixed"][data-layout="vertical"] .deznav { + position: fixed; +} + +[data-sidebar-position="fixed"][data-layout="vertical"] .deznav .deznav-scroll { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} + +[data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .deznav { + position: fixed; +} + +[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="overlay"][data-layout="vertical"][data-container="boxed"] .deznav { + position: absolute; +} + +.sidebar-right { + right: -32rem; + position: fixed; + top: 0; + width: 32rem; + background-color: #fff; + height: 100vh; + margin-top: 0; + transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s; + z-index: 9999; +} + +.sidebar-right .bg-label-pattern { + background: transparent; + background-image: url("../images/pattern/pattern5.png"); + background-size: 130%; +} + +.sidebar-right .bootstrap-select { + height: 48px; + border-radius: 6px; +} + +.sidebar-right .bootstrap-select .btn { + padding: 12px 15px; + font-size: 15px; + border-color: #d1d1d1; + border-radius: 6px; +} + +.sidebar-right .sidebar-right-inner { + background: #fff; +} + +[direction="rtl"] .sidebar-right .slimScrollDiv { + overflow: visible !important; +} + +.sidebar-right .sidebar-right-trigger { + position: absolute; + z-index: 9; + bottom: 10.5rem; + padding: 13px 18px; + align-items: center; + right: 100%; + background-color: var(--primary); + color: #fff; + display: flex; + text-align: center; + border-radius: 50px 0 0 50px; + box-shadow: -5px 3px 5px 0px rgba(119, 119, 119, 0.15); +} + +[data-theme-version="dark"] .sidebar-right .sidebar-right-trigger { + color: #fff; +} + +@media only screen and (max-width: 1023px) { + .sidebar-right .sidebar-right-trigger { + display: none; + } +} + +.sidebar-right .sidebar-right-trigger span { + margin-right: 15px; +} + +.sidebar-right .sidebar-right-trigger span.text { + margin-right: 0; +} + +.sidebar-right .sidebar-right-trigger i { + font-size: 25px; +} + +.sidebar-right .sidebar-close-trigger { + position: absolute; + z-index: 2; + font-size: 28px; + top: 0; + right: -48px; + height: 3rem; + width: 3rem; + line-height: 3rem; + text-align: center; + background: black; + color: #fff; +} + +.sidebar-right.show { + right: 0; + box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2); + z-index: 99999; +} + +.sidebar-right.show .sidebar-right-trigger .text { + display: none; +} + +.sidebar-right.show .bg-overlay { + position: fixed; + width: 100%; + cursor: pointer; + height: 100%; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.2); +} + +.sidebar-right .card-tabs .nav-tabs { + justify-content: space-between; + position: sticky; + top: 0; + width: 100%; + background-color: #fff; + z-index: 2; +} + +.sidebar-right .card-tabs .nav-tabs .nav-item { + margin-bottom: 0; + flex: 1; +} + +.sidebar-right .card-tabs .nav-tabs .nav-item .nav-link { + border: 0; + font-size: 1.125rem; + position: relative; + text-align: center; + background-color: #fff; +} + +[data-theme-version="dark"] .sidebar-right .card-tabs .nav-tabs .nav-item .nav-link.active { + border-right: none; + border-left: none; + border-top: none; +} + +.sidebar-right .sidebar-right-inner>h4 { + padding: 10px 20px; + display: flex; + justify-content: space-between; + align-items: center; + font-size: 25px; + font-weight: 700; + background: #fff; + margin: 0px 0px 30px 0px; + background: -webkit-linear-gradient(#40189d, #972ab3); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +.sidebar-right .sidebar-right-inner>h4 a { + background: var(--primary); + -webkit-background-clip: unset; + -webkit-text-fill-color: #fff; +} + +.sidebar-right .admin-settings { + height: calc(100% - 100px); + padding: 0 20px; +} + +.sidebar-right .admin-settings .row>div { + margin-bottom: 20px; +} + +.sidebar-right .admin-settings p { + color: #353535; + font-weight: 500; + margin-bottom: 8px; + font-size: 16px; +} + +.sidebar-right .admin-settings input[type="radio"] { + display: none; +} + +.sidebar-right .admin-settings input[type="radio"]+label { + display: inline-block; + width: 35px; + height: 35px; + cursor: pointer; + transition: all .1s ease; + border-radius: 4px; + margin-right: 5px; + margin-bottom: 3px; +} + +.sidebar-right .admin-settings input[type="radio"]:checked+label { + position: relative; +} + +.sidebar-right .admin-settings input[type="radio"]:checked+label::after { + height: 33px; + width: 33px; + left: -4px; + top: -4px; + content: ""; + position: absolute; + background-color: inherit; + border-radius: 6px; + opacity: 0.4; +} + +.sidebar-right #nav_header_color_1+label, +.sidebar-right #header_color_1+label, +.sidebar-right #sidebar_color_1+label, +.sidebar-right #primary_color_1+label { + background-color: #fff; +} + +.sidebar-right #nav_header_color_2+label, +.sidebar-right #header_color_2+label, +.sidebar-right #sidebar_color_2+label, +.sidebar-right #primary_color_2+label { + background-color: #6610f2; +} + +.sidebar-right #nav_header_color_3+label, +.sidebar-right #header_color_3+label, +.sidebar-right #sidebar_color_3+label, +.sidebar-right #primary_color_3+label { + background-color: #40189D; +} + +.sidebar-right #nav_header_color_4+label, +.sidebar-right #header_color_4+label, +.sidebar-right #sidebar_color_4+label, +.sidebar-right #primary_color_4+label { + background-color: #4d06a5; +} + +.sidebar-right #nav_header_color_5+label, +.sidebar-right #header_color_5+label, +.sidebar-right #sidebar_color_5+label, +.sidebar-right #primary_color_5+label { + background-color: #dc3545; +} + +.sidebar-right #nav_header_color_6+label, +.sidebar-right #header_color_6+label, +.sidebar-right #sidebar_color_6+label, +.sidebar-right #primary_color_6+label { + background-color: #fd7e14; +} + +.sidebar-right #nav_header_color_7+label, +.sidebar-right #header_color_7+label, +.sidebar-right #sidebar_color_7+label, +.sidebar-right #primary_color_7+label { + background-color: #ffc107; +} + +.sidebar-right #nav_header_color_8+label, +.sidebar-right #header_color_8+label, +.sidebar-right #sidebar_color_8+label, +.sidebar-right #primary_color_8+label { + background-color: #5bcfc5; +} + +.sidebar-right #nav_header_color_9+label, +.sidebar-right #header_color_9+label, +.sidebar-right #sidebar_color_9+label, +.sidebar-right #primary_color_9+label { + background-color: #20c997; +} + +.sidebar-right #nav_header_color_10+label, +.sidebar-right #header_color_10+label, +.sidebar-right #sidebar_color_10+label, +.sidebar-right #primary_color_10+label { + background-color: #17a2b8; +} + +.sidebar-right #nav_header_color_11+label, +.sidebar-right #header_color_11+label, +.sidebar-right #sidebar_color_11+label, +.sidebar-right #primary_color_11+label { + background-color: #94618E; +} + +.sidebar-right #nav_header_color_12+label, +.sidebar-right #header_color_12+label, +.sidebar-right #sidebar_color_12+label, +.sidebar-right #primary_color_12+label { + background-color: #343a40; +} + +.sidebar-right #nav_header_color_13+label, +.sidebar-right #header_color_13+label, +.sidebar-right #sidebar_color_13+label, +.sidebar-right #primary_color_13+label { + background-color: #2a2a2a; +} + +.sidebar-right #nav_header_color_14+label, +.sidebar-right #header_color_14+label, +.sidebar-right #sidebar_color_14+label, +.sidebar-right #primary_color_14+label { + background-color: #4885ed; +} + +.sidebar-right #nav_header_color_15+label, +.sidebar-right #header_color_15+label, +.sidebar-right #sidebar_color_15+label, +.sidebar-right #primary_color_15+label { + background-color: #4cb32b; +} + +.sidebar-right #nav_header_color_1+label, +.sidebar-right #header_color_1+label, +.sidebar-right #sidebar_color_1+label, +.sidebar-right #primary_color_1+label { + border: 1px solid #c4c4c4; +} + +.sidebar-right.style-1 { + height: 100vh; + width: 250px; + margin-top: 0; + right: -250px; +} + +.sidebar-right.style-1 .sidebar-right-inner { + background: #fff; +} + +.sidebar-right.style-1 .sidebar-right-trigger { + top: 12.4rem; +} + +.sidebar-right.style-1.show { + right: 0; +} + +.sidebar-right.style-1.show .sidebar-right-trigger { + display: block; +} + +@keyframes bounce { + 0% { + transform: translateX(-8%); + -webkit-transform: translateX(-8%); + } + + 50% { + transform: translateX(8%); + -webkit-transform: translateX(8%); + } + + 100% { + transform: translateX(-8%); + -webkit-transform: translateX(-8%); + } +} + +@-webkit-keyframes bounce { + 0% { + transform: translateX(-8%); + -webkit-transform: translateX(-8%); + } + + 50% { + transform: translateX(8%); + -webkit-transform: translateX(8%); + } + + 100% { + transform: translateY(-8%); + -webkit-transform: translateY(-8%); + } +} + +.nav-user { + background: var(--primary); + margin-bottom: 10px; + padding: 20px 25px 15px; +} + +@media only screen and (min-width: 768px) and (max-width: 1199px) { + .nav-user { + padding: 20px 15px 15px; + } +} + +.nav-user img { + width: 35px; + height: 35px; +} + +@media only screen and (min-width: 768px) and (max-width: 1199px) { + .nav-user img { + width: 35px; + height: 35px; + margin-bottom: 10px; + } +} + +.nav-user h5 { + margin-left: 10px; + margin-bottom: 3px; + color: #fff; +} + +@media only screen and (min-width: 768px) and (max-width: 1199px) { + .nav-user h5 { + display: none; + } +} + +[data-sibebarbg="color_2"] .nav-user h5 { + color: #fff; +} + +.nav-user p { + margin-left: 10px; + margin-bottom: 8px; + color: #afcff7; +} + +@media only screen and (min-width: 768px) and (max-width: 1199px) { + .nav-user p { + display: none; + } +} + +@media only screen and (min-width: 768px) and (max-width: 1199px) { + .nav-user i { + margin-top: 15px; + display: block; + } +} + +.menu-toggle .nav-user { + padding: 20px 15px 15px; +} + +.menu-toggle .nav-user img { + width: 35px; + height: 35px; + margin-bottom: 10px; +} + +.menu-toggle .nav-user h5, +.menu-toggle .nav-user p { + display: none; +} + +.menu-toggle .nav-user i { + margin-top: 15px; + display: block; +} + +.menu-toggle .nav-user .dropdown-menu { + left: 45px !important; + top: 22px !important; +} + +.chatbox { + width: 340px; + height: 100vh; + position: fixed; + right: -500px; + top: 0; + z-index: 999; + background: #fff; + box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.15); + -webkit-transition: all 0.8s; + -ms-transition: all 0.8s; + transition: all 0.8s; +} + +[data-theme-version="dark"] .chatbox { + background: #28253b; +} + +.chatbox .chatbox-close { + position: absolute; + -webkit-transition: all 0.2s; + -ms-transition: all 0.2s; + transition: all 0.2s; + width: 0; + height: 100%; + right: 340px; + background: #000; + z-index: 1; + opacity: 0.1; + cursor: pointer; +} + +.chatbox .card-fotter { + padding: 0.75rem 1rem; +} + +.chatbox .card-body { + padding: 1rem; +} + +.chatbox.active { + right: 0; +} + +.chatbox.active .chatbox-close { + width: 100vw; +} + +.chatbox .type_msg { + padding-top: 10px; +} + +.chatbox .nav { + padding: 1rem 1rem 0 1rem; + background: var(--primary); + border: 0; + justify-content: space-between; +} + +.chatbox .nav .nav-link { + color: #fff; + opacity: 0.7; + text-transform: uppercase; +} + +.chatbox .nav .nav-link:hover, +.chatbox .nav .nav-link.active { + background: transparent; + color: #fff; + opacity: 1; + border-color: #fff; +} + +.chatbox .img_cont { + width: 40px; + border-radius: 40px; + margin-right: 10px; + position: relative; + height: 40px; + background: #eee; + display: flex; + align-items: center; + justify-content: center; + font-weight: 600; + font-size: 14px; + min-width: 40px; + min-height: 40px; +} + +.chatbox .img_cont .icon { + color: #fff; +} + +.chatbox .img_cont.primary { + background: var(--rgba-primary-1); + color: var(--primary); +} + +[data-theme-version="dark"] .chatbox .img_cont.primary { + background: var(--rgba-primary-1); +} + +.chatbox .img_cont.warning { + background: #fff0e5; + color: #FE8024; +} + +[data-theme-version="dark"] .chatbox .img_cont.warning { + background: rgba(254, 128, 36, 0.1); +} + +.chatbox .img_cont.success { + background: #b7f6db; + color: #1BD084; +} + +[data-theme-version="dark"] .chatbox .img_cont.success { + background: rgba(27, 208, 132, 0.1); +} + +.chatbox .img_cont.info { + background: white; + color: #48A9F8; +} + +[data-theme-version="dark"] .chatbox .img_cont.info { + background: rgba(72, 169, 248, 0.1); +} + +.chatbox .img_cont img { + width: 100%; +} + +.chatbox .img_cont .online_icon { + background: #1BD084; + position: absolute; + width: 12px; + height: 12px; + border-radius: 15px; + right: -1px; + bottom: 0px; + border: 2px solid #fff; +} + +.chatbox .img_cont .online_icon.offline { + background: #FF6746; +} + +.chatbox .card { + box-shadow: none; +} + +.chatbox .search { + height: 40px; +} + +.chatbox .user_info span { + font-size: 15px; + color: #000; + display: block; + font-weight: 500; + line-height: 1; + margin-bottom: 5px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + max-width: 170px; +} + +[data-theme-version="dark"] .chatbox .user_info span { + color: #fff; +} + +.chatbox .user_info p { + font-size: 13px; + margin-bottom: 0; + line-height: 1; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: block; + max-width: 170px; +} + +.chatbox .contacts li { + padding: 7px 1rem; + border-bottom: 1px solid #eee; + cursor: pointer; +} + +[data-theme-version="dark"] .chatbox .contacts li { + border-color: #333a54; +} + +.chatbox .contacts li>div { + display: flex; + align-items: center; +} + +.chatbox .contacts li:hover { + background: #f4f7ff; +} + +[data-theme-version="dark"] .chatbox .contacts li:hover { + background-color: #251e35; +} + +.chatbox .contacts .name-first-letter { + background: #F2F2F2; + padding: 4px 1rem; + font-weight: 700; + color: #000; + position: sticky; + top: 0; + z-index: 1; +} + +[data-theme-version="dark"] .chatbox .contacts .name-first-letter { + color: #fff; + background: #251e35; +} + +.chatbox .msg_card_body { + height: calc(100vh - 195px); +} + +.chatbox .contacts_body { + height: calc(100vh - 120px); +} + +.chatbox .card-header { + background: #f4f7ff; + padding: 15px 20px; + justify-content: center; +} + +.chatbox .card-header h6 { + font-size: 15px; +} + +.chatbox .card-header p { + line-height: 1.2; + font-size: 12px; + color: #7e7e7e; +} + +.chatbox .chat-list-header { + justify-content: space-between; + background: #fff; +} + +[data-theme-version="dark"] .chatbox .chat-list-header { + background: #28253b; +} + +.chatbox .chat-list-header a { + text-align: center; + width: 30px; + height: 30px; + background: #F2F2F2; + border-radius: 6px; + line-height: 30px; + display: block; +} + +[data-theme-version="dark"] .chatbox .chat-list-header a { + background: var(--rgba-primary-1); +} + +[data-theme-version="dark"] .chatbox .chat-list-header a svg g [fill] { + fill: #fff; +} + +.chatbox .img_cont_msg { + width: 30px; + height: 30px; + display: block; + max-width: 30px; + min-width: 30px; +} + +.chatbox .img_cont_msg img { + width: 100%; +} + +.chatbox .msg_cotainer { + background: var(--primary); + margin-left: 10px; + border-radius: 0 1.25rem 1.25rem 1.25rem; + padding: 10px 15px; + color: #fff; + position: relative; +} + +.chatbox .msg_cotainer .msg_time { + display: block; + font-size: 11px; + color: #fff; + margin-top: 5px; + opacity: 0.5; +} + +.chatbox .msg_cotainer:after { + content: ""; + position: absolute; + left: -10px; + border-right: 10px solid var(--primary); + border-bottom: 10px solid transparent; + border-top: 0px solid; + top: 0; +} + +.chatbox .msg_cotainer_send { + background: #F2F2F2; + padding: 10px 15px; + border-radius: 6px 0px 6px 6px; + margin-right: 10px; + color: #222; + position: relative; + text-align: right; +} + +[data-theme-version="dark"] .chatbox .msg_cotainer_send { + background: #251e35; + color: #fff; +} + +.chatbox .msg_cotainer_send .msg_time_send { + display: block; + font-size: 11px; + text-align: right; + margin-top: 5px; + opacity: 0.6; +} + +.chatbox .msg_cotainer_send:after { + content: ""; + position: absolute; + right: -10px; + border-left: 10px solid #F2F2F2; + border-bottom: 10px solid transparent; + border-top: 0px solid; + top: 0; +} + +[data-theme-version="dark"] .chatbox .msg_cotainer_send:after { + border-left: 10px solid #251e35; +} + +.chatbox .type_msg .form-control { + padding: 10px 0; + height: 50px; + border: 0; +} + +.chatbox .type_msg .btn { + font-size: 18px; + border-radius: 38px !important; + width: 38px; + height: 38px; + padding: 0; + margin-top: 6px; +} + +.chatbox .video_cam { + margin-left: 15px; +} + +.chatbox .video_cam span { + width: 35px; + height: 35px; + background: #10ca93; + text-align: center; + line-height: 35px; + border-radius: 35px; + color: #fff; + margin-right: 5px; + align-self: center; + font-size: 16px; + padding: 0 3px; + display: inline-block; +} + +.chatbox .note_card .contacts li { + padding: 12px 1rem; +} + +@media only screen and (max-width: 576px) { + .chatbox { + width: 280px; + } + + .chatbox .chatbox-close { + right: 280px; + } +} + +.dz-demo-panel { + right: 0; + position: fixed; + top: 0; + width: 90%; + max-width: 735px; + background-color: #fff; + height: 100vh; + transition: all .5s ease-in-out; + z-index: 9999; + -webkit-transform: translate(100%, 0); + -ms-transform: translate(100%, 0); + transform: translate(100%, 0); + transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0s; +} + +.dz-demo-panel .dz-demo-trigger { + position: absolute; + z-index: 9; + bottom: 15rem; + right: 100%; + background-color: #8BC740; + color: #fff; + display: flex; + padding: 14px 18px; + text-align: center; + border-radius: 40px 0 0 40px; + box-shadow: -5px 3px 5px 0px rgba(119, 119, 119, 0.15); +} + +.dz-demo-panel .dz-demo-trigger svg { + margin-right: 15px; +} + +.dz-demo-panel .dz-demo-trigger .close { + display: none; +} + +@media only screen and (max-width: 1023px) { + .dz-demo-panel .dz-demo-trigger { + display: none; + } +} + +.dz-demo-panel .dz-demo-close { + height: 30px; + color: #fff; + width: 30px; + border-radius: 1.25rem; + background: rgba(0, 0, 0, 0.5); + line-height: 30px; + text-align: center; +} + +.dz-demo-panel.show { + right: 0; + box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2); + z-index: 99999; + transform: translate(0px, 0px); +} + +.dz-demo-panel.show .bg-close { + position: fixed; + z-index: -2; + cursor: pointer; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.15); +} + +.dz-demo-panel.show .dz-demo-trigger span { + display: none; +} + +.dz-demo-panel.show .dz-demo-trigger .layer { + display: none; +} + +.dz-demo-panel.show .dz-demo-trigger .close { + display: block; + opacity: 1; +} + +.dz-demo-panel .dz-demo-inner { + padding: 30px 30px; + background: #fff; +} + +.dz-demo-panel .dz-demo-content { + height: calc(100vh - 140px); + padding-top: 30px; +} + +.dz-demo-panel .dz-demo-header { + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 50px; +} + +.dz-demo-panel .dz-demo-header h4 { + margin-bottom: 0; + font-weight: 700; + font-size: 28px; + background: -webkit-linear-gradient(#40189d, #972ab3); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +.dz-demo-panel .dz-demo-bx { + height: 200px; + overflow: hidden; + box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); + margin-bottom: 10px; +} + +.dz-demo-panel .dz-demo-bx.demo-active { + border-color: #8BC740; +} + +.dz-demo-panel .dz-demo-bx.demo-active .overlay-layer { + opacity: 1; +} + +.dz-demo-panel .overlay-bx { + position: relative; + -webkit-transition: all .3s ease; + transition: all .3s ease; +} + +.dz-demo-panel .overlay-bx .overlay-layer { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + 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; + background-color: rgba(255, 255, 255, 0.2); + -webkit-transition: all .3s ease; + transition: all .3s ease; + opacity: 0; +} + +.dz-demo-panel .overlay-bx:hover { + transform: translateY(-10px); +} + +.dz-demo-panel .overlay-bx:hover .overlay-layer { + -webkit-transition: all .3s ease; + transition: all .3s ease; + opacity: 1; +} + +:root { + --nav-headbg: #fff; + --sidebar-bg: #fff; + --headerbg: #F2F2F2; +} + +[data-nav-headerbg="color_2"][data-theme-version="dark"], +[data-nav-headerbg="color_2"] { + --nav-headbg: #6610f2; +} + +[data-nav-headerbg="color_2"][data-theme-version="dark"] .header, +[data-nav-headerbg="color_2"] .header { + background-color: #6610f2; +} + +[data-nav-headerbg="color_2"][data-theme-version="dark"] .svg-logo-text-path, +[data-nav-headerbg="color_2"] .svg-logo-text-path { + fill: #fff; + stroke: #fff; +} + +[data-nav-headerbg="color_2"][data-theme-version="dark"] .svg-logo-circle, +[data-nav-headerbg="color_2"] .svg-logo-circle { + fill: #fff; +} + +[data-nav-headerbg="color_2"][data-theme-version="dark"] .svg-logo-icon-text, +[data-nav-headerbg="color_2"] .svg-logo-icon-text { + fill: #6610f2; +} + +[data-nav-headerbg="color_3"][data-theme-version="dark"], +[data-nav-headerbg="color_3"] { + --nav-headbg: #40189D; +} + +[data-nav-headerbg="color_3"][data-theme-version="dark"] .header, +[data-nav-headerbg="color_3"] .header { + background-color: #40189D; +} + +[data-nav-headerbg="color_3"][data-theme-version="dark"] .svg-logo-text-path, +[data-nav-headerbg="color_3"] .svg-logo-text-path { + fill: #fff; + stroke: #fff; +} + +[data-nav-headerbg="color_3"][data-theme-version="dark"] .svg-logo-circle, +[data-nav-headerbg="color_3"] .svg-logo-circle { + fill: #fff; +} + +[data-nav-headerbg="color_3"][data-theme-version="dark"] .svg-logo-icon-text, +[data-nav-headerbg="color_3"] .svg-logo-icon-text { + fill: #40189D; +} + +[data-nav-headerbg="color_4"][data-theme-version="dark"], +[data-nav-headerbg="color_4"] { + --nav-headbg: #4d06a5; +} + +[data-nav-headerbg="color_4"][data-theme-version="dark"] .header, +[data-nav-headerbg="color_4"] .header { + background-color: #4d06a5; +} + +[data-nav-headerbg="color_4"][data-theme-version="dark"] .svg-logo-text-path, +[data-nav-headerbg="color_4"] .svg-logo-text-path { + fill: #fff; + stroke: #fff; +} + +[data-nav-headerbg="color_4"][data-theme-version="dark"] .svg-logo-circle, +[data-nav-headerbg="color_4"] .svg-logo-circle { + fill: #fff; +} + +[data-nav-headerbg="color_4"][data-theme-version="dark"] .svg-logo-icon-text, +[data-nav-headerbg="color_4"] .svg-logo-icon-text { + fill: #4d06a5; +} + +[data-nav-headerbg="color_5"][data-theme-version="dark"], +[data-nav-headerbg="color_5"] { + --nav-headbg: #dc3545; +} + +[data-nav-headerbg="color_5"][data-theme-version="dark"] .header, +[data-nav-headerbg="color_5"] .header { + background-color: #dc3545; +} + +[data-nav-headerbg="color_5"][data-theme-version="dark"] .svg-logo-text-path, +[data-nav-headerbg="color_5"] .svg-logo-text-path { + fill: #fff; + stroke: #fff; +} + +[data-nav-headerbg="color_5"][data-theme-version="dark"] .svg-logo-circle, +[data-nav-headerbg="color_5"] .svg-logo-circle { + fill: #fff; +} + +[data-nav-headerbg="color_5"][data-theme-version="dark"] .svg-logo-icon-text, +[data-nav-headerbg="color_5"] .svg-logo-icon-text { + fill: #dc3545; +} + +[data-nav-headerbg="color_6"][data-theme-version="dark"], +[data-nav-headerbg="color_6"] { + --nav-headbg: #fd7e14; +} + +[data-nav-headerbg="color_6"][data-theme-version="dark"] .header, +[data-nav-headerbg="color_6"] .header { + background-color: #fd7e14; +} + +[data-nav-headerbg="color_6"][data-theme-version="dark"] .svg-logo-text-path, +[data-nav-headerbg="color_6"] .svg-logo-text-path { + fill: #fff; + stroke: #fff; +} + +[data-nav-headerbg="color_6"][data-theme-version="dark"] .svg-logo-circle, +[data-nav-headerbg="color_6"] .svg-logo-circle { + fill: #fff; +} + +[data-nav-headerbg="color_6"][data-theme-version="dark"] .svg-logo-icon-text, +[data-nav-headerbg="color_6"] .svg-logo-icon-text { + fill: #fd7e14; +} + +[data-nav-headerbg="color_7"][data-theme-version="dark"], +[data-nav-headerbg="color_7"] { + --nav-headbg: #ffc107; +} + +[data-nav-headerbg="color_7"][data-theme-version="dark"] .header, +[data-nav-headerbg="color_7"] .header { + background-color: #ffc107; +} + +[data-nav-headerbg="color_7"][data-theme-version="dark"] .svg-logo-text-path, +[data-nav-headerbg="color_7"] .svg-logo-text-path { + fill: #fff; + stroke: #fff; +} + +[data-nav-headerbg="color_7"][data-theme-version="dark"] .svg-logo-circle, +[data-nav-headerbg="color_7"] .svg-logo-circle { + fill: #fff; +} + +[data-nav-headerbg="color_7"][data-theme-version="dark"] .svg-logo-icon-text, +[data-nav-headerbg="color_7"] .svg-logo-icon-text { + fill: #ffc107; +} + +[data-nav-headerbg="color_8"][data-theme-version="dark"], +[data-nav-headerbg="color_8"] { + --nav-headbg: #5bcfc5; +} + +[data-nav-headerbg="color_8"][data-theme-version="dark"] .header, +[data-nav-headerbg="color_8"] .header { + background-color: #5bcfc5; +} + +[data-nav-headerbg="color_8"][data-theme-version="dark"] .svg-logo-text-path, +[data-nav-headerbg="color_8"] .svg-logo-text-path { + fill: #fff; + stroke: #fff; +} + +[data-nav-headerbg="color_8"][data-theme-version="dark"] .svg-logo-circle, +[data-nav-headerbg="color_8"] .svg-logo-circle { + fill: #fff; +} + +[data-nav-headerbg="color_8"][data-theme-version="dark"] .svg-logo-icon-text, +[data-nav-headerbg="color_8"] .svg-logo-icon-text { + fill: #5bcfc5; +} + +[data-nav-headerbg="color_9"][data-theme-version="dark"], +[data-nav-headerbg="color_9"] { + --nav-headbg: #20c997; +} + +[data-nav-headerbg="color_9"][data-theme-version="dark"] .header, +[data-nav-headerbg="color_9"] .header { + background-color: #20c997; +} + +[data-nav-headerbg="color_9"][data-theme-version="dark"] .svg-logo-text-path, +[data-nav-headerbg="color_9"] .svg-logo-text-path { + fill: #fff; + stroke: #fff; +} + +[data-nav-headerbg="color_9"][data-theme-version="dark"] .svg-logo-circle, +[data-nav-headerbg="color_9"] .svg-logo-circle { + fill: #fff; +} + +[data-nav-headerbg="color_9"][data-theme-version="dark"] .svg-logo-icon-text, +[data-nav-headerbg="color_9"] .svg-logo-icon-text { + fill: #20c997; +} + +[data-nav-headerbg="color_10"][data-theme-version="dark"], +[data-nav-headerbg="color_10"] { + --nav-headbg: #17a2b8; +} + +[data-nav-headerbg="color_10"][data-theme-version="dark"] .header, +[data-nav-headerbg="color_10"] .header { + background-color: #17a2b8; +} + +[data-nav-headerbg="color_10"][data-theme-version="dark"] .svg-logo-text-path, +[data-nav-headerbg="color_10"] .svg-logo-text-path { + fill: #fff; + stroke: #fff; +} + +[data-nav-headerbg="color_10"][data-theme-version="dark"] .svg-logo-circle, +[data-nav-headerbg="color_10"] .svg-logo-circle { + fill: #fff; +} + +[data-nav-headerbg="color_10"][data-theme-version="dark"] .svg-logo-icon-text, +[data-nav-headerbg="color_10"] .svg-logo-icon-text { + fill: #17a2b8; +} + +[data-nav-headerbg="color_11"][data-theme-version="dark"], +[data-nav-headerbg="color_11"] { + --nav-headbg: #94618E; +} + +[data-nav-headerbg="color_11"][data-theme-version="dark"] .header, +[data-nav-headerbg="color_11"] .header { + background-color: #94618E; +} + +[data-nav-headerbg="color_11"][data-theme-version="dark"] .svg-logo-text-path, +[data-nav-headerbg="color_11"] .svg-logo-text-path { + fill: #fff; + stroke: #fff; +} + +[data-nav-headerbg="color_11"][data-theme-version="dark"] .svg-logo-circle, +[data-nav-headerbg="color_11"] .svg-logo-circle { + fill: #fff; +} + +[data-nav-headerbg="color_11"][data-theme-version="dark"] .svg-logo-icon-text, +[data-nav-headerbg="color_11"] .svg-logo-icon-text { + fill: #94618E; +} + +[data-nav-headerbg="color_12"][data-theme-version="dark"], +[data-nav-headerbg="color_12"] { + --nav-headbg: #343a40; +} + +[data-nav-headerbg="color_12"][data-theme-version="dark"] .header, +[data-nav-headerbg="color_12"] .header { + background-color: #343a40; +} + +[data-nav-headerbg="color_12"][data-theme-version="dark"] .svg-logo-text-path, +[data-nav-headerbg="color_12"] .svg-logo-text-path { + fill: #fff; + stroke: #fff; +} + +[data-nav-headerbg="color_12"][data-theme-version="dark"] .svg-logo-circle, +[data-nav-headerbg="color_12"] .svg-logo-circle { + fill: #fff; +} + +[data-nav-headerbg="color_12"][data-theme-version="dark"] .svg-logo-icon-text, +[data-nav-headerbg="color_12"] .svg-logo-icon-text { + fill: #343a40; +} + +[data-nav-headerbg="color_13"][data-theme-version="dark"], +[data-nav-headerbg="color_13"] { + --nav-headbg: #2a2a2a; +} + +[data-nav-headerbg="color_13"][data-theme-version="dark"] .header, +[data-nav-headerbg="color_13"] .header { + background-color: #2a2a2a; +} + +[data-nav-headerbg="color_13"][data-theme-version="dark"] .svg-logo-text-path, +[data-nav-headerbg="color_13"] .svg-logo-text-path { + fill: #fff; + stroke: #fff; +} + +[data-nav-headerbg="color_13"][data-theme-version="dark"] .svg-logo-circle, +[data-nav-headerbg="color_13"] .svg-logo-circle { + fill: #fff; +} + +[data-nav-headerbg="color_13"][data-theme-version="dark"] .svg-logo-icon-text, +[data-nav-headerbg="color_13"] .svg-logo-icon-text { + fill: #2a2a2a; +} + +[data-nav-headerbg="color_14"][data-theme-version="dark"], +[data-nav-headerbg="color_14"] { + --nav-headbg: #4885ed; +} + +[data-nav-headerbg="color_14"][data-theme-version="dark"] .header, +[data-nav-headerbg="color_14"] .header { + background-color: #4885ed; +} + +[data-nav-headerbg="color_14"][data-theme-version="dark"] .svg-logo-text-path, +[data-nav-headerbg="color_14"] .svg-logo-text-path { + fill: #fff; + stroke: #fff; +} + +[data-nav-headerbg="color_14"][data-theme-version="dark"] .svg-logo-circle, +[data-nav-headerbg="color_14"] .svg-logo-circle { + fill: #fff; +} + +[data-nav-headerbg="color_14"][data-theme-version="dark"] .svg-logo-icon-text, +[data-nav-headerbg="color_14"] .svg-logo-icon-text { + fill: #4885ed; +} + +[data-nav-headerbg="color_15"][data-theme-version="dark"], +[data-nav-headerbg="color_15"] { + --nav-headbg: #4cb32b; +} + +[data-nav-headerbg="color_15"][data-theme-version="dark"] .header, +[data-nav-headerbg="color_15"] .header { + background-color: #4cb32b; +} + +[data-nav-headerbg="color_15"][data-theme-version="dark"] .svg-logo-text-path, +[data-nav-headerbg="color_15"] .svg-logo-text-path { + fill: #fff; + stroke: #fff; +} + +[data-nav-headerbg="color_15"][data-theme-version="dark"] .svg-logo-circle, +[data-nav-headerbg="color_15"] .svg-logo-circle { + fill: #fff; +} + +[data-nav-headerbg="color_15"][data-theme-version="dark"] .svg-logo-icon-text, +[data-nav-headerbg="color_15"] .svg-logo-icon-text { + fill: #4cb32b; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"], +[data-sibebarbg="color_2"] { + --sidebar-bg: #6610f2; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu a, +[data-sibebarbg="color_2"] .deznav .metismenu a { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, +[data-sibebarbg="color_2"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_2"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_2"] .deznav .metismenu li ul a.mm-active { + color: #fff; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu>li>a, +[data-sibebarbg="color_2"] .deznav .metismenu>li>a { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu>li>a i, +[data-sibebarbg="color_2"] .deznav .metismenu>li>a i { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_2"] .deznav .metismenu>li.mm-active>a { + background: rgba(255, 255, 255, 0.15); + color: #fff; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_2"] .deznav .metismenu>li.mm-active>a i { + color: #6610f2 !important; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, +[data-sibebarbg="color_2"] .deznav .metismenu .has-arrow:after { + border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .header-profile>a.nav-link, +[data-sibebarbg="color_2"] .deznav .header-profile>a.nav-link { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info span, +[data-sibebarbg="color_2"] .deznav .header-profile>a.nav-link .header-info span { + color: #fff; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info small, +[data-sibebarbg="color_2"] .deznav .header-profile>a.nav-link .header-info small { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_2"][data-theme-version="dark"] .deznav .copyright, +[data-sibebarbg="color_2"] .deznav .copyright { + color: #fff; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul, +[data-sibebarbg="color_2"][data-sidebar-style="mini"] .deznav .metismenu li>ul { + background-color: #8540f5; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_2"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_2"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a { + background: #fff; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_2"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_2"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i { + color: #6610f2; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, +[data-sibebarbg="color_2"][data-sidebar-style="compact"] .deznav .metismenu li a:before { + background: #fff; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a, +[data-sibebarbg="color_2"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_2"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a { + background: -moz-linear-gradient(left, #8540f5 0%, #6610f2 100%); + background: -webkit-linear-gradient(left, #8540f5 0%, #6610f2 100%); + background: linear-gradient(to right, #8540f5 0%, #6610f2 100%); +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_2"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_2"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a { + background: #8540f5; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_2"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_2"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li>ul, +[data-sibebarbg="color_2"][data-sidebar-style="modern"] .deznav .metismenu li>ul { + background-color: #8540f5; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_2"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_2"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a { + background: #8540f5; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_2"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_2"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before, +[data-sibebarbg="color_2"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before { + background: #fff; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_2"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a { + background: #6610f2; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_2"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_2"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_2"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a { + background: #8540f5; + color: #fff; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_2"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_2"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_2"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul, +[data-sibebarbg="color_2"][data-layout="horizontal"] .deznav .metismenu li>ul { + background: #8540f5; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_2"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i { + color: #6610f2 !important; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_2"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a { + background: #8540f5; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul { + background: #8540f5; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_2"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + background-color: #8540f5; +} + +[data-sibebarbg="color_2"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_2"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + background: #8540f5; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"], +[data-sibebarbg="color_3"] { + --sidebar-bg: #40189D; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu a, +[data-sibebarbg="color_3"] .deznav .metismenu a { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, +[data-sibebarbg="color_3"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_3"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_3"] .deznav .metismenu li ul a.mm-active { + color: #fff; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu>li>a, +[data-sibebarbg="color_3"] .deznav .metismenu>li>a { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu>li>a i, +[data-sibebarbg="color_3"] .deznav .metismenu>li>a i { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_3"] .deznav .metismenu>li.mm-active>a { + background: rgba(255, 255, 255, 0.15); + color: #fff; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_3"] .deznav .metismenu>li.mm-active>a i { + color: #40189D !important; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, +[data-sibebarbg="color_3"] .deznav .metismenu .has-arrow:after { + border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .header-profile>a.nav-link, +[data-sibebarbg="color_3"] .deznav .header-profile>a.nav-link { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info span, +[data-sibebarbg="color_3"] .deznav .header-profile>a.nav-link .header-info span { + color: #fff; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info small, +[data-sibebarbg="color_3"] .deznav .header-profile>a.nav-link .header-info small { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_3"][data-theme-version="dark"] .deznav .copyright, +[data-sibebarbg="color_3"] .deznav .copyright { + color: #fff; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul, +[data-sibebarbg="color_3"][data-sidebar-style="mini"] .deznav .metismenu li>ul { + background-color: #521fc9; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_3"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_3"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a { + background: #fff; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_3"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_3"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i { + color: #40189D; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, +[data-sibebarbg="color_3"][data-sidebar-style="compact"] .deznav .metismenu li a:before { + background: #fff; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a, +[data-sibebarbg="color_3"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_3"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a { + background: -moz-linear-gradient(left, #521fc9 0%, #40189D 100%); + background: -webkit-linear-gradient(left, #521fc9 0%, #40189D 100%); + background: linear-gradient(to right, #521fc9 0%, #40189D 100%); +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_3"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_3"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a { + background: #521fc9; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_3"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_3"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li>ul, +[data-sibebarbg="color_3"][data-sidebar-style="modern"] .deznav .metismenu li>ul { + background-color: #521fc9; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_3"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_3"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a { + background: #521fc9; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_3"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_3"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before, +[data-sibebarbg="color_3"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before { + background: #fff; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_3"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a { + background: #40189D; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_3"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_3"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_3"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a { + background: #521fc9; + color: #fff; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_3"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_3"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_3"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul, +[data-sibebarbg="color_3"][data-layout="horizontal"] .deznav .metismenu li>ul { + background: #521fc9; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_3"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i { + color: #40189D !important; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_3"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a { + background: #521fc9; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul { + background: #521fc9; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_3"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + background-color: #521fc9; +} + +[data-sibebarbg="color_3"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_3"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + background: #521fc9; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"], +[data-sibebarbg="color_4"] { + --sidebar-bg: #4d06a5; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu a, +[data-sibebarbg="color_4"] .deznav .metismenu a { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, +[data-sibebarbg="color_4"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_4"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_4"] .deznav .metismenu li ul a.mm-active { + color: #fff; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu>li>a, +[data-sibebarbg="color_4"] .deznav .metismenu>li>a { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu>li>a i, +[data-sibebarbg="color_4"] .deznav .metismenu>li>a i { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_4"] .deznav .metismenu>li.mm-active>a { + background: rgba(255, 255, 255, 0.15); + color: #fff; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_4"] .deznav .metismenu>li.mm-active>a i { + color: #4d06a5 !important; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, +[data-sibebarbg="color_4"] .deznav .metismenu .has-arrow:after { + border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .header-profile>a.nav-link, +[data-sibebarbg="color_4"] .deznav .header-profile>a.nav-link { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info span, +[data-sibebarbg="color_4"] .deznav .header-profile>a.nav-link .header-info span { + color: #fff; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info small, +[data-sibebarbg="color_4"] .deznav .header-profile>a.nav-link .header-info small { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_4"][data-theme-version="dark"] .deznav .copyright, +[data-sibebarbg="color_4"] .deznav .copyright { + color: #fff; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul, +[data-sibebarbg="color_4"][data-sidebar-style="mini"] .deznav .metismenu li>ul { + background-color: #6408d6; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_4"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_4"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a { + background: #fff; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_4"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_4"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i { + color: #4d06a5; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, +[data-sibebarbg="color_4"][data-sidebar-style="compact"] .deznav .metismenu li a:before { + background: #fff; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a, +[data-sibebarbg="color_4"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_4"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a { + background: -moz-linear-gradient(left, #6408d6 0%, #4d06a5 100%); + background: -webkit-linear-gradient(left, #6408d6 0%, #4d06a5 100%); + background: linear-gradient(to right, #6408d6 0%, #4d06a5 100%); +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_4"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_4"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a { + background: #6408d6; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_4"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_4"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li>ul, +[data-sibebarbg="color_4"][data-sidebar-style="modern"] .deznav .metismenu li>ul { + background-color: #6408d6; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_4"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_4"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a { + background: #6408d6; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_4"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_4"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before, +[data-sibebarbg="color_4"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before { + background: #fff; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_4"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a { + background: #4d06a5; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_4"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_4"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_4"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a { + background: #6408d6; + color: #fff; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_4"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_4"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_4"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul, +[data-sibebarbg="color_4"][data-layout="horizontal"] .deznav .metismenu li>ul { + background: #6408d6; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_4"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i { + color: #4d06a5 !important; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_4"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a { + background: #6408d6; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul { + background: #6408d6; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_4"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + background-color: #6408d6; +} + +[data-sibebarbg="color_4"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_4"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + background: #6408d6; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"], +[data-sibebarbg="color_5"] { + --sidebar-bg: #dc3545; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu a, +[data-sibebarbg="color_5"] .deznav .metismenu a { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, +[data-sibebarbg="color_5"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_5"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_5"] .deznav .metismenu li ul a.mm-active { + color: #fff; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu>li>a, +[data-sibebarbg="color_5"] .deznav .metismenu>li>a { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu>li>a i, +[data-sibebarbg="color_5"] .deznav .metismenu>li>a i { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_5"] .deznav .metismenu>li.mm-active>a { + background: rgba(255, 255, 255, 0.15); + color: #fff; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_5"] .deznav .metismenu>li.mm-active>a i { + color: #dc3545 !important; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, +[data-sibebarbg="color_5"] .deznav .metismenu .has-arrow:after { + border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .header-profile>a.nav-link, +[data-sibebarbg="color_5"] .deznav .header-profile>a.nav-link { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info span, +[data-sibebarbg="color_5"] .deznav .header-profile>a.nav-link .header-info span { + color: #fff; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info small, +[data-sibebarbg="color_5"] .deznav .header-profile>a.nav-link .header-info small { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_5"][data-theme-version="dark"] .deznav .copyright, +[data-sibebarbg="color_5"] .deznav .copyright { + color: #fff; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul, +[data-sibebarbg="color_5"][data-sidebar-style="mini"] .deznav .metismenu li>ul { + background-color: #e4606d; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_5"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_5"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a { + background: #fff; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_5"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_5"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i { + color: #dc3545; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, +[data-sibebarbg="color_5"][data-sidebar-style="compact"] .deznav .metismenu li a:before { + background: #fff; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a, +[data-sibebarbg="color_5"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_5"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a { + background: -moz-linear-gradient(left, #e4606d 0%, #dc3545 100%); + background: -webkit-linear-gradient(left, #e4606d 0%, #dc3545 100%); + background: linear-gradient(to right, #e4606d 0%, #dc3545 100%); +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_5"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_5"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a { + background: #e4606d; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_5"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_5"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li>ul, +[data-sibebarbg="color_5"][data-sidebar-style="modern"] .deznav .metismenu li>ul { + background-color: #e4606d; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_5"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_5"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a { + background: #e4606d; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_5"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_5"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before, +[data-sibebarbg="color_5"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before { + background: #fff; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_5"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a { + background: #dc3545; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_5"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_5"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_5"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a { + background: #e4606d; + color: #fff; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_5"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_5"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_5"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul, +[data-sibebarbg="color_5"][data-layout="horizontal"] .deznav .metismenu li>ul { + background: #e4606d; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_5"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i { + color: #dc3545 !important; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_5"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a { + background: #e4606d; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul { + background: #e4606d; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_5"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + background-color: #e4606d; +} + +[data-sibebarbg="color_5"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_5"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + background: #e4606d; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"], +[data-sibebarbg="color_6"] { + --sidebar-bg: #fd7e14; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu a, +[data-sibebarbg="color_6"] .deznav .metismenu a { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, +[data-sibebarbg="color_6"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_6"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_6"] .deznav .metismenu li ul a.mm-active { + color: #fff; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu>li>a, +[data-sibebarbg="color_6"] .deznav .metismenu>li>a { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu>li>a i, +[data-sibebarbg="color_6"] .deznav .metismenu>li>a i { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_6"] .deznav .metismenu>li.mm-active>a { + background: rgba(255, 255, 255, 0.15); + color: #fff; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_6"] .deznav .metismenu>li.mm-active>a i { + color: #fd7e14 !important; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, +[data-sibebarbg="color_6"] .deznav .metismenu .has-arrow:after { + border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .header-profile>a.nav-link, +[data-sibebarbg="color_6"] .deznav .header-profile>a.nav-link { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info span, +[data-sibebarbg="color_6"] .deznav .header-profile>a.nav-link .header-info span { + color: #fff; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info small, +[data-sibebarbg="color_6"] .deznav .header-profile>a.nav-link .header-info small { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_6"][data-theme-version="dark"] .deznav .copyright, +[data-sibebarbg="color_6"] .deznav .copyright { + color: #fff; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul, +[data-sibebarbg="color_6"][data-sidebar-style="mini"] .deznav .metismenu li>ul { + background-color: #fd9a47; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_6"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_6"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a { + background: #fff; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_6"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_6"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i { + color: #fd7e14; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, +[data-sibebarbg="color_6"][data-sidebar-style="compact"] .deznav .metismenu li a:before { + background: #fff; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a, +[data-sibebarbg="color_6"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_6"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a { + background: -moz-linear-gradient(left, #fd9a47 0%, #fd7e14 100%); + background: -webkit-linear-gradient(left, #fd9a47 0%, #fd7e14 100%); + background: linear-gradient(to right, #fd9a47 0%, #fd7e14 100%); +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_6"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_6"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a { + background: #fd9a47; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_6"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_6"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li>ul, +[data-sibebarbg="color_6"][data-sidebar-style="modern"] .deznav .metismenu li>ul { + background-color: #fd9a47; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_6"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_6"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a { + background: #fd9a47; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_6"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_6"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before, +[data-sibebarbg="color_6"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before { + background: #fff; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_6"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a { + background: #fd7e14; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_6"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_6"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_6"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a { + background: #fd9a47; + color: #fff; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_6"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_6"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_6"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul, +[data-sibebarbg="color_6"][data-layout="horizontal"] .deznav .metismenu li>ul { + background: #fd9a47; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_6"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i { + color: #fd7e14 !important; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_6"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a { + background: #fd9a47; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul { + background: #fd9a47; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_6"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + background-color: #fd9a47; +} + +[data-sibebarbg="color_6"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_6"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + background: #fd9a47; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"], +[data-sibebarbg="color_7"] { + --sidebar-bg: #ffc107; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu a, +[data-sibebarbg="color_7"] .deznav .metismenu a { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, +[data-sibebarbg="color_7"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_7"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_7"] .deznav .metismenu li ul a.mm-active { + color: #fff; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu>li>a, +[data-sibebarbg="color_7"] .deznav .metismenu>li>a { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu>li>a i, +[data-sibebarbg="color_7"] .deznav .metismenu>li>a i { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_7"] .deznav .metismenu>li.mm-active>a { + background: rgba(255, 255, 255, 0.15); + color: #fff; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_7"] .deznav .metismenu>li.mm-active>a i { + color: #ffc107 !important; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, +[data-sibebarbg="color_7"] .deznav .metismenu .has-arrow:after { + border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .header-profile>a.nav-link, +[data-sibebarbg="color_7"] .deznav .header-profile>a.nav-link { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info span, +[data-sibebarbg="color_7"] .deznav .header-profile>a.nav-link .header-info span { + color: #fff; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info small, +[data-sibebarbg="color_7"] .deznav .header-profile>a.nav-link .header-info small { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_7"][data-theme-version="dark"] .deznav .copyright, +[data-sibebarbg="color_7"] .deznav .copyright { + color: #fff; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul, +[data-sibebarbg="color_7"][data-sidebar-style="mini"] .deznav .metismenu li>ul { + background-color: #ffce3a; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_7"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_7"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a { + background: #fff; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_7"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_7"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i { + color: #ffc107; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, +[data-sibebarbg="color_7"][data-sidebar-style="compact"] .deznav .metismenu li a:before { + background: #fff; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a, +[data-sibebarbg="color_7"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_7"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a { + background: -moz-linear-gradient(left, #ffce3a 0%, #ffc107 100%); + background: -webkit-linear-gradient(left, #ffce3a 0%, #ffc107 100%); + background: linear-gradient(to right, #ffce3a 0%, #ffc107 100%); +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_7"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_7"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a { + background: #ffce3a; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_7"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_7"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li>ul, +[data-sibebarbg="color_7"][data-sidebar-style="modern"] .deznav .metismenu li>ul { + background-color: #ffce3a; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_7"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_7"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a { + background: #ffce3a; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_7"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_7"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before, +[data-sibebarbg="color_7"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before { + background: #fff; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_7"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a { + background: #ffc107; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_7"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_7"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_7"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a { + background: #ffce3a; + color: #fff; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_7"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_7"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_7"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul, +[data-sibebarbg="color_7"][data-layout="horizontal"] .deznav .metismenu li>ul { + background: #ffce3a; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_7"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i { + color: #ffc107 !important; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_7"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a { + background: #ffce3a; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul { + background: #ffce3a; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_7"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + background-color: #ffce3a; +} + +[data-sibebarbg="color_7"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_7"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + background: #ffce3a; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"], +[data-sibebarbg="color_8"] { + --sidebar-bg: #5bcfc5; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu a, +[data-sibebarbg="color_8"] .deznav .metismenu a { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, +[data-sibebarbg="color_8"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_8"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_8"] .deznav .metismenu li ul a.mm-active { + color: #fff; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu>li>a, +[data-sibebarbg="color_8"] .deznav .metismenu>li>a { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu>li>a i, +[data-sibebarbg="color_8"] .deznav .metismenu>li>a i { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_8"] .deznav .metismenu>li.mm-active>a { + background: rgba(255, 255, 255, 0.15); + color: #fff; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_8"] .deznav .metismenu>li.mm-active>a i { + color: #5bcfc5 !important; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, +[data-sibebarbg="color_8"] .deznav .metismenu .has-arrow:after { + border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .header-profile>a.nav-link, +[data-sibebarbg="color_8"] .deznav .header-profile>a.nav-link { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info span, +[data-sibebarbg="color_8"] .deznav .header-profile>a.nav-link .header-info span { + color: #fff; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info small, +[data-sibebarbg="color_8"] .deznav .header-profile>a.nav-link .header-info small { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_8"][data-theme-version="dark"] .deznav .copyright, +[data-sibebarbg="color_8"] .deznav .copyright { + color: #fff; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul, +[data-sibebarbg="color_8"][data-sidebar-style="mini"] .deznav .metismenu li>ul { + background-color: #82dbd3; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_8"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_8"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a { + background: #fff; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_8"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_8"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i { + color: #5bcfc5; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, +[data-sibebarbg="color_8"][data-sidebar-style="compact"] .deznav .metismenu li a:before { + background: #fff; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a, +[data-sibebarbg="color_8"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_8"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a { + background: -moz-linear-gradient(left, #82dbd3 0%, #5bcfc5 100%); + background: -webkit-linear-gradient(left, #82dbd3 0%, #5bcfc5 100%); + background: linear-gradient(to right, #82dbd3 0%, #5bcfc5 100%); +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_8"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_8"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a { + background: #82dbd3; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_8"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_8"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li>ul, +[data-sibebarbg="color_8"][data-sidebar-style="modern"] .deznav .metismenu li>ul { + background-color: #82dbd3; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_8"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_8"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a { + background: #82dbd3; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_8"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_8"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before, +[data-sibebarbg="color_8"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before { + background: #fff; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_8"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a { + background: #5bcfc5; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_8"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_8"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_8"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a { + background: #82dbd3; + color: #fff; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_8"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_8"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_8"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul, +[data-sibebarbg="color_8"][data-layout="horizontal"] .deznav .metismenu li>ul { + background: #82dbd3; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_8"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i { + color: #5bcfc5 !important; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_8"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a { + background: #82dbd3; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul { + background: #82dbd3; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_8"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + background-color: #82dbd3; +} + +[data-sibebarbg="color_8"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_8"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + background: #82dbd3; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"], +[data-sibebarbg="color_9"] { + --sidebar-bg: #20c997; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu a, +[data-sibebarbg="color_9"] .deznav .metismenu a { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, +[data-sibebarbg="color_9"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_9"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_9"] .deznav .metismenu li ul a.mm-active { + color: #fff; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu>li>a, +[data-sibebarbg="color_9"] .deznav .metismenu>li>a { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu>li>a i, +[data-sibebarbg="color_9"] .deznav .metismenu>li>a i { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_9"] .deznav .metismenu>li.mm-active>a { + background: rgba(255, 255, 255, 0.15); + color: #fff; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_9"] .deznav .metismenu>li.mm-active>a i { + color: #20c997 !important; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, +[data-sibebarbg="color_9"] .deznav .metismenu .has-arrow:after { + border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .header-profile>a.nav-link, +[data-sibebarbg="color_9"] .deznav .header-profile>a.nav-link { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info span, +[data-sibebarbg="color_9"] .deznav .header-profile>a.nav-link .header-info span { + color: #fff; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info small, +[data-sibebarbg="color_9"] .deznav .header-profile>a.nav-link .header-info small { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_9"][data-theme-version="dark"] .deznav .copyright, +[data-sibebarbg="color_9"] .deznav .copyright { + color: #fff; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul, +[data-sibebarbg="color_9"][data-sidebar-style="mini"] .deznav .metismenu li>ul { + background-color: #3ce0af; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_9"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_9"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a { + background: #fff; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_9"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_9"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i { + color: #20c997; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, +[data-sibebarbg="color_9"][data-sidebar-style="compact"] .deznav .metismenu li a:before { + background: #fff; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a, +[data-sibebarbg="color_9"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_9"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a { + background: -moz-linear-gradient(left, #3ce0af 0%, #20c997 100%); + background: -webkit-linear-gradient(left, #3ce0af 0%, #20c997 100%); + background: linear-gradient(to right, #3ce0af 0%, #20c997 100%); +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_9"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_9"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a { + background: #3ce0af; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_9"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_9"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li>ul, +[data-sibebarbg="color_9"][data-sidebar-style="modern"] .deznav .metismenu li>ul { + background-color: #3ce0af; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_9"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_9"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a { + background: #3ce0af; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_9"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_9"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before, +[data-sibebarbg="color_9"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before { + background: #fff; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_9"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a { + background: #20c997; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_9"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_9"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_9"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a { + background: #3ce0af; + color: #fff; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_9"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_9"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_9"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul, +[data-sibebarbg="color_9"][data-layout="horizontal"] .deznav .metismenu li>ul { + background: #3ce0af; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_9"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i { + color: #20c997 !important; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_9"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a { + background: #3ce0af; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul { + background: #3ce0af; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_9"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + background-color: #3ce0af; +} + +[data-sibebarbg="color_9"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_9"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + background: #3ce0af; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"], +[data-sibebarbg="color_10"] { + --sidebar-bg: #17a2b8; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu a, +[data-sibebarbg="color_10"] .deznav .metismenu a { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, +[data-sibebarbg="color_10"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_10"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_10"] .deznav .metismenu li ul a.mm-active { + color: #fff; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu>li>a, +[data-sibebarbg="color_10"] .deznav .metismenu>li>a { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu>li>a i, +[data-sibebarbg="color_10"] .deznav .metismenu>li>a i { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_10"] .deznav .metismenu>li.mm-active>a { + background: rgba(255, 255, 255, 0.15); + color: #fff; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_10"] .deznav .metismenu>li.mm-active>a i { + color: #17a2b8 !important; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, +[data-sibebarbg="color_10"] .deznav .metismenu .has-arrow:after { + border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .header-profile>a.nav-link, +[data-sibebarbg="color_10"] .deznav .header-profile>a.nav-link { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info span, +[data-sibebarbg="color_10"] .deznav .header-profile>a.nav-link .header-info span { + color: #fff; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info small, +[data-sibebarbg="color_10"] .deznav .header-profile>a.nav-link .header-info small { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_10"][data-theme-version="dark"] .deznav .copyright, +[data-sibebarbg="color_10"] .deznav .copyright { + color: #fff; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul, +[data-sibebarbg="color_10"][data-sidebar-style="mini"] .deznav .metismenu li>ul { + background-color: #1fc8e3; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_10"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_10"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a { + background: #fff; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_10"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_10"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i { + color: #17a2b8; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, +[data-sibebarbg="color_10"][data-sidebar-style="compact"] .deznav .metismenu li a:before { + background: #fff; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a, +[data-sibebarbg="color_10"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_10"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a { + background: -moz-linear-gradient(left, #1fc8e3 0%, #17a2b8 100%); + background: -webkit-linear-gradient(left, #1fc8e3 0%, #17a2b8 100%); + background: linear-gradient(to right, #1fc8e3 0%, #17a2b8 100%); +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_10"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_10"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a { + background: #1fc8e3; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_10"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_10"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li>ul, +[data-sibebarbg="color_10"][data-sidebar-style="modern"] .deznav .metismenu li>ul { + background-color: #1fc8e3; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_10"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_10"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a { + background: #1fc8e3; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_10"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_10"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before, +[data-sibebarbg="color_10"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before { + background: #fff; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_10"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a { + background: #17a2b8; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_10"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_10"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_10"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a { + background: #1fc8e3; + color: #fff; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_10"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_10"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_10"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul, +[data-sibebarbg="color_10"][data-layout="horizontal"] .deznav .metismenu li>ul { + background: #1fc8e3; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_10"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i { + color: #17a2b8 !important; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_10"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a { + background: #1fc8e3; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul { + background: #1fc8e3; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_10"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + background-color: #1fc8e3; +} + +[data-sibebarbg="color_10"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_10"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + background: #1fc8e3; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"], +[data-sibebarbg="color_11"] { + --sidebar-bg: #94618E; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu a, +[data-sibebarbg="color_11"] .deznav .metismenu a { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, +[data-sibebarbg="color_11"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_11"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_11"] .deznav .metismenu li ul a.mm-active { + color: #fff; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu>li>a, +[data-sibebarbg="color_11"] .deznav .metismenu>li>a { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu>li>a i, +[data-sibebarbg="color_11"] .deznav .metismenu>li>a i { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_11"] .deznav .metismenu>li.mm-active>a { + background: rgba(255, 255, 255, 0.15); + color: #fff; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_11"] .deznav .metismenu>li.mm-active>a i { + color: #94618E !important; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, +[data-sibebarbg="color_11"] .deznav .metismenu .has-arrow:after { + border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .header-profile>a.nav-link, +[data-sibebarbg="color_11"] .deznav .header-profile>a.nav-link { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info span, +[data-sibebarbg="color_11"] .deznav .header-profile>a.nav-link .header-info span { + color: #fff; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info small, +[data-sibebarbg="color_11"] .deznav .header-profile>a.nav-link .header-info small { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_11"][data-theme-version="dark"] .deznav .copyright, +[data-sibebarbg="color_11"] .deznav .copyright { + color: #fff; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul, +[data-sibebarbg="color_11"][data-sidebar-style="mini"] .deznav .metismenu li>ul { + background-color: #aa7ea5; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_11"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_11"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a { + background: #fff; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_11"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_11"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i { + color: #94618E; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, +[data-sibebarbg="color_11"][data-sidebar-style="compact"] .deznav .metismenu li a:before { + background: #fff; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a, +[data-sibebarbg="color_11"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_11"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a { + background: -moz-linear-gradient(left, #aa7ea5 0%, #94618E 100%); + background: -webkit-linear-gradient(left, #aa7ea5 0%, #94618E 100%); + background: linear-gradient(to right, #aa7ea5 0%, #94618E 100%); +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_11"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_11"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a { + background: #aa7ea5; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_11"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_11"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li>ul, +[data-sibebarbg="color_11"][data-sidebar-style="modern"] .deznav .metismenu li>ul { + background-color: #aa7ea5; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_11"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_11"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a { + background: #aa7ea5; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_11"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_11"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before, +[data-sibebarbg="color_11"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before { + background: #fff; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_11"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a { + background: #94618E; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_11"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_11"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_11"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a { + background: #aa7ea5; + color: #fff; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_11"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_11"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_11"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul, +[data-sibebarbg="color_11"][data-layout="horizontal"] .deznav .metismenu li>ul { + background: #aa7ea5; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_11"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i { + color: #94618E !important; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_11"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a { + background: #aa7ea5; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul { + background: #aa7ea5; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_11"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + background-color: #aa7ea5; +} + +[data-sibebarbg="color_11"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_11"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + background: #aa7ea5; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"], +[data-sibebarbg="color_12"] { + --sidebar-bg: #343a40; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu a, +[data-sibebarbg="color_12"] .deznav .metismenu a { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, +[data-sibebarbg="color_12"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_12"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_12"] .deznav .metismenu li ul a.mm-active { + color: #fff; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu>li>a, +[data-sibebarbg="color_12"] .deznav .metismenu>li>a { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu>li>a i, +[data-sibebarbg="color_12"] .deznav .metismenu>li>a i { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_12"] .deznav .metismenu>li.mm-active>a { + background: rgba(255, 255, 255, 0.15); + color: #fff; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_12"] .deznav .metismenu>li.mm-active>a i { + color: #343a40 !important; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, +[data-sibebarbg="color_12"] .deznav .metismenu .has-arrow:after { + border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .header-profile>a.nav-link, +[data-sibebarbg="color_12"] .deznav .header-profile>a.nav-link { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info span, +[data-sibebarbg="color_12"] .deznav .header-profile>a.nav-link .header-info span { + color: #fff; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info small, +[data-sibebarbg="color_12"] .deznav .header-profile>a.nav-link .header-info small { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_12"][data-theme-version="dark"] .deznav .copyright, +[data-sibebarbg="color_12"] .deznav .copyright { + color: #fff; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul, +[data-sibebarbg="color_12"][data-sidebar-style="mini"] .deznav .metismenu li>ul { + background-color: #4b545c; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_12"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_12"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a { + background: #fff; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_12"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_12"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i { + color: #343a40; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, +[data-sibebarbg="color_12"][data-sidebar-style="compact"] .deznav .metismenu li a:before { + background: #fff; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a, +[data-sibebarbg="color_12"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_12"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a { + background: -moz-linear-gradient(left, #4b545c 0%, #343a40 100%); + background: -webkit-linear-gradient(left, #4b545c 0%, #343a40 100%); + background: linear-gradient(to right, #4b545c 0%, #343a40 100%); +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_12"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_12"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a { + background: #4b545c; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_12"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_12"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li>ul, +[data-sibebarbg="color_12"][data-sidebar-style="modern"] .deznav .metismenu li>ul { + background-color: #4b545c; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_12"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_12"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a { + background: #4b545c; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_12"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_12"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before, +[data-sibebarbg="color_12"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before { + background: #fff; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_12"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a { + background: #343a40; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_12"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_12"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_12"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a { + background: #4b545c; + color: #fff; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_12"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_12"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_12"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul, +[data-sibebarbg="color_12"][data-layout="horizontal"] .deznav .metismenu li>ul { + background: #4b545c; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_12"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i { + color: #343a40 !important; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_12"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a { + background: #4b545c; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul { + background: #4b545c; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_12"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + background-color: #4b545c; +} + +[data-sibebarbg="color_12"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_12"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + background: #4b545c; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"], +[data-sibebarbg="color_13"] { + --sidebar-bg: #2a2a2a; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu a, +[data-sibebarbg="color_13"] .deznav .metismenu a { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, +[data-sibebarbg="color_13"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_13"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_13"] .deznav .metismenu li ul a.mm-active { + color: #fff; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu>li>a, +[data-sibebarbg="color_13"] .deznav .metismenu>li>a { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu>li>a i, +[data-sibebarbg="color_13"] .deznav .metismenu>li>a i { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_13"] .deznav .metismenu>li.mm-active>a { + background: rgba(255, 255, 255, 0.15); + color: #fff; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_13"] .deznav .metismenu>li.mm-active>a i { + color: #2a2a2a !important; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, +[data-sibebarbg="color_13"] .deznav .metismenu .has-arrow:after { + border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .header-profile>a.nav-link, +[data-sibebarbg="color_13"] .deznav .header-profile>a.nav-link { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info span, +[data-sibebarbg="color_13"] .deznav .header-profile>a.nav-link .header-info span { + color: #fff; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info small, +[data-sibebarbg="color_13"] .deznav .header-profile>a.nav-link .header-info small { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_13"][data-theme-version="dark"] .deznav .copyright, +[data-sibebarbg="color_13"] .deznav .copyright { + color: #fff; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul, +[data-sibebarbg="color_13"][data-sidebar-style="mini"] .deznav .metismenu li>ul { + background-color: #444444; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_13"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_13"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a { + background: #fff; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_13"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_13"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i { + color: #2a2a2a; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, +[data-sibebarbg="color_13"][data-sidebar-style="compact"] .deznav .metismenu li a:before { + background: #fff; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a, +[data-sibebarbg="color_13"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_13"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a { + background: -moz-linear-gradient(left, #444444 0%, #2a2a2a 100%); + background: -webkit-linear-gradient(left, #444444 0%, #2a2a2a 100%); + background: linear-gradient(to right, #444444 0%, #2a2a2a 100%); +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_13"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_13"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a { + background: #444444; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_13"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_13"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li>ul, +[data-sibebarbg="color_13"][data-sidebar-style="modern"] .deznav .metismenu li>ul { + background-color: #444444; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_13"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_13"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a { + background: #444444; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_13"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_13"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before, +[data-sibebarbg="color_13"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before { + background: #fff; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_13"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a { + background: #2a2a2a; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_13"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_13"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_13"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a { + background: #444444; + color: #fff; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_13"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_13"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_13"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul, +[data-sibebarbg="color_13"][data-layout="horizontal"] .deznav .metismenu li>ul { + background: #444444; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_13"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i { + color: #2a2a2a !important; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_13"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a { + background: #444444; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul { + background: #444444; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_13"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + background-color: #444444; +} + +[data-sibebarbg="color_13"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_13"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + background: #444444; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"], +[data-sibebarbg="color_14"] { + --sidebar-bg: #4885ed; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu a, +[data-sibebarbg="color_14"] .deznav .metismenu a { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, +[data-sibebarbg="color_14"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_14"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_14"] .deznav .metismenu li ul a.mm-active { + color: #fff; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu>li>a, +[data-sibebarbg="color_14"] .deznav .metismenu>li>a { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu>li>a i, +[data-sibebarbg="color_14"] .deznav .metismenu>li>a i { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_14"] .deznav .metismenu>li.mm-active>a { + background: rgba(255, 255, 255, 0.15); + color: #fff; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_14"] .deznav .metismenu>li.mm-active>a i { + color: #4885ed !important; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, +[data-sibebarbg="color_14"] .deznav .metismenu .has-arrow:after { + border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .header-profile>a.nav-link, +[data-sibebarbg="color_14"] .deznav .header-profile>a.nav-link { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info span, +[data-sibebarbg="color_14"] .deznav .header-profile>a.nav-link .header-info span { + color: #fff; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info small, +[data-sibebarbg="color_14"] .deznav .header-profile>a.nav-link .header-info small { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_14"][data-theme-version="dark"] .deznav .copyright, +[data-sibebarbg="color_14"] .deznav .copyright { + color: #fff; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul, +[data-sibebarbg="color_14"][data-sidebar-style="mini"] .deznav .metismenu li>ul { + background-color: #76a4f2; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_14"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_14"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a { + background: #fff; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_14"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_14"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i { + color: #4885ed; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, +[data-sibebarbg="color_14"][data-sidebar-style="compact"] .deznav .metismenu li a:before { + background: #fff; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a, +[data-sibebarbg="color_14"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_14"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a { + background: -moz-linear-gradient(left, #76a4f2 0%, #4885ed 100%); + background: -webkit-linear-gradient(left, #76a4f2 0%, #4885ed 100%); + background: linear-gradient(to right, #76a4f2 0%, #4885ed 100%); +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_14"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_14"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a { + background: #76a4f2; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_14"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_14"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li>ul, +[data-sibebarbg="color_14"][data-sidebar-style="modern"] .deznav .metismenu li>ul { + background-color: #76a4f2; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_14"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_14"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a { + background: #76a4f2; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_14"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_14"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before, +[data-sibebarbg="color_14"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before { + background: #fff; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_14"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a { + background: #4885ed; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_14"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_14"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_14"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a { + background: #76a4f2; + color: #fff; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_14"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_14"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_14"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul, +[data-sibebarbg="color_14"][data-layout="horizontal"] .deznav .metismenu li>ul { + background: #76a4f2; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_14"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i { + color: #4885ed !important; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_14"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a { + background: #76a4f2; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul { + background: #76a4f2; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_14"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + background-color: #76a4f2; +} + +[data-sibebarbg="color_14"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_14"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + background: #76a4f2; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"], +[data-sibebarbg="color_15"] { + --sidebar-bg: #4cb32b; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu a, +[data-sibebarbg="color_15"] .deznav .metismenu a { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu li ul a.mm-active, +[data-sibebarbg="color_15"] .deznav .metismenu li ul a:hover, +[data-sibebarbg="color_15"] .deznav .metismenu li ul a:focus, +[data-sibebarbg="color_15"] .deznav .metismenu li ul a.mm-active { + color: #fff; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu>li>a, +[data-sibebarbg="color_15"] .deznav .metismenu>li>a { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu>li>a i, +[data-sibebarbg="color_15"] .deznav .metismenu>li>a i { + color: rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_15"] .deznav .metismenu>li.mm-active>a { + background: rgba(255, 255, 255, 0.15); + color: #fff; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_15"] .deznav .metismenu>li.mm-active>a i { + color: #4cb32b !important; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .metismenu .has-arrow:after, +[data-sibebarbg="color_15"] .deznav .metismenu .has-arrow:after { + border-color: rgba(255, 255, 255, 0.85) transparent transparent rgba(255, 255, 255, 0.85); +} + +[data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .header-profile>a.nav-link, +[data-sibebarbg="color_15"] .deznav .header-profile>a.nav-link { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info span, +[data-sibebarbg="color_15"] .deznav .header-profile>a.nav-link .header-info span { + color: #fff; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info small, +[data-sibebarbg="color_15"] .deznav .header-profile>a.nav-link .header-info small { + color: rgba(255, 255, 255, 0.8); +} + +[data-sibebarbg="color_15"][data-theme-version="dark"] .deznav .copyright, +[data-sibebarbg="color_15"] .deznav .copyright { + color: #fff; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul, +[data-sibebarbg="color_15"][data-sidebar-style="mini"] .deznav .metismenu li>ul { + background-color: #63d140; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_15"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_15"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a { + background: #fff; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_15"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_15"][data-sidebar-style="mini"] .deznav .metismenu>li:hover>a i { + color: #4cb32b; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li a:before, +[data-sibebarbg="color_15"][data-sidebar-style="compact"] .deznav .metismenu li a:before { + background: #fff; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a, +[data-sibebarbg="color_15"][data-sidebar-style="compact"] .deznav .metismenu li.mm-active>a, +[data-sibebarbg="color_15"][data-sidebar-style="compact"] .deznav .metismenu li:hover>a { + background: -moz-linear-gradient(left, #63d140 0%, #4cb32b 100%); + background: -webkit-linear-gradient(left, #63d140 0%, #4cb32b 100%); + background: linear-gradient(to right, #63d140 0%, #4cb32b 100%); +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_15"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_15"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a { + background: #63d140; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_15"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_15"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu li>ul, +[data-sibebarbg="color_15"][data-sidebar-style="modern"] .deznav .metismenu li>ul { + background-color: #63d140; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_15"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_15"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a { + background: #63d140; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_15"][data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_15"][data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before, +[data-sibebarbg="color_15"][data-sidebar-style="overlay"] .deznav .metismenu>li>a:before { + background: #fff; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_15"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a { + background: #4cb32b; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_15"][data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_15"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_15"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a { + background: #63d140; + color: #fff; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i, +[data-sibebarbg="color_15"][data-sidebar-style="icon-hover"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_15"][data-sidebar-style="icon-hover"] .deznav .metismenu>li:hover>a i { + color: #fff !important; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_15"][data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul, +[data-sibebarbg="color_15"][data-layout="horizontal"] .deznav .metismenu li>ul { + background: #63d140; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i, +[data-sibebarbg="color_15"][data-layout="horizontal"][data-sidebar-style="mini"] .deznav .metismenu>li.mm-active>a i { + color: #4cb32b !important; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_15"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a, +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a { + background: #63d140; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="overlay"] .menu-toggle .deznav .metismenu li>ul { + background: #63d140; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a, +[data-sibebarbg="color_15"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + background-color: #63d140; +} + +[data-sibebarbg="color_15"][data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul, +[data-sibebarbg="color_15"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + background: #63d140; +} + +[data-headerbg="color_2"][data-theme-version="dark"], +[data-headerbg="color_2"] { + --headerbg: #6610f2; +} + +[data-headerbg="color_2"][data-theme-version="dark"] .hamburger .line, +[data-headerbg="color_2"] .hamburger .line { + background: #fff; +} + +[data-headerbg="color_2"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, +[data-headerbg="color_2"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: #fff; +} + +[data-headerbg="color_2"][data-theme-version="dark"] .header-left .dashboard_bar, +[data-headerbg="color_2"] .header-left .dashboard_bar { + color: #fff; +} + +[data-headerbg="color_2"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info, +[data-headerbg="color_2"] .header-right .header-profile>a.nav-link .header-info { + border: 0; +} + +[data-headerbg="color_2"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info .text-black, +[data-headerbg="color_2"] .header-right .header-profile>a.nav-link .header-info .text-black { + color: #fff !important; +} + +[data-headerbg="color_2"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info p, +[data-headerbg="color_2"] .header-right .header-profile>a.nav-link .header-info p { + color: rgba(255, 255, 255, 0.7); +} + +[data-headerbg="color_2"][data-theme-version="dark"] .search-area .form-control, +[data-headerbg="color_2"] .search-area .form-control { + background: #fff; +} + +[data-headerbg="color_2"][data-theme-version="dark"] .search-area .input-group-text, +[data-headerbg="color_2"] .search-area .input-group-text { + background: #fff; +} + +[data-headerbg="color_3"][data-theme-version="dark"], +[data-headerbg="color_3"] { + --headerbg: #40189D; +} + +[data-headerbg="color_3"][data-theme-version="dark"] .hamburger .line, +[data-headerbg="color_3"] .hamburger .line { + background: #fff; +} + +[data-headerbg="color_3"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, +[data-headerbg="color_3"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: #fff; +} + +[data-headerbg="color_3"][data-theme-version="dark"] .header-left .dashboard_bar, +[data-headerbg="color_3"] .header-left .dashboard_bar { + color: #fff; +} + +[data-headerbg="color_3"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info, +[data-headerbg="color_3"] .header-right .header-profile>a.nav-link .header-info { + border: 0; +} + +[data-headerbg="color_3"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info .text-black, +[data-headerbg="color_3"] .header-right .header-profile>a.nav-link .header-info .text-black { + color: #fff !important; +} + +[data-headerbg="color_3"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info p, +[data-headerbg="color_3"] .header-right .header-profile>a.nav-link .header-info p { + color: rgba(255, 255, 255, 0.7); +} + +[data-headerbg="color_3"][data-theme-version="dark"] .search-area .form-control, +[data-headerbg="color_3"] .search-area .form-control { + background: #fff; +} + +[data-headerbg="color_3"][data-theme-version="dark"] .search-area .input-group-text, +[data-headerbg="color_3"] .search-area .input-group-text { + background: #fff; +} + +[data-headerbg="color_4"][data-theme-version="dark"], +[data-headerbg="color_4"] { + --headerbg: #4d06a5; +} + +[data-headerbg="color_4"][data-theme-version="dark"] .hamburger .line, +[data-headerbg="color_4"] .hamburger .line { + background: #fff; +} + +[data-headerbg="color_4"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, +[data-headerbg="color_4"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: #fff; +} + +[data-headerbg="color_4"][data-theme-version="dark"] .header-left .dashboard_bar, +[data-headerbg="color_4"] .header-left .dashboard_bar { + color: #fff; +} + +[data-headerbg="color_4"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info, +[data-headerbg="color_4"] .header-right .header-profile>a.nav-link .header-info { + border: 0; +} + +[data-headerbg="color_4"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info .text-black, +[data-headerbg="color_4"] .header-right .header-profile>a.nav-link .header-info .text-black { + color: #fff !important; +} + +[data-headerbg="color_4"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info p, +[data-headerbg="color_4"] .header-right .header-profile>a.nav-link .header-info p { + color: rgba(255, 255, 255, 0.7); +} + +[data-headerbg="color_4"][data-theme-version="dark"] .search-area .form-control, +[data-headerbg="color_4"] .search-area .form-control { + background: #fff; +} + +[data-headerbg="color_4"][data-theme-version="dark"] .search-area .input-group-text, +[data-headerbg="color_4"] .search-area .input-group-text { + background: #fff; +} + +[data-headerbg="color_5"][data-theme-version="dark"], +[data-headerbg="color_5"] { + --headerbg: #dc3545; +} + +[data-headerbg="color_5"][data-theme-version="dark"] .hamburger .line, +[data-headerbg="color_5"] .hamburger .line { + background: #fff; +} + +[data-headerbg="color_5"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, +[data-headerbg="color_5"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: #fff; +} + +[data-headerbg="color_5"][data-theme-version="dark"] .header-left .dashboard_bar, +[data-headerbg="color_5"] .header-left .dashboard_bar { + color: #fff; +} + +[data-headerbg="color_5"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info, +[data-headerbg="color_5"] .header-right .header-profile>a.nav-link .header-info { + border: 0; +} + +[data-headerbg="color_5"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info .text-black, +[data-headerbg="color_5"] .header-right .header-profile>a.nav-link .header-info .text-black { + color: #fff !important; +} + +[data-headerbg="color_5"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info p, +[data-headerbg="color_5"] .header-right .header-profile>a.nav-link .header-info p { + color: rgba(255, 255, 255, 0.7); +} + +[data-headerbg="color_5"][data-theme-version="dark"] .search-area .form-control, +[data-headerbg="color_5"] .search-area .form-control { + background: #fff; +} + +[data-headerbg="color_5"][data-theme-version="dark"] .search-area .input-group-text, +[data-headerbg="color_5"] .search-area .input-group-text { + background: #fff; +} + +[data-headerbg="color_6"][data-theme-version="dark"], +[data-headerbg="color_6"] { + --headerbg: #fd7e14; +} + +[data-headerbg="color_6"][data-theme-version="dark"] .hamburger .line, +[data-headerbg="color_6"] .hamburger .line { + background: #fff; +} + +[data-headerbg="color_6"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, +[data-headerbg="color_6"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: #fff; +} + +[data-headerbg="color_6"][data-theme-version="dark"] .header-left .dashboard_bar, +[data-headerbg="color_6"] .header-left .dashboard_bar { + color: #fff; +} + +[data-headerbg="color_6"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info, +[data-headerbg="color_6"] .header-right .header-profile>a.nav-link .header-info { + border: 0; +} + +[data-headerbg="color_6"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info .text-black, +[data-headerbg="color_6"] .header-right .header-profile>a.nav-link .header-info .text-black { + color: #fff !important; +} + +[data-headerbg="color_6"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info p, +[data-headerbg="color_6"] .header-right .header-profile>a.nav-link .header-info p { + color: rgba(255, 255, 255, 0.7); +} + +[data-headerbg="color_6"][data-theme-version="dark"] .search-area .form-control, +[data-headerbg="color_6"] .search-area .form-control { + background: #fff; +} + +[data-headerbg="color_6"][data-theme-version="dark"] .search-area .input-group-text, +[data-headerbg="color_6"] .search-area .input-group-text { + background: #fff; +} + +[data-headerbg="color_7"][data-theme-version="dark"], +[data-headerbg="color_7"] { + --headerbg: #ffc107; +} + +[data-headerbg="color_7"][data-theme-version="dark"] .hamburger .line, +[data-headerbg="color_7"] .hamburger .line { + background: #fff; +} + +[data-headerbg="color_7"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, +[data-headerbg="color_7"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: #fff; +} + +[data-headerbg="color_7"][data-theme-version="dark"] .header-left .dashboard_bar, +[data-headerbg="color_7"] .header-left .dashboard_bar { + color: #fff; +} + +[data-headerbg="color_7"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info, +[data-headerbg="color_7"] .header-right .header-profile>a.nav-link .header-info { + border: 0; +} + +[data-headerbg="color_7"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info .text-black, +[data-headerbg="color_7"] .header-right .header-profile>a.nav-link .header-info .text-black { + color: #fff !important; +} + +[data-headerbg="color_7"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info p, +[data-headerbg="color_7"] .header-right .header-profile>a.nav-link .header-info p { + color: rgba(255, 255, 255, 0.7); +} + +[data-headerbg="color_7"][data-theme-version="dark"] .search-area .form-control, +[data-headerbg="color_7"] .search-area .form-control { + background: #fff; +} + +[data-headerbg="color_7"][data-theme-version="dark"] .search-area .input-group-text, +[data-headerbg="color_7"] .search-area .input-group-text { + background: #fff; +} + +[data-headerbg="color_8"][data-theme-version="dark"], +[data-headerbg="color_8"] { + --headerbg: #5bcfc5; +} + +[data-headerbg="color_8"][data-theme-version="dark"] .hamburger .line, +[data-headerbg="color_8"] .hamburger .line { + background: #fff; +} + +[data-headerbg="color_8"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, +[data-headerbg="color_8"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: #fff; +} + +[data-headerbg="color_8"][data-theme-version="dark"] .header-left .dashboard_bar, +[data-headerbg="color_8"] .header-left .dashboard_bar { + color: #fff; +} + +[data-headerbg="color_8"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info, +[data-headerbg="color_8"] .header-right .header-profile>a.nav-link .header-info { + border: 0; +} + +[data-headerbg="color_8"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info .text-black, +[data-headerbg="color_8"] .header-right .header-profile>a.nav-link .header-info .text-black { + color: #fff !important; +} + +[data-headerbg="color_8"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info p, +[data-headerbg="color_8"] .header-right .header-profile>a.nav-link .header-info p { + color: rgba(255, 255, 255, 0.7); +} + +[data-headerbg="color_8"][data-theme-version="dark"] .search-area .form-control, +[data-headerbg="color_8"] .search-area .form-control { + background: #fff; +} + +[data-headerbg="color_8"][data-theme-version="dark"] .search-area .input-group-text, +[data-headerbg="color_8"] .search-area .input-group-text { + background: #fff; +} + +[data-headerbg="color_9"][data-theme-version="dark"], +[data-headerbg="color_9"] { + --headerbg: #20c997; +} + +[data-headerbg="color_9"][data-theme-version="dark"] .hamburger .line, +[data-headerbg="color_9"] .hamburger .line { + background: #fff; +} + +[data-headerbg="color_9"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, +[data-headerbg="color_9"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: #fff; +} + +[data-headerbg="color_9"][data-theme-version="dark"] .header-left .dashboard_bar, +[data-headerbg="color_9"] .header-left .dashboard_bar { + color: #fff; +} + +[data-headerbg="color_9"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info, +[data-headerbg="color_9"] .header-right .header-profile>a.nav-link .header-info { + border: 0; +} + +[data-headerbg="color_9"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info .text-black, +[data-headerbg="color_9"] .header-right .header-profile>a.nav-link .header-info .text-black { + color: #fff !important; +} + +[data-headerbg="color_9"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info p, +[data-headerbg="color_9"] .header-right .header-profile>a.nav-link .header-info p { + color: rgba(255, 255, 255, 0.7); +} + +[data-headerbg="color_9"][data-theme-version="dark"] .search-area .form-control, +[data-headerbg="color_9"] .search-area .form-control { + background: #fff; +} + +[data-headerbg="color_9"][data-theme-version="dark"] .search-area .input-group-text, +[data-headerbg="color_9"] .search-area .input-group-text { + background: #fff; +} + +[data-headerbg="color_10"][data-theme-version="dark"], +[data-headerbg="color_10"] { + --headerbg: #17a2b8; +} + +[data-headerbg="color_10"][data-theme-version="dark"] .hamburger .line, +[data-headerbg="color_10"] .hamburger .line { + background: #fff; +} + +[data-headerbg="color_10"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, +[data-headerbg="color_10"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: #fff; +} + +[data-headerbg="color_10"][data-theme-version="dark"] .header-left .dashboard_bar, +[data-headerbg="color_10"] .header-left .dashboard_bar { + color: #fff; +} + +[data-headerbg="color_10"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info, +[data-headerbg="color_10"] .header-right .header-profile>a.nav-link .header-info { + border: 0; +} + +[data-headerbg="color_10"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info .text-black, +[data-headerbg="color_10"] .header-right .header-profile>a.nav-link .header-info .text-black { + color: #fff !important; +} + +[data-headerbg="color_10"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info p, +[data-headerbg="color_10"] .header-right .header-profile>a.nav-link .header-info p { + color: rgba(255, 255, 255, 0.7); +} + +[data-headerbg="color_10"][data-theme-version="dark"] .search-area .form-control, +[data-headerbg="color_10"] .search-area .form-control { + background: #fff; +} + +[data-headerbg="color_10"][data-theme-version="dark"] .search-area .input-group-text, +[data-headerbg="color_10"] .search-area .input-group-text { + background: #fff; +} + +[data-headerbg="color_11"][data-theme-version="dark"], +[data-headerbg="color_11"] { + --headerbg: #94618E; +} + +[data-headerbg="color_11"][data-theme-version="dark"] .hamburger .line, +[data-headerbg="color_11"] .hamburger .line { + background: #fff; +} + +[data-headerbg="color_11"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, +[data-headerbg="color_11"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: #fff; +} + +[data-headerbg="color_11"][data-theme-version="dark"] .header-left .dashboard_bar, +[data-headerbg="color_11"] .header-left .dashboard_bar { + color: #fff; +} + +[data-headerbg="color_11"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info, +[data-headerbg="color_11"] .header-right .header-profile>a.nav-link .header-info { + border: 0; +} + +[data-headerbg="color_11"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info .text-black, +[data-headerbg="color_11"] .header-right .header-profile>a.nav-link .header-info .text-black { + color: #fff !important; +} + +[data-headerbg="color_11"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info p, +[data-headerbg="color_11"] .header-right .header-profile>a.nav-link .header-info p { + color: rgba(255, 255, 255, 0.7); +} + +[data-headerbg="color_11"][data-theme-version="dark"] .search-area .form-control, +[data-headerbg="color_11"] .search-area .form-control { + background: #fff; +} + +[data-headerbg="color_11"][data-theme-version="dark"] .search-area .input-group-text, +[data-headerbg="color_11"] .search-area .input-group-text { + background: #fff; +} + +[data-headerbg="color_12"][data-theme-version="dark"], +[data-headerbg="color_12"] { + --headerbg: #343a40; +} + +[data-headerbg="color_12"][data-theme-version="dark"] .hamburger .line, +[data-headerbg="color_12"] .hamburger .line { + background: #fff; +} + +[data-headerbg="color_12"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, +[data-headerbg="color_12"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: #fff; +} + +[data-headerbg="color_12"][data-theme-version="dark"] .header-left .dashboard_bar, +[data-headerbg="color_12"] .header-left .dashboard_bar { + color: #fff; +} + +[data-headerbg="color_12"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info, +[data-headerbg="color_12"] .header-right .header-profile>a.nav-link .header-info { + border: 0; +} + +[data-headerbg="color_12"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info .text-black, +[data-headerbg="color_12"] .header-right .header-profile>a.nav-link .header-info .text-black { + color: #fff !important; +} + +[data-headerbg="color_12"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info p, +[data-headerbg="color_12"] .header-right .header-profile>a.nav-link .header-info p { + color: rgba(255, 255, 255, 0.7); +} + +[data-headerbg="color_12"][data-theme-version="dark"] .search-area .form-control, +[data-headerbg="color_12"] .search-area .form-control { + background: #fff; +} + +[data-headerbg="color_12"][data-theme-version="dark"] .search-area .input-group-text, +[data-headerbg="color_12"] .search-area .input-group-text { + background: #fff; +} + +[data-headerbg="color_13"][data-theme-version="dark"], +[data-headerbg="color_13"] { + --headerbg: #2a2a2a; +} + +[data-headerbg="color_13"][data-theme-version="dark"] .hamburger .line, +[data-headerbg="color_13"] .hamburger .line { + background: #fff; +} + +[data-headerbg="color_13"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, +[data-headerbg="color_13"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: #fff; +} + +[data-headerbg="color_13"][data-theme-version="dark"] .header-left .dashboard_bar, +[data-headerbg="color_13"] .header-left .dashboard_bar { + color: #fff; +} + +[data-headerbg="color_13"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info, +[data-headerbg="color_13"] .header-right .header-profile>a.nav-link .header-info { + border: 0; +} + +[data-headerbg="color_13"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info .text-black, +[data-headerbg="color_13"] .header-right .header-profile>a.nav-link .header-info .text-black { + color: #fff !important; +} + +[data-headerbg="color_13"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info p, +[data-headerbg="color_13"] .header-right .header-profile>a.nav-link .header-info p { + color: rgba(255, 255, 255, 0.7); +} + +[data-headerbg="color_13"][data-theme-version="dark"] .search-area .form-control, +[data-headerbg="color_13"] .search-area .form-control { + background: #fff; +} + +[data-headerbg="color_13"][data-theme-version="dark"] .search-area .input-group-text, +[data-headerbg="color_13"] .search-area .input-group-text { + background: #fff; +} + +[data-headerbg="color_14"][data-theme-version="dark"], +[data-headerbg="color_14"] { + --headerbg: #4885ed; +} + +[data-headerbg="color_14"][data-theme-version="dark"] .hamburger .line, +[data-headerbg="color_14"] .hamburger .line { + background: #fff; +} + +[data-headerbg="color_14"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, +[data-headerbg="color_14"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: #fff; +} + +[data-headerbg="color_14"][data-theme-version="dark"] .header-left .dashboard_bar, +[data-headerbg="color_14"] .header-left .dashboard_bar { + color: #fff; +} + +[data-headerbg="color_14"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info, +[data-headerbg="color_14"] .header-right .header-profile>a.nav-link .header-info { + border: 0; +} + +[data-headerbg="color_14"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info .text-black, +[data-headerbg="color_14"] .header-right .header-profile>a.nav-link .header-info .text-black { + color: #fff !important; +} + +[data-headerbg="color_14"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info p, +[data-headerbg="color_14"] .header-right .header-profile>a.nav-link .header-info p { + color: rgba(255, 255, 255, 0.7); +} + +[data-headerbg="color_14"][data-theme-version="dark"] .search-area .form-control, +[data-headerbg="color_14"] .search-area .form-control { + background: #fff; +} + +[data-headerbg="color_14"][data-theme-version="dark"] .search-area .input-group-text, +[data-headerbg="color_14"] .search-area .input-group-text { + background: #fff; +} + +[data-headerbg="color_15"][data-theme-version="dark"], +[data-headerbg="color_15"] { + --headerbg: #4cb32b; +} + +[data-headerbg="color_15"][data-theme-version="dark"] .hamburger .line, +[data-headerbg="color_15"] .hamburger .line { + background: #fff; +} + +[data-headerbg="color_15"][data-theme-version="dark"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line, +[data-headerbg="color_15"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: #fff; +} + +[data-headerbg="color_15"][data-theme-version="dark"] .header-left .dashboard_bar, +[data-headerbg="color_15"] .header-left .dashboard_bar { + color: #fff; +} + +[data-headerbg="color_15"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info, +[data-headerbg="color_15"] .header-right .header-profile>a.nav-link .header-info { + border: 0; +} + +[data-headerbg="color_15"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info .text-black, +[data-headerbg="color_15"] .header-right .header-profile>a.nav-link .header-info .text-black { + color: #fff !important; +} + +[data-headerbg="color_15"][data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info p, +[data-headerbg="color_15"] .header-right .header-profile>a.nav-link .header-info p { + color: rgba(255, 255, 255, 0.7); +} + +[data-headerbg="color_15"][data-theme-version="dark"] .search-area .form-control, +[data-headerbg="color_15"] .search-area .form-control { + background: #fff; +} + +[data-headerbg="color_15"][data-theme-version="dark"] .search-area .input-group-text, +[data-headerbg="color_15"] .search-area .input-group-text { + background: #fff; +} + +@media (min-width: 992px) { + [data-container="boxed"] #main-wrapper { + max-width: 1199px; + margin: 0 auto; + } + + [direction="rtl"][data-container="boxed"] #main-wrapper { + text-align: right; + } +} + +@media only screen and (min-width: 1350px) { + [data-layout="vertical"][data-sidebar-style="overlay"][data-container="boxed"][data-header-position="fixed"] .header { + width: 1199px; + } +} + +@media only screen and (min-width: 1200px) and (max-width: 1349px) { + [data-layout="vertical"][data-sidebar-style="overlay"][data-container="boxed"][data-header-position="fixed"] .header { + width: 1199px; + } +} + +[data-header-position="fixed"][data-layout="horizontal"][data-container="boxed"] .deznav { + max-width: 1199px; +} + +[data-layout="horizontal"][data-container="boxed"][data-header-position="fixed"] .header { + width: 1199px; +} + +[data-layout="horizontal"][data-container="boxed"][data-header-position="fixed"][data-sidebar-style="mini"] .header { + width: 1199px; +} + +[data-container="boxed"] .metismenu.fixed { + left: auto; + max-width: 1199px; +} + +[data-container="boxed"] .page-titles { + margin-bottom: 3rem; + padding: 15px 15px; +} + +[data-container="boxed"] .content-body .container-fluid, +[data-container="boxed"] .content-body .container-sm, +[data-container="boxed"] .content-body .container-md, +[data-container="boxed"] .content-body .container-lg, +[data-container="boxed"] .content-body .container-xl { + padding: 0.9375rem 0.9375rem 0 0.9375rem; +} + +[data-container="boxed"][data-layout="vertical"] .page-titles { + margin-left: 0; + margin-right: 0; +} + +[data-layout="vertical"][data-container="boxed"][data-sidebar-position="fixed"][data-header-position="static"][data-sidebar-style="overlay"] .nav-header { + position: absolute; +} + +[data-layout="vertical"][data-container="boxed"][data-sidebar-position="fixed"][data-header-position="static"][data-sidebar-style="overlay"] .menu-toggle .deznav { + position: absolute; +} + +[data-container="boxed"][data-sidebar-position="fixed"][data-layout="horizontal"] .deznav.fixed { + left: auto; + max-width: 1199px; +} + +@media (min-width: 992px) { + [data-container="wide-boxed"] #main-wrapper { + max-width: 1480px; + margin: 0 auto; + } +} + +@media (min-width: 992px) { + [data-container="wide-boxed"][data-sidebar-style="full"] .header { + width: 100%; + } + + [data-container="wide-boxed"][data-sidebar-style="full"] .menu-toggle .header { + width: 100%; + } + + [data-header-position="fixed"][data-container="wide-boxed"][data-sidebar-style="full"] .header { + max-width: 1480px; + } + + [data-header-position="fixed"][data-container="wide-boxed"][data-sidebar-style="full"] .menu-toggle .header { + max-width: 1480px; + } +} + +@media (min-width: 992px) { + [data-container="wide-boxed"][data-sidebar-style="mini"] .header { + width: 100%; + } + + [data-header-position="fixed"][data-container="wide-boxed"][data-sidebar-style="mini"] .header { + max-width: 1480px; + } + + [data-header-position="fixed"][data-layout="horizontal"][data-container="wide-boxed"][data-sidebar-style="mini"] .header { + max-width: 1480px; + } +} + +@media (min-width: 992px) { + [data-container="wide-boxed"][data-sidebar-style="compact"] .header { + width: 100%; + } + + [data-header-position="fixed"][data-container="wide-boxed"][data-sidebar-style="compact"] .header { + max-width: 1480px; + } +} + +@media (min-width: 992px) { + [data-container="wide-boxed"][data-sidebar-style="overlay"] .header { + width: 100%; + } + + [data-header-position="fixed"][data-container="wide-boxed"][data-sidebar-style="overlay"] .header { + max-width: 1480px; + } +} + +[data-layout="horizontal"][data-container="wide-boxed"] .header { + width: 100%; +} + +[data-sidebar-style="full"][data-header-position="fixed"][data-layout="horizontal"][data-container="wide-boxed"] .header { + max-width: 1480px; +} + +[data-sidebar-style="mini"][data-layout="horizontal"][data-container="wide-boxed"] .header { + width: 100%; +} + +[data-layout="horizontal"][data-container="wide-boxed"][data-sidebar-position="fixed"] .deznav.fixed { + max-width: 1480px; + transition: none; +} + +[data-layout="horizontal"][data-container="wide-boxed"][data-sidebar-position="fixed"][direction="rtl"] .deznav.fixed { + right: 5%; +} + +[data-layout="horizontal"][data-container="wide-boxed"][data-sidebar-position="fixed"][data-header-position="fixed"] .deznav { + max-width: 1480px; + left: 5%; +} + +[data-layout="horizontal"][data-container="wide-boxed"][data-sidebar-position="fixed"][data-header-position="fixed"][direction="rtl"] .deznav { + right: 5%; +} + +[data-primary="color_2"] { + --primary: #6610f2; + --secondary: #8BC740; + --primary-hover: #510bc4; + --primary-dark: #290564; + --rgba-primary-1: rgba(102, 16, 242, 0.1); + --rgba-primary-2: rgba(102, 16, 242, 0.2); + --rgba-primary-3: rgba(102, 16, 242, 0.3); + --rgba-primary-4: rgba(102, 16, 242, 0.4); + --rgba-primary-5: rgba(102, 16, 242, 0.5); + --rgba-primary-6: rgba(102, 16, 242, 0.6); + --rgba-primary-7: rgba(102, 16, 242, 0.7); + --rgba-primary-8: rgba(102, 16, 242, 0.8); + --rgba-primary-9: rgba(102, 16, 242, 0.9); +} + +[data-primary="color_3"] { + --primary: #40189D; + --secondary: #8BC740; + --primary-hover: #2e1171; + --primary-dark: #0a0418; + --rgba-primary-1: rgba(64, 24, 157, 0.1); + --rgba-primary-2: rgba(64, 24, 157, 0.2); + --rgba-primary-3: rgba(64, 24, 157, 0.3); + --rgba-primary-4: rgba(64, 24, 157, 0.4); + --rgba-primary-5: rgba(64, 24, 157, 0.5); + --rgba-primary-6: rgba(64, 24, 157, 0.6); + --rgba-primary-7: rgba(64, 24, 157, 0.7); + --rgba-primary-8: rgba(64, 24, 157, 0.8); + --rgba-primary-9: rgba(64, 24, 157, 0.9); +} + +[data-primary="color_4"] { + --primary: #4d06a5; + --secondary: #8BC740; + --primary-hover: #360474; + --primary-dark: #080111; + --rgba-primary-1: rgba(77, 6, 165, 0.1); + --rgba-primary-2: rgba(77, 6, 165, 0.2); + --rgba-primary-3: rgba(77, 6, 165, 0.3); + --rgba-primary-4: rgba(77, 6, 165, 0.4); + --rgba-primary-5: rgba(77, 6, 165, 0.5); + --rgba-primary-6: rgba(77, 6, 165, 0.6); + --rgba-primary-7: rgba(77, 6, 165, 0.7); + --rgba-primary-8: rgba(77, 6, 165, 0.8); + --rgba-primary-9: rgba(77, 6, 165, 0.9); +} + +[data-primary="color_5"] { + --primary: #dc3545; + --secondary: #8BC740; + --primary-hover: #bd2130; + --primary-dark: #66121a; + --rgba-primary-1: rgba(220, 53, 69, 0.1); + --rgba-primary-2: rgba(220, 53, 69, 0.2); + --rgba-primary-3: rgba(220, 53, 69, 0.3); + --rgba-primary-4: rgba(220, 53, 69, 0.4); + --rgba-primary-5: rgba(220, 53, 69, 0.5); + --rgba-primary-6: rgba(220, 53, 69, 0.6); + --rgba-primary-7: rgba(220, 53, 69, 0.7); + --rgba-primary-8: rgba(220, 53, 69, 0.8); + --rgba-primary-9: rgba(220, 53, 69, 0.9); +} + +[data-primary="color_6"] { + --primary: #fd7e14; + --secondary: #8BC740; + --primary-hover: #dc6502; + --primary-dark: #773701; + --rgba-primary-1: rgba(253, 126, 20, 0.1); + --rgba-primary-2: rgba(253, 126, 20, 0.2); + --rgba-primary-3: rgba(253, 126, 20, 0.3); + --rgba-primary-4: rgba(253, 126, 20, 0.4); + --rgba-primary-5: rgba(253, 126, 20, 0.5); + --rgba-primary-6: rgba(253, 126, 20, 0.6); + --rgba-primary-7: rgba(253, 126, 20, 0.7); + --rgba-primary-8: rgba(253, 126, 20, 0.8); + --rgba-primary-9: rgba(253, 126, 20, 0.9); +} + +[data-primary="color_7"] { + --primary: #ffc107; + --secondary: #8BC740; + --primary-hover: #d39e00; + --primary-dark: #6d5200; + --rgba-primary-1: rgba(255, 193, 7, 0.1); + --rgba-primary-2: rgba(255, 193, 7, 0.2); + --rgba-primary-3: rgba(255, 193, 7, 0.3); + --rgba-primary-4: rgba(255, 193, 7, 0.4); + --rgba-primary-5: rgba(255, 193, 7, 0.5); + --rgba-primary-6: rgba(255, 193, 7, 0.6); + --rgba-primary-7: rgba(255, 193, 7, 0.7); + --rgba-primary-8: rgba(255, 193, 7, 0.8); + --rgba-primary-9: rgba(255, 193, 7, 0.9); +} + +[data-primary="color_8"] { + --primary: #5bcfc5; + --secondary: #8BC740; + --primary-hover: #38bfb3; + --primary-dark: #217069; + --rgba-primary-1: rgba(91, 207, 197, 0.1); + --rgba-primary-2: rgba(91, 207, 197, 0.2); + --rgba-primary-3: rgba(91, 207, 197, 0.3); + --rgba-primary-4: rgba(91, 207, 197, 0.4); + --rgba-primary-5: rgba(91, 207, 197, 0.5); + --rgba-primary-6: rgba(91, 207, 197, 0.6); + --rgba-primary-7: rgba(91, 207, 197, 0.7); + --rgba-primary-8: rgba(91, 207, 197, 0.8); + --rgba-primary-9: rgba(91, 207, 197, 0.9); +} + +[data-primary="color_9"] { + --primary: #20c997; + --secondary: #8BC740; + --primary-hover: #199d76; + --primary-dark: #0b4534; + --rgba-primary-1: rgba(32, 201, 151, 0.1); + --rgba-primary-2: rgba(32, 201, 151, 0.2); + --rgba-primary-3: rgba(32, 201, 151, 0.3); + --rgba-primary-4: rgba(32, 201, 151, 0.4); + --rgba-primary-5: rgba(32, 201, 151, 0.5); + --rgba-primary-6: rgba(32, 201, 151, 0.6); + --rgba-primary-7: rgba(32, 201, 151, 0.7); + --rgba-primary-8: rgba(32, 201, 151, 0.8); + --rgba-primary-9: rgba(32, 201, 151, 0.9); +} + +[data-primary="color_10"] { + --primary: #17a2b8; + --secondary: #8BC740; + --primary-hover: #117a8b; + --primary-dark: #062a30; + --rgba-primary-1: rgba(23, 162, 184, 0.1); + --rgba-primary-2: rgba(23, 162, 184, 0.2); + --rgba-primary-3: rgba(23, 162, 184, 0.3); + --rgba-primary-4: rgba(23, 162, 184, 0.4); + --rgba-primary-5: rgba(23, 162, 184, 0.5); + --rgba-primary-6: rgba(23, 162, 184, 0.6); + --rgba-primary-7: rgba(23, 162, 184, 0.7); + --rgba-primary-8: rgba(23, 162, 184, 0.8); + --rgba-primary-9: rgba(23, 162, 184, 0.9); +} + +[data-primary="color_11"] { + --primary: #94618E; + --secondary: #8BC740; + --primary-hover: #754d70; + --primary-dark: #382435; + --rgba-primary-1: rgba(148, 97, 142, 0.1); + --rgba-primary-2: rgba(148, 97, 142, 0.2); + --rgba-primary-3: rgba(148, 97, 142, 0.3); + --rgba-primary-4: rgba(148, 97, 142, 0.4); + --rgba-primary-5: rgba(148, 97, 142, 0.5); + --rgba-primary-6: rgba(148, 97, 142, 0.6); + --rgba-primary-7: rgba(148, 97, 142, 0.7); + --rgba-primary-8: rgba(148, 97, 142, 0.8); + --rgba-primary-9: rgba(148, 97, 142, 0.9); +} + +[data-primary="color_12"] { + --primary: #343a40; + --secondary: #8BC740; + --primary-hover: #1d2124; + --primary-dark: black; + --rgba-primary-1: rgba(52, 58, 64, 0.1); + --rgba-primary-2: rgba(52, 58, 64, 0.2); + --rgba-primary-3: rgba(52, 58, 64, 0.3); + --rgba-primary-4: rgba(52, 58, 64, 0.4); + --rgba-primary-5: rgba(52, 58, 64, 0.5); + --rgba-primary-6: rgba(52, 58, 64, 0.6); + --rgba-primary-7: rgba(52, 58, 64, 0.7); + --rgba-primary-8: rgba(52, 58, 64, 0.8); + --rgba-primary-9: rgba(52, 58, 64, 0.9); +} + +[data-primary="color_13"] { + --primary: #2a2a2a; + --secondary: #8BC740; + --primary-hover: #111111; + --primary-dark: black; + --rgba-primary-1: rgba(42, 42, 42, 0.1); + --rgba-primary-2: rgba(42, 42, 42, 0.2); + --rgba-primary-3: rgba(42, 42, 42, 0.3); + --rgba-primary-4: rgba(42, 42, 42, 0.4); + --rgba-primary-5: rgba(42, 42, 42, 0.5); + --rgba-primary-6: rgba(42, 42, 42, 0.6); + --rgba-primary-7: rgba(42, 42, 42, 0.7); + --rgba-primary-8: rgba(42, 42, 42, 0.8); + --rgba-primary-9: rgba(42, 42, 42, 0.9); +} + +[data-primary="color_14"] { + --primary: #4885ed; + --secondary: #8BC740; + --primary-hover: #1a66e8; + --primary-dark: #0e3d8e; + --rgba-primary-1: rgba(72, 133, 237, 0.1); + --rgba-primary-2: rgba(72, 133, 237, 0.2); + --rgba-primary-3: rgba(72, 133, 237, 0.3); + --rgba-primary-4: rgba(72, 133, 237, 0.4); + --rgba-primary-5: rgba(72, 133, 237, 0.5); + --rgba-primary-6: rgba(72, 133, 237, 0.6); + --rgba-primary-7: rgba(72, 133, 237, 0.7); + --rgba-primary-8: rgba(72, 133, 237, 0.8); + --rgba-primary-9: rgba(72, 133, 237, 0.9); +} + +[data-primary="color_15"] { + --primary: #4cb32b; + --secondary: #8BC740; + --primary-hover: #3b8a21; + --primary-dark: #18380d; + --rgba-primary-1: rgba(76, 179, 43, 0.1); + --rgba-primary-2: rgba(76, 179, 43, 0.2); + --rgba-primary-3: rgba(76, 179, 43, 0.3); + --rgba-primary-4: rgba(76, 179, 43, 0.4); + --rgba-primary-5: rgba(76, 179, 43, 0.5); + --rgba-primary-6: rgba(76, 179, 43, 0.6); + --rgba-primary-7: rgba(76, 179, 43, 0.7); + --rgba-primary-8: rgba(76, 179, 43, 0.8); + --rgba-primary-9: rgba(76, 179, 43, 0.9); +} + +[data-typography="opensans"] { + font-family: 'Open Sans', sans-serif; +} + +[data-typography="poppins"] { + font-family: 'poppins', sans-serif; +} + +[data-typography="roboto"] { + font-family: 'Roboto', sans-serif; +} + +[data-typography="helvetica"] { + font-family: 'HelveticaNeue'; +} + +/*$primary : #7356f1 !default;*/ +:root { + --primary: #40189D; + --secondary: #8BC740; + --primary-hover: #2e1171; + --primary-dark: #0a0418; + --rgba-primary-1: rgba(64, 24, 157, 0.1); + --rgba-primary-2: rgba(64, 24, 157, 0.2); + --rgba-primary-3: rgba(64, 24, 157, 0.3); + --rgba-primary-4: rgba(64, 24, 157, 0.4); + --rgba-primary-5: rgba(64, 24, 157, 0.5); + --rgba-primary-6: rgba(64, 24, 157, 0.6); + --rgba-primary-7: rgba(64, 24, 157, 0.7); + --rgba-primary-8: rgba(64, 24, 157, 0.8); + --rgba-primary-9: rgba(64, 24, 157, 0.9); + --font-family-base: Roboto, sans-serif; + --font-family-title: Roboto, sans-serif; +} + +[data-theme-version="transparent"] { + background-repeat: no-repeat; + background-attachment: fixed; + background-size: cover; + background-position: center; + position: relative; + color: #fff; +} + +[data-theme-version="transparent"] h1, +[data-theme-version="transparent"] h2, +[data-theme-version="transparent"] h3, +[data-theme-version="transparent"] h4, +[data-theme-version="transparent"] h5, +[data-theme-version="transparent"] h6 { + color: #fff !important; +} + +[data-theme-version="transparent"] a.link { + color: #ddd; +} + +[data-theme-version="transparent"] a.link:focus, +[data-theme-version="transparent"] a.link:hover { + color: #48A9F8; +} + +[data-theme-version="transparent"] a { + color: #fff; +} + +[data-theme-version="transparent"] a:hover { + color: #828690; +} + +[data-theme-version="transparent"] .border-right { + border-right: 1px solid #333a54 !important; +} + +[data-theme-version="transparent"] .border-left { + border-left: 1px solid #333a54 !important; +} + +[data-theme-version="transparent"] .border-top { + border-top: 1px solid #333a54 !important; +} + +[data-theme-version="transparent"] .border-bottom { + border-bottom: 1px solid #333a54 !important; +} + +[data-theme-version="transparent"] .border { + border: 1px solid #333a54 !important; +} + +[data-theme-version="transparent"] .dropdown-menu { + background-color: #28253b; +} + +[data-theme-version="transparent"] .dropdown-item:hover, +[data-theme-version="transparent"] .dropdown-item:focus { + background-color: #251e35; + color: #fff; +} + +[data-theme-version="transparent"] .form-control { + background-color: #251e35; + border-color: #333a54; + color: #fff; +} + +[data-theme-version="transparent"] .card { + background-color: rgba(0, 0, 0, 0.15); +} + +[data-theme-version="transparent"] .header { + background-color: rgba(0, 0, 0, 0.15); +} + +[data-theme-version="transparent"] .header-left input { + border-color: #333a54; + color: #fff; +} + +[data-theme-version="transparent"] .header-left input:focus { + box-shadow: none; + border-color: var(--primary); +} + +[data-theme-version="transparent"] .header-left input::placeholder { + color: #fff; +} + +[data-theme-version="transparent"] .header-right .dropdown .nav-link:hover { + color: #fff; +} + +[data-theme-version="transparent"] .header-right .notification_dropdown .dropdown-item a { + color: #fff; +} + +[data-theme-version="transparent"] .nav-header, +[data-theme-version="transparent"] .nav-control { + background-color: rgba(0, 0, 0, 0.15) !important; +} + +[data-theme-version="transparent"] .nav-control { + color: #fff; +} + +[data-theme-version="transparent"] .brand-logo { + color: #fff; +} + +[data-theme-version="transparent"] .brand-logo:hover { + color: #fff; +} + +[data-theme-version="transparent"] .nav-header, +[data-theme-version="transparent"] .nav-control { + background-color: rgba(0, 0, 0, 0.15) !important; +} + +[data-theme-version="transparent"] .nav-control { + color: #fff; +} + +[data-theme-version="transparent"] .brand-logo { + color: #fff; +} + +[data-theme-version="transparent"] .brand-logo:hover { + color: #fff; +} + +[data-theme-version="transparent"] .deznav { + background-color: rgba(0, 0, 0, 0.15) !important; +} + +[data-theme-version="transparent"] .deznav .metismenu>li>a { + color: rgba(0, 0, 0, 0.15); +} + +[data-theme-version="transparent"] .deznav .metismenu>li:hover>a, +[data-theme-version="transparent"] .deznav .metismenu>li:focus>a, +[data-theme-version="transparent"] .deznav .metismenu>li.mm-active>a { + background-color: rgba(0, 0, 0, 0.15) !important; + color: #fff; +} + +[data-theme-version="transparent"] .deznav .metismenu>li:hover>a::after, +[data-theme-version="transparent"] .deznav .metismenu>li:focus>a::after, +[data-theme-version="transparent"] .deznav .metismenu>li.mm-active>a::after { + border-color: transparent transparent #fff transparent; +} + +[data-theme-version="transparent"] .deznav .metismenu>li.mm-active ul ul { + background-color: transparent; +} + +[data-theme-version="transparent"] .deznav .metismenu ul { + background-color: rgba(0, 0, 0, 0.15); +} + +[data-theme-version="transparent"] .deznav .metismenu ul a:hover, +[data-theme-version="transparent"] .deznav .metismenu ul a:focus, +[data-theme-version="transparent"] .deznav .metismenu ul a.mm-active { + color: #fff; +} + +[data-theme-version="transparent"] .deznav .metismenu a { + color: rgba(0, 0, 0, 0.15); +} + +[data-theme-version="transparent"] .deznav .metismenu ul { + background-color: rgba(0, 0, 0, 0.15) !important; +} + +[data-theme-version="transparent"] .deznav .metismenu .has-arrow:after { + border-color: transparent transparent rgba(0, 0, 0, 0.15) transparent; +} + +/*$primary : #7356f1 !default;*/ +:root { + --primary: #40189D; + --secondary: #8BC740; + --primary-hover: #2e1171; + --primary-dark: #0a0418; + --rgba-primary-1: rgba(64, 24, 157, 0.1); + --rgba-primary-2: rgba(64, 24, 157, 0.2); + --rgba-primary-3: rgba(64, 24, 157, 0.3); + --rgba-primary-4: rgba(64, 24, 157, 0.4); + --rgba-primary-5: rgba(64, 24, 157, 0.5); + --rgba-primary-6: rgba(64, 24, 157, 0.6); + --rgba-primary-7: rgba(64, 24, 157, 0.7); + --rgba-primary-8: rgba(64, 24, 157, 0.8); + --rgba-primary-9: rgba(64, 24, 157, 0.9); + --font-family-base: Roboto, sans-serif; + --font-family-title: Roboto, sans-serif; +} + +[data-theme-version="dark"] { + --nav-headbg: #28253b; + --sidebar-bg: #28253b; + --headerbg: #251e35; + background: #251e35; + color: #828690; +} + +[data-theme-version="dark"] h1, +[data-theme-version="dark"] h2, +[data-theme-version="dark"] h3, +[data-theme-version="dark"] h4, +[data-theme-version="dark"] h5, +[data-theme-version="dark"] h6 { + color: #fff !important; +} + +[data-theme-version="dark"] a.link { + color: #ddd; +} + +[data-theme-version="dark"] a.link:focus, +[data-theme-version="dark"] a.link:hover { + color: #48A9F8; +} + +[data-theme-version="dark"] a:hover { + color: #fff; +} + +[data-theme-version="dark"] .border-right { + border-right: 1px solid #333a54 !important; +} + +[data-theme-version="dark"] .border-left { + border-left: 1px solid #333a54 !important; +} + +[data-theme-version="dark"] .border-top { + border-top: 1px solid #333a54 !important; +} + +[data-theme-version="dark"] .border-bottom { + border-bottom: 1px solid #333a54 !important; +} + +[data-theme-version="dark"] .border { + border: 1px solid #333a54 !important; +} + +[data-theme-version="dark"] .card { + background-color: #28253b; + box-shadow: none; +} + +[data-theme-version="dark"] .dropdown-menu { + background-color: #28253b; + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1); +} + +[data-theme-version="dark"] .dropdown-menu .dropdown-item { + color: #777777; +} + +[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected, +[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected.active, +[data-theme-version="dark"] .dropdown-menu .dropdown-item.active, +[data-theme-version="dark"] .dropdown-menu .dropdown-item:hover, +[data-theme-version="dark"] .dropdown-menu .dropdown-item:focus { + background-color: #28253b; + color: #fff; +} + +[data-theme-version="dark"] a { + color: #fff; +} + +[data-theme-version="dark"] .text-primary { + color: #fff !important; +} + +[data-theme-version="dark"] .btn-link g [fill] { + fill: #fff; +} + +[data-theme-version="dark"] .btn-light:active, +[data-theme-version="dark"] .btn-light:focus, +[data-theme-version="dark"] .btn-light:hover { + color: #000; +} + +[data-theme-version="dark"] .form-control { + background-color: #28253b; + border-color: #333a54; + color: #fff; +} + +[data-theme-version="dark"] .modal-content { + background: #28253b; +} + +[data-theme-version="dark"] .modal-footer, +[data-theme-version="dark"] .modal-header { + border-color: #333a54; +} + +[data-theme-version="dark"] .close { + font-weight: 400; + color: #fff; + text-shadow: none; +} + +[data-theme-version="dark"] .close:hover { + color: #fff; +} + +[data-theme-version="dark"] .star-rating .product-review, +[data-theme-version="dark"] .new-arrival-content .item { + color: #fff; +} + +[data-theme-version="dark"] .custom-dropdown .dropdown-menu { + border-color: #333a54; +} + +[data-theme-version="dark"] .widget-stat .media>span { + background: rgba(255, 255, 255, 0.15); + border-color: #333a54; + color: #fff; +} + +[data-theme-version="dark"] .plus-minus-input .custom-btn { + background: #251e35; + border-color: #333a54; +} + +[data-theme-version="dark"] .dropdown-divider, +[data-theme-version="dark"] .size-filter ul li { + border-color: #333a54; +} + +[data-theme-version="dark"] .custom-select { + border-color: #333a54; + color: #828690; + background: #251e35; +} + +[data-theme-version="dark"] .nav-tabs { + border-color: #333a54; +} + +[data-theme-version="dark"] .mail-list .list-group-item.active i { + color: #fff; +} + +[data-theme-version="dark"] hr { + border-color: #333a54; +} + +[data-theme-version="dark"] .grid-col { + background: #251e35; +} + +[data-theme-version="dark"] .noUi-target { + border-color: #333a54; + border-radius: 8px; + box-shadow: none; +} + +[data-theme-version="dark"] .noUi-target .noUi-connects { + background: #333a54; +} + +[data-theme-version="dark"] .noUi-marker-large, +[data-theme-version="dark"] .noUi-marker { + background: #333a54; +} + +[data-theme-version="dark"] .input-group-text { + background: #28253b; + color: #7e7e7e; + border-color: #333a54; +} + +[data-theme-version="dark"] .note-editor.note-frame { + border-color: #333a54; +} + +[data-theme-version="dark"] .note-editor.note-frame .btn { + color: #fff; +} + +[data-theme-version="dark"] .note-editor.note-frame .note-editing-area .note-editable { + color: #fff; +} + +[data-theme-version="dark"] .widget-media .timeline .timeline-panel { + border-color: #333a54; +} + +[data-theme-version="dark"] .notification_dropdown .dropdown-menu-right .all-notification { + border-color: #333a54; +} + +[data-theme-version="dark"] #user-activity .nav-tabs .nav-link { + border-color: #333a54; +} + +[data-theme-version="dark"] #user-activity .nav-tabs .nav-link.active { + background: #251e35; + color: #fff; +} + +[data-theme-version="dark"] .list-group-item-action { + color: #7e7e7e; +} + +[data-theme-version="dark"] .list-group-item-action:focus, +[data-theme-version="dark"] .list-group-item-action:hover, +[data-theme-version="dark"] .list-group-item-action:focus { + background-color: #251e35; + border-color: #251e35; +} + +[data-theme-version="dark"] .list-group-item.active { + color: #fff; + border-color: var(--primary); +} + +[data-theme-version="dark"] .list-group-item.active:focus, +[data-theme-version="dark"] .list-group-item.active:hover, +[data-theme-version="dark"] .list-group-item.active:focus { + background-color: var(--primary); + border-color: var(--primary); + color: #fff; +} + +[data-theme-version="dark"] .swal2-popup { + background: #28253b; +} + +[data-theme-version="dark"] .form-head .btn-outline-primary { + border-color: #333a54; +} + +[data-theme-version="dark"] .form-head .btn-outline-primary:hover { + border-color: var(--primary); +} + +[data-theme-version="dark"] .review-tab.nav-pills li a.nav-link.active { + background: transparent; +} + +[data-theme-version="dark"] .new-arrival-content h4 a { + color: #fff; +} + +[data-theme-version="dark"] .text-black { + color: #fff !important; +} + +[data-theme-version="dark"] .abilities-chart .ct-chart .ct-label { + fill: #fff; +} + +[data-theme-version="dark"] .morris_chart_height text tspan { + fill: #fff; +} + +[data-theme-version="dark"] .btn-link { + color: #fff; +} + +[data-theme-version="dark"] .order-bg { + background: #251e35; +} + +[data-theme-version="dark"] .detault-daterange .input-group-text { + background: #251e35; + color: #fff; +} + +[data-theme-version="dark"] .dataTablesCard { + background-color: #28253b; +} + +[data-theme-version="dark"] .compose-content .dropzone { + background: #251e35 !important; +} + +[data-theme-version="dark"] .compose-content .dropzone .dz-message .dz-button { + color: #fff; +} + +[data-theme-version="dark"] .daterangepicker { + background: #251e35; + border-color: var(--primary); +} + +[data-theme-version="dark"] .daterangepicker .calendar-table { + border-color: var(--primary); + background: #251e35; +} + +[data-theme-version="dark"] .daterangepicker .calendar-table .table-condensed td:hover { + background-color: var(--primary); + color: #fff; +} + +[data-theme-version="dark"] .daterangepicker:after { + border-bottom: 6px solid #251e35; +} + +[data-theme-version="dark"] .daterangepicker select.hourselect, +[data-theme-version="dark"] .daterangepicker select.minuteselect, +[data-theme-version="dark"] .daterangepicker select.secondselect, +[data-theme-version="dark"] .daterangepicker select.ampmselect { + background: #251e35; + border: 1px solid #333a54; + color: #fff; +} + +[data-theme-version="dark"] .daterangepicker td.off, +[data-theme-version="dark"] .daterangepicker td.off.in-range, +[data-theme-version="dark"] .daterangepicker td.off.start-date, +[data-theme-version="dark"] .daterangepicker td.off.end-date { + background-color: #28253b; +} + +[data-theme-version="dark"] .daterangepicker td.off:hover, +[data-theme-version="dark"] .daterangepicker td.off.in-range:hover, +[data-theme-version="dark"] .daterangepicker td.off.start-date:hover, +[data-theme-version="dark"] .daterangepicker td.off.end-date:hover { + background-color: var(--primary); + color: #fff; +} + +[data-theme-version="dark"] .app-fullcalendar .fc-button { + background-color: #251e35; + border-color: var(--primary); + color: #fff; + text-shadow: none; +} + +[data-theme-version="dark"] .app-fullcalendar .fc-button:hover, +[data-theme-version="dark"] .app-fullcalendar .fc-button.fc-stat-hover { + background-color: var(--primary); +} + +[data-theme-version="dark"] .swal2-popup .swal2-styled:focus { + outline: 0; + box-shadow: 0 0 0 2px #333a54, 0 0 0 4px var(--rgba-primary-1); +} + +[data-theme-version="dark"] .dd-handle { + border-color: #333a54; +} + +[data-theme-version="dark"] .menu-toggle .deznav .metismenu li>ul { + background: #28253b; +} + +[data-theme-version="dark"] .header-right .notification_dropdown .nav-link { + border-color: #333a54; +} + +[data-theme-version="dark"] .nav-tabs .nav-link:hover, +[data-theme-version="dark"] .nav-tabs .nav-link.active { + border-color: var(--primary); +} + +[data-theme-version="dark"] .clockpicker-popover .popover-content { + background-color: #28253b; +} + +[data-theme-version="dark"] .clockpicker-plate { + background-color: #251e35; +} + +[data-theme-version="dark"] .clockpicker-popover .popover-title { + background-color: #251e35; + color: #fff; +} + +[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link span { + background-color: #251e35; +} + +[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link:after { + background: #251e35; +} + +[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.active:after, +[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.done:after { + background: var(--primary); +} + +[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.active span, +[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.done span { + background: var(--primary); +} + +[data-theme-version="dark"] .check-switch .custom-control-label:after, +[data-theme-version="dark"] .check-switch .custom-control-label:before { + border-color: var(--primary); +} + +[data-theme-version="dark"] .fc-unthemed .fc-today { + background: #251e35; +} + +[data-theme-version="dark"] .fc-unthemed .fc-divider, +[data-theme-version="dark"] .fc-unthemed .fc-list-heading td, +[data-theme-version="dark"] .fc-unthemed .fc-popover .fc-header { + background: #333a54; +} + +[data-theme-version="dark"] .picker__box { + background: #251e35; +} + +[data-theme-version="dark"] .picker__box .picker__button--clear, +[data-theme-version="dark"] .picker__box .picker__button--close, +[data-theme-version="dark"] .picker__box .picker__button--today { + background: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .picker__box .picker__button--clear:hover:before, +[data-theme-version="dark"] .picker__box .picker__button--close:hover:before, +[data-theme-version="dark"] .picker__box .picker__button--today:hover:before { + color: #fff; +} + +[data-theme-version="dark"] .picker { + color: #999; +} + +[data-theme-version="dark"] .dtp>.dtp-content { + background: #251e35; +} + +[data-theme-version="dark"] .dtp table.dtp-picker-days tr>td>a { + color: #68686a; +} + +[data-theme-version="dark"] .dtp table.dtp-picker-days tr>td>a.selected { + color: #fff; +} + +[data-theme-version="dark"] .order-request tbody tr { + border-color: #333a54; +} + +[data-theme-version="dark"] .card-list li { + color: #fff; +} + +[data-theme-version="dark"] .card-bx .change-btn:hover { + color: var(--primary); +} + +[data-theme-version="dark"] .invoice-card.bg-warning { + background-color: #5b3c1f !important; +} + +[data-theme-version="dark"] .invoice-card.bg-success { + background-color: #2a6729 !important; +} + +[data-theme-version="dark"] .invoice-card.bg-info { + background-color: #4c276a !important; +} + +[data-theme-version="dark"] .invoice-card.bg-secondary { + background-color: #1c3e52 !important; +} + +[data-theme-version="dark"] .user-list li { + border-color: #28253b; +} + +[data-theme-version="dark"] .toggle-switch { + color: #fff; +} + +[data-theme-version="dark"] .bar-chart .apexcharts-text tspan { + fill: #969ba0; +} + +[data-theme-version="dark"] .bar-chart line { + stroke: #333a54; +} + +[data-theme-version="dark"] table.dataTable thead th, +[data-theme-version="dark"] table.dataTable thead td { + border-color: #333a54 !important; +} + +[data-theme-version="dark"] .form-check .form-check-input { + background: transparent; +} + +[data-theme-version="dark"] .form-check .form-check-input:checked { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); +} + +[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate span .paginate_button.current, +[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate span .paginate_button:hover { + background: var(--primary); + color: #fff !important; +} + +[data-theme-version="dark"] .light.btn-primary, +[data-theme-version="dark"] .light.btn-danger, +[data-theme-version="dark"] .light.btn-warning, +[data-theme-version="dark"] .light.btn-success, +[data-theme-version="dark"] .light.btn-info { + color: #fff; +} + +[data-theme-version="dark"] .light.btn-primary svg path, +[data-theme-version="dark"] .light.btn-danger svg path, +[data-theme-version="dark"] .light.btn-warning svg path, +[data-theme-version="dark"] .light.btn-success svg path, +[data-theme-version="dark"] .light.btn-info svg path { + fill: #fff; +} + +[data-theme-version="dark"] .bg-white { + background: #28253b !important; +} + +[data-theme-version="dark"] .bg-light.text-primary { + color: var(--primary) !important; +} + +[data-theme-version="dark"] table.dataTable { + color: #b5b5b5; +} + +[data-theme-version="dark"] table.dataTable tbody td { + background: #28253b !important; +} + +[data-theme-version="dark"] .contact-icon { + border-color: #333a54; +} + +[data-theme-version="dark"] .profile-card .title span { + background: #28253b; +} + +[data-theme-version="dark"] .profile-card .title:after { + background: #333a54; +} + +[data-theme-version="dark"] .profile-card .form-group .form-control { + color: #fff; + border-color: #333a54; +} + +[data-theme-version="dark"] .profile-card .form-group .form-control:hover, +[data-theme-version="dark"] .profile-card .form-group .form-control:focus, +[data-theme-version="dark"] .profile-card .form-group .form-control:active { + border-color: var(--primary); +} + +[data-theme-version="dark"] .profile-card .form-group .bootstrap-select.form-control button { + border-color: #333a54 !important; +} + +[data-theme-version="dark"] .profile-card .form-group .bootstrap-select.form-control button:after { + color: #fff; +} + +[data-theme-version="dark"] .profile-card .form-group textarea { + background: #251e35; +} + +[data-theme-version="dark"] .profile-card .form-group .input-group-prepend .input-group-text { + border: 0; +} + +[data-theme-version="dark"] .profile-card .form-group .input-group-prepend .input-group-text i { + color: #fff; +} + +[data-theme-version="dark"] .activity-card, +[data-theme-version="dark"] .profile-bx { + border-color: #333a54; +} + +[data-theme-version="dark"] .sharp-lg svg path { + fill: #fff; +} + +[data-theme-version="dark"] .progress-icon { + border-color: #333a54; +} + +[data-theme-version="dark"] .portfolios-card>div { + background: #251e35; +} + +[data-theme-version="dark"] .page-titles { + background: #251e35; +} + +[data-theme-version="dark"] .page-titles .breadcrumb li.active a { + color: #fff; +} + +[data-theme-version="dark"] .light.btn-primary g [fill] { + fill: #fff; +} + +[data-theme-version="dark"] .profile-info h4.text-primary { + color: #fff !important; +} + +[data-theme-version="dark"] .profile-tab .nav-item .nav-link:hover, +[data-theme-version="dark"] .profile-tab .nav-item .nav-link.active { + color: #fff; +} + +[data-theme-version="dark"] .pagination-primary .page-item .page-link { + color: #fff; +} + +[data-theme-version="dark"] .app-fullcalendar .fc-button.fc-state-hover { + background: var(--primary) !important; +} + +[data-theme-version="dark"] .new-arrival-content .price { + color: #fff; +} + +[data-theme-version="dark"] .btn-outline-primary { + color: #fff; +} + +[data-theme-version="dark"] .btn.tp-btn-light.btn-primary g [fill] { + fill: #fff; +} + +[data-theme-version="dark"] .btn-icon-left.text-primary { + color: var(--primary) !important; +} + +[data-theme-version="dark"] .custom-tab-1 .nav-link:focus, +[data-theme-version="dark"] .custom-tab-1 .nav-link:hover, +[data-theme-version="dark"] .custom-tab-1 .nav-link.active { + color: #fff; +} + +[data-theme-version="dark"] .bg-light h1, +[data-theme-version="dark"] .bg-light h2, +[data-theme-version="dark"] .bg-light h3, +[data-theme-version="dark"] .bg-light h4, +[data-theme-version="dark"] .bg-light h5, +[data-theme-version="dark"] .bg-light h6 { + color: #000 !important; +} + +[data-theme-version="dark"] .default-tab .nav-link:focus, +[data-theme-version="dark"] .default-tab .nav-link:hover, +[data-theme-version="dark"] .default-tab .nav-link.active, +[data-theme-version="dark"] .default-tab .nav-link i, +[data-theme-version="dark"] .custom-tab-1 .nav-link i, +[data-theme-version="dark"] .nav-pills.light .nav-link.active, +[data-theme-version="dark"] .nav-pills.light .show>.nav-link { + color: #fff; +} + +[data-theme-version="dark"] .table-bordered th, +[data-theme-version="dark"] .table-bordered td, +[data-theme-version="dark"] .table th, +[data-theme-version="dark"] .table td { + border-color: #333a54; +} + +[data-theme-version="dark"] mark, +[data-theme-version="dark"] .mark { + background: var(--primary); +} + +[data-theme-version="dark"] .dd-item>button { + color: #fff; +} + +[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link span { + color: #fff; +} + +[data-theme-version="dark"] .dataTables_wrapper .dataTables_length, +[data-theme-version="dark"] .dataTables_wrapper .dataTables_filter, +[data-theme-version="dark"] .dataTables_wrapper .dataTables_info, +[data-theme-version="dark"] .dataTables_wrapper .dataTables_processing, +[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate { + color: #fff; +} + +[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button { + color: #fff !important; +} + +[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate.paging_simple_numbers>.paginate_button { + color: var(--primary) !important; +} + +[data-theme-version="dark"] .search-dropdown { + border-color: #333a54; +} + +[data-theme-version="dark"] #columnChart .apexcharts-series rect { + fill: #251e35; +} + +[data-theme-version="dark"][data-layout="vertical"][data-sidebar-position="fixed"] .header { + border-color: #333a54; +} + +[data-theme-version="dark"] .header { + background-color: #28253b; + border-color: #333a54; +} + +[data-theme-version="dark"] .header .header-content { + background: #251e35; +} + +[data-theme-version="dark"] .header-left .dashboard_bar { + color: #fff; +} + +[data-theme-version="dark"] .header-right .search-area .form-control { + background: #28253b; +} + +[data-theme-version="dark"] .header-right .search-area .input-group-text { + border: 0; + background: #28253b; +} + +[data-theme-version="dark"] .header-right .search-area .input-group-text a { + color: #4f7086; +} + +[data-theme-version="dark"] .header-right .notification_dropdown .nav-link { + background: transparent !important; +} + +[data-theme-version="dark"] .header-right .notification_dropdown .nav-link .badge { + border-color: #28253b; +} + +[data-theme-version="dark"] .header-right .dropdown .nav-link { + color: #fff; +} + +[data-theme-version="dark"] .header-right .dropdown .nav-link:hover { + color: #fff; +} + +[data-theme-version="dark"] .header-right .dropdown .nav-link svg path { + fill: #d4d4d4; +} + +[data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info { + border: 0; +} + +[data-theme-version="dark"] .nav-header .hamburger .line { + background: #fff !important; +} + +[data-theme-version="dark"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: #fff !important; +} + +[data-theme-version="dark"] .nav-header { + border-color: #333a54; +} + +[data-theme-version="dark"] .nav-control { + color: #fff; +} + +[data-theme-version="dark"] .brand-logo { + color: #fff; +} + +[data-theme-version="dark"] .brand-logo:hover { + color: #fff; +} + +[data-theme-version="dark"] .brand-title path { + fill: #fff; +} + +[data-theme-version="dark"] .nav-header { + border-color: #333a54; +} + +[data-theme-version="dark"] .nav-control { + color: #fff; +} + +[data-theme-version="dark"] .brand-logo { + color: #fff; +} + +[data-theme-version="dark"] .brand-logo:hover { + color: #fff; +} + +[data-theme-version="dark"] .brand-title path { + fill: #fff; +} + +[data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul { + background-color: #28253b; +} + +[data-theme-version="dark"] .fixed-content-box { + background-color: #28253b; +} + +[data-theme-version="dark"] .fixed-content-box .head-name { + background: #28253b; + color: #fff; + border-color: #333a54; +} + +[data-theme-version="dark"] .fixed-content-box+.header+.deznav { + background-color: #251e35; +} + +[data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a { + background: #251e35; + color: #fff; +} + +[data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-theme-version="dark"][data-layout="vertical"][data-sidebar-position="fixed"] .deznav { + border-color: #333a54; +} + +[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a { + background: #251e35; +} + +[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i { + color: #fff; + background: transparent; +} + +[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li a>i { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .deznav .header-profile>a.nav-link { + border-color: #333a54; +} + +[data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info span { + color: #fff; +} + +[data-theme-version="dark"] .deznav .metismenu>li>a { + color: #b3b3b3; +} + +[data-theme-version="dark"] .deznav .metismenu>li:hover>a, +[data-theme-version="dark"] .deznav .metismenu>li:focus>a, +[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a { + color: #fff; + background: var(--rgba-primary-1); +} + +[data-theme-version="dark"] .deznav .metismenu>li:hover>a::after, +[data-theme-version="dark"] .deznav .metismenu>li:focus>a::after, +[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a::after { + border-top: 5px solid #b3b3b3; + border-left: 5px solid #b3b3b3; + border-bottom: 5px solid transparent; + border-right: 5px solid transparent; +} + +[data-theme-version="dark"] .deznav .metismenu>li:hover>a i, +[data-theme-version="dark"] .deznav .metismenu>li:focus>a i, +[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i { + color: #fff; +} + +[data-theme-version="dark"] .deznav .metismenu>li.mm-active ul ul { + background-color: transparent; +} + +[data-theme-version="dark"] .deznav .metismenu ul:after { + background-color: #333a54; +} + +[data-theme-version="dark"] .deznav .metismenu ul a:hover, +[data-theme-version="dark"] .deznav .metismenu ul a:focus, +[data-theme-version="dark"] .deznav .metismenu ul a.mm-active { + color: #fff; +} + +[data-theme-version="dark"] .deznav .metismenu ul a:before { + background-color: #fff; +} + +[data-theme-version="dark"] .deznav .metismenu a { + color: #b3b3b3; +} + +[data-theme-version="dark"] .deznav .metismenu .has-arrow:after { + border-top: 5px solid #b3b3b3; + border-left: 5px solid #b3b3b3; + border-bottom: 5px solid transparent; + border-right: 5px solid transparent; +} + +[data-theme-version="dark"] .deznav .copyright { + color: #fff; +} + +[data-theme-version="dark"] .sidebar-right .nav-tabs { + border-color: #f5f5f5; +} + +[data-theme-version="dark"] .sidebar-right .nav-tabs .nav-item .nav-link { + color: #000; +} + +[data-theme-version="dark"] .sidebar-right .form-control { + background: #fff; + color: #000; + border-color: #EEEEEE; +} + +[data-theme-version="dark"] .sidebar-right .default-select .list { + background: #fff; +} + +[data-theme-version="dark"] .sidebar-right .default-select .list .option.selected, +[data-theme-version="dark"] .sidebar-right .default-select .list .option.focus, +[data-theme-version="dark"] .sidebar-right .default-select .list .option:hover { + background: rgba(0, 0, 0, 0.05); +} + +[data-theme-version="dark"] .sidebar-right .sidebar-right-inner>h4 { + color: #000 !important; +} + +[data-theme-version="dark"] .sidebar-right .bootstrap-select .btn { + border-color: #EEEEEE !important; +} + +[data-theme-version="dark"] .sidebar-right .bootstrap-select .btn { + background-color: #fff !important; +} + +[data-theme-version="dark"] .footer { + background-color: #28253b; +} + +[data-theme-version="dark"] .footer .copyright { + background-color: #251e35; +} + +[data-theme-version="dark"] .footer .copyright a { + color: #fff; +} + +[data-theme-version="dark"] { + /* datepicker */ +} + +[data-theme-version="dark"] .cdk-overlay-dark-backdrop { + background: rgba(0, 0, 0, 0.32); +} + +[data-theme-version="dark"] .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.1); +} + +[data-theme-version="dark"] .mat-option { + color: #fff; +} + +[data-theme-version="dark"] .mat-option:focus:not(.mat-option-disabled), +[data-theme-version="dark"] .mat-option:hover:not(.mat-option-disabled) { + background: rgba(255, 255, 255, 0.04); +} + +[data-theme-version="dark"] .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { + background: rgba(255, 255, 255, 0.04); +} + +[data-theme-version="dark"] .mat-option.mat-active { + background: rgba(255, 255, 255, 0.04); + color: #fff; +} + +[data-theme-version="dark"] .mat-option.mat-option-disabled { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { + color: #fff; +} + +[data-theme-version="dark"] .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { + color: #f44336; +} + +[data-theme-version="dark"] .mat-optgroup-label { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-optgroup-disabled .mat-optgroup-label { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-pseudo-checkbox { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-pseudo-checkbox::after { + color: #28253b; +} + +[data-theme-version="dark"] .mat-pseudo-checkbox-disabled { + color: #686868; +} + +[data-theme-version="dark"] .mat-primary .mat-pseudo-checkbox-checked, +[data-theme-version="dark"] .mat-primary .mat-pseudo-checkbox-indeterminate { + background: #40189D; +} + +[data-theme-version="dark"] .mat-accent .mat-pseudo-checkbox-checked, +[data-theme-version="dark"] .mat-accent .mat-pseudo-checkbox-indeterminate, +[data-theme-version="dark"] .mat-pseudo-checkbox-checked, +[data-theme-version="dark"] .mat-pseudo-checkbox-indeterminate { + background: #8BC740; +} + +[data-theme-version="dark"] .mat-warn .mat-pseudo-checkbox-checked, +[data-theme-version="dark"] .mat-warn .mat-pseudo-checkbox-indeterminate { + background: #f44336; +} + +[data-theme-version="dark"] .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, +[data-theme-version="dark"] .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { + background: #686868; +} + +[data-theme-version="dark"] .mat-app-background { + background-color: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-elevation-z0 { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z1 { + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z2 { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z3 { + box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z4 { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z5 { + box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z6 { + box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z7 { + box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z8 { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z9 { + box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z10 { + box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z11 { + box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z12 { + box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z13 { + box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z14 { + box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z15 { + box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z16 { + box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z17 { + box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z18 { + box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z19 { + box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z20 { + box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z21 { + box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z22 { + box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z23 { + box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z24 { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-autocomplete-panel { + background: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-autocomplete-panel:not([class*=mat-elevation-z]) { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { + background: #28253b; +} + +[data-theme-version="dark"] .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { + color: #fff; +} + +[data-theme-version="dark"] .mat-badge-content { + color: #fff; + background: #40189D; +} + +[data-theme-version="dark"] .cdk-high-contrast-active .mat-badge-content { + outline: solid 1px; + border-radius: 0; +} + +[data-theme-version="dark"] .mat-badge-accent .mat-badge-content { + background: #8BC740; + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-badge-warn .mat-badge-content { + color: #fff; + background: #f44336; +} + +[data-theme-version="dark"] .mat-badge { + position: relative; +} + +[data-theme-version="dark"] .mat-badge-hidden .mat-badge-content { + display: none; +} + +[data-theme-version="dark"] .mat-badge-disabled .mat-badge-content { + background: #6e6e6e; + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-bottom-sheet-container { + box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); + background: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-button, +[data-theme-version="dark"] .mat-icon-button, +[data-theme-version="dark"] .mat-stroked-button { + color: inherit; + background: 0 0; +} + +[data-theme-version="dark"] .mat-button.mat-primary, +[data-theme-version="dark"] .mat-icon-button.mat-primary, +[data-theme-version="dark"] .mat-stroked-button.mat-primary { + color: #40189D; +} + +[data-theme-version="dark"] .mat-button.mat-accent, +[data-theme-version="dark"] .mat-icon-button.mat-accent, +[data-theme-version="dark"] .mat-stroked-button.mat-accent { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-button.mat-warn, +[data-theme-version="dark"] .mat-icon-button.mat-warn, +[data-theme-version="dark"] .mat-stroked-button.mat-warn { + color: #f44336; +} + +[data-theme-version="dark"] .mat-button.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-button.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-button.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-button.mat-warn.mat-button-disabled, +[data-theme-version="dark"] .mat-icon-button.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-icon-button.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-icon-button.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-icon-button.mat-warn.mat-button-disabled, +[data-theme-version="dark"] .mat-stroked-button.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-stroked-button.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-stroked-button.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-stroked-button.mat-warn.mat-button-disabled { + color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-button.mat-primary .mat-button-focus-overlay, +[data-theme-version="dark"] .mat-icon-button.mat-primary .mat-button-focus-overlay, +[data-theme-version="dark"] .mat-stroked-button.mat-primary .mat-button-focus-overlay { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-button.mat-accent .mat-button-focus-overlay, +[data-theme-version="dark"] .mat-icon-button.mat-accent .mat-button-focus-overlay, +[data-theme-version="dark"] .mat-stroked-button.mat-accent .mat-button-focus-overlay { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-button.mat-warn .mat-button-focus-overlay, +[data-theme-version="dark"] .mat-icon-button.mat-warn .mat-button-focus-overlay, +[data-theme-version="dark"] .mat-stroked-button.mat-warn .mat-button-focus-overlay { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-button.mat-button-disabled .mat-button-focus-overlay, +[data-theme-version="dark"] .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, +[data-theme-version="dark"] .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { + background-color: transparent; +} + +[data-theme-version="dark"] .mat-button .mat-ripple-element, +[data-theme-version="dark"] .mat-icon-button .mat-ripple-element, +[data-theme-version="dark"] .mat-stroked-button .mat-ripple-element { + opacity: .1; + background-color: currentColor; +} + +[data-theme-version="dark"] .mat-button-focus-overlay { + background: #fff; +} + +[data-theme-version="dark"] .mat-stroked-button:not(.mat-button-disabled) { + border-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-fab, +[data-theme-version="dark"] .mat-flat-button, +[data-theme-version="dark"] .mat-mini-fab, +[data-theme-version="dark"] .mat-raised-button { + color: #fff; + background-color: #28253b; +} + +[data-theme-version="dark"] .mat-fab.mat-primary, +[data-theme-version="dark"] .mat-flat-button.mat-primary, +[data-theme-version="dark"] .mat-mini-fab.mat-primary, +[data-theme-version="dark"] .mat-raised-button.mat-primary { + color: #fff; +} + +[data-theme-version="dark"] .mat-fab.mat-accent, +[data-theme-version="dark"] .mat-flat-button.mat-accent, +[data-theme-version="dark"] .mat-mini-fab.mat-accent, +[data-theme-version="dark"] .mat-raised-button.mat-accent { + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-fab.mat-warn, +[data-theme-version="dark"] .mat-flat-button.mat-warn, +[data-theme-version="dark"] .mat-mini-fab.mat-warn, +[data-theme-version="dark"] .mat-raised-button.mat-warn { + color: #fff; +} + +[data-theme-version="dark"] .mat-fab.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-fab.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-fab.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-fab.mat-warn.mat-button-disabled, +[data-theme-version="dark"] .mat-flat-button.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-flat-button.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-flat-button.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-flat-button.mat-warn.mat-button-disabled, +[data-theme-version="dark"] .mat-mini-fab.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-mini-fab.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-mini-fab.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-mini-fab.mat-warn.mat-button-disabled, +[data-theme-version="dark"] .mat-raised-button.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-raised-button.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-raised-button.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-raised-button.mat-warn.mat-button-disabled { + color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-fab.mat-primary, +[data-theme-version="dark"] .mat-flat-button.mat-primary, +[data-theme-version="dark"] .mat-mini-fab.mat-primary, +[data-theme-version="dark"] .mat-raised-button.mat-primary { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-fab.mat-accent, +[data-theme-version="dark"] .mat-flat-button.mat-accent, +[data-theme-version="dark"] .mat-mini-fab.mat-accent, +[data-theme-version="dark"] .mat-raised-button.mat-accent { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-fab.mat-warn, +[data-theme-version="dark"] .mat-flat-button.mat-warn, +[data-theme-version="dark"] .mat-mini-fab.mat-warn, +[data-theme-version="dark"] .mat-raised-button.mat-warn { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-fab.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-fab.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-fab.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-fab.mat-warn.mat-button-disabled, +[data-theme-version="dark"] .mat-flat-button.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-flat-button.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-flat-button.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-flat-button.mat-warn.mat-button-disabled, +[data-theme-version="dark"] .mat-mini-fab.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-mini-fab.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-mini-fab.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-mini-fab.mat-warn.mat-button-disabled, +[data-theme-version="dark"] .mat-raised-button.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-raised-button.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-raised-button.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-raised-button.mat-warn.mat-button-disabled { + background-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-fab.mat-primary .mat-ripple-element, +[data-theme-version="dark"] .mat-flat-button.mat-primary .mat-ripple-element, +[data-theme-version="dark"] .mat-mini-fab.mat-primary .mat-ripple-element, +[data-theme-version="dark"] .mat-raised-button.mat-primary .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.1); +} + +[data-theme-version="dark"] .mat-fab.mat-accent .mat-ripple-element, +[data-theme-version="dark"] .mat-flat-button.mat-accent .mat-ripple-element, +[data-theme-version="dark"] .mat-mini-fab.mat-accent .mat-ripple-element, +[data-theme-version="dark"] .mat-raised-button.mat-accent .mat-ripple-element { + background-color: rgba(0, 0, 0, 0.1); +} + +[data-theme-version="dark"] .mat-fab.mat-warn .mat-ripple-element, +[data-theme-version="dark"] .mat-flat-button.mat-warn .mat-ripple-element, +[data-theme-version="dark"] .mat-mini-fab.mat-warn .mat-ripple-element, +[data-theme-version="dark"] .mat-raised-button.mat-warn .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.1); +} + +[data-theme-version="dark"] .mat-flat-button:not([class*=mat-elevation-z]), +[data-theme-version="dark"] .mat-stroked-button:not([class*=mat-elevation-z]) { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-raised-button:not([class*=mat-elevation-z]) { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-fab:not([class*=mat-elevation-z]), +[data-theme-version="dark"] .mat-mini-fab:not([class*=mat-elevation-z]) { + box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), +[data-theme-version="dark"] .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { + box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), +[data-theme-version="dark"] .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-button-toggle-group, +[data-theme-version="dark"] .mat-button-toggle-standalone { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-button-toggle-group-appearance-standard, +[data-theme-version="dark"] .mat-button-toggle-standalone.mat-button-toggle-appearance-standard { + box-shadow: none; +} + +[data-theme-version="dark"] .mat-button-toggle { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-button-toggle .mat-button-toggle-focus-overlay { + background-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-button-toggle-appearance-standard { + color: #fff; + background: #28253b; +} + +[data-theme-version="dark"] .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { + background-color: #fff; +} + +[data-theme-version="dark"] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle { + border-left: solid 1px rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle { + border-left: none; + border-right: solid 1px rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle { + border-left: none; + border-right: none; + border-top: solid 1px rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-button-toggle-checked { + background-color: #212121; + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-button-toggle-checked.mat-button-toggle-appearance-standard { + color: #fff; +} + +[data-theme-version="dark"] .mat-button-toggle-disabled { + color: rgba(255, 255, 255, 0.3); + background-color: #000; +} + +[data-theme-version="dark"] .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { + background: #28253b; +} + +[data-theme-version="dark"] .mat-button-toggle-disabled.mat-button-toggle-checked { + background-color: #28253b; +} + +[data-theme-version="dark"] .mat-button-toggle-group-appearance-standard, +[data-theme-version="dark"] .mat-button-toggle-standalone.mat-button-toggle-appearance-standard { + border: solid 1px rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { + line-height: 48px; +} + +[data-theme-version="dark"] .mat-card { + background: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-card:not([class*=mat-elevation-z]) { + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-card-subtitle { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-checkbox-frame { + border-color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-checkbox-checkmark { + fill: #28253b; +} + +[data-theme-version="dark"] .mat-checkbox-checkmark-path { + stroke: #fff !important; +} + +[data-theme-version="dark"] .mat-checkbox-mixedmark { + background-color: #28253b; +} + +[data-theme-version="dark"] .mat-checkbox-checked.mat-primary .mat-checkbox-background, +[data-theme-version="dark"] .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-checkbox-checked.mat-accent .mat-checkbox-background, +[data-theme-version="dark"] .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-checkbox-checked.mat-warn .mat-checkbox-background, +[data-theme-version="dark"] .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, +[data-theme-version="dark"] .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { + background-color: #686868; +} + +[data-theme-version="dark"] .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { + border-color: #686868; +} + +[data-theme-version="dark"] .mat-checkbox-disabled .mat-checkbox-label { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-checkbox .mat-ripple-element { + background-color: #fff; +} + +[data-theme-version="dark"] .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, +[data-theme-version="dark"] .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { + background: #40189D; +} + +[data-theme-version="dark"] .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, +[data-theme-version="dark"] .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { + background: #8BC740; +} + +[data-theme-version="dark"] .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, +[data-theme-version="dark"] .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { + background: #f44336; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip { + background-color: #616161; + color: #fff; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip .mat-chip-remove { + color: #fff; + opacity: .4; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { + box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { + opacity: .54; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-disabled { + opacity: .4; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip::after { + background: #fff; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { + background-color: #40189D; + color: #fff; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { + color: #fff; + opacity: .4; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.1); +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { + background-color: #f44336; + color: #fff; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { + color: #fff; + opacity: .4; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.1); +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { + background-color: #8BC740; + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { + color: rgba(0, 0, 0, 0.87); + opacity: .4; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { + background-color: rgba(0, 0, 0, 0.1); +} + +[data-theme-version="dark"] .mat-table { + background: #28253b; +} + +[data-theme-version="dark"] .mat-table tbody, +[data-theme-version="dark"] .mat-table tfoot, +[data-theme-version="dark"] .mat-table thead, +[data-theme-version="dark"] .mat-table-sticky, +[data-theme-version="dark"] [mat-footer-row], +[data-theme-version="dark"] [mat-header-row], +[data-theme-version="dark"] [mat-row], +[data-theme-version="dark"] mat-footer-row, +[data-theme-version="dark"] mat-header-row, +[data-theme-version="dark"] mat-row { + background: inherit; +} + +[data-theme-version="dark"] mat-footer-row, +[data-theme-version="dark"] mat-header-row, +[data-theme-version="dark"] mat-row, +[data-theme-version="dark"] td.mat-cell, +[data-theme-version="dark"] td.mat-footer-cell, +[data-theme-version="dark"] th.mat-header-cell { + border-bottom-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-header-cell { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-cell, +[data-theme-version="dark"] .mat-footer-cell { + color: #fff; +} + +[data-theme-version="dark"] .mat-calendar-arrow { + border-top-color: #fff; +} + +[data-theme-version="dark"] .mat-datepicker-content .mat-calendar-next-button, +[data-theme-version="dark"] .mat-datepicker-content .mat-calendar-previous-button, +[data-theme-version="dark"] .mat-datepicker-toggle { + color: #fff; +} + +[data-theme-version="dark"] .mat-calendar-table-header { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-calendar-table-header-divider::after { + background: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-calendar-body-label { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-calendar-body-cell-content, +[data-theme-version="dark"] .mat-date-range-input-separator { + color: #fff; + border-color: transparent; +} + +[data-theme-version="dark"] .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-form-field-disabled .mat-date-range-input-separator { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-calendar-body-in-preview { + color: rgba(255, 255, 255, 0.24); +} + +[data-theme-version="dark"] .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { + border-color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-calendar-body-in-range::before { + background: rgba(123, 31, 162, 0.2); +} + +[data-theme-version="dark"] .mat-calendar-body-comparison-identical, +[data-theme-version="dark"] .mat-calendar-body-in-comparison-range::before { + background: rgba(249, 171, 0, 0.2); +} + +[data-theme-version="dark"] .mat-calendar-body-comparison-bridge-start::before, +[data-theme-version="dark"] [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { + background: linear-gradient(to right, rgba(123, 31, 162, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); +} + +[data-theme-version="dark"] .mat-calendar-body-comparison-bridge-end::before, +[data-theme-version="dark"] [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { + background: linear-gradient(to left, rgba(123, 31, 162, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); +} + +[data-theme-version="dark"] .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after, +[data-theme-version="dark"] .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical { + background: #a8dab5; +} + +[data-theme-version="dark"] .mat-calendar-body-comparison-identical.mat-calendar-body-selected, +[data-theme-version="dark"] .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected { + background: #46a35e; +} + +[data-theme-version="dark"] .mat-calendar-body-selected { + background-color: #40189D; + color: #fff; +} + +[data-theme-version="dark"] .mat-calendar-body-disabled>.mat-calendar-body-selected { + background-color: rgba(123, 31, 162, 0.4); +} + +[data-theme-version="dark"] .mat-calendar-body-today.mat-calendar-body-selected { + box-shadow: inset 0 0 0 1px #fff; +} + +[data-theme-version="dark"] .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), +[data-theme-version="dark"] .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), +[data-theme-version="dark"] .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { + background-color: rgba(123, 31, 162, 0.3); +} + +[data-theme-version="dark"] .mat-datepicker-content { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + background-color: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { + background: rgba(105, 240, 174, 0.2); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { + background: rgba(249, 171, 0, 0.2); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, +[data-theme-version="dark"] .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { + background: linear-gradient(to right, rgba(105, 240, 174, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, +[data-theme-version="dark"] .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { + background: linear-gradient(to left, rgba(105, 240, 174, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after, +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical { + background: #a8dab5; +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected { + background: #46a35e; +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-selected { + background-color: #8BC740; + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected { + background-color: rgba(105, 240, 174, 0.4); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { + background-color: rgba(105, 240, 174, 0.3); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { + background: rgba(244, 67, 54, 0.2); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { + background: rgba(249, 171, 0, 0.2); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, +[data-theme-version="dark"] .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { + background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, +[data-theme-version="dark"] .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { + background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after, +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical { + background: #a8dab5; +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected { + background: #46a35e; +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-selected { + background-color: #f44336; + color: #fff; +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected { + background-color: rgba(244, 67, 54, 0.4); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { + box-shadow: inset 0 0 0 1px #fff; +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { + background-color: rgba(244, 67, 54, 0.3); +} + +[data-theme-version="dark"] .mat-datepicker-content-touch { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-datepicker-toggle-active { + color: #40189D; +} + +[data-theme-version="dark"] .mat-datepicker-toggle-active.mat-accent { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-datepicker-toggle-active.mat-warn { + color: #f44336; +} + +[data-theme-version="dark"] .mat-date-range-input-inner[disabled] { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-dialog-container { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-divider { + border-top-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-divider-vertical { + border-right-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-expansion-panel { + background: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-expansion-panel:not([class*=mat-elevation-z]) { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-action-row { + border-top-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), +[data-theme-version="dark"] .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), +[data-theme-version="dark"] .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { + background: rgba(255, 255, 255, 0.04); +} + +@media (hover: none) { + [data-theme-version="dark"] .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { + background: #28253b; + } +} + +[data-theme-version="dark"] .mat-expansion-panel-header-title { + color: #fff; +} + +[data-theme-version="dark"] .mat-expansion-indicator::after, +[data-theme-version="dark"] .mat-expansion-panel-header-description { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-expansion-panel-header[aria-disabled=true] { + color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description, +[data-theme-version="dark"] .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title { + color: inherit; +} + +[data-theme-version="dark"] .mat-expansion-panel-header { + height: 48px; +} + +[data-theme-version="dark"] .mat-expansion-panel-header.mat-expanded { + height: 64px; +} + +[data-theme-version="dark"] .mat-form-field-label { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-hint { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-label { + color: #40189D; +} + +[data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-label.mat-accent { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-label.mat-warn { + color: #f44336; +} + +[data-theme-version="dark"] .mat-focused .mat-form-field-required-marker { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-form-field-ripple { + background-color: #fff; +} + +[data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-ripple { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { + color: #40189D; +} + +[data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-label { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker, +[data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, +[data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-error { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field-appearance-legacy .mat-form-field-label { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-form-field-appearance-legacy .mat-hint { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-form-field-appearance-legacy .mat-form-field-underline { + background-color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { + background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 33%, transparent 0); + background-size: 4px 100%; + background-repeat: repeat-x; +} + +[data-theme-version="dark"] .mat-form-field-appearance-standard .mat-form-field-underline { + background-color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { + background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 33%, transparent 0); + background-size: 4px 100%; + background-repeat: repeat-x; +} + +[data-theme-version="dark"] .mat-form-field-appearance-fill .mat-form-field-flex { + background-color: rgba(255, 255, 255, 0.1); +} + +[data-theme-version="dark"] .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { + background-color: rgba(255, 255, 255, 0.05); +} + +[data-theme-version="dark"] .mat-form-field-appearance-fill .mat-form-field-underline::before { + background-color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { + background-color: transparent; +} + +[data-theme-version="dark"] .mat-form-field-appearance-outline .mat-form-field-outline { + color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-form-field-appearance-outline .mat-form-field-outline-thick { + color: #fff; +} + +[data-theme-version="dark"] .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { + color: #40189D; +} + +[data-theme-version="dark"] .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { + color: rgba(255, 255, 255, 0.15); +} + +[data-theme-version="dark"] .mat-icon.mat-primary { + color: #40189D; +} + +[data-theme-version="dark"] .mat-icon.mat-accent { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-icon.mat-warn { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field-type-mat-native-select .mat-form-field-infix::after { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after, +[data-theme-version="dark"] .mat-input-element:disabled { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-input-element { + caret-color: #40189D; +} + +[data-theme-version="dark"] .mat-input-element::placeholder { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-input-element::-moz-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-input-element::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-input-element:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-input-element option { + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-input-element option:disabled { + color: rgba(0, 0, 0, 0.38); +} + +[data-theme-version="dark"] .mat-form-field.mat-accent .mat-input-element { + caret-color: #8BC740; +} + +[data-theme-version="dark"] .mat-form-field-invalid .mat-input-element, +[data-theme-version="dark"] .mat-form-field.mat-warn .mat-input-element { + caret-color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { + color: #f44336; +} + +[data-theme-version="dark"] .mat-list-base .mat-list-item { + color: #fff; +} + +[data-theme-version="dark"] .mat-list-base .mat-list-option { + color: #fff; +} + +[data-theme-version="dark"] .mat-list-base .mat-subheader { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-list-item-disabled { + background-color: #000; +} + +[data-theme-version="dark"] .mat-action-list .mat-list-item:focus, +[data-theme-version="dark"] .mat-action-list .mat-list-item:hover, +[data-theme-version="dark"] .mat-list-option:focus, +[data-theme-version="dark"] .mat-list-option:hover, +[data-theme-version="dark"] .mat-nav-list .mat-list-item:focus, +[data-theme-version="dark"] .mat-nav-list .mat-list-item:hover { + background: rgba(255, 255, 255, 0.04); +} + +[data-theme-version="dark"] .mat-list-single-selected-option, +[data-theme-version="dark"] .mat-list-single-selected-option:focus, +[data-theme-version="dark"] .mat-list-single-selected-option:hover { + background: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-menu-panel { + background: #28253b; +} + +[data-theme-version="dark"] .mat-menu-panel:not([class*=mat-elevation-z]) { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-menu-item { + background: 0 0; + color: #fff; +} + +[data-theme-version="dark"] .mat-menu-item[disabled], +[data-theme-version="dark"] .mat-menu-item[disabled] .mat-icon-no-color, +[data-theme-version="dark"] .mat-menu-item[disabled]::after { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-menu-item .mat-icon-no-color, +[data-theme-version="dark"] .mat-menu-item-submenu-trigger::after { + color: #fff; +} + +[data-theme-version="dark"] .mat-menu-item-highlighted:not([disabled]), +[data-theme-version="dark"] .mat-menu-item.cdk-keyboard-focused:not([disabled]), +[data-theme-version="dark"] .mat-menu-item.cdk-program-focused:not([disabled]), +[data-theme-version="dark"] .mat-menu-item:hover:not([disabled]) { + background: rgba(255, 255, 255, 0.04); +} + +[data-theme-version="dark"] .mat-paginator { + background: #28253b; +} + +[data-theme-version="dark"] .mat-paginator, +[data-theme-version="dark"] .mat-paginator-page-size .mat-select-trigger { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-paginator-decrement, +[data-theme-version="dark"] .mat-paginator-increment { + border-top: 2px solid #fff; + border-right: 2px solid #fff; +} + +[data-theme-version="dark"] .mat-paginator-first, +[data-theme-version="dark"] .mat-paginator-last { + border-top: 2px solid #fff; +} + +[data-theme-version="dark"] .mat-icon-button[disabled] .mat-paginator-decrement, +[data-theme-version="dark"] .mat-icon-button[disabled] .mat-paginator-first, +[data-theme-version="dark"] .mat-icon-button[disabled] .mat-paginator-increment, +[data-theme-version="dark"] .mat-icon-button[disabled] .mat-paginator-last { + border-color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-paginator-container { + min-height: 56px; +} + +[data-theme-version="dark"] .mat-progress-bar-background { + fill: #9c27b0; +} + +[data-theme-version="dark"] .mat-progress-bar-buffer { + background-color: #9c27b0; +} + +[data-theme-version="dark"] .mat-progress-bar-fill::after { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-progress-bar.mat-accent .mat-progress-bar-background { + fill: #b9f6ca; +} + +[data-theme-version="dark"] .mat-progress-bar.mat-accent .mat-progress-bar-buffer { + background-color: #b9f6ca; +} + +[data-theme-version="dark"] .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-progress-bar.mat-warn .mat-progress-bar-background { + fill: #ffcdd2; +} + +[data-theme-version="dark"] .mat-progress-bar.mat-warn .mat-progress-bar-buffer { + background-color: #ffcdd2; +} + +[data-theme-version="dark"] .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-progress-spinner circle, +[data-theme-version="dark"] .mat-spinner circle { + stroke: #40189D; +} + +[data-theme-version="dark"] .mat-progress-spinner.mat-accent circle, +[data-theme-version="dark"] .mat-spinner.mat-accent circle { + stroke: #8BC740; +} + +[data-theme-version="dark"] .mat-progress-spinner.mat-warn circle, +[data-theme-version="dark"] .mat-spinner.mat-warn circle { + stroke: #f44336; +} + +[data-theme-version="dark"] .mat-radio-outer-circle { + border-color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { + border-color: #40189D; +} + +[data-theme-version="dark"] .mat-radio-button.mat-primary .mat-radio-inner-circle, +[data-theme-version="dark"] .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), +[data-theme-version="dark"] .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, +[data-theme-version="dark"] .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { + border-color: #8BC740; +} + +[data-theme-version="dark"] .mat-radio-button.mat-accent .mat-radio-inner-circle, +[data-theme-version="dark"] .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), +[data-theme-version="dark"] .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, +[data-theme-version="dark"] .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { + border-color: #f44336; +} + +[data-theme-version="dark"] .mat-radio-button.mat-warn .mat-radio-inner-circle, +[data-theme-version="dark"] .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), +[data-theme-version="dark"] .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, +[data-theme-version="dark"] .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle, +[data-theme-version="dark"] .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle { + border-color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle, +[data-theme-version="dark"] .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-radio-button.mat-radio-disabled .mat-radio-label-content { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-radio-button .mat-ripple-element { + background-color: #fff; +} + +[data-theme-version="dark"] .mat-select-value { + color: #fff; +} + +[data-theme-version="dark"] .mat-select-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-select-disabled .mat-select-value { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-select-arrow { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-select-panel { + background: #28253b; +} + +[data-theme-version="dark"] .mat-select-panel:not([class*=mat-elevation-z]) { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { + background: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-form-field.mat-focused.mat-primary .mat-select-arrow { + color: #40189D; +} + +[data-theme-version="dark"] .mat-form-field.mat-focused.mat-accent .mat-select-arrow { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-form-field.mat-focused.mat-warn .mat-select-arrow { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-drawer-container { + background-color: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-drawer { + background-color: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-drawer.mat-drawer-push { + background-color: #28253b; +} + +[data-theme-version="dark"] .mat-drawer:not(.mat-drawer-side) { + box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-drawer-side { + border-right: solid 1px rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-drawer-side.mat-drawer-end { + border-left: solid 1px rgba(255, 255, 255, 0.12); + border-right: none; +} + +[data-theme-version="dark"] [dir=rtl] .mat-drawer-side { + border-left: solid 1px rgba(255, 255, 255, 0.12); + border-right: none; +} + +[data-theme-version="dark"] [dir=rtl] .mat-drawer-side.mat-drawer-end { + border-left: none; + border-right: solid 1px rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-drawer-backdrop.mat-drawer-shown { + background-color: rgba(189, 189, 189, 0.6); +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { + background-color: rgba(105, 240, 174, 0.54); +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-checked .mat-ripple-element { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { + background-color: rgba(123, 31, 162, 0.54); +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { + background-color: rgba(244, 67, 54, 0.54); +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { + background-color: #fff; +} + +[data-theme-version="dark"] .mat-slide-toggle-thumb { + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + background-color: #bdbdbd; +} + +[data-theme-version="dark"] .mat-slide-toggle-bar { + background-color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-slider-track-background { + background-color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-primary .mat-slider-thumb, +[data-theme-version="dark"] .mat-primary .mat-slider-thumb-label, +[data-theme-version="dark"] .mat-primary .mat-slider-track-fill { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-primary .mat-slider-thumb-label-text { + color: #fff; +} + +[data-theme-version="dark"] .mat-primary .mat-slider-focus-ring { + background-color: rgba(123, 31, 162, 0.2); +} + +[data-theme-version="dark"] .mat-accent .mat-slider-thumb, +[data-theme-version="dark"] .mat-accent .mat-slider-thumb-label, +[data-theme-version="dark"] .mat-accent .mat-slider-track-fill { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-accent .mat-slider-thumb-label-text { + color: rgba(255, 255, 255, 0.87); +} + +[data-theme-version="dark"] .mat-accent .mat-slider-focus-ring { + background-color: rgba(105, 240, 174, 0.2); +} + +[data-theme-version="dark"] .mat-warn .mat-slider-thumb, +[data-theme-version="dark"] .mat-warn .mat-slider-thumb-label, +[data-theme-version="dark"] .mat-warn .mat-slider-track-fill { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-warn .mat-slider-thumb-label-text { + color: #fff; +} + +[data-theme-version="dark"] .mat-warn .mat-slider-focus-ring { + background-color: rgba(244, 67, 54, 0.2); +} + +[data-theme-version="dark"] .cdk-focused .mat-slider-track-background, +[data-theme-version="dark"] .mat-slider:hover .mat-slider-track-background { + background-color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-slider-disabled .mat-slider-thumb, +[data-theme-version="dark"] .mat-slider-disabled .mat-slider-track-background, +[data-theme-version="dark"] .mat-slider-disabled .mat-slider-track-fill { + background-color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-slider-disabled:hover .mat-slider-track-background { + background-color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-slider-min-value .mat-slider-focus-ring { + background-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, +[data-theme-version="dark"] .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { + background-color: #fff; +} + +[data-theme-version="dark"] .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, +[data-theme-version="dark"] .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { + background-color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { + border-color: rgba(255, 255, 255, 0.3); + background-color: transparent; +} + +[data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb, +[data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb, +[data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-slider-has-ticks .mat-slider-wrapper::after { + border-color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-slider-horizontal .mat-slider-ticks { + background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); + background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); +} + +[data-theme-version="dark"] .mat-slider-vertical .mat-slider-ticks { + background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); +} + +[data-theme-version="dark"] .mat-step-header.cdk-keyboard-focused, +[data-theme-version="dark"] .mat-step-header.cdk-program-focused, +[data-theme-version="dark"] .mat-step-header:hover { + background-color: rgba(255, 255, 255, 0.04); +} + +@media (hover: none) { + [data-theme-version="dark"] .mat-step-header:hover { + background: 0 0; + } +} + +[data-theme-version="dark"] .mat-step-header .mat-step-label, +[data-theme-version="dark"] .mat-step-header .mat-step-optional { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-step-header .mat-step-icon { + background-color: rgba(255, 255, 255, 0.7); + color: #fff; +} + +[data-theme-version="dark"] .mat-step-header .mat-step-icon-selected, +[data-theme-version="dark"] .mat-step-header .mat-step-icon-state-done, +[data-theme-version="dark"] .mat-step-header .mat-step-icon-state-edit { + background-color: #40189D; + color: #fff; +} + +[data-theme-version="dark"] .mat-step-header.mat-accent .mat-step-icon { + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-step-header.mat-accent .mat-step-icon-selected, +[data-theme-version="dark"] .mat-step-header.mat-accent .mat-step-icon-state-done, +[data-theme-version="dark"] .mat-step-header.mat-accent .mat-step-icon-state-edit { + background-color: #8BC740; + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-step-header.mat-warn .mat-step-icon { + color: #fff; +} + +[data-theme-version="dark"] .mat-step-header.mat-warn .mat-step-icon-selected, +[data-theme-version="dark"] .mat-step-header.mat-warn .mat-step-icon-state-done, +[data-theme-version="dark"] .mat-step-header.mat-warn .mat-step-icon-state-edit { + background-color: #f44336; + color: #fff; +} + +[data-theme-version="dark"] .mat-step-header .mat-step-icon-state-error { + background-color: transparent; + color: #f44336; +} + +[data-theme-version="dark"] .mat-step-header .mat-step-label.mat-step-label-active { + color: #fff; +} + +[data-theme-version="dark"] .mat-step-header .mat-step-label.mat-step-label-error { + color: #f44336; +} + +[data-theme-version="dark"] .mat-stepper-horizontal, +[data-theme-version="dark"] .mat-stepper-vertical { + background-color: #28253b; +} + +[data-theme-version="dark"] .mat-stepper-vertical-line::before { + border-left-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-horizontal-stepper-header::after, +[data-theme-version="dark"] .mat-horizontal-stepper-header::before, +[data-theme-version="dark"] .mat-stepper-horizontal-line { + border-top-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-horizontal-stepper-header { + height: 72px; +} + +[data-theme-version="dark"] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header, +[data-theme-version="dark"] .mat-vertical-stepper-header { + padding: 24px 24px; +} + +[data-theme-version="dark"] .mat-stepper-vertical-line::before { + top: -16px; + bottom: -16px; +} + +[data-theme-version="dark"] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, +[data-theme-version="dark"] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before { + top: 36px; +} + +[data-theme-version="dark"] .mat-stepper-label-position-bottom .mat-stepper-horizontal-line { + top: 36px; +} + +[data-theme-version="dark"] .mat-sort-header-arrow { + color: #c6c6c6; +} + +[data-theme-version="dark"] .mat-tab-header, +[data-theme-version="dark"] .mat-tab-nav-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-tab-group-inverted-header .mat-tab-header, +[data-theme-version="dark"] .mat-tab-group-inverted-header .mat-tab-nav-bar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; +} + +[data-theme-version="dark"] .mat-tab-label, +[data-theme-version="dark"] .mat-tab-link { + color: #fff; +} + +[data-theme-version="dark"] .mat-tab-label.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-link.mat-tab-disabled { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-tab-header-pagination-chevron { + border-color: #fff; +} + +[data-theme-version="dark"] .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { + border-color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-tab-group[class*=mat-background-] .mat-tab-header, +[data-theme-version="dark"] .mat-tab-nav-bar[class*=mat-background-] { + border-bottom: none; + border-top: none; +} + +[data-theme-version="dark"] .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(156, 39, 176, 0.3); +} + +[data-theme-version="dark"] .mat-tab-group.mat-primary .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-ink-bar { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar { + background-color: #fff; +} + +[data-theme-version="dark"] .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(185, 246, 202, 0.3); +} + +[data-theme-version="dark"] .mat-tab-group.mat-accent .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-ink-bar { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar { + background-color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(255, 205, 210, 0.3); +} + +[data-theme-version="dark"] .mat-tab-group.mat-warn .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-ink-bar { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar { + background-color: #fff; +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(156, 39, 176, 0.3); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-header, +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-header-pagination, +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-link-container, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-header, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label, +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link { + color: #fff; +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled { + color: rgba(255, 255, 255, 0.4); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-links .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-links .mat-focus-indicator::before { + border-color: #fff; +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { + border-color: rgba(255, 255, 255, 0.4); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(185, 246, 202, 0.3); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-header, +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-header-pagination, +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-link-container, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-header, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label, +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link { + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled { + color: rgba(0, 0, 0, 0.4); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-links .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-links .mat-focus-indicator::before { + border-color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { + border-color: rgba(0, 0, 0, 0.4); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element { + background-color: rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(255, 205, 210, 0.3); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-header, +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-header-pagination, +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-link-container, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-header, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label, +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link { + color: #fff; +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled { + color: rgba(255, 255, 255, 0.4); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-links .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-links .mat-focus-indicator::before { + border-color: #fff; +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { + border-color: rgba(255, 255, 255, 0.4); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-toolbar { + background: #212121; + color: #fff; +} + +[data-theme-version="dark"] .mat-toolbar.mat-primary { + background: #40189D; + color: #fff; +} + +[data-theme-version="dark"] .mat-toolbar.mat-accent { + background: #8BC740; + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-toolbar.mat-warn { + background: #f44336; + color: #fff; +} + +[data-theme-version="dark"] .mat-toolbar .mat-focused .mat-form-field-ripple, +[data-theme-version="dark"] .mat-toolbar .mat-form-field-ripple, +[data-theme-version="dark"] .mat-toolbar .mat-form-field-underline { + background-color: currentColor; +} + +[data-theme-version="dark"] .mat-toolbar .mat-focused .mat-form-field-label, +[data-theme-version="dark"] .mat-toolbar .mat-form-field-label, +[data-theme-version="dark"] .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow, +[data-theme-version="dark"] .mat-toolbar .mat-select-arrow, +[data-theme-version="dark"] .mat-toolbar .mat-select-value { + color: inherit; +} + +[data-theme-version="dark"] .mat-toolbar .mat-input-element { + caret-color: currentColor; +} + +[data-theme-version="dark"] .mat-toolbar-multiple-rows { + min-height: 64px; +} + +[data-theme-version="dark"] .mat-toolbar-row, +[data-theme-version="dark"] .mat-toolbar-single-row { + height: 64px; +} + +@media (max-width: 599px) { + [data-theme-version="dark"] .mat-toolbar-multiple-rows { + min-height: 56px; + } + + [data-theme-version="dark"] .mat-toolbar-row, + [data-theme-version="dark"] .mat-toolbar-single-row { + height: 56px; + } +} + +[data-theme-version="dark"] .mat-tooltip { + background: rgba(97, 97, 97, 0.9); +} + +[data-theme-version="dark"] .mat-tree { + background: #28253b; +} + +[data-theme-version="dark"] .mat-nested-tree-node, +[data-theme-version="dark"] .mat-tree-node { + color: #fff; +} + +[data-theme-version="dark"] .mat-tree-node { + min-height: 48px; +} + +[data-theme-version="dark"] .mat-snack-bar-container { + color: rgba(0, 0, 0, 0.87); + background: #fafafa; + box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-simple-snackbar-action { + color: inherit; +} + +[data-theme-version="dark"] .mat-bottom-sheet-container ul li a span { + color: #fff; +} + +[data-theme-version="dark"] .default-mt-btn .example-label { + color: #fff; +} + +[data-theme-version="dark"] .default-mt-chips .mat-input-element { + color: rgba(255, 255, 255, 0.6); +} + +[data-theme-version="dark"] .default-mt-chips .mat-form-field-appearance-legacy .mat-form-field-label, +[data-theme-version="dark"] .default-mt-chips .mat-form-field-appearance-legacy .mat-hint, +[data-theme-version="dark"] .default-mt-chips input.mat-chip-input::placeholder { + color: rgba(255, 255, 255, 0.54); +} + +[data-theme-version="dark"] .default-mt-chips .mat-form-field-appearance-legacy .mat-form-field-underline { + background-color: rgba(255, 255, 255, 0.42); +} + +[data-theme-version="dark"] .default-mt-datepicker .mat-form-field-label { + color: rgba(255, 255, 255, 0.6); +} + +[data-theme-version="dark"] .default-mt-datepicker .mat-date-range-input-inner, +[data-theme-version="dark"] .default-mt-datepicker .mat-calendar-body-cell-content, +[data-theme-version="dark"] .default-mt-datepicker .mat-date-range-input-separator { + color: #fff; +} + +[data-theme-version="dark"] .default-mt-datepicker .mat-icon-button svg path { + fill: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .default-mt-datepicker .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .default-mt-datepicker .mat-form-field-appearance-fill .mat-form-field-underline:before { + background-color: rgba(255, 255, 255, 0.42); +} + +[data-theme-version="dark"] .default-mt-datepicker .mat-input-element:disabled, +[data-theme-version="dark"] .default-mt-datepicker .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { + color: #fff; +} + +[data-theme-version="dark"] .mat-list-icon { + color: rgba(255, 255, 255, 0.5) !important; +} + +[data-theme-version="dark"] .prevent-accordion .card-header button.collapsed, +[data-theme-version="dark"] .default-accordion .card-header button.collapsed { + color: #fff; +} + +[data-theme-version="dark"] .default-calendar .form-group .input-group .form-control { + color: #fff; +} + +[data-theme-version="dark"] .default-calendar ngb-datepicker.dropdown-menu { + background: #9774ea; +} + +[data-theme-version="dark"] .calendar-list .list-group-item, +[data-theme-version="dark"] .calendar-list .list-group-item:hover { + background: #251e35; + color: #8e8e8e; + border-left: 4px solid #40189D; +} + +[data-theme-version="dark"] .calendar-description h2 { + color: #fff; +} + +[data-theme-version="dark"] .calendar-description ul li { + color: #fff; +} + +[data-theme-version="dark"] .dashboard-full-calendar.fc-theme-standard td, +[data-theme-version="dark"] .dashboard-full-calendar.fc-theme-standard th, +[data-theme-version="dark"] .dashboard-full-calendar.fc-theme-standard .fc-scrollgrid, +[data-theme-version="dark"] .dashboard-full-calendar.fc-theme-standard .fc-list { + border-color: #333a54; +} + +[data-theme-version="dark"] .dashboard-select.mat-form-field-appearance-fill .mat-form-field-flex { + background-color: #251e35 !important; +} + +[data-theme-version="dark"] .detault-daterange .mat-date-range-input-inner::placeholder { + color: #fff; +} + +[data-theme-version="dark"] .dashboard-select .mat-select-arrow, +[data-theme-version="dark"] .dashboard-select .mat-select-value { + color: #fff; +} + +[data-theme-version="dark"] .apex-card-donut .apexcharts-datalabels-group text { + fill: #fff; +} + +[data-theme-version="dark"] .sidebar-right .form-control { + color: #000; +} + +[data-theme-version="dark"] .page-titles .breadcrumb li.active a { + color: #fff; +} + +[data-theme-version="dark"] .page-titles .breadcrumb .breadcrumb-item+.breadcrumb-item:before { + color: #fff; +} + +[data-theme-version="dark"] .default-apex-cl .apexcharts-title-text { + fill: #bdbdbd; +} + +[data-theme-version="dark"] .default-apex-cl .apexcharts-yaxis tspan, +[data-theme-version="dark"] .default-apex-cl .apexcharts-xaxis tspan { + fill: #bdbdbd; +} + +[data-theme-version="dark"] .default-apex-cl .apexcharts-text { + fill: #bdbdbd; +} + +[data-theme-version="dark"] .default-apex-cl .apexcharts-svg { + background: #28253b !important; +} + +[data-theme-version="dark"] .default-apex-cl .apexcharts-svg line { + stroke: #333a54; +} + +[data-theme-version="dark"] .default-apex-cl .apexcharts-grid rect:nth-child(even) { + fill: #251e35; +} + +[data-theme-version="dark"] .default-apex-cl .apexcharts-datalabels text { + fill: #fff; +} + +[data-theme-version="dark"] .default-apex-cl .apexcharts-subtitle-text { + fill: #fff; +} + +[data-theme-version="dark"] .default-calendar .btn-light { + color: #fff; +} + +[data-theme-version="dark"] .default-calendar .btn-light:hover { + color: #000; +} + +[data-theme-version="dark"] .default-calendar ngb-datepicker { + background: #251e35; +} + +[data-theme-version="dark"] pre { + color: #fff; +} + +[data-theme-version="dark"] .default-mt-table .mat-header-cell { + color: #fff; +} + +[data-theme-version="dark"] .default-mt-table mat-row, +[data-theme-version="dark"] .default-mt-table mat-header-row, +[data-theme-version="dark"] .default-mt-table mat-footer-row, +[data-theme-version="dark"] .default-mt-table th.mat-header-cell, +[data-theme-version="dark"] .default-mt-table td.mat-cell, +[data-theme-version="dark"] .default-mt-table td.mat-footer-cell { + border-color: #333a54; +} + +[data-theme-version="dark"] .donut-chart .apexcharts-datalabels-group text { + fill: #fff; +} + +[data-theme-version="dark"] .custom-dropzone { + background: #251e35 !important; +} + +[data-theme-version="dark"] .mat-form-field.mat-focused .mat-input-element { + color: #fff; +} + +[data-theme-version="dark"] .dashboard-select.style-1 { + border-color: #333a54; +} + +[data-theme-version="dark"] .dashboard-select.style-1 .mat-select-arrow, +[data-theme-version="dark"] .dashboard-select.style-1 .mat-select-value { + color: #fff; +} + +[data-theme-version="dark"] .about-company { + border-color: #333a54; +} + +[data-theme-version="dark"] .default-calendar ngb-datepicker.dropdown-menu { + color: #fff; +} + +[data-theme-version="dark"] .default-autocomplete .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label, +[data-theme-version="dark"] .default-autocomplete .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, +[data-theme-version="dark"] .default-autocomplete .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label { + color: #fff; +} + +[data-theme-version="dark"] tr.example-element-row:not(.example-expanded-row):hover { + background: #251e35 !important; +} + +/* ============= + Calendar +============= */ +.app-fullcalender button { + border-radius: 0px; + color: #B1B1B1; +} + +.app-fullcalender td { + border-color: #f0f1f5; +} + +.calendar { + float: left; + margin-bottom: 0; +} + +.fc-view { + margin-top: 1.875rem; +} + +.fc-toolbar { + margin-bottom: 0.3125rem; + margin-top: 0.9375rem; +} + +@media (max-width: 575.98px) { + .fc-toolbar .fc-left { + display: flex; + justify-content: space-between; + margin-bottom: 0.625rem; + float: none; + } +} + +@media (max-width: 575.98px) { + .fc-toolbar .fc-right { + display: flex; + justify-content: center; + float: none; + margin-bottom: 0.3125rem; + } +} + +@media (max-width: 575.98px) { + .fc-toolbar .fc-center { + display: flex; + justify-content: center; + } + + .fc-toolbar .fc-center * { + float: none; + } +} + +.fc-toolbar h2 { + font-size: 1rem; + font-weight: 600; + line-height: 1.875rem; + text-transform: uppercase; +} + +.fc-toolbar .fc-state-active, +.fc-toolbar .ui-state-active, +.fc-toolbar .ui-state-hover, +.fc-toolbar button:focus, +.fc-toolbar button:hover { + z-index: 0; + box-shadow: none; +} + +.fc-widget-header { + border: 1px solid #f0f1f5; + border-bottom: 0 !important; +} + +.fc th.fc-widget-header { + background: #f0f1f5 !important; + font-size: 0.875rem; + line-height: 1.25rem; + padding: 0.625rem 0; + text-transform: uppercase; +} + +.fc-button { + border: 1px solid #f0f1f5; + text-transform: capitalize; +} + +.fc-button.active { + box-shadow: none !important; +} + +.fc-text-arrow { + font-family: inherit; + font-size: 1rem; +} + +.fc-event { + border-radius: 0.125rem; + border: none; + cursor: move; + font-size: 0.8125rem; + margin: 0.3125rem 0.4375rem; + padding: 0.3125rem; + text-align: center; +} + +.external-event { + cursor: move; + margin: 0.625rem 0; + padding: 0.125rem 0; +} + +.fc-basic-view td.fc-week-number span { + padding-right: 0.3125rem; +} + +.fc-basic-view td.fc-day-number { + padding-right: 0.3125rem; +} + +#drop-remove { + margin-right: 8px; + top: 0.1875rem; +} + +#add-category .modal-dialog, +#event-modal .modal-dialog { + max-width: 37.5rem; +} + +.fc-content { + color: #fff; +} + +.fc th.fc-widget-header { + background: transparent !important; +} + +.fc-button { + background: #fff; +} + +.fc-state-hover { + background: #fff !important; +} + +.fc-state-highlight { + background: #f2f4fa !important; +} + +[data-theme-version="dark"] .fc-state-highlight { + color: #fff !important; +} + +.fc-cell-overlay { + background: #fff !important; +} + +.fc-unthemed .fc-today { + background: #f2f4fa !important; +} + +.fc-day-top { + color: #B1B1B1 !important; +} + +[data-theme-version="dark"] .fc-day-top { + color: #fff !important; +} + +.external-event { + color: #fff; +} + +[data-theme-version="dark"] .external-event { + color: #fff !important; +} + +.fc-basic-view .fc-body .fc-row { + min-height: 1rem; +} + +.fc-scroller.fc-day-grid-container { + height: 490px !important; +} + +.fc-row.fc-week.fc-widget-content.fc-rigid { + height: 81px !important; +} + +@media only screen and (max-width: 1440px) { + .email_left_pane { + display: none; + } +} + +#external-events .external-event:before { + content: ""; + display: inline-block; + width: 14px; + height: 14px; + border-radius: 50%; + margin-right: .9rem; + position: relative; + top: 2px; +} + +#external-events [data-class="bg-primary"] { + background-color: transparent !important; + color: #B1B1B1; +} + +[data-theme-version="dark"] #external-events [data-class="bg-primary"] { + color: #fff !important; +} + +#external-events [data-class="bg-primary"]::before { + background: var(--primary); +} + +#external-events [data-class="bg-success"] { + background-color: transparent !important; + color: #B1B1B1; +} + +#external-events [data-class="bg-success"]::before { + background: #1BD084; +} + +#external-events [data-class="bg-warning"] { + background-color: transparent !important; + color: #B1B1B1; +} + +#external-events [data-class="bg-warning"]::before { + background: #FE8024; +} + +#external-events [data-class="bg-dark"] { + background-color: transparent !important; + color: #B1B1B1; +} + +#external-events [data-class="bg-dark"]::before { + background: #B1B1B1; +} + +#external-events [data-class="bg-danger"] { + background-color: transparent !important; + color: #B1B1B1; +} + +#external-events [data-class="bg-danger"]::before { + background: #FF6746; +} + +#external-events [data-class="bg-info"] { + background-color: transparent !important; + color: #B1B1B1; +} + +#external-events [data-class="bg-info"]::before { + background: #48A9F8; +} + +#external-events [data-class="bg-pink"] { + background-color: transparent !important; + color: #B1B1B1; +} + +#external-events [data-class="bg-pink"]::before { + background: #e83e8c; +} + +.fc .fc-row .fc-content-skeleton table, +.fc .fc-row .fc-content-skeleton td, +.fc .fc-row .fc-helper-skeleton td { + border-color: #f0f1f5; +} + +[data-theme-version="dark"] .fc .fc-row .fc-content-skeleton table, +[data-theme-version="dark"] .fc .fc-row .fc-content-skeleton td, +[data-theme-version="dark"] .fc .fc-row .fc-helper-skeleton td { + border-color: #333a54; +} + +[data-theme-version="dark"] .fc-unthemed .fc-content, +[data-theme-version="dark"] .fc-unthemed .fc-divider, +[data-theme-version="dark"] .fc-unthemed .fc-list-heading td, +[data-theme-version="dark"] .fc-unthemed .fc-list-view, +[data-theme-version="dark"] .fc-unthemed .fc-popover, +[data-theme-version="dark"] .fc-unthemed .fc-row, +[data-theme-version="dark"] .fc-unthemed tbody, +[data-theme-version="dark"] .fc-unthemed td, +[data-theme-version="dark"] .fc-unthemed th, +[data-theme-version="dark"] .fc-unthemed thead { + border-color: #333a54; +} + +.email-left-box { + width: 15rem; + float: left; + padding: 0 1.25rem 1.25rem 1rem; + border-top: 0; + border-left: 0; +} + +@media (min-width: 576px) and (max-width: 991.98px) { + .email-left-box { + width: 100%; + padding-bottom: 0px !important; + } +} + +@media (max-width: 575.98px) { + .email-left-box { + width: 100%; + float: none; + border: none; + padding-bottom: 30px !important; + } +} + +.email-left-box .intro-title { + background: var(--rgba-primary-1); + padding: 1rem; + margin: 1.875rem 0 1.25rem 0; +} + +.email-left-box .intro-title h5 { + margin-bottom: 0; + color: #6a707e; + font-size: 14px; +} + +.email-left-box .intro-title h5 i { + font-size: 0.75rem; + position: relative; + bottom: 1px; +} + +.email-left-box .intro-title i { + color: var(--primary); +} + +.email-right-box { + padding-left: 15rem; + padding-right: 1rem; +} + +@media (min-width: 576px) and (max-width: 991.98px) { + .email-right-box { + padding-left: 0; + margin-left: 0 !important; + } +} + +@media (max-width: 575.98px) { + .email-right-box { + padding-left: 0; + padding-right: 0; + } +} + +.email-right-box .right-box-border { + border-right: 2px solid var(--rgba-primary-1); +} + +@media screen and (min-width: 649px) and (max-width: 1200px) { + .email-right-box .right-box-padding { + padding-left: 1.25rem; + } +} + +@media (min-width: 1700px) { + .email-right-box .right-box-padding { + padding-left: 0.9375rem; + } +} + +@media (min-width: 576px) and (max-width: 991.98px) { + .email-right-box .right-box-padding { + padding-left: 0; + } +} + +.toolbar .btn-group .btn { + border: 0; +} + +.toolbar .btn-group input { + position: relative; + top: 2px; +} + +.read-content textarea { + height: 150px; +} + +.read-content-email { + font-size: 0.875rem; +} + +.read-content h5 { + color: #6a707e; +} + +.read-content p strong { + color: #6a707e; +} + +.read-content-body p { + margin-bottom: 1.875rem; +} + +.read-content-attachment { + padding: 0.5rem 0; +} + +.read-content-attachment h6 { + font-size: 1.125rem; + color: #6a707e; +} + +.read-content-attachment h6 i { + padding-right: 0.3125rem; +} + +.read-content-attachment .attachment>div:not(:last-child) { + border-right: 1px solid #DDDFE1; +} + +.compose-content .wysihtml5-toolbar { + border-color: #eaeaea; +} + +.compose-content .dropzone { + background: #f2f4fa !important; +} + +.compose-content h5 { + font-size: 1.0625rem; + color: #6a707e; +} + +.compose-content h5 i { + font-size: 1.125rem; + transform: rotate(90deg); +} + +.compose-content .dropzone { + border: 1px dashed #DDDFE1; + min-height: 13.125rem; + position: relative; +} + +.compose-content .dropzone .dz-message { + margin: 0; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.email-list { + display: block; + padding-left: 0; +} + +.email-list .message { + position: relative; + display: block; + height: 3.125rem; + line-height: 3.125rem; + cursor: default; + transition-duration: 0.3s; +} + +.email-list .message a { + color: #828690; +} + +.email-list .message-single .custom-checkbox { + margin-top: 2px; +} + +.email-list .message-single i { + color: #89879f; + font-size: 1.125rem; + padding-left: .4rem; +} + +.email-list .message:hover { + transition-duration: 0.05s; + background: rgba(152, 166, 173, 0.15); +} + +.email-list .message .col-mail { + float: left; + position: relative; +} + +.email-list .message .col-mail-1 { + width: 5.625rem; +} + +.email-list .message .col-mail-1 .star-toggle { + display: block; + float: left; + margin-top: 1.125rem; + font-size: 1rem; + margin-left: 0.3125rem; +} + +.email-list .message .col-mail-1 .email-checkbox { + display: block; + float: left; + margin: 0.9375rem 0.625rem 0 1.25rem; +} + +.email-list .message .col-mail-1 .dot { + display: block; + float: left; + border: .4rem solid transparent; + border-radius: 6.25rem; + margin: 1.375rem 1.625rem 0; + height: 0; + width: 0; + line-height: 0; + font-size: 0; +} + +.email-list .message .col-mail-2 { + position: absolute; + top: 0; + left: 5.625rem; + right: 0; + bottom: 0; +} + +.email-list .message .col-mail-2 .subject { + position: absolute; + top: 0; + left: 0; + right: 5.5rem; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} + +.email-list .message .col-mail-2 .date { + position: absolute; + top: 0; + right: 0; +} + +.email-checkbox { + cursor: pointer; + height: 0.9375rem; + width: 0.9375rem; + position: relative; + display: inline-block; + border-radius: .1rem; + position: relative; + top: 0.3125rem; + box-shadow: inset 0 0 0 0.1rem #828690; +} + +.email-checkbox input { + opacity: 0; + cursor: pointer; +} + +.email-checkbox input:checked label { + opacity: 1; +} + +.email-checkbox label { + position: absolute; + top: .3rem; + left: .3rem; + right: .3rem; + bottom: .3rem; + cursor: pointer; + opacity: 0; + margin-bottom: 0 !important; + transition-duration: 0.05s; +} + +.mail-list a { + vertical-align: middle; + padding: 0.625rem 0.9375rem; + display: block; + background: transparent; + color: #464a53; + font-weight: 600; +} + +.mail-list .list-group-item { + color: #6a707e; + padding: 0.75rem 1.0625rem; +} + +.mail-list .list-group-item i { + font-size: 1rem; + padding-right: 0.625rem; + color: #cccccc; +} + +.mail-list .list-group-item.active { + color: #fff; +} + +.mail-list .list-group-item.active i { + color: #fff; +} + +.chat-wrap { + padding: 1.0625rem 1.875rem; +} + +.chat-wrap .media .media-body h6 { + font-size: 1.0625rem; + color: #6a707e; +} + +.chat-wrap .media .media-body p { + font-size: 0.875rem; +} + +@media (min-width: 648px) { + .email-filter { + padding-left: 1.25rem; + } +} + +@media (min-width: 1700px) { + .email-filter { + padding-left: 1.875rem; + } +} + +.email-filter .input-group-prepend i { + font-size: 0.875rem; + color: #89879f; +} + +.email-filter .input-group-prepend .input-group-text { + border: 0; + border-bottom: 1px solid #DDDFE1 !important; + background: transparent; +} + +.email-filter .input-group .form-control { + padding: 0 0 0 0.3125rem; + border: 0; + font-size: 0.875rem; + height: 1.875rem; + color: #89879f; + border-bottom: 1px solid #DDDFE1; +} + +.email-filter .input-group .form-control::placeholder { + font-size: 0.875rem; + color: #89879f; +} + +.email-filter .input-group>.form-control { + min-height: 1.875rem; +} + +.single-mail { + display: block; + padding: 1.5625rem 0; +} + +.single-mail .media { + padding-left: 1.25rem; + padding-right: 1.25rem; +} + +@media (min-width: 1700px) { + .single-mail .media { + padding-left: 1.875rem; + padding-right: 1.875rem; + } +} + +.single-mail .media img { + width: 55px; + height: 55px; + border-radius: 50%; + margin-right: 0.9375rem; +} + +@media (min-width: 1700px) { + .single-mail .media img { + margin-right: 1.875rem; + } +} + +.single-mail .media-body h6 { + color: #abafb3; +} + +.single-mail .media-body h4 { + font-size: 1rem; + color: #6a707e; +} + +.single-mail .media-body h4 button i { + font-size: 1.125rem; + color: #abafb3; + font-weight: bold; + transform: rotate(90deg); +} + +.single-mail .media-body p { + font-size: 0.875rem; + color: #abafb3; +} + +.single-mail.active { + background: var(--primary); +} + +.single-mail.active h6, +.single-mail.active h4, +.single-mail.active p, +.single-mail.active i { + color: #fff !important; +} + +[direction="rtl"] .email-right-box { + padding-left: 1rem; + padding-right: 15rem; +} + +@media only screen and (max-width: 991px) { + [direction="rtl"] .email-right-box { + padding-left: 1rem; + padding-right: 12rem; + } +} + +@media only screen and (max-width: 575px) { + [direction="rtl"] .email-right-box { + padding-left: 0; + padding-right: 0; + } +} + +[direction="rtl"] .email-left-box { + float: right; +} + +[direction="rtl"] .email-list .message .col-mail-2 { + right: 5.625rem; + left: 0; + float: right; +} + +[direction="rtl"] .email-list .message .col-mail-2 .date { + right: auto; + left: 0; +} + +[direction="rtl"] .email-list .message .col-mail-2 .subject { + right: 0; + left: 5.5rem; +} + +.photo-content { + position: relative; +} + +.photo-content .cover-photo { + background: url(../images/profile/cover.jpg); + background-size: cover; + background-position: center; + min-height: 250px; + width: 100%; +} + +.profile .profile-photo { + max-width: 100px; + position: relative; + z-index: 1; + margin-top: -40px; + margin-right: 10px; +} + +@media only screen and (max-width: 575px) { + .profile .profile-photo { + width: 80px; + margin-left: auto; + margin-right: auto; + margin-bottom: 20px; + } +} + +[direction="rtl"] .profile .photo-content .profile-photo { + left: auto; + right: 50px; +} + +[direction="rtl"] .profile .profile-photo { + left: auto; + right: 30px; +} + +@media only screen and (max-width: 1199px) { + [direction="rtl"] .profile .profile-photo { + right: 15px; + } +} + +@media only screen and (max-width: 575px) { + [direction="rtl"] .profile .profile-photo { + width: 80px; + right: calc(50% - 40px); + top: -100px; + } +} + +.profile-info { + padding: 15px 20px; +} + +@media only screen and (max-width: 575px) { + .profile-info { + padding: 0 0 20px; + text-align: center; + } +} + +.profile-info h4 { + color: #464a53 !important; +} + +.profile-info h4.text-primary { + color: var(--primary) !important; +} + +.profile-info p { + color: #828690; +} + +.profile-info .prf-col { + min-width: 250px; + padding: 10px 50px 0; +} + +.profile-interest .row { + margin: 0 -.70px; +} + +.profile-interest .row .int-col { + padding: 0 .70px; +} + +.profile-interest .row .int-col .interest-cat { + margin-bottom: 1.40px; + position: relative; + display: block; +} + +.profile-interest .row .int-col .interest-cat:after { + background: #000; + bottom: 0; + content: ""; + left: 0; + opacity: 0.5; + position: absolute; + right: 0; + top: 0; + z-index: 0; +} + +.profile-interest .row .int-col .interest-cat p { + position: absolute; + top: 0; + width: 100%; + height: 100%; + padding: 5px; + left: 0; + margin: 0; + z-index: 1; + color: white; + font-size: 1.20px; +} + +.profile-tab .nav-item .nav-link { + font-size: 16px; + margin-right: 30px; + transition: all 0.5s ease-in-out; + border: none; + border-bottom: .20px solid transparent; + color: #828690; +} + +.profile-tab .nav-item .nav-link:hover, +.profile-tab .nav-item .nav-link.active { + border: 0; + background: transparent; + background: transparent; + border-bottom: 0.2px solid var(--primary); + color: var(--primary); +} + +.profile-info { + display: flex; +} + +@media only screen and (max-width: 575px) { + .profile-info { + display: block; + } +} + +.profile-info .profile-details { + display: flex; + width: 100%; +} + +@media only screen and (max-width: 575px) { + .profile-info .profile-details { + display: block; + } + + .profile-info .profile-details .dropdown { + position: absolute; + top: 30px; + right: 30px; + } +} + +.post-input { + margin-bottom: 30px; +} + +.post-input .form-control { + height: 75px; + font-weight: 400; + margin: 15px 0; +} + +.profile-uoloaded-post img { + margin-bottom: 20px; +} + +.profile-uoloaded-post a h4 { + margin-bottom: 10px; + color: #464a53; +} + +.event-chat-ryt .chat-area .chat-reciver, +.event-chat-ryt .chat-area .chat-sender { + margin-bottom: 1.875rem; + padding: 0; +} + +.event-chat-ryt .chat-area .chat-reciver img, +.event-chat-ryt .chat-area .chat-sender img { + border-radius: 30px; +} + +.event-chat-ryt .chat-area .media { + position: relative; +} + +.event-chat-ryt .chat-area .media-body p { + margin: 0; + max-width: 100%; + display: inline-block; + position: relative; +} + +.event-chat-ryt .chat-area .media-body p span { + padding: 1rem; + display: inline-block; + top: 103%; + position: relative; + border: 1px solid #f0f1f5; +} + +.event-chat-ryt .chat-reciver { + padding: .5rem 1rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} + +.event-chat-ryt .chat-reciver .media { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.event-chat-ryt .chat-reciver .media .media-body { + margin-right: 2rem; + text-align: right; +} + +[direction="rtl"] .event-chat-ryt .chat-reciver .media .media-body { + text-align: left; + margin-left: 2rem; + margin-right: auto; +} + +.event-chat-ryt .chat-reciver .media .media-body p { + background: #fff; + margin-bottom: 0; + border-radius: 5px 5px 0 5px; +} + +.event-chat-ryt .chat-reciver .media .media-body p span { + text-align: left; + border: 1px solid #f0f1f5; +} + +.event-chat-ryt .chat-reciver .media .media-body p span::after { + content: ""; + width: 20px; + height: 20px; + border-bottom: 1px solid #f0f1f5; + border-right: 1px solid #f0f1f5; + position: absolute; + right: 0; + bottom: 0; + background: #fff; + -webkit-transform: rotate(-45deg) translateX(15px); + transform: rotate(-45deg) translateX(15px); +} + +[direction="rtl"] .event-chat-ryt .chat-reciver .media .media-body p span::after { + left: 0; + right: auto; + -webkit-transform: rotate(135deg) translateY(15px); + transform: rotate(135deg) translateY(15px); +} + +.event-chat-ryt .chat-reciver .media .media-body p .time { + position: absolute; + font-size: 12px; + color: #7e7e7e; + font-weight: 400; + bottom: 0; + left: -80px; +} + +[direction="rtl"] .event-chat-ryt .chat-reciver .media .media-body p .time { + right: -5rem; + left: auto; +} + +.event-chat-ryt .chat-sender { + text-align: left; + padding: .5rem 1rem; +} + +.event-chat-ryt .chat-sender .media .media-body { + margin-left: 2rem; +} + +[direction="rtl"] .event-chat-ryt .chat-sender .media .media-body { + text-align: right; + margin-right: 2rem; + margin-left: auto; +} + +.event-chat-ryt .chat-sender .media .media-body p { + background-color: #fff; + margin-bottom: 0; +} + +.event-chat-ryt .chat-sender .media .media-body p span::after { + content: ""; + width: 20px; + height: 20px; + border-bottom: 1px solid #f0f1f5; + border-left: 1px solid #f0f1f5; + position: absolute; + left: 0; + bottom: 0; + background: #fff; + -webkit-transform: rotate(45deg) translateX(-15px); + transform: rotate(45deg) translateX(-15px); +} + +[direction="rtl"] .event-chat-ryt .chat-sender .media .media-body p span::after { + left: auto; + right: 0; + -webkit-transform: rotate(-135deg) translateY(15px); + transform: rotate(-135deg) translateY(15px); +} + +.event-chat-ryt .chat-sender .media .media-body p .time { + position: absolute; + font-size: 10px; + color: #7e7e7e; + font-weight: 400; + bottom: 0; + right: -5rem; +} + +[direction="rtl"] .event-chat-ryt .chat-sender .media .media-body p .time { + left: -5rem; + right: auto; +} + +.char-type { + padding-top: 30px; + padding-bottom: 30px; +} + +.char-type form .form-control { + height: 45px; + padding-left: 18px; + background: #F2F2F2; + border-right: 0; +} + +.char-type form .input-group-append i { + color: #898989; + font-size: 18px; +} + +.char-type form .input-group-append .input-group-text { + padding-left: .7rem; + padding-right: .7rem; + background: #F2F2F2; + border-color: #f0f1f5; + border-left: 0; +} + +.char-type form .input-group-append .input-group-text:last-child { + padding-right: 1.8rem; +} + +.media-avatar { + padding: 25px 0; + border-bottom: 1px solid #f0f1f5; +} + +.media-avatar:last-child { + border-bottom: 0px; +} + +.media-avatar p { + margin-bottom: 0; +} + +.media-avatar .avatar-status { + position: relative; +} + +.media-avatar .avatar-status i { + position: absolute; + right: 0; + bottom: 0; +} + +.ct-golden-section:before { + float: none; +} + +.ct-chart { + max-height: 15.7rem; +} + +.ct-chart .ct-label { + fill: #a3afb7; + color: #a3afb7; + font-size: 0.75rem; + line-height: 1; +} + +.ct-grid { + stroke: rgba(49, 58, 70, 0.1); +} + +.ct-chart.simple-pie-chart-chartist .ct-label { + color: #ffffff; + fill: #ffffff; + font-size: 0.625rem; +} + +.ct-chart .ct-series.ct-series-a .ct-bar, +.ct-chart .ct-series.ct-series-a .ct-line, +.ct-chart .ct-series.ct-series-a .ct-point, +.ct-chart .ct-series.ct-series-a .ct-slice-donut { + stroke: var(--primary); +} + +.ct-chart .ct-series.ct-series-b .ct-bar, +.ct-chart .ct-series.ct-series-b .ct-line, +.ct-chart .ct-series.ct-series-b .ct-point, +.ct-chart .ct-series.ct-series-b .ct-slice-donut { + stroke: #1BD084; +} + +.ct-chart .ct-series.ct-series-c .ct-bar, +.ct-chart .ct-series.ct-series-c .ct-line, +.ct-chart .ct-series.ct-series-c .ct-point, +.ct-chart .ct-series.ct-series-c .ct-slice-donut { + stroke: #FE8024; +} + +.ct-chart .ct-series.ct-series-d .ct-bar, +.ct-chart .ct-series.ct-series-d .ct-line, +.ct-chart .ct-series.ct-series-d .ct-point, +.ct-chart .ct-series.ct-series-d .ct-slice-donut { + stroke: #FF6746; +} + +.ct-chart .ct-series.ct-series-e .ct-bar, +.ct-chart .ct-series.ct-series-e .ct-line, +.ct-chart .ct-series.ct-series-e .ct-point, +.ct-chart .ct-series.ct-series-e .ct-slice-donut { + stroke: #48A9F8; +} + +.ct-chart .ct-series.ct-series-f .ct-bar, +.ct-chart .ct-series.ct-series-f .ct-line, +.ct-chart .ct-series.ct-series-f .ct-point, +.ct-chart .ct-series.ct-series-f .ct-slice-donut { + stroke: #B1B1B1; +} + +.ct-chart .ct-series.ct-series-g .ct-bar, +.ct-chart .ct-series.ct-series-g .ct-line, +.ct-chart .ct-series.ct-series-g .ct-point, +.ct-chart .ct-series.ct-series-g .ct-slice-donut { + stroke: #8d6e63; +} + +.ct-series-a .ct-area, +.ct-series-a .ct-slice-pie { + fill: #8BC740; +} + +.ct-series-b .ct-area, +.ct-series-b .ct-slice-pie { + fill: #00A2FF; +} + +.ct-series-c .ct-area, +.ct-series-c .ct-slice-pie { + fill: #ff9800; +} + +.ct-series-d .ct-area, +.ct-series-d .ct-slice-pie { + fill: #ff9800; +} + +.chartist-tooltip { + position: absolute; + display: inline-block; + opacity: 0; + min-width: 0.625rem; + padding: 2px 0.625rem; + border-radius: 3px; + background: #313a46; + color: #ffffff; + text-align: center; + pointer-events: none; + z-index: 1; + -webkit-transition: opacity .2s linear; + -moz-transition: opacity .2s linear; + -o-transition: opacity .2s linear; + transition: opacity .2s linear; +} + +.chartist-tooltip.tooltip-show { + opacity: 1; +} + +@media only screen and (max-width: 767px) { + #pie-chart .ct-label { + fill: #fff; + color: #fff; + } +} + +#donught_graph .ct-series.ct-series-a .ct-slice-donut { + stroke: #3FC6D4; +} + +#donught_graph .ct-series.ct-series-b .ct-slice-donut { + stroke: #333333; +} + +#donught_graph .ct-series.ct-series-c .ct-slice-donut { + stroke: #F63465; +} + +#visitor_graph { + height: 253px !important; +} + +#user_rating_graph { + height: 280px !important; +} + +#visitorOnline { + height: 72px !important; +} + +#trendMeter { + height: 72px !important; +} + +#widget-revenue1, +#widget-revenue2, +#widget-revenue3 { + height: 117px !important; +} + +#widget-profit1, +#widget-profit2, +#widget-profit3 { + height: 160px !important; +} + +#comparison-rate { + height: 230px !important; +} + +#session_day { + height: 175px !important; + width: auto !important; + margin: 0 auto; +} + +#walet-status { + height: 140px !important; +} + +#bar1 { + height: 150px !important; +} + +#sold-product { + height: 230px !important; +} + +#chart-venue-expenses, +#chart-online-sale, +#chart-gross-sale { + height: 150px !important; +} + +#areaChart_3 { + height: 295px !important; +} + +.chart-point { + display: flex; + align-items: center; +} + +.chart-point .check-point-area { + width: 100px; + height: 100px; + margin-top: -10px; + margin-left: -10px; +} + +.chart-point .chart-point-list { + margin: 0; + padding-left: 5px; +} + +.chart-point .chart-point-list li { + list-style: none; + font-size: 13px; + padding: 2px 0; +} + +.chart-point .chart-point-list li i { + margin-right: 5px; + font-size: 11px; + position: relative; + top: -1px; +} + +.c3 { + height: 250px; +} + +.c3-legend-item { + fill: #9fabb1; +} + +.c3 .c3-axis-x path, +.c3 .c3-axis-x line, +.c3 .c3-axis-y path, +.c3 .c3-axis-y line, +.tick text { + stroke: #fff; +} + +.flot-chart { + height: 15.7rem; +} + +.tooltipflot { + background-color: transparent; + font-size: 1.4rem; + padding: .5rem 1rem; + color: rgba(255, 255, 255, 0.7); + border-radius: .2rem; +} + +.legendColorBox>div { + border: 0 !important; + padding: 0 !important; +} + +.legendLabel { + font-size: 0.825rem; + padding-left: .5rem; + color: #fff; +} + +.flotTip { + background: #000; + border: 1px solid #000; + color: #fff; +} + +.legend>div { + background: transparent !important; +} + +#balance_graph { + height: 260px; +} + +.morris-hover { + position: absolute; + z-index: 1; + background: var(--primary); + color: #fff; +} + +.morris-hover .morris-hover-point { + color: #fff !important; + margin: 3px 0; + text-align: center; + padding: 0 25px; +} + +.morris-hover .morris-hover-row-label { + background-color: #B1B1B1; + text-align: center; + padding: 5px; + margin-bottom: 5px; +} + +.morris-hover.morris-default-style { + border-radius: 5px; + padding: 0; + margin: 0; + border: none; + overflow: hidden; +} + +svg text { + font-weight: 600 !important; +} + +#morris_donught, +#morris_donught_2, +#line_chart_2, +#morris_bar, +#morris_bar_stalked, +#morris_bar_2, +#morris_area_2, +#morris_area { + height: 240px !important; +} + +#morris_line { + height: 278px !important; +} + +#crypto-btc-card, +#crypto-eth-card, +#crypto-rpl-card, +#crypto-ltc-card { + height: 9.375rem; +} + +#daily-sales, +#comparison-rate, +#usage-chart, +#walet-status { + width: 100%; + display: block; +} + +#daily-sales canvas, +#comparison-rate canvas, +#usage-chart canvas, +#walet-status canvas { + max-width: 100% !important; + width: 100% !important; +} + +#sparkline-composite-chart canvas, +#composite-bar canvas, +#sparkline11 canvas, +#StackedBarChart canvas, +#spark-bar canvas, +#tristate canvas { + height: 100px !important; +} + +#sparkline11 canvas { + width: 100px !important; +} + +.easy-pie-chart { + position: relative; + text-align: center; +} + +.easy-pie-chart .inner { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + display: inline-block; +} + +.easy-pie-chart img { + width: 75px; + height: 75px; + border-radius: 50%; +} + +.easy-pie-chart canvas { + display: block; + margin: 0 auto; +} + +#revenue-chart { + height: 27.7rem; +} + +#duration-value-axis { + height: 27.6rem; + width: 100%; +} + +#combined-bullet { + height: 28.125rem; + width: 100%; +} + +#zoomable-chart { + height: 28.125rem; + width: 100%; +} + +#chartMap { + height: 28.125rem; + width: 100%; +} + +#professional-candlesticks { + width: 100%; + height: 28.125rem; +} + +#comparing-stock-indices { + width: 100%; + height: 28.125rem; +} + +#multiple-panel-data { + width: 100%; + height: 28.125rem; +} + +#depth-chart { + width: 100%; + height: 28.125rem; +} + +.amcharts-export-menu { + display: none; +} + +.amcharts-data-set-selector-div { + position: absolute; + left: 0; + right: 0; + text-align: center; + width: 16.875rem; + margin: 0 auto; +} + +.amcharts-data-set-selector-div select { + border: 0; + margin-left: 0.625rem; + background: #ddd; + color: #000; +} + +.amChartsInputField { + border: 0; + background: var(--primary); + color: #fff; + padding: 0.3125rem 0.9375rem; + margin: 0 0.9375rem; +} + +.amcharts-data-set-select { + border: 0; + background: #ddd; + color: #000; +} + +.amcharts-period-input, +.amcharts-period-input-selected { + border: 0; + margin-left: 0.625rem; + background: var(--primary); + color: #fff; + padding: 0.3125rem 0.9375rem; +} + +.amcharts-graph-g2 .amcharts-graph-stroke { + stroke-dasharray: 3px 3px; + stroke-linejoin: round; + stroke-linecap: round; + -webkit-animation: am-moving-dashes 1s linear infinite; + animation: am-moving-dashes 1s linear infinite; +} + +@-webkit-keyframes am-moving-dashes { + 100% { + stroke-dashoffset: -1.9375rem; + } +} + +@keyframes am-moving-dashes { + 100% { + stroke-dashoffset: -1.9375rem; + } +} + +.lastBullet { + -webkit-animation: am-pulsating 1s ease-out infinite; + animation: am-pulsating 1s ease-out infinite; +} + +@-webkit-keyframes am-pulsating { + 0% { + stroke-opacity: 1; + stroke-width: 0px; + } + + 100% { + stroke-opacity: 0; + stroke-width: 3.125rem; + } +} + +@keyframes am-pulsating { + 0% { + stroke-opacity: 1; + stroke-width: 0px; + } + + 100% { + stroke-opacity: 0; + stroke-width: 3.125rem; + } +} + +.amcharts-graph-column-front { + -webkit-transition: all .3s .3s ease-out; + transition: all .3s .3s ease-out; +} + +.amcharts-graph-column-front:hover { + fill: #496375; + stroke: #496375; + -webkit-transition: all .3s ease-out; + transition: all .3s ease-out; +} + +@-webkit-keyframes am-draw { + 0% { + stroke-dashoffset: 500%; + } + + 100% { + stroke-dashoffset: 0%; + } +} + +@keyframes am-draw { + 0% { + stroke-dashoffset: 500%; + } + + 100% { + stroke-dashoffset: 0%; + } +} + +@media only screen and (max-width: 991px) { + .amChartsPeriodSelector>fieldset>div { + float: none !important; + display: block !important; + margin-bottom: 0.625rem; + } +} + +.highcharts-root text { + font-weight: 300 !important; +} + +.highcharts-credits { + display: none; +} + +#chart_employee_gender, +#chart_employee_status { + width: auto; + height: 350px; +} + +.form-control { + border-radius: 0; + background: #fff; + border: 1px solid #f0f1f5; + color: #B1B1B1; + height: 56px; +} + +@media only screen and (max-width: 1400px) { + .form-control { + height: 41px; + } +} + +.form-control:hover, +.form-control:focus, +.form-control.active { + box-shadow: none; + background: #fff; + color: #B1B1B1; +} + +.input-rounded { + border-radius: 100px; +} + +[data-theme-version="light"] .input-primary .form-control, +[data-theme-version="dark"] .input-primary .form-control { + border-color: var(--primary); +} + +[data-theme-version="light"] .input-primary .input-group-text, +[data-theme-version="dark"] .input-primary .input-group-text { + background-color: var(--primary); + color: #fff; +} + +[data-theme-version="light"] .input-danger .form-control, +[data-theme-version="dark"] .input-danger .form-control { + border-color: #FF6746; +} + +[data-theme-version="light"] .input-danger .input-group-text, +[data-theme-version="dark"] .input-danger .input-group-text { + background-color: #FF6746; + color: #fff; +} + +[data-theme-version="light"] .input-info .form-control, +[data-theme-version="dark"] .input-info .form-control { + border-color: #48A9F8; +} + +[data-theme-version="light"] .input-info .input-group-text, +[data-theme-version="dark"] .input-info .input-group-text { + background-color: #48A9F8; + color: #fff; +} + +[data-theme-version="light"] .input-success .form-control, +[data-theme-version="dark"] .input-success .form-control { + border-color: #1BD084; +} + +[data-theme-version="light"] .input-success .input-group-text, +[data-theme-version="dark"] .input-success .input-group-text { + background-color: #1BD084; + color: #fff; +} + +[data-theme-version="light"] .input-warning .form-control, +[data-theme-version="dark"] .input-warning .form-control { + border-color: #FE8024; +} + +[data-theme-version="light"] .input-warning .input-group-text, +[data-theme-version="dark"] .input-warning .input-group-text { + background-color: #FE8024; + color: #fff; +} + +[data-theme-version="light"] .input-primary-o .form-control, +[data-theme-version="dark"] .input-primary-o .form-control { + border-color: var(--primary); +} + +[data-theme-version="light"] .input-primary-o .input-group-text, +[data-theme-version="dark"] .input-primary-o .input-group-text { + background-color: transparent; + border-color: var(--primary); + color: var(--primary); +} + +[data-theme-version="light"] .input-danger-o .form-control, +[data-theme-version="dark"] .input-danger-o .form-control { + border-color: #FF6746; +} + +[data-theme-version="light"] .input-danger-o .input-group-text, +[data-theme-version="dark"] .input-danger-o .input-group-text { + background-color: transparent; + border-color: #FF6746; + color: #FF6746; +} + +[data-theme-version="light"] .input-info-o .form-control, +[data-theme-version="dark"] .input-info-o .form-control { + border-color: #48A9F8; +} + +[data-theme-version="light"] .input-info-o .input-group-text, +[data-theme-version="dark"] .input-info-o .input-group-text { + background-color: transparent; + border-color: #48A9F8; + color: #48A9F8; +} + +[data-theme-version="light"] .input-success-o .form-control, +[data-theme-version="dark"] .input-success-o .form-control { + border-color: #1BD084; +} + +[data-theme-version="light"] .input-success-o .input-group-text, +[data-theme-version="dark"] .input-success-o .input-group-text { + background-color: transparent; + border-color: #1BD084; + color: #1BD084; +} + +[data-theme-version="light"] .input-warning-o .form-control, +[data-theme-version="dark"] .input-warning-o .form-control { + border-color: #FE8024; +} + +[data-theme-version="light"] .input-warning-o .input-group-text, +[data-theme-version="dark"] .input-warning-o .input-group-text { + background-color: transparent; + border-color: #FE8024; + color: #FE8024; +} + +.input-group-text { + background: #d7dae3; + border: 1px solid transparent; + min-width: 50px; + display: flex; + justify-content: center; + padding: 0.532rem 0.75rem; + border-radius: 0; +} + +.input-group-text i { + font-size: 16px; +} + +.custom-file-label { + height: 40px; + padding: 0.5rem 0.75rem; + border-radius: 0; +} + +.input-group-prepend .btn, +.input-group-append .btn { + z-index: 0; +} + +.custom-select { + background: none; + border-color: #f0f1f5; + color: #B1B1B1; +} + +.custom-select:focus { + box-shadow: none; + border-color: var(--primary); + color: var(--primary); +} + +.custom-file-label:after { + background: #656C73; + border: 1px solid #f0f1f5; + color: #fff; + border-radius: 0; +} + +[data-theme-version="dark"] .custom-file-label:after { + background: #333a54; + border-color: #333a54; + color: #7e7e7e; +} + +.custom_file_input .custom-file-label::after { + height: 100%; +} + +.form-control:disabled, +.form-control[readonly] { + background: #fff; + opacity: 1; +} + +.custom-file-label { + background: #fff; + border-color: #f0f1f5; +} + +[data-theme-version="dark"] .custom-file-label { + background: #251e35; + border-color: #333a54; +} + +/*$primary : #7356f1 !default;*/ +:root { + --primary: #40189D; + --secondary: #8BC740; + --primary-hover: #2e1171; + --primary-dark: #0a0418; + --rgba-primary-1: rgba(64, 24, 157, 0.1); + --rgba-primary-2: rgba(64, 24, 157, 0.2); + --rgba-primary-3: rgba(64, 24, 157, 0.3); + --rgba-primary-4: rgba(64, 24, 157, 0.4); + --rgba-primary-5: rgba(64, 24, 157, 0.5); + --rgba-primary-6: rgba(64, 24, 157, 0.6); + --rgba-primary-7: rgba(64, 24, 157, 0.7); + --rgba-primary-8: rgba(64, 24, 157, 0.8); + --rgba-primary-9: rgba(64, 24, 157, 0.9); + --font-family-base: Roboto, sans-serif; + --font-family-title: Roboto, sans-serif; +} + +input[type="checkbox"]:after { + content: ''; + display: block; + width: 1rem; + height: 1rem; + margin-top: 0px; + margin-left: -1px; + border: 1px solid transparent; + border-radius: 3px; + background: #d4d7da; + line-height: 1.3; +} + +input[type="checkbox"]:checked:after { + width: 1rem; + height: 1rem; + display: block; + content: "\f00c"; + font-family: 'FontAwesome'; + color: #fff; + font-weight: 100; + font-size: 12px; + text-align: center; + border-radius: 3px; + background: var(--primary); +} + +.form-check-label { + margin-left: 5px; + margin-top: 3px; +} + +.form-check-inline .form-check-input { + margin-right: 0.625rem; +} + +.custom-control-label:before, +.custom-control-label:after { + top: 2px; + width: 1.25rem; + height: 1.25rem; + border-color: #e7e7e7; +} + +.rtl .custom-control-label:before, +.rtl .custom-control-label:after { + right: -1.5rem !important; + left: inherit; +} + +.custom-control { + line-height: normal; +} + +.custom-control-input:focus~.custom-control-label::before { + box-shadow: none !important; +} + +.custom-control-label::before { + background-color: transparent; + border-color: #E1E1E1; + border-width: 2px; + border-radius: 0 !important; +} + +[data-theme-version="dark"] .custom-control-label::before { + background-color: transparent; + border-color: #333a54; +} + +.check-xs .custom-control-label:before, +.check-xs .custom-control-label:after { + width: 18px; + height: 18px; +} + +.check-lg .custom-control-label:before, +.check-lg .custom-control-label:after { + width: 24px; + height: 24px; +} + +.check-xl .custom-control-label:before, +.check-xl .custom-control-label:after { + width: 28px; + height: 28px; +} + +.checkbox-info .custom-control-label::before { + background-color: transparent; + border-color: white; +} + +[data-theme-version="dark"] .checkbox-info .custom-control-label::before { + background-color: rgba(72, 169, 248, 0.1); + border-color: transparent; +} + +.checkbox-info .custom-control-input:checked~.custom-control-label::before { + background-color: #48A9F8; + border-color: #48A9F8; +} + +.checkbox-danger .custom-control-label::before { + background-color: transparent; + border-color: #ffe5df; +} + +[data-theme-version="dark"] .checkbox-danger .custom-control-label::before { + background-color: rgba(255, 103, 70, 0.15); + border-color: transparent; +} + +.checkbox-danger .custom-control-input:checked~.custom-control-label::before { + background-color: #FF6746; + border-color: #FF6746; +} + +.checkbox-success .custom-control-label::before { + background-color: transparent; + border-color: #b7f6db; +} + +[data-theme-version="dark"] .checkbox-success .custom-control-label::before { + background-color: rgba(27, 208, 132, 0.1); + border-color: transparent; +} + +.checkbox-success .custom-control-input:checked~.custom-control-label::before { + background-color: #1BD084; + border-color: #1BD084; +} + +.checkbox-warning .custom-control-label::before { + background-color: transparent; + border-color: #fff0e5; +} + +[data-theme-version="dark"] .checkbox-warning .custom-control-label::before { + background-color: rgba(254, 128, 36, 0.1); + border-color: transparent; +} + +.checkbox-warning .custom-control-input:checked~.custom-control-label::before { + background-color: #FE8024; + border-color: #FE8024; +} + +.checkbox-secondary .custom-control-label::before { + background-color: transparent; + border-color: #d3eab6; +} + +[data-theme-version="dark"] .checkbox-secondary .custom-control-label::before { + background-color: rgba(139, 199, 64, 0.5); + border-color: transparent; +} + +.checkbox-secondary .custom-control-input:checked~.custom-control-label::before { + background-color: #8BC740; + border-color: #8BC740; +} + +.toggle-switch { + padding-left: 50px; + line-height: 1.25; +} + +.toggle-switch .custom-control-label { + font-weight: 500; +} + +.toggle-switch .custom-control-label:after { + width: 24px; + background: #959595; + height: 24px; + border-radius: 24px; + top: -2px; + left: -50px; + -webkit-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; +} + +.toggle-switch .custom-control-label:before { + border: 0; + background: #D8D8D8; + width: 40px; + border-radius: 20px !important; + height: 16px; + left: -50px; + -webkit-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; +} + +.toggle-switch .custom-control-input:checked~.custom-control-label:after { + left: -43px; + background: var(--primary); +} + +.toggle-switch .custom-control-input:checked~.custom-control-label:before { + background: var(--rgba-primary-1); +} + +.toggle-switch.text-right { + padding-left: 0; + padding-right: 50px; +} + +.toggle-switch.text-right .custom-control-label:after { + left: auto; + right: -30px; +} + +.toggle-switch.text-right .custom-control-label:before { + left: auto; + right: -50px; +} + +.toggle-switch.text-right .custom-control-input:checked~.custom-control-label:after { + left: auto; + right: -43px; +} + +.check-switch { + padding-left: 40px; +} + +.check-switch .custom-control-label { + line-height: 30px; + font-weight: 500; +} + +.check-switch .custom-control-label:after, +.check-switch .custom-control-label:before { + height: 1.5rem; + width: 1.5rem; + left: -2rem; + border-radius: 3rem !important; + border-color: var(--rgba-primary-3); +} + +.custom-control-input:checked~.custom-control-label::before { + color: #fff; + border-color: var(--primary); + background-color: var(--primary); +} + +.js-switch+.switchery { + border-radius: 50px; + margin-right: 4rem; +} + +@media (max-width: 767.98px) { + .js-switch+.switchery { + margin-right: 1rem; + } +} + +.js-switch+.switchery>small { + top: 2px; +} + +.js-switch.js-switch-lg+.switchery { + height: 2rem; + width: 4.5rem; +} + +.js-switch.js-switch-lg+.switchery>small { + width: 1.75rem; + height: 1.75rem; +} + +.js-switch.js-switch-md+.switchery { + height: 1.5rem; + width: 3.5rem; +} + +.js-switch.js-switch-md+.switchery>small { + width: 1.25rem; + height: 1.25rem; +} + +.js-switch.js-switch-sm+.switchery { + height: 1rem; + width: 2.2rem; +} + +.js-switch.js-switch-sm+.switchery>small { + width: 0.875rem; + height: 0.875rem; + top: 1px; +} + +.js-switch-square+.switchery { + border-radius: 0; +} + +.js-switch-square+.switchery>small { + border-radius: 0; + top: 2px; +} + +.js-switch-square.js-switch-lg+.switchery { + height: 2rem; + width: 4.5rem; +} + +.js-switch-square.js-switch-lg+.switchery>small { + width: 1.75rem; + height: 1.75rem; +} + +.js-switch-square.js-switch-md+.switchery { + height: 1.5rem; + width: 3.5rem; +} + +.js-switch-square.js-switch-md+.switchery>small { + width: 1.25rem; + height: 1.25rem; +} + +.js-switch-square.js-switch-sm+.switchery { + height: 1rem; + width: 2.2rem; +} + +.js-switch-square.js-switch-sm+.switchery>small { + width: 0.875rem; + height: 0.875rem; + top: 1px; +} + +.form-control.is-valid { + border-color: #1BD084 !important; + border-right: 0px !important; +} + +.form-control.is-valid:focus { + box-shadow: none; +} + +.form-control.is-warning { + border-color: #FE8024 !important; + border-right: 0px !important; +} + +.form-control.is-warning:focus { + box-shadow: none; +} + +.form-control.is-invalid { + border-color: #FF6746 !important; + border-right: 0px !important; +} + +.form-control.is-invalid:focus { + box-shadow: none; +} + +.is-valid .input-group-prepend .input-group-text i { + color: #1BD084; +} + +.is-invalid .input-group-prepend .input-group-text i { + color: var(--rgba-primary-1); +} + +.asColorPicker-dropdown { + max-width: 26rem; +} + +.asColorPicker-trigger { + border: 0 none; + height: 100%; + position: absolute; + left: 99%; + top: 0; + width: 2.1875rem; +} + +[direction="rtl"] .asColorPicker-trigger { + right: 99%; + left: auto; +} + +.asColorPicker-clear { + display: none; + position: absolute; + right: 1rem; + text-decoration: none; + top: .5rem; +} + +.daterangepicker td.active { + background-color: var(--primary); +} + +.daterangepicker td.active:hover { + background-color: var(--primary); +} + +.daterangepicker button.applyBtn { + background-color: var(--primary); + border-color: var(--primary); +} + +.datepicker.datepicker-dropdown { + background: #f2f4fa; + border-radius: 1px; + border: 1px solid #EEEEEE; +} + +.datepicker.datepicker-dropdown td.day, +.datepicker.datepicker-dropdown th.next, +.datepicker.datepicker-dropdown th.prev { + height: 30px; + width: 30px !important; + padding: 0; + text-align: center; + font-weight: 300; + border-radius: 50px; +} + +.datepicker.datepicker-dropdown td.day:hover, +.datepicker.datepicker-dropdown th.next:hover, +.datepicker.datepicker-dropdown th.prev:hover { + box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3); + color: #fff; +} + +.datepicker.datepicker-dropdown th.datepicker-switch, +.datepicker.datepicker-dropdown th.next, +.datepicker.datepicker-dropdown th.prev { + font-weight: 300; + color: #333; +} + +.datepicker.datepicker-dropdown th.dow { + font-weight: 300; +} + +.datepicker table tr td.selected, +.datepicker table tr td.active.active { + box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3); + border: 0; +} + +.datepicker table tr td.today { + box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3); + color: #ffffff; +} + +.datepicker table tr td.today:hover { + box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3); + color: #ffffff; +} + +.datepicker table tr td.today.disabled { + box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3); + color: #ffffff; +} + +.datepicker table tr td.today.disabled:hover { + box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3); + color: #ffffff; +} + +.picker__select--month, +.picker__select--year { + height: 2.5em; +} + +.picker__input { + background-color: transparent !important; +} + +[data-theme-version="dark"] .picker__input { + background-color: transparent !important; + border: 1px solid #333a54; +} + +.asColorPicker-wrap .form-control { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +#image { + max-width: 100%; +} + +.docs-options .dropdown-menu { + padding: 1.5rem; +} + +.docs-preview { + margin-bottom: 3rem; +} + +.docs-preview .img-preview { + float: left; + margin-right: .5rem; + margin-bottom: .5rem; + overflow: hidden; + max-width: 100% !important; +} + +.docs-preview .img-preview>img { + max-width: 100% !important; +} + +.docs-preview .img-preview.preview-lg { + width: 16rem; + height: 9rem; +} + +.docs-preview .img-preview.preview-md { + width: 8rem; + height: 4.5rem; +} + +.docs-preview .img-preview.preview-sm { + width: 4rem; + height: 2.25rem; +} + +.docs-preview .img-preview.preview-xs { + width: 2rem; + height: 1.125rem; + margin-right: 0; +} + +.select2-container { + width: 100% !important; +} + +.select2-container--default .select2-selection--single { + border-radius: 1.25rem; + border: 1px solid #F4F5F9; + height: 40px; + background: #fff; +} + +[data-theme-version="dark"] .select2-container--default .select2-selection--single { + background: #251e35; + border-color: #333a54; +} + +.select2-container--default .select2-selection--single:hover, +.select2-container--default .select2-selection--single:focus, +.select2-container--default .select2-selection--single.active { + box-shadow: none; +} + +.select2-container--default .select2-selection--single .select2-selection__rendered { + line-height: 40px; + color: #7e7e7e; + padding-left: 15px; + min-height: 40px; +} + +.select2-container--default .select2-selection--multiple { + border-color: #f0f1f5; + border-radius: 0; +} + +.select2-dropdown { + border-radius: 0; +} + +.select2-container--default .select2-results__option--highlighted[aria-selected] { + background-color: var(--primary); +} + +.select2-container--default.select2-container--focus .select2-selection--multiple { + border-color: #f0f1f5; + background: #fff; +} + +.select2-container--default .select2-selection--single .select2-selection__arrow { + top: 6px; + right: 15px; +} + +.select2-container .select2-selection--multiple { + min-height: 40px; + color: #7e7e7e; + border-radius: 1.25rem; + border: 1px solid #F4F5F9; +} + +[data-theme-version="dark"] .select2-container .select2-selection--multiple { + background: #251e35; + border-color: #333a54; +} + +[data-theme-version="dark"] .select2-search--dropdown .select2-search__field { + background: #28253b; + border-color: #333a54; +} + +.select2-dropdown { + border-color: #F4F5F9; +} + +[data-theme-version="dark"] .select2-dropdown { + background: #251e35; + border-color: #333a54; +} + +.swal2-popup .swal2-content { + color: #7e7e7e; +} + +/*$primary : #7356f1 !default;*/ +:root { + --primary: #40189D; + --secondary: #8BC740; + --primary-hover: #2e1171; + --primary-dark: #0a0418; + --rgba-primary-1: rgba(64, 24, 157, 0.1); + --rgba-primary-2: rgba(64, 24, 157, 0.2); + --rgba-primary-3: rgba(64, 24, 157, 0.3); + --rgba-primary-4: rgba(64, 24, 157, 0.4); + --rgba-primary-5: rgba(64, 24, 157, 0.5); + --rgba-primary-6: rgba(64, 24, 157, 0.6); + --rgba-primary-7: rgba(64, 24, 157, 0.7); + --rgba-primary-8: rgba(64, 24, 157, 0.8); + --rgba-primary-9: rgba(64, 24, 157, 0.9); + --font-family-base: Roboto, sans-serif; + --font-family-title: Roboto, sans-serif; +} + +/* +0 - 600: Phone +600 - 900: Tablet portrait +900 - 1200: Tablet landscape +1200 - 1800: Normal styles +1800+ : Big Desktop +1em = 16px +The smaller device rules always should write below the bigger device rules +Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component +*/ +/* .wizard > .content > .body input.error { + position: absolute; + top: 100% !important; +} + +.wizard { + position: relative; + + &>.steps { + width: 100%; + // padding-left: 3%; + margin-bottom: 20px; + + @media(min-width: 1200px){ + width: 100%; + // margin-left: 3%; + } + + li { + + &.current { + a { + background-color: $primary; + color: $white; + } + } + + &.disabled, &.done { + a { + background-color: $white; + color: $heading; + + &:hover { + margin: 0; + background-color: $white; + border-radius: 0; + color: $heading; + } + } + } + + a { + text-align: center; + margin: 0; + border-radius: 0; + background-color: $white; + + &:hover { + margin: 0; + background-color: $white; + border-radius: 0; + color: $heading; + } + + @include respond(phone-land) { + padding: 1em 4px; + } + + .number { + display: none; + } + } + } + } + + .content { + min-height: 32rem; + margin: 0; + + @include media-breakpoint-down(md) { + min-height: 41rem; + } + + & > .body { + background-color: transparent; + width: 100%; + height: 100%; + padding: 0; + + @include respond(phone) { + padding: 0; + } + + .form-control { + // background-color: $l-bg; + border: 1px solid $border; + @at-root [data-theme-version="dark"] & { + border-color: $d-border; + } + } + + input.error { + position: relative; + } + + label.error { + margin-top: 5px; + margin-left: 0; + margin-bottom: 0; + } + } + } + + .emial-setup { + label.mailclinet { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 10rem; + height: 10rem; + border-radius: 50%; + cursor: pointer; + background-color: #EEF5F9; + text-align: center; + margin: auto; + @at-root [data-theme-version="dark"] & { + background-color: $d-bg; + } + @include respond(phone) { + width: 7rem; + height: 7rem; + } + + .mail-icon { + font-size: 3rem; + display: inline-block; + line-height: 1; + margin-top: -1rem; + + @include respond(phone) { + font-size: 2rem; + } + } + + .mail-text { + font-size: 1rem; + text-align: center; + margin-top: .5rem; + + @include respond(phone) { + font-size: 16px; + line-height: 20px; + } + } + + input[type="radio"] { + display: none; + } + } + } + + .skip-email { + margin-top: 6rem; + + p { + margin-bottom: 1rem; + } + + a { + color: $primary; + text-decoration: underline; + } + } + + &>.actions { + position: absolute; + bottom: 0; + left: 0; + padding: 2rem; + + li:not(.disabled) { + a { + background-color: $primary; + color: $white; + } + } + } +} + +.wizard .actions ul li{ + &.disabled a{ + color: #333333 !important; + background: #F7FAFC !important; + border: 1px solid #EEEEEE; + + @at-root [data-theme-version="dark"] & { + background: $d-bg !important; + border-color: $d-border; + color:$white !important; + } + } + + & a{ + border-radius: 4px; + font-size: 14px; + font-weight: 600; + padding: 0.55em 2em; + } + +} + +.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active{ + padding: 0.55em 2em; +} + +// .wizard > .steps > ul > li{ + +// @media(max-width: 680px){ +// width: 100%; +// padding-left: 0; +// } +// } + +// .wizard > .steps{ + +// @media(max-width: 680px){ +// padding-left: 0; +// } +// } + +.wizard > .content{ + background: transparent; + // box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); +} + +.wizard, .tabcontrol{ + overflow: visible; +} + +.step-form-horizontal { + .wizard { + padding-top: 3.5rem; + + .steps { + li { + position: relative; + + &.done { + a { + text-align: center; + background-color: $white; + color: $dark; + @at-root [data-theme-version="dark"] & { + background-color: $d-bg; + color: $body-color; + } + &:hover { + text-align: center; + background-color: $white; + color: $dark; + } + + .number { + color: $white; + background: $primary; + border-color: transparent; + @at-root [data-theme-version="dark"] & { + border-color:$primary; + } + } + } + } + + &.current a, &.disabled a { + background-color: transparent; + text-align: center; + color: $white; + + &:hover, &:active { + background-color: transparent; + color: $white; + } + } + + &.current a { + .number { + color: $primary; + background: $white; + border: 2px solid $primary; + } + } + + &.disabled a { + .number { + color: $primary; + } + } + + a { + position: relative; + z-index: 1; + + @include media-breakpoint-down(sm) { + padding-left: 0; + padding-right: 0; + margin: 0; + } + + @include media-breakpoint-down(xs) { + font-size: 0.75rem; + padding-top: 0.9375rem; + } + + .number { + position: absolute; + top: -55px; + left: 50%; + transform: translateX(-50%); + background-color: #fff; + border: 3px solid #d7dae3; + display: flex; + justify-content: center; + align-items: center; + height: 3rem; + border-radius: 50px; + width: 3rem; + + // @include respond(phone) { + // width: 4rem; + // height: 4rem; + // } + + @at-root [data-theme-version="dark"] & { + background:$d-bg; + border-color:$d-border; + } + @include respond('phone') { + top: -45px; + } + } + } + + &:not(:last-child) { + z-index: 1; + + &::after { + position: absolute; + width: 100%; + height: 0.375rem; + content: ""; + left: 50%; + top: -2.1rem; + background-color: $primary; + z-index: -1; + + @include media-breakpoint-down(xs) { + height: 0.375rem; + top: -1.3125rem; + } + } + + &.current { + &::after { + background-color: #F3F3F3; + @at-root [data-theme-version="dark"] & { + background:$d-bg; + } + } + + + &~li { + &::after { + background-color: #F3F3F3; + @at-root [data-theme-version="dark"] & { + background:$d-bg; + } + } + } + } + } + } + } + + .actions { + padding: 0; + + @include respond(phone) { + padding: 0; + } + } + } +} + */ +.form-wizard { + border: 0; +} + +.form-wizard .nav-wizard { + box-shadow: none !important; + margin-bottom: 2rem; +} + +.form-wizard .nav-wizard li .nav-link { + position: relative; +} + +.form-wizard .nav-wizard li .nav-link span { + border-radius: 50px; + width: 3rem; + height: 3rem; + border: 2px solid var(--primary); + display: block; + line-height: 3rem; + color: var(--primary); + font-size: 18px; + margin: auto; + background-color: #fff; + position: relative; + z-index: 1; +} + +.form-wizard .nav-wizard li .nav-link:after { + position: absolute; + top: 50%; + left: 50%; + height: 3px; + transform: translateY(-50%); + background: #f1f1f1 !important; + z-index: 0; + width: 100%; +} + +.form-wizard .nav-wizard li .nav-link.active:after { + background: #f1f1f1 !important; +} + +.form-wizard .nav-wizard li .nav-link.done:after { + background: var(--primary) !important; +} + +.form-wizard .nav-wizard li .nav-link.done span { + background-color: var(--primary); + color: #fff; +} + +.form-wizard .nav-wizard li:last-child .nav-link:after { + content: none; +} + +.form-wizard .toolbar-bottom .btn { + background-color: var(--primary); + border: 0; + padding: 12px 18px; +} + +.form-wizard .tab-content .tab-pane { + padding: 0; +} + +.form-wizard .emial-setup label.mailclinet { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 10rem; + height: 10rem; + border-radius: 50%; + cursor: pointer; + background-color: #EEF5F9; + text-align: center; + margin: auto; +} + +[data-theme-version="dark"] .form-wizard .emial-setup label.mailclinet { + background-color: #251e35; +} + +@media only screen and (max-width: 575px) { + .form-wizard .emial-setup label.mailclinet { + width: 7rem; + height: 7rem; + } +} + +.form-wizard .emial-setup label.mailclinet .mail-icon { + font-size: 3rem; + display: inline-block; + line-height: 1; + margin-top: -1rem; +} + +@media only screen and (max-width: 575px) { + .form-wizard .emial-setup label.mailclinet .mail-icon { + font-size: 2rem; + } +} + +.form-wizard .emial-setup label.mailclinet .mail-text { + font-size: 1rem; + text-align: center; + margin-top: .5rem; +} + +@media only screen and (max-width: 575px) { + .form-wizard .emial-setup label.mailclinet .mail-text { + font-size: 16px; + line-height: 20px; + } +} + +.form-wizard .emial-setup label.mailclinet input[type="radio"] { + display: none; +} + +.form-wizard .emial-setup label.mailclinet { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 10rem; + height: 10rem; + border-radius: 50%; + cursor: pointer; + background-color: #EEF5F9; + text-align: center; + margin: auto; +} + +[data-theme-version="dark"] .form-wizard .emial-setup label.mailclinet { + background-color: #251e35; +} + +@media only screen and (max-width: 575px) { + .form-wizard .emial-setup label.mailclinet { + width: 7rem; + height: 7rem; + } +} + +.form-wizard .emial-setup label.mailclinet .mail-icon { + font-size: 3rem; + display: inline-block; + line-height: 1; + margin-top: -1rem; +} + +@media only screen and (max-width: 575px) { + .form-wizard .emial-setup label.mailclinet .mail-icon { + font-size: 2rem; + } +} + +.form-wizard .emial-setup label.mailclinet .mail-text { + font-size: 1rem; + text-align: center; + margin-top: .5rem; +} + +@media only screen and (max-width: 575px) { + .form-wizard .emial-setup label.mailclinet .mail-text { + font-size: 16px; + line-height: 20px; + } +} + +.form-wizard .emial-setup label.mailclinet input[type="radio"] { + display: none; +} + +@media only screen and (max-width: 767px) { + .form-wizard .nav-wizard { + flex-direction: unset !important; + } + + .form-wizard .tab-content { + height: 100% !important; + } +} + +@media only screen and (max-width: 575px) { + .form-wizard .nav-wizard li .nav-link { + padding: 0; + } +} + +.note-icon-caret, +.note-popover { + display: none; +} + +.note-editor.note-frame .panel-heading { + padding: .6rem 1rem 1rem; + z-index: 1; +} + +.note-editor.note-frame { + border-color: #f0f1f5; +} + +.note-editor.note-frame .note-editing-area .note-editable { + background-color: #fff; +} + +[data-theme-version="dark"] .note-editor.note-frame .note-editing-area .note-editable { + background-color: #251e35; +} + +.note-editor.note-frame .note-statusbar { + background-color: #fff; +} + +.ql-container { + height: 25rem; +} + +#world-datamap { + padding-bottom: 46% !important; +} + +.datamaps-hoverover { + background: #fff; + padding: 0.3125rem; + border-radius: 0.3125rem; + font-family: 'Roboto' !important; + color: var(--primary); + border: 1px solid var(--rgba-primary-3); +} + +@media only screen and (max-width: 1440px) { + .world_map_card ul.list-group { + display: flex; + flex-wrap: wrap; + flex-direction: row; + margin-top: 35px; + } +} + +.jqvmap-zoomin, +.jqvmap-zoomout { + height: 20px; + width: 20px; + line-height: 14px; + background-color: var(--primary); + color: #fff; +} + +.jqvmap-zoomout { + top: 35px; +} + +#world-map { + height: 400px; +} + +.blockUI.blockMsg.blockPage { + border: 0 !important; +} + +#loginForm { + cursor: auto; +} + +.blockMsg { + border: 0px !important; + width: 20% !important; +} + +.blockMsg h1 { + font-size: 16px; + padding: 8px 0; + margin-bottom: 0; +} + +.bootstrap-select { + margin-bottom: 0; +} + +.bootstrap-select .btn { + border: 1px solid #f0f1f5 !important; + background-color: transparent !important; + font-weight: 400; + color: #7e7e7e !important; +} + +[data-theme-version="dark"] .bootstrap-select .btn { + border-color: #333a54 !important; +} + +.bootstrap-select .btn:active, +.bootstrap-select .btn:focus, +.bootstrap-select .btn:hover { + outline: none !important; + outline-offset: 0; +} + +[data-theme-version="dark"] .bootstrap-select .btn:active, +[data-theme-version="dark"] .bootstrap-select .btn:focus, +[data-theme-version="dark"] .bootstrap-select .btn:hover { + color: #7e7e7e !important; +} + +.bootstrap-select .dropdown-menu { + border-color: #f0f1f5 !important; + box-shadow: 0px 0Epx 40px 0px rgba(82, 63, 105, 0.1); +} + +.bootstrap-select .dropdown-menu .dropdown-item { + padding: 0.25rem 1rem; +} + +[data-theme-version="dark"] .bootstrap-select .dropdown-menu { + border-color: #f0f1f5 !important; +} + +.input-group>.bootstrap-select:not(:first-child) .dropdown-toggle { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group>.bootstrap-select:not(:last-child) .dropdown-toggle { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +/*$primary : #7356f1 !default;*/ +:root { + --primary: #40189D; + --secondary: #8BC740; + --primary-hover: #2e1171; + --primary-dark: #0a0418; + --rgba-primary-1: rgba(64, 24, 157, 0.1); + --rgba-primary-2: rgba(64, 24, 157, 0.2); + --rgba-primary-3: rgba(64, 24, 157, 0.3); + --rgba-primary-4: rgba(64, 24, 157, 0.4); + --rgba-primary-5: rgba(64, 24, 157, 0.5); + --rgba-primary-6: rgba(64, 24, 157, 0.6); + --rgba-primary-7: rgba(64, 24, 157, 0.7); + --rgba-primary-8: rgba(64, 24, 157, 0.8); + --rgba-primary-9: rgba(64, 24, 157, 0.9); + --font-family-base: Roboto, sans-serif; + --font-family-title: Roboto, sans-serif; +} + +.clipboard-btn { + transition: all .1s ease-in-out; +} + +.clipboard-btn:hover { + background-color: var(--primary); + color: #fff; +} + +.crypto-ticker { + background: rgba(0, 0, 0, 0.5); + margin-top: 20px; + padding: 10px 20px; + border-radius: 3px; + box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15); +} + +[data-theme-version="dark"] .crypto-ticker { + background: #28253b; +} + +#webticker-big { + font: inherit !important; + font-size: inherit !important; + font-weight: normal !important; +} + +#webticker-big li i { + font-size: 18px; + margin-right: 7px; +} + +#webticker-big li p { + margin-bottom: 0px; + font-size: 12px; + font-weight: 700; +} + +/*$primary : #7356f1 !default;*/ +:root { + --primary: #40189D; + --secondary: #8BC740; + --primary-hover: #2e1171; + --primary-dark: #0a0418; + --rgba-primary-1: rgba(64, 24, 157, 0.1); + --rgba-primary-2: rgba(64, 24, 157, 0.2); + --rgba-primary-3: rgba(64, 24, 157, 0.3); + --rgba-primary-4: rgba(64, 24, 157, 0.4); + --rgba-primary-5: rgba(64, 24, 157, 0.5); + --rgba-primary-6: rgba(64, 24, 157, 0.6); + --rgba-primary-7: rgba(64, 24, 157, 0.7); + --rgba-primary-8: rgba(64, 24, 157, 0.8); + --rgba-primary-9: rgba(64, 24, 157, 0.9); + --font-family-base: Roboto, sans-serif; + --font-family-title: Roboto, sans-serif; +} + +.twitter-typeahead { + width: 100%; +} + +.twitter-typeahead .tt-dataset.tt-dataset-states { + border: 1px solid #f0f1f5; +} + +.twitter-typeahead .tt-menu { + width: 100%; + background-color: #fff; +} + +.twitter-typeahead .tt-menu .tt-suggestion { + padding: 0.625rem; + cursor: pointer; +} + +.twitter-typeahead .tt-menu .tt-suggestion:hover { + background-color: var(--primary); + color: #fff; +} + +.weather-one i { + font-size: 8rem; + position: relative; + top: .5rem; +} + +.weather-one h2 { + display: inline-block; + float: right; + font-size: 4.8rem; +} + +.weather-one .city { + position: relative; + text-align: right; + top: -2.5rem; +} + +.weather-one .currently { + font-size: 1.6rem; + font-weight: 400; + position: relative; + top: 2.5rem; +} + +.weather-one .celcious { + text-align: right; + font-size: 2rem; +} + +/*$primary : #7356f1 !default;*/ +:root { + --primary: #40189D; + --secondary: #8BC740; + --primary-hover: #2e1171; + --primary-dark: #0a0418; + --rgba-primary-1: rgba(64, 24, 157, 0.1); + --rgba-primary-2: rgba(64, 24, 157, 0.2); + --rgba-primary-3: rgba(64, 24, 157, 0.3); + --rgba-primary-4: rgba(64, 24, 157, 0.4); + --rgba-primary-5: rgba(64, 24, 157, 0.5); + --rgba-primary-6: rgba(64, 24, 157, 0.6); + --rgba-primary-7: rgba(64, 24, 157, 0.7); + --rgba-primary-8: rgba(64, 24, 157, 0.8); + --rgba-primary-9: rgba(64, 24, 157, 0.9); + --font-family-base: Roboto, sans-serif; + --font-family-title: Roboto, sans-serif; +} + +.noUi-target { + border-color: transparent; + border-radius: 0; +} + +.noUi-connect { + background-color: var(--primary); +} + +.noUi-connects { + background-color: #D2D6DE; +} + +.noUi-connect.c-1-color { + background-color: #1BD084; +} + +.noUi-connect.c-2-color { + background-color: #48A9F8; +} + +.noUi-connect.c-3-color { + background-color: var(--primary); +} + +.noUi-connect.c-4-color { + background-color: #FE8024; +} + +.noUi-vertical { + width: 0.375rem; +} + +.noUi-horizontal { + height: 0.375rem; + margin-bottom: 10px; +} + +.noUi-horizontal .noUi-handle, +.noUi-vertical .noUi-handle { + height: 12px; + width: 12px; + border-radius: 50px; + box-shadow: none; + border: none; + background-color: var(--primary); +} + +.noUi-horizontal .noUi-handle::after, +.noUi-horizontal .noUi-handle::before, +.noUi-vertical .noUi-handle::after, +.noUi-vertical .noUi-handle::before { + display: none; +} + +.noUi-vertical .noUi-handle { + left: -4px; + top: -6px; +} + +.noUi-horizontal .noUi-handle { + top: -4px; +} + +html:not([dir=rtl]) .noUi-horizontal .noUi-handle { + right: -6px; +} + +#slider-toggle { + height: 50px; +} + +#slider-toggle.off .noUi-handle { + border-color: var(--primary); +} + +.colorpicker-slider .sliders.noUi-target#red, +.colorpicker-slider .sliders.noUi-target#green, +.colorpicker-slider .sliders.noUi-target#blue { + margin: 10px; + display: inline-block; + height: 200px; +} + +.colorpicker-slider .sliders.noUi-target#red .noUi-connect { + background: #c0392b; +} + +.colorpicker-slider .sliders.noUi-target#green .noUi-connect { + background: #27ae60; +} + +.colorpicker-slider .sliders.noUi-target#blue .noUi-connect { + background: #2980b9; +} + +.colorpicker-slider #result { + margin: 60px 26px; + height: 100px; + width: 100px; + display: inline-block; + vertical-align: top; + color: #7f7f7f; + background: #7f7f7f; + border: 1px solid #fff; + box-shadow: 0 0 10px; +} + +.slider-vertical { + height: 18rem; +} + +.nestable-cart { + overflow: hidden; +} + +.dd-handle { + color: #fff; + background: var(--primary); + border-radius: 0; + border: 1px solid #f0f1f5; +} + +.dd-handle:hover { + color: #fff; + background: var(--primary); +} + +.dd3-content:hover { + color: #fff; + background: var(--primary); +} + +.dd3-content { + color: #fff; +} + +.pignose-calendar { + box-shadow: none; + width: 100%; + max-width: none; + border-color: var(--primary); +} + +.pignose-calendar .pignose-calendar-top-date { + background-color: var(--primary); +} + +.pignose-calendar .pignose-calendar-top-date .pignose-calendar-top-month { + color: #fff; +} + +.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a { + background-color: var(--primary); + box-shadow: none; +} + +.pignose-calendar .pignose-calendar-top { + box-shadow: none; + border-bottom: 0; +} + +.pignose-calendar.pignose-calendar-blue { + background-color: rgba(0, 0, 0, 0.15); +} + +.pignose-calendar .pignose-calendar-unit { + height: 4.8em; +} + +.cd-h-timeline { + opacity: 0; + transition: opacity 0.2s; +} + +.cd-h-timeline--loaded { + opacity: 1; +} + +.cd-h-timeline__container { + position: relative; + height: 100px; + max-width: 800px; +} + +.cd-h-timeline__dates { + position: relative; + height: 100%; + margin: 0 40px; + overflow: hidden; +} + +.cd-h-timeline__dates::after, +.cd-h-timeline__dates::before { + content: ''; + position: absolute; + z-index: 2; + top: 0; + height: 100%; + width: 20px; +} + +.cd-h-timeline__dates::before { + left: 0; + background: var(--primary); +} + +.cd-h-timeline__dates::after { + right: 0; + background: var(--primary); +} + +.cd-h-timeline__line { + position: absolute; + z-index: 1; + left: 0; + top: 49px; + height: 2px; + background-color: var(--primary); + transition: transform 0.4s; +} + +.cd-h-timeline__filling-line { + position: absolute; + z-index: 1; + left: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #1BD084; + transform: scaleX(0); + transform-origin: left center; + transition: transform 0.3s; +} + +.cd-h-timeline__date { + position: absolute; + bottom: 0; + z-index: 2; + text-align: center; + font-size: 0.8em; + padding-bottom: var(--space-sm); + color: var(--cd-color-1); + user-select: none; + text-decoration: none; +} + +.cd-h-timeline__date::after { + content: ''; + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: -5px; + height: 12px; + width: 12px; + border-radius: 50%; + border-width: 2px; + border-style: solid; + border-color: var(--rgba-primary-9); + background-color: var(--primary); + transition: background-color 0.3s, border-color .3s; +} + +.cd-h-timeline__date:hover::after { + background-color: #1BD084; + border-color: #1BD084; +} + +.cd-h-timeline__date--selected { + pointer-events: none; +} + +.cd-h-timeline__date--selected::after { + background-color: #1BD084; + border-color: #1BD084; +} + +.cd-h-timeline__date--older-event::after { + border-color: #1BD084; +} + +.cd-h-timeline__navigation { + position: absolute; + z-index: 1; + top: 50%; + transform: translateY(-50%); + height: 34px; + width: 34px; + border-radius: 50%; + border-width: 2px; + border-style: solid; + border-color: var(--rgba-primary-9); + transition: border-color 0.3s; +} + +.cd-h-timeline__navigation::after { + content: ''; + position: absolute; + height: 16px; + width: 16px; + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); +} + +.cd-h-timeline__navigation:hover { + border-color: #1BD084; +} + +.cd-h-timeline__navigation--prev { + left: 0; + transform: translateY(-50%) rotate(180deg); +} + +.cd-h-timeline__navigation--next { + right: 0; +} + +.cd-h-timeline__navigation--inactive { + cursor: not-allowed; +} + +.cd-h-timeline__navigation--inactive::after { + background-position: 0 -16px; +} + +.cd-h-timeline__navigation--inactive:hover { + border-color: var(--rgba-primary-9); +} + +.cd-h-timeline__events { + position: relative; + width: 100%; + overflow: hidden; + transition: height .4s; +} + +.cd-h-timeline__event { + position: absolute; + z-index: 1; + width: 100%; + left: 0; + top: 0; + transform: translateX(-100%); + padding: 1px 5%; + opacity: 0; + animation-duration: 0.4s; + animation-timing-function: ease-in-out; +} + +.cd-h-timeline__event--selected { + position: relative; + z-index: 2; + opacity: 1; + transform: translateX(0); +} + +.cd-h-timeline__event--enter-right, +.cd-h-timeline__event--leave-right { + animation-name: cd-enter-right; +} + +.cd-h-timeline__event--enter-left, +.cd-h-timeline__event--leave-left { + animation-name: cd-enter-left; +} + +.cd-h-timeline__event--leave-right, +.cd-h-timeline__event--leave-left { + animation-direction: reverse; +} + +.cd-h-timeline__event-content { + max-width: 800px; +} + +.cd-h-timeline__event-title { + color: var(--cd-color-1); + font-family: var(--font-secondary); + font-weight: 700; + font-size: var(--text-xxxl); +} + +.cd-h-timeline__event-date { + display: block; + font-style: italic; + margin: var(--space-xs) auto; +} + +.cd-h-timeline__event-date::before { + content: '- '; +} + +@keyframes cd-enter-right { + 0% { + opacity: 0; + transform: translateX(100%); + } + + 100% { + opacity: 1; + transform: translateX(0%); + } +} + +@keyframes cd-enter-left { + 0% { + opacity: 0; + transform: translateX(-100%); + } + + 100% { + opacity: 1; + transform: translateX(0%); + } +} + +.toast-success { + background-color: var(--primary); +} + +.toast-info { + background-color: #48A9F8; +} + +.toast-warning { + background-color: #FE8024; +} + +.toast-error { + background-color: #FF6746; +} + +#toast-container>div { + box-shadow: none; + border-radius: 0; + width: auto; + max-width: 250px; + opacity: 1; +} + +[direction="rtl"] #toast-container>div { + padding: 15px 50px 15px 15px; + background-position: calc(100% - 15px); + text-align: right; +} + +#toast-container>div:hover { + box-shadow: none; +} + +#toast-container .toast-title { + margin-bottom: 5px; + font-weight: 600; +} + +#toast-container .toast-message { + font-size: 12px; +} + +#toast-container .toast-close-button { + opacity: 1; + font-size: 8px; + font-weight: normal; + text-shadow: none; +} + +[direction="rtl"] .toast-top-right.demo_rtl_class { + left: 12px; + right: auto; +} + +/* Light Gallery */ +.lg-actions .lg-next, +.lg-actions .lg-prev, +.lg-sub-html, +.lg-toolbar { + background-color: rgba(30, 30, 30, 0.6); +} + +.lg-outer .lg-toogle-thumb, +.lg-outer .lg-thumb-outer, +.lg-outer .lg-img-wrap, +.lg-outer .lg-item { + background-color: transparent; +} + +.lg-thumb-outer.lg-grab, +.lg-toogle-thumb.lg-icon { + background-color: rgba(30, 30, 30, 0.6); +} + +.lg-backdrop { + background-color: rgba(30, 30, 30, 0.9); +} + +.lg-outer .lg-toogle-thumb, +.lg-actions .lg-next, +.lg-actions .lg-prev, +.lg-toolbar .lg-icon, +#lg-counter { + color: #fff; +} + +.lg-outer .lg-thumb-item.active, +.lg-outer .lg-thumb-item:hover { + border-color: var(--primary); +} + +.lightimg { + cursor: pointer; +} + +.jqvmap-zoomin, +.jqvmap-zoomout { + position: absolute; + left: 10px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + background: #000000; + padding: 3px; + color: white; + width: 17px; + height: 17px; + cursor: pointer; + line-height: 10px; + text-align: center; +} + +.jqvmap-zoomin { + top: 10px; +} + +.jqvmap-zoomout { + top: 30px; +} + +.ps__rail-x:hover, +.ps__rail-y:hover, +.ps__rail-x:focus, +.ps__rail-y:focus, +.ps__rail-x.ps--clicking, +.ps__rail-y.ps--clicking { + background-color: transparent; + opacity: 0.9; +} + +.ps__rail-y:hover>.ps__thumb-y, +.ps__rail-y:focus>.ps__thumb-y, +.ps__rail-y.ps--clicking .ps__thumb-y { + background-color: #DAE2F3; + width: 4px; +} + +.ps__thumb-y { + background-color: #DAE2F3; + width: 4px; +} + +.total-average { + position: relative; + height: 300px; +} + +.widget-chat { + position: relative; + height: 250px; +} + +.widget-todo { + position: relative; + height: 210px; +} + +.widget-team { + position: relative; + height: 285px; +} + +.widget-timeline { + position: relative; +} + +.widget-comments { + position: relative; + height: 400px; +} + +.sidebar-right-inner { + position: relative; + height: 100%; +} + +.widget-team .ps .ps__rail-x:hover, +.widget-team .ps .ps__rail-y:hover, +.widget-team .ps .ps__rail-x:focus, +.widget-team .ps .ps__rail-y:focus, +.widget-team .ps .ps__rail-x.ps--clicking, +.widget-team .ps .ps__rail-y.ps--clicking { + background-color: transparent !important; + opacity: 0.9; +} + +.accordion-primary .accordion__header { + background: var(--primary); + border-color: var(--primary); + color: #fff; + box-shadow: 0 15px 20px 0 var(--rgba-primary-1); +} + +.accordion-primary .accordion__header.collapsed { + background: var(--rgba-primary-1); + border-color: var(--rgba-primary-1); + color: #211c37; + box-shadow: none; +} + +[data-theme-version="dark"] .accordion-primary .accordion__header.collapsed { + background: var(--rgba-primary-1); + border-color: var(--rgba-primary-1); + color: #7e7e7e; +} + +.accordion-primary-solid .accordion__header { + background: var(--primary); + border-color: var(--primary); + color: #fff; + box-shadow: 0 -10px 20px 0 var(--rgba-primary-1); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.accordion-primary-solid .accordion__header.collapsed { + background: var(--rgba-primary-1); + border-color: var(--rgba-primary-1); + color: #211c37; + box-shadow: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +[data-theme-version="dark"] .accordion-primary-solid .accordion__header.collapsed { + background: var(--rgba-primary-1); + border-color: var(--rgba-primary-1); + color: #7e7e7e; +} + +.accordion-primary-solid .accordion__body { + border: 2px solid var(--primary); + border-top: none; + box-shadow: 0 15px 20px 0 var(--rgba-primary-1); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.accordion-danger .accordion__header { + background: #FF6746; + border-color: #FF6746; + color: #fff; + box-shadow: 0 15px 20px 0 rgba(255, 103, 70, 0.15); +} + +.accordion-danger .accordion__header.collapsed { + background: #ffe5df; + border-color: #ffe5df; + color: #211c37; + box-shadow: none; +} + +.accordion-danger-solid .accordion__header { + background: #FF6746; + border-color: #FF6746; + color: #fff; + box-shadow: 0 -10px 20px 0 rgba(255, 103, 70, 0.15); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.accordion-danger-solid .accordion__header.collapsed { + background: #ffe5df; + border-color: #ffe5df; + color: #211c37; + box-shadow: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +[data-theme-version="dark"] .accordion-danger-solid .accordion__header.collapsed { + background: rgba(255, 103, 70, 0.15); + border-color: rgba(255, 103, 70, 0.15); + color: #7e7e7e; +} + +.accordion-danger-solid .accordion__body { + border: 2px solid #FF6746; + border-top: none; + box-shadow: 0 15px 20px 0 rgba(255, 103, 70, 0.15); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.accordion__item { + margin-bottom: 1.25rem; +} + +.accordion__header { + padding: 1rem 1.75rem; + border: 1px solid #f0f1f5; + cursor: pointer; + position: relative; + color: #333; + font-weight: 400; + border-radius: 0; + -webkit-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; +} + +[data-theme-version="dark"] .accordion__header { + color: #fff; + border-color: #333a54; +} + +.accordion__header--indicator { + font-family: 'themify'; + position: absolute; + right: 1.5625rem; + top: 50%; + transform: translateY(-50%); +} + +[direction="rtl"] .accordion__header--indicator { + right: auto; + left: 1.5625rem; +} + +.accordion__header--indicator.indicator_bordered { + display: inline-block; + width: 25px; + text-align: center; + height: 25px; + border: 1px solid #f0f1f5; + border-radius: 50%; + line-height: 25px; +} + +.accordion__header:not(.collapsed) .accordion__header--indicator::before { + content: "\e622"; +} + +.accordion__header:not(.collapsed) .accordion__header--indicator.style_two::before { + content: "\e648"; +} + +.accordion__header.collapsed .accordion__header--indicator::before { + content: "\e61a"; +} + +.accordion__header.collapsed .accordion__header--indicator.style_two::before { + content: "\e64b"; +} + +.accordion__body--text { + padding: 0.875rem 1.25rem; +} + +.accordion-bordered .accordion__body { + border: 1px solid #f0f1f5; + border-top: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +[data-theme-version="dark"] .accordion-bordered .accordion__body { + border-color: #333a54; +} + +.accordion-bordered .accordion__header.collapsed { + border-radius: 0; +} + +.accordion-bordered .accordion__header { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.accordion-no-gutter .accordion__item { + margin-bottom: 0; +} + +.accordion-no-gutter .accordion__item .accordion__header.collapsed { + border-bottom: none; +} + +.accordion-no-gutter .accordion__item:last-child .accordion__header { + border-bottom: 1px solid #f0f1f5; +} + +[data-theme-version="dark"] .accordion-no-gutter .accordion__item:last-child .accordion__header { + border-color: #333a54; +} + +.accordion-no-gutter.accordion__bordered .accordion__item:not(:last-child) .accordion__body { + border-bottom: none; +} + +.accordion-left-indicator .accordion__header--text { + padding-left: 2.5rem; +} + +.accordion-left-indicator .accordion__header--indicator { + right: auto; + left: 1.5625rem; +} + +.accordion-with-icon .accordion__header--text { + padding-left: 2.5rem; +} + +[direction="rtl"] .accordion-with-icon .accordion__header--text { + padding-left: 0; + padding-right: 2.5rem; +} + +.accordion-with-icon .accordion__header--icon { + position: absolute; + right: auto; + left: 1.5625rem; + font-family: 'themify'; +} + +[direction="rtl"] .accordion-with-icon .accordion__header--icon { + left: auto; + right: 1.5625rem; +} + +.accordion-with-icon .accordion__header--icon::before { + content: "\e645"; +} + +.accordion-header-bg .accordion__header { + background-color: #F4F5F9; +} + +[data-theme-version="dark"] .accordion-header-bg .accordion__header { + background-color: #251e35; + color: #fff; +} + +.accordion-header-bg .accordion__header--primary { + background-color: var(--primary); + color: #fff; + border-color: var(--primary); +} + +[data-theme-version="dark"] .accordion-header-bg .accordion__header--primary { + background-color: var(--primary); +} + +.accordion-header-bg .accordion__header--info { + background-color: #48A9F8; + color: #fff; + border-color: #48A9F8; +} + +[data-theme-version="dark"] .accordion-header-bg .accordion__header--info { + background-color: #48A9F8; +} + +.accordion-header-bg .accordion__header--success { + background-color: #1BD084; + color: #fff; + border-color: #1BD084; +} + +[data-theme-version="dark"] .accordion-header-bg .accordion__header--success { + background-color: #1BD084; +} + +.accordion-header-bg.accordion-no-gutter .accordion__header { + border-color: transparent; + border-radius: 0; +} + +.accordion-header-bg.accordion-no-gutter .accordion__item:first-child .accordion__header { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.accordion-header-bg.accordion-no-gutter .accordion__item:last-child .accordion__header { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.accordion.accordion-no-gutter .accordion__header { + border-radius: 0; +} + +.accordion.accordion-no-gutter .accordion__header.collapsed { + border-radius: 0; +} + +.accordion.accordion-no-gutter .accordion__body { + border-radius: 0; +} + +.accordion.accordion-no-gutter .accordion__item:first-child .accordion__header { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.accordion.accordion-no-gutter .accordion__item:last-child .accordion__header.collapsed { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.accordion.accordion-no-gutter .accordion__item:last-child .accordion__body { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.accordion-solid-bg .accordion__header { + border-color: transparent; + background-color: var(--rgba-primary-1); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +[data-theme-version="dark"] .accordion-solid-bg .accordion__header { + background-color: #251e35; +} + +.accordion-solid-bg .accordion__header.collapsed { + border-radius: 0; +} + +.accordion-solid-bg .accordion__body { + border-color: transparent; + background-color: var(--rgba-primary-1); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +[data-theme-version="dark"] .accordion-solid-bg .accordion__body { + background-color: #251e35; +} + +.accordion-active-header .accordion__header:not(.collapsed) { + background-color: #48A9F8; + border-color: #48A9F8; + color: #fff; +} + +.accordion-header-shadow .accordion__header { + border: none; + box-shadow: 0 0 0.9375rem -3px rgba(0, 0, 0, 0.3); +} + +.accordion-rounded-stylish .accordion__header { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; +} + +.accordion-rounded-stylish .accordion__body { + border-bottom-left-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} + +.accordion-rounded .accordion__header { + border-radius: 0.3125rem; +} + +.accordion-gradient .accordion__header { + color: #fff; + background-image: linear-gradient(to right, rgba(186, 1, 181, 0.85) 0%, rgba(103, 25, 255, 0.85) 100%); + border-color: transparent; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.accordion-gradient .accordion__header.collapsed { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.accordion-gradient .accordion__body { + color: #fff; + background-image: linear-gradient(to right, rgba(186, 1, 181, 0.85) 0%, rgba(103, 25, 255, 0.85) 100%); + border-color: transparent; +} + +.alert { + border-radius: 0; + padding: 1rem 1.5rem; +} + +.alert p { + line-height: 1.5; +} + +.alert-rounded { + border-radius: 30px; +} + +.alert-primary { + background: var(--rgba-primary-1); + border-color: var(--rgba-primary-1); + color: var(--primary); +} + +[data-theme-version="dark"] .alert-primary { + background: var(--rgba-primary-1); + border-color: var(--rgba-primary-1); +} + +.alert-secondary { + background: #d3eab6; + border-color: #d3eab6; + color: #8BC740; +} + +[data-theme-version="dark"] .alert-secondary { + background: rgba(139, 199, 64, 0.5); + border-color: rgba(139, 199, 64, 0.5); + color: #7e7e7e; +} + +.alert-success { + background: #b7f6db; + border-color: #b7f6db; + color: #1BD084; +} + +[data-theme-version="dark"] .alert-success { + background: rgba(27, 208, 132, 0.1); + border-color: rgba(27, 208, 132, 0.1); +} + +.alert-warning { + background: #fff0e5; + border-color: #fff0e5; + color: #FE8024; +} + +[data-theme-version="dark"] .alert-warning { + background: rgba(254, 128, 36, 0.1); + border-color: rgba(254, 128, 36, 0.1); +} + +.alert-danger { + background: #ffe5df; + border-color: #ffe5df; + color: #FF6746; +} + +[data-theme-version="dark"] .alert-danger { + background: rgba(255, 103, 70, 0.15); + border-color: rgba(255, 103, 70, 0.15); +} + +.alert-info { + background: white; + border-color: white; + color: #48A9F8; +} + +[data-theme-version="dark"] .alert-info { + background: rgba(72, 169, 248, 0.1); + border-color: rgba(72, 169, 248, 0.1); +} + +.alert-dark { + background: white; + border-color: white; + color: #B1B1B1; +} + +[data-theme-version="dark"] .alert-dark { + background: rgba(177, 177, 177, 0.35); + border-color: rgba(177, 177, 177, 0.35); + color: #7e7e7e; +} + +.alert-light { + background: #F4F5F9; + border-color: #F4F5F9; + color: #B1B1B1; +} + +.alert-alt.alert-primary { + border-left: 4px solid var(--primary); +} + +.alert-alt.alert-secondary { + border-left: 4px solid #8BC740; +} + +.alert-alt.alert-success { + border-left: 4px solid #1BD084; +} + +.alert-alt.alert-warning { + border-left: 4px solid #FE8024; +} + +.alert-alt.alert-danger { + border-left: 4px solid #FF6746; +} + +.alert-alt.alert-info { + border-left: 4px solid #48A9F8; +} + +.alert-alt.alert-dark { + border-left: 4px solid #B1B1B1; +} + +.alert-alt.alert-light { + border-left: 4px solid #c3c8de; +} + +.alert-alt.alert-primary.solid { + border-left: 4px solid var(--primary-dark) !important; +} + +.alert-alt.alert-secondary.solid { + border-left: 4px solid #48691f !important; +} + +.alert-alt.alert-success.solid { + border-left: 4px solid #0c5f3c !important; +} + +.alert-alt.alert-warning.solid { + border-left: 4px solid #a24501 !important; +} + +.alert-alt.alert-danger.solid { + border-left: 4px solid #c62300 !important; +} + +.alert-alt.alert-info.solid { + border-left: 4px solid #0769b9 !important; +} + +.alert-alt.alert-dark.solid { + border-left: 4px solid #717171 !important; +} + +.alert-alt.alert-light.solid { + border-left: 4px solid #a2aacc !important; +} + +.alert-dismissible.solid .close:hover { + color: #fff; + opacity: 1; +} + +.alert.alert-primary.solid { + background: var(--primary); + color: #fff; + border-color: var(--primary); +} + +.alert.alert-secondary.solid { + background: #8BC740; + color: #fff; + border-color: #8BC740; +} + +.alert.alert-success.solid { + background: #1BD084; + color: #fff; + border-color: #1BD084; +} + +.alert.alert-warning.solid { + background: #FE8024; + color: #fff; + border-color: #FE8024; +} + +.alert.alert-danger.solid { + background: #FF6746; + color: #fff; + border-color: #FF6746; +} + +.alert.alert-info.solid { + background: #48A9F8; + color: #fff; + border-color: #48A9F8; +} + +.alert.alert-dark.solid { + background: #B1B1B1; + color: #fff; + border-color: #B1B1B1; +} + +.alert.alert-light.solid { + background: #F4F5F9; + color: #B1B1B1; + border-color: #F4F5F9; +} + +.alert-right-icon>span i { + font-size: 18px; + margin-right: 5px; +} + +.alert-right-icon .close i { + font-size: 16px; +} + +.alert.alert-outline-primary { + background: transparent; + color: var(--primary); + border-color: var(--primary); +} + +.alert.alert-outline-secondary { + background: transparent; + color: #7e7e7e; + border-color: #8BC740; +} + +.alert.alert-outline-success { + background: transparent; + color: #1BD084; + border-color: #1BD084; +} + +.alert.alert-outline-info { + background: transparent; + color: #48A9F8; + border-color: #48A9F8; +} + +.alert.alert-outline-warning { + background: transparent; + color: #FE8024; + border-color: #FE8024; +} + +.alert.alert-outline-danger { + background: transparent; + color: #FF6746; + border-color: #FF6746; +} + +.alert.alert-outline-dark { + background: transparent; + color: #7e7e7e; + border-color: #B1B1B1; +} + +.alert.alert-outline-light { + background: transparent; + color: #B1B1B1; + border-color: #F4F5F9; +} + +.alert-social { + color: #fff; +} + +.alert-social .alert-social-icon { + align-self: center; + margin-right: 0.9375rem; +} + +.alert-social .alert-social-icon i { + font-size: 42px; +} + +.alert-social.facebook { + background-color: #3b5998; +} + +.alert-social.twitter { + background-color: #1da1f2; +} + +.alert-social.linkedin { + background-color: #007bb6; +} + +.alert-social.google-plus { + background-color: #db4439; +} + +.alert-social .close:hover { + opacity: 1 !important; + color: #fff !important; +} + +.left-icon-big .alert-left-icon-big { + align-self: center; + margin-right: 0.9375rem; +} + +.left-icon-big .alert-left-icon-big i { + font-size: 35px; + line-height: 1; +} + +[direction="rtl"] .left-icon-big .alert-left-icon-big, +[direction="rtl"] .alert-social .alert-social-icon { + margin-left: 0; + margin-right: 0.9375rem; +} + +.badge { + line-height: 1.5; + border-radius: 0; + padding: 4px 10px; + border: 1px solid transparent; +} + +.badge-rounded { + border-radius: 20px; + padding: 3px 13px; +} + +.badge-circle { + border-radius: 100px; + padding: 3px 7px; +} + +.badge-outline-primary { + border: 1px solid var(--primary); + color: var(--primary); +} + +.badge-outline-secondary { + border: 1px solid #8BC740; + color: #8BC740; +} + +[data-theme-version="dark"] .badge-outline-secondary { + color: #7e7e7e; +} + +.badge-outline-success { + border: 1px solid #1BD084; + color: #1BD084; +} + +.badge-outline-info { + border: 1px solid #48A9F8; + color: #48A9F8; +} + +.badge-outline-warning { + border: 1px solid #FE8024; + color: #FE8024; +} + +.badge-outline-danger { + border: 1px solid #FF6746; + color: #FF6746; +} + +.badge-outline-light { + border: 1px solid #f0f1f5; + color: #B1B1B1; +} + +[data-theme-version="dark"] .badge-outline-light { + color: #7e7e7e; +} + +.badge-outline-dark { + border: 1px solid #B1B1B1; + color: #B1B1B1; +} + +[data-theme-version="dark"] .badge-outline-dark { + color: #7e7e7e; +} + +.badge-xs { + font-size: 10px; + padding: 0px 5px; + line-height: 18px; +} + +.badge-sm { + font-size: 11px; + padding: 5px 8px; + line-height: 11px; +} + +.badge-lg { + font-size: 14px; + padding: 0px 10px; + line-height: 30px; +} + +.badge-xl { + font-size: 15px; + padding: 0px 15px; + line-height: 35px; +} + +.badge-default { + background: #ADB6C7; +} + +.badge-success { + background-color: #1BD084; +} + +.badge-info { + background-color: #48A9F8; +} + +.badge-primary { + background-color: var(--primary); +} + +.badge-warning { + background-color: #FE8024; +} + +.badge-danger { + background-color: #FF6746; +} + +.badge-dark { + background-color: #B1B1B1; +} + +.badge-light { + background-color: #F4F5F9; +} + +.light.badge-default { + background: #ADB6C7; +} + +.light.badge-success { + background-color: #b7f6db; + color: #1BD084; +} + +[data-theme-version="dark"] .light.badge-success { + background-color: rgba(27, 208, 132, 0.1); +} + +.light.badge-info { + background-color: white; + color: #48A9F8; +} + +[data-theme-version="dark"] .light.badge-info { + background-color: rgba(72, 169, 248, 0.1); +} + +.light.badge-primary { + background-color: var(--rgba-primary-1); + color: var(--primary); +} + +[data-theme-version="dark"] .light.badge-primary { + background-color: var(--rgba-primary-1); +} + +.light.badge-secondary { + background-color: #d3eab6; + color: #8BC740; +} + +[data-theme-version="dark"] .light.badge-secondary { + background-color: rgba(139, 199, 64, 0.5); + color: #7e7e7e; +} + +.light.badge-warning { + background-color: #fff0e5; + color: #FE8024; +} + +[data-theme-version="dark"] .light.badge-warning { + background-color: rgba(254, 128, 36, 0.1); +} + +.light.badge-danger { + background-color: #ffe5df; + color: #FF6746; +} + +[data-theme-version="dark"] .light.badge-danger { + background-color: rgba(255, 103, 70, 0.15); +} + +.light.badge-dark { + background-color: #f1f1f1; + color: #B1B1B1; +} + +[data-theme-version="dark"] .light.badge-dark { + background-color: rgba(177, 177, 177, 0.35); + color: #7e7e7e; +} + +.bootstrap-label .label { + display: inline-block; + margin-right: 1rem; +} + +.bootstrap-label .label:last-child { + margin-right: 0; +} + +.badge-demo .badge { + margin-right: 5px; + margin-bottom: 5px; +} + +.badge-demo .badge:last-child { + margin-right: 0; +} + +.bootstrap-badge-buttons button { + margin-right: .2rem; + margin-bottom: 1rem; +} + +.bootstrap-badge-buttons button:last-child { + margin-right: 0; +} + +.welcome-text span, +.welcome-text p { + display: none; +} + +.page-titles { + margin-bottom: 25px; + display: block; + background: #F2F2F2; + display: block; +} + +.page-titles [class*="col-"] { + display: block !important; + max-width: 100%; + width: 100%; + margin: 0; +} + +.page-titles .justify-content-sm-end { + align-items: center; +} + +.page-titles h4 { + margin-bottom: 10px; + margin-top: 0; + color: #000; + font-size: 1.75rem; + font-weight: 600; +} + +.page-titles h4 span { + font-size: 1.25rem; +} + +.page-titles .breadcrumb { + margin-bottom: 0; + padding: 0; + background: transparent; + /* .breadcrumb-item + .breadcrumb-item { + &:before { + content: "\e606"; + font-family: 'simple-line-icons'; + // font-weight: 4; + font-size: 10px; + } + } */ +} + +.page-titles .breadcrumb li { + margin-top: 0; + margin-bottom: 0; + font-size: 18px; +} + +@media only screen and (max-width: 1400px) { + .page-titles .breadcrumb li { + font-size: 15px; + } +} + +.page-titles .breadcrumb li a { + color: #656773; +} + +.page-titles .breadcrumb li.active a { + color: var(--primary); + font-weight: 600; +} + +.page-titles .breadcrumb-datepicker { + font-size: 0.75rem; + color: #89879f; +} + +.page-titles .breadcrumb-datepicker__icon { + font-size: 0.875rem; +} + +.page-titles .breadcrumb-widget .border-dark { + border-color: #dee2e6 !important; +} + +.page-titles .breadcrumb-widget h4 { + color: #646c9a; + font-weight: 600; +} + +@media only screen and (max-width: 575px) { + .page-titles .breadcrumb-widget { + text-align: left !important; + margin-bottom: 0.9375rem; + } +} + +button { + cursor: pointer; +} + +button:focus { + outline: 0; + box-shadow: none; +} + +.btn { + padding: 0.938rem 1.5rem; + border-radius: 0; + font-weight: 500; + font-size: 1rem; +} + +.btn:hover, +.btn:focus, +.btn:active, +.btn.active { + outline: 0 !important; +} + +@media only screen and (max-width: 1400px) { + .btn { + padding: 0.625rem 1rem; + font-size: 0.813rem; + } +} + +.btn-transparent { + background-color: transparent; +} + +.btn-primary { + background-color: var(--primary); + border-color: var(--primary); +} + +.btn-primary svg path { + fill: var(--primary); +} + +.btn-primary:hover, +.btn-primary:active { + background-color: var(--primary); + border-color: var(--primary); +} + +.btn-primary:focus { + border-color: var(--primary); + background-color: var(--primary); + box-shadow: 0 0 0 0.2rem var(--rgba-primary-5); +} + +.sharp { + min-width: 40px; + padding: 7px; + height: 40px; + min-height: 40px; +} + +.sharp.btn-xs { + padding: 3px; + width: 26px; + height: 26px; + min-width: 26px; + min-height: 26px; +} + +.sharp-lg { + min-width: 56px; + padding: 15px; + height: 56px; + min-height: 56px; + text-align: center; +} + +@media only screen and (max-width: 1400px) { + .sharp-lg { + min-width: 40px; + padding: 9px; + height: 40px; + min-height: 40px; + } +} + +.light.tp-btn { + background-color: transparent; +} + +.light.btn-default { + background: #ADB6C7; +} + +.light.btn-success { + background-color: #b7f6db; + border-color: #b7f6db; + color: #1BD084; +} + +.light.btn-success g [fill] { + fill: #1BD084; +} + +[data-theme-version="dark"] .light.btn-success { + background-color: rgba(27, 208, 132, 0.1); + border-color: transparent; +} + +.light.btn-success:hover { + background-color: #1BD084; + border-color: #1BD084; + color: #fff; +} + +.light.btn-success:hover g [fill] { + fill: #fff; +} + +.light.btn-info { + background-color: white; + border-color: white; + color: #48A9F8; +} + +.light.btn-info g [fill] { + fill: #48A9F8; +} + +[data-theme-version="dark"] .light.btn-info { + background-color: rgba(72, 169, 248, 0.1); + border-color: transparent; +} + +.light.btn-info:hover { + background-color: #48A9F8; + border-color: #48A9F8; + color: #fff; +} + +.light.btn-info:hover g [fill] { + fill: #fff; +} + +.light.btn-primary { + background-color: var(--rgba-primary-1); + border-color: var(--rgba-primary-1); + color: var(--primary); +} + +.light.btn-primary g [fill] { + fill: var(--primary); +} + +[data-theme-version="dark"] .light.btn-primary { + background-color: var(--rgba-primary-1); + border-color: transparent; +} + +.light.btn-primary:hover { + background-color: var(--primary); + border-color: var(--primary); + color: #fff; +} + +.light.btn-primary:hover g [fill] { + fill: #fff; +} + +.light.btn-primary:hover svg path { + fill: #fff; +} + +.light.btn-primary:active { + background-color: var(--primary) !important; + border-color: var(--primary) !important; +} + +.light.btn-secondary { + background-color: #d3eab6; + border-color: #d3eab6; + color: #8BC740; +} + +.light.btn-secondary g [fill] { + fill: #8BC740; +} + +[data-theme-version="dark"] .light.btn-secondary { + background-color: rgba(139, 199, 64, 0.5); + border-color: transparent; + color: #fff; +} + +.light.btn-secondary:hover { + background-color: #8BC740; + border-color: #8BC740; + color: #fff; +} + +.light.btn-secondary:hover g [fill] { + fill: #fff; +} + +.light.btn-warning { + background-color: #fff0e5; + border-color: #fff0e5; + color: #FE8024; +} + +.light.btn-warning g [fill] { + fill: #FE8024; +} + +[data-theme-version="dark"] .light.btn-warning { + background-color: rgba(254, 128, 36, 0.1); + border-color: transparent; +} + +.light.btn-warning:hover { + background-color: #FE8024; + border-color: #FE8024; + color: #fff; +} + +.light.btn-warning:hover g [fill] { + fill: #fff; +} + +.light.btn-danger { + background-color: #ffe5df; + border-color: #ffe5df; + color: #FF6746; +} + +.light.btn-danger g [fill] { + fill: #FF6746; +} + +[data-theme-version="dark"] .light.btn-danger { + background-color: rgba(255, 103, 70, 0.15); + border-color: transparent; +} + +.light.btn-danger:hover { + background-color: #FF6746; + border-color: #FF6746; + color: #fff; +} + +.light.btn-danger:hover g [fill] { + fill: #fff; +} + +.light.btn-dark { + background-color: #f1f1f1; + border-color: #f1f1f1; + color: #B1B1B1; +} + +.light.btn-dark g [fill] { + fill: #B1B1B1; +} + +[data-theme-version="dark"] .light.btn-dark { + background-color: rgba(177, 177, 177, 0.35); + border-color: transparent; + color: #fff; +} + +.light.btn-dark:hover { + background-color: #B1B1B1; + border-color: #B1B1B1; + color: #fff; +} + +.light.btn-dark:hover g [fill] { + fill: #fff; +} + +.btn.tp-btn { + background-color: transparent; + border-color: transparent; +} + +.btn.tp-btn.btn-default { + background: #ADB6C7; +} + +.btn.tp-btn.btn-success { + color: #1BD084; +} + +.btn.tp-btn.btn-success g [fill] { + fill: #1BD084; +} + +.btn.tp-btn.btn-success:hover { + background-color: #1BD084; + border-color: #1BD084; + color: #fff; +} + +.btn.tp-btn.btn-success:hover g [fill] { + fill: #fff; +} + +.btn.tp-btn.btn-info { + color: #48A9F8; +} + +.btn.tp-btn.btn-info g [fill] { + fill: #48A9F8; +} + +.btn.tp-btn.btn-info:hover { + background-color: #48A9F8; + border-color: #48A9F8; + color: #fff; +} + +.btn.tp-btn.btn-info:hover g [fill] { + fill: #fff; +} + +.btn.tp-btn.btn-primary { + color: var(--primary); +} + +.btn.tp-btn.btn-primary g [fill] { + fill: var(--primary); +} + +.btn.tp-btn.btn-primary:hover { + background-color: var(--primary); + border-color: var(--primary); + color: #fff; +} + +.btn.tp-btn.btn-primary:hover g [fill] { + fill: #fff; +} + +.btn.tp-btn.btn-secondary { + color: #8BC740; +} + +.btn.tp-btn.btn-secondary g [fill] { + fill: #8BC740; +} + +.btn.tp-btn.btn-secondary:hover { + background-color: #8BC740; + border-color: #8BC740; + color: #fff; +} + +.btn.tp-btn.btn-secondary:hover g [fill] { + fill: #fff; +} + +.btn.tp-btn.btn-warning { + color: #FE8024; +} + +.btn.tp-btn.btn-warning g [fill] { + fill: #FE8024; +} + +.btn.tp-btn.btn-warning:hover { + background-color: #FE8024; + border-color: #FE8024; + color: #fff; +} + +.btn.tp-btn.btn-warning:hover g [fill] { + fill: #fff; +} + +.btn.tp-btn.btn-danger { + color: #FF6746; +} + +.btn.tp-btn.btn-danger g [fill] { + fill: #FF6746; +} + +.btn.tp-btn.btn-danger:hover { + background-color: #FF6746; + border-color: #FF6746; + color: #fff; +} + +.btn.tp-btn.btn-danger:hover g [fill] { + fill: #fff; +} + +.btn.tp-btn.btn-light { + color: #B1B1B1; +} + +.btn.tp-btn.btn-light g [fill] { + fill: #B1B1B1; +} + +.btn.tp-btn.btn-light:hover { + background-color: #F4F5F9; + border-color: #F4F5F9; + color: #B1B1B1; +} + +.btn.tp-btn.btn-light:hover g [fill] { + fill: #fff; +} + +.btn.tp-btn.btn-dark { + color: #B1B1B1; +} + +.btn.tp-btn.btn-dark g [fill] { + fill: #B1B1B1; +} + +.btn.tp-btn.btn-dark:hover { + background-color: #B1B1B1; + border-color: #B1B1B1; + color: #fff; +} + +.btn.tp-btn.btn-dark:hover g [fill] { + fill: #fff; +} + +.btn.tp-btn-light { + background-color: transparent; + border-color: transparent; +} + +.btn.tp-btn-light.btn-success { + color: #1BD084; +} + +.btn.tp-btn-light.btn-success g [fill] { + fill: #1BD084; +} + +.btn.tp-btn-light.btn-success:hover { + background-color: #b7f6db; + border-color: #b7f6db; + color: #1BD084; +} + +.btn.tp-btn-light.btn-success:hover g [fill] { + fill: #1BD084; +} + +.btn.tp-btn-light.btn-info { + color: #48A9F8; +} + +.btn.tp-btn-light.btn-info g [fill] { + fill: #48A9F8; +} + +.btn.tp-btn-light.btn-info:hover { + background-color: white; + border-color: white; + color: #48A9F8; +} + +.btn.tp-btn-light.btn-info:hover g [fill] { + fill: #48A9F8; +} + +.btn.tp-btn-light.btn-primary { + color: var(--primary); +} + +.btn.tp-btn-light.btn-primary g [fill] { + fill: var(--primary); +} + +.btn.tp-btn-light.btn-primary:hover { + background-color: var(--rgba-primary-1); + border-color: var(--rgba-primary-1); + color: var(--primary); +} + +.btn.tp-btn-light.btn-primary:hover g [fill] { + fill: var(--primary); +} + +.btn.tp-btn-light.btn-secondary { + color: #8BC740; +} + +.btn.tp-btn-light.btn-secondary g [fill] { + fill: #8BC740; +} + +.btn.tp-btn-light.btn-secondary:hover { + background-color: #d3eab6; + border-color: #d3eab6; + color: #8BC740; +} + +.btn.tp-btn-light.btn-secondary:hover g [fill] { + fill: #8BC740; +} + +.btn.tp-btn-light.btn-warning { + color: #FE8024; +} + +.btn.tp-btn-light.btn-warning g [fill] { + fill: #FE8024; +} + +.btn.tp-btn-light.btn-warning:hover { + background-color: #fff0e5; + border-color: #fff0e5; + color: #FE8024; +} + +.btn.tp-btn-light.btn-warning:hover g [fill] { + fill: #FE8024; +} + +.btn.tp-btn-light.btn-danger { + color: #FF6746; +} + +.btn.tp-btn-light.btn-danger g [fill] { + fill: #FF6746; +} + +.btn.tp-btn-light.btn-danger:hover { + background-color: #ffe5df; + border-color: #ffe5df; + color: #FF6746; +} + +.btn.tp-btn-light.btn-danger:hover g [fill] { + fill: #fff; +} + +.btn.tp-btn-light.btn-dark { + color: #B1B1B1; +} + +.btn.tp-btn-light.btn-dark g [fill] { + fill: #B1B1B1; +} + +.btn.tp-btn-light.btn-dark:hover { + background-color: #f1f1f1; + border-color: #f1f1f1; + color: #B1B1B1; +} + +.btn.tp-btn-light.btn-dark:hover [fill] { + fill: #fff; +} + +.shadow.btn-primary { + -webkit-box-shadow: 0 5px 15px 0 var(--rgba-primary-2) !important; + box-shadow: 0 5px 15px 0 var(--rgba-primary-2) !important; +} + +.shadow.btn-secondary { + -webkit-box-shadow: 0 5px 15px 0 rgba(139, 199, 64, 0.2) !important; + box-shadow: 0 5px 15px 0 rgba(139, 199, 64, 0.2) !important; +} + +.shadow.btn-warning { + -webkit-box-shadow: 0 5px 15px 0 rgba(254, 128, 36, 0.2) !important; + box-shadow: 0 5px 15px 0 rgba(254, 128, 36, 0.2) !important; +} + +.shadow.btn-danger { + -webkit-box-shadow: 0 5px 15px 0 rgba(255, 103, 70, 0.2) !important; + box-shadow: 0 5px 15px 0 rgba(255, 103, 70, 0.2) !important; +} + +.shadow.btn-info { + -webkit-box-shadow: 0 5px 15px 0 rgba(72, 169, 248, 0.2) !important; + box-shadow: 0 5px 15px 0 rgba(72, 169, 248, 0.2) !important; +} + +.shadow.btn-success { + -webkit-box-shadow: 0 5px 15px 0 rgba(27, 208, 132, 0.2) !important; + box-shadow: 0 5px 15px 0 rgba(27, 208, 132, 0.2) !important; +} + +.btn-xxs { + padding: 6px 15px; + font-size: 11px; + line-height: 1.3; +} + +.btn-xs { + font-size: 0.75rem; + padding: 0.438rem 1rem; + font-weight: 600; +} + +@media only screen and (max-width: 1400px) { + .btn-xs { + font-size: 0.75rem; + padding: 0.25rem 0.5rem; + font-weight: 500; + } +} + +.btn-sm, +.btn-group-sm>.btn { + font-size: 0.813rem !important; + padding: 0.625rem 1rem; +} + +@media only screen and (max-width: 1400px) { + + .btn-sm, + .btn-group-sm>.btn { + padding: 0.375rem 1rem; + font-size: 0.75rem; + } +} + +.btn-md { + font-size: 0.813rem !important; + padding: 0.875rem 1.25rem; +} + +@media only screen and (max-width: 1400px) { + .btn-md { + padding: 0.5rem 1rem; + font-size: 0.813rem; + } +} + +.btn-lg, +.btn-group-lg>.btn { + padding: 1rem 2rem; + font-size: 1.125rem !important; +} + +@media only screen and (max-width: 1400px) { + + .btn-lg, + .btn-group-lg>.btn { + padding: 0.75rem 1.5rem; + font-size: 1rem !important; + } +} + +.btn-xl { + padding: 0.6rem 1rem; +} + +.btn-xl.btn-default { + font-weight: 600; +} + +.btn-square { + border-radius: 0; +} + +.btn-rounded { + border-radius: 30px !important; +} + +.btn-icon-right { + border-left: 1px solid white; + display: inline-block; + margin: -.8rem 0 -.8rem 1rem; + padding: 0.4375rem 0 0.4375rem 1rem; + margin: -1rem -0.25rem -1rem 1rem; + padding: 1rem 0 1rem 1.25rem; +} + +.btn-icon-left { + background: #fff; + border-radius: 10rem; + display: inline-block; + margin: -0.5rem 0.75rem -0.5rem -1.188rem; + padding: 0.5rem 0.80rem 0.5rem; + float: left; +} + +@media only screen and (max-width: 1199px) { + .btn-icon-left { + margin: -0.5rem 0.75rem -0.5rem -0.800rem; + } +} + +[direction="rtl"] .btn-icon-left { + margin: -.5rem -1.5rem -.5rem 1rem; +} + +[direction="rtl"] .btn-icon-right { + border-left: 0px solid white; + display: inline-block; + margin: -.8rem 1rem -.8rem 0; + padding: 0.4375rem 1rem 0.4375rem 0; + border-right: 1px solid white; +} + +.toggle-dropdown::after { + margin-left: 0.755em; +} + +.social-btn-icon .btn { + min-width: 7.5rem; + margin-bottom: 1.5rem; +} + +.social-icon .btn { + padding: .7rem 1.4rem; +} + +.btn-circle { + height: 5rem; + width: 5rem; + border-radius: 50% !important; +} + +.btn-circle-sm { + width: 4.5rem; + height: 4.5rem; + font-size: 1.8rem; +} + +.btn-circle-md { + width: 6rem; + height: 6rem; + font-size: 2.5rem; +} + +.btn-circle-md i { + font-size: 2.4rem; +} + +.btn-circle-lg { + width: 8rem; + height: 8rem; + font-size: 3.2rem; +} + +.btn-circle-lg i { + font-size: 3.1rem; +} + +.btn-page .btn { + min-width: 110px; + margin-right: 4px; + margin-bottom: 8px; +} + +.size-1 { + min-width: 160px !important; + font-size: 24px; + padding: 0.68rem 0.75rem; +} + +.size-2 { + font-size: 20px; + min-width: 130px !important; + padding: 0.57rem 0.75rem; +} + +.size-3 { + font-size: 14px; + min-width: 110px !important; + padding: 0.536rem 0.75rem; +} + +.size-4 { + font-size: 14px; + min-width: 100px !important; +} + +.size-5 { + font-size: 14px; + min-width: 90px !important; + padding: .22rem 0.75rem; +} + +.size-6 { + font-size: 13px; + min-width: 80px !important; + padding: 0.097rem 0.75rem; +} + +.size-7 { + font-size: 12px; + min-width: 60px !important; + padding: 0.001rem 0.75rem; +} + +.btn-light { + background: #F4F5F9; + border-color: #F4F5F9; +} + +.btn-light:active, +.btn-light:focus, +.btn-light:hover { + background: white; + border-color: white; +} + +.btn-outline-light { + color: #B1B1B1; +} + +[data-theme-version="dark"] .btn-outline-light { + color: #7e7e7e; +} + +[data-theme-version="dark"] .btn-outline-secondary { + color: #7e7e7e; +} + +[data-theme-version="dark"] .btn-outline-dark { + color: #7e7e7e; +} + +.btn-dark { + background: #B1B1B1; + border-color: #B1B1B1; + color: #fff; +} + +.btn-dark:active, +.btn-dark:focus, +.btn-dark:hover { + background: #989898; + color: #fff; + border-color: #989898; +} + +.btn-group.btn-rounded .btn:first-child { + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; +} + +.btn-group.btn-rounded .btn:last-child { + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; +} + +.btn-facebook { + background: #3b5998; + border-color: #3b5998; + color: #fff; +} + +.btn-facebook:active, +.btn-facebook:focus, +.btn-facebook:hover { + background: #2d4373; + color: #fff; + border-color: #2d4373; +} + +.btn-twitter { + background: #1da1f2; + border-color: #1da1f2; + color: #fff; +} + +.btn-twitter:active, +.btn-twitter:focus, +.btn-twitter:hover { + background: #0c85d0; + color: #fff; + border-color: #0c85d0; +} + +.btn-youtube { + background: #FF0000; + border-color: #FF0000; + color: #fff; +} + +.btn-youtube:active, +.btn-youtube:focus, +.btn-youtube:hover { + background: #cc0000; + color: #fff; + border-color: #cc0000; +} + +.btn-instagram { + background: #c32aa3; + border-color: #c32aa3; + color: #fff; +} + +.btn-instagram:active, +.btn-instagram:focus, +.btn-instagram:hover { + background: #992180; + color: #fff; + border-color: #992180; +} + +.btn-pinterest { + background: #bd081c; + border-color: #bd081c; + color: #fff; +} + +.btn-pinterest:active, +.btn-pinterest:focus, +.btn-pinterest:hover { + background: #8c0615; + color: #fff; + border-color: #8c0615; +} + +.btn-linkedin { + background: #007bb6; + border-color: #007bb6; + color: #fff; +} + +.btn-linkedin:active, +.btn-linkedin:focus, +.btn-linkedin:hover { + background: #005983; + color: #fff; + border-color: #005983; +} + +.btn-google-plus { + background: #db4439; + border-color: #db4439; + color: #fff; +} + +.btn-google-plus:active, +.btn-google-plus:focus, +.btn-google-plus:hover { + background: #be2d23; + color: #fff; + border-color: #be2d23; +} + +.btn-google { + background: #4285f4; + border-color: #4285f4; + color: #fff; +} + +.btn-google:active, +.btn-google:focus, +.btn-google:hover { + background: #1266f1; + color: #fff; + border-color: #1266f1; +} + +.btn-snapchat { + background: #fffc00; + border-color: #fffc00; + color: #000; +} + +.btn-snapchat:active, +.btn-snapchat:focus, +.btn-snapchat:hover { + background: #ccca00; + color: #000; + border-color: #ccca00; +} + +.btn-whatsapp { + background: #25d366; + border-color: #25d366; + color: #fff; +} + +.btn-whatsapp:active, +.btn-whatsapp:focus, +.btn-whatsapp:hover { + background: #1da851; + color: #fff; + border-color: #1da851; +} + +.btn-tumblr { + background: #35465d; + border-color: #35465d; + color: #fff; +} + +.btn-tumblr:active, +.btn-tumblr:focus, +.btn-tumblr:hover { + background: #222e3d; + color: #fff; + border-color: #222e3d; +} + +.btn-reddit { + background: #ff4500; + border-color: #ff4500; + color: #fff; +} + +.btn-reddit:active, +.btn-reddit:focus, +.btn-reddit:hover { + background: #cc3700; + color: #fff; + border-color: #cc3700; +} + +.btn-spotify { + background: #1ed760; + border-color: #1ed760; + color: #fff; +} + +.btn-spotify:active, +.btn-spotify:focus, +.btn-spotify:hover { + background: #18aa4c; + color: #fff; + border-color: #18aa4c; +} + +.btn-yahoo { + background: #430297; + border-color: #430297; + color: #fff; +} + +.btn-yahoo:active, +.btn-yahoo:focus, +.btn-yahoo:hover { + background: #2d0165; + color: #fff; + border-color: #2d0165; +} + +.btn-dribbble { + background: #ea4c89; + border-color: #ea4c89; + color: #fff; +} + +.btn-dribbble:active, +.btn-dribbble:focus, +.btn-dribbble:hover { + background: #e51e6b; + color: #fff; + border-color: #e51e6b; +} + +.btn-skype { + background: #00aff0; + border-color: #00aff0; + color: #fff; +} + +.btn-skype:active, +.btn-skype:focus, +.btn-skype:hover { + background: #008abd; + color: #fff; + border-color: #008abd; +} + +.btn-quora { + background: #aa2200; + border-color: #aa2200; + color: #fff; +} + +.btn-quora:active, +.btn-quora:focus, +.btn-quora:hover { + background: #771800; + color: #fff; + border-color: #771800; +} + +.btn-vimeo { + background: #1ab7ea; + border-color: #1ab7ea; + color: #fff; +} + +.btn-vimeo:active, +.btn-vimeo:focus, +.btn-vimeo:hover { + background: #1295bf; + color: #fff; + border-color: #1295bf; +} + +.border-primary { + border-color: var(--primary) !important; +} + +.btn-outline-primary { + color: var(--primary); + border-color: var(--primary); +} + +.btn-outline-primary:hover, +.btn-outline-primary:active { + border-color: var(--primary) !important; + background-color: var(--primary) !important; +} + +.btn-outline-primary:focus, +.btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem var(--rgba-primary-5); +} + +a.text-primary:hover, +a.text-primary:focus { + color: var(--primary) !important; +} + +.card { + margin-bottom: 1.875rem; + background-color: #fff; + transition: all .5s ease-in-out; + position: relative; + border: 0px solid transparent; + border-radius: 1.25rem; + box-shadow: 0px 12px 23px 0px rgba(139, 199, 64, 0.04); + height: calc(100% - 30px); +} + +@media only screen and (max-width: 575px) { + .card { + margin-bottom: 0.938rem; + height: calc(100% - 0.938rem); + } +} + +.card-body { + padding: 1.875rem; +} + +@media only screen and (max-width: 575px) { + .card-body { + padding: 1rem; + } +} + +.card-title { + font-size: 20px; + font-weight: 500; + color: #000; + text-transform: capitalize; +} + +.card-title--large { + font-size: 1.5rem; +} + +.card-title--medium { + font-size: 1rem; +} + +.card-title--small { + font-size: 0.875rem; +} + +.card-header { + border-color: #f0f1f5; + position: relative; + background: transparent; + padding: 1.5rem 1.875rem 1.25rem; + display: flex; + justify-content: space-between; + align-items: center; +} + +@media only screen and (max-width: 575px) { + .card-header { + padding: 1.25rem 1rem 1.25rem; + } +} + +[data-theme-version="dark"] .card-header { + border-color: #333a54; +} + +.card-header .card-title { + margin-bottom: 0px; +} + +.card-header .subtitle { + padding-top: 5px; + font-size: 14px; + line-height: 1.5; +} + +.card-footer { + border-color: #f0f1f5; + background: transparent; + padding: 1.25rem 1.875rem 1.25rem; +} + +[data-theme-version="dark"] .card-footer { + border-color: #333a54; +} + +@media only screen and (max-width: 575px) { + .card-footer { + padding: 1rem; + } +} + +.transparent-card.card { + background: transparent; + border: 1px solid transparent; + box-shadow: none; +} + +.card-action>a { + display: inline-block; + width: 30px; + height: 30px; + line-height: 30px; + border-radius: 5px; + border-color: transparent; + text-align: center; + background: var(--primary-dark); + color: #fff; + margin-right: 8px; +} + +[data-theme-version="dark"] .card-action>a { + background: #251e35; +} + +.card-action>a:last-child { + margin-right: 0; +} + +.card-action>a:hover, +.card-action>a:focus { + background: var(--primary-dark); +} + +[data-theme-version="dark"] .card-action>a:hover, +[data-theme-version="dark"] .card-action>a:focus { + background: #251e35; +} + +.card-action>a i, +.card-action>a span { + font-size: 1rem; +} + +.card-action .dropdown { + width: 30px; + height: 30px; + border-radius: 5px; + border-color: transparent; + text-align: center; + margin-right: 8px; + top: -2px; + position: relative; + display: inline-block; + background: var(--primary-dark); + color: var(--primary); +} + +[data-theme-version="dark"] .card-action .dropdown { + background: #251e35; +} + +.card-action .dropdown:hover, +.card-action .dropdown:focus { + background: var(--primary-dark); +} + +[data-theme-version="dark"] .card-action .dropdown:hover, +[data-theme-version="dark"] .card-action .dropdown:focus { + background: #251e35; +} + +.card-action .dropdown .btn { + padding: 0; + line-height: 27px; + color: #fff; +} + +.card-action .dropdown .btn:focus { + box-shadow: none; +} + +.card-fullscreen { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 99999999; + overflow: auto; +} + +.card-loader { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.75); + z-index: 999; +} + +.card-loader i { + margin: 0 auto; + background: var(--primary-dark); + padding: 10px; + border-radius: 50%; + color: #fff; + font-size: 1rem; +} + +.rotate-refresh { + -webkit-animation: mymove 0.8s infinite linear; + animation: mymove 0.8s infinite linear; + display: inline-block; +} + +.card-header .date_picker { + display: inline-block; + padding: 8px; + border: 1px solid #f0f1f5; + cursor: pointer; + border-radius: .375rem; +} + +.card-header .border-0 { + padding-bottom: 0; +} + +@-webkit-keyframes mymove { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes mymove { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +.carousel-custom-prev, +.carousel-custom-next { + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + display: inline-block; + border-radius: 50%; + background: #fff; + text-align: center; +} + +.carousel-custom-prev i, +.carousel-custom-next i { + font-size: 1rem; +} + +.carousel-custom-prev:hover, +.carousel-custom-next:hover { + background: linear-gradient(to right, rgba(245, 60, 121, 0.99) 0%, rgba(246, 104, 47, 0.99) 100%); + color: #fff; +} + +.carousel-custom-next { + position: absolute; + top: 50%; + right: 30px; + transform: translateY(-50%); +} + +.carousel-custom-prev { + position: absolute; + top: 50%; + left: 30px; + transform: translateY(-50%); +} + +.carousel-caption { + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.78); + z-index: 0; +} + +.carousel-caption h5 { + color: #fff; + font-size: 1.8rem; +} + +.carousel-caption p { + margin-bottom: 0; +} + +.dropdown-toggle:focus { + box-shadow: none !important; +} + +.dropdown-outline { + border: 0.1rem solid var(--primary); +} + +.dropdown-menu { + font-size: inherit; + border: 0; + box-shadow: 0 10px 40px 0 rgba(32, 28, 69, 0.1); + margin-top: 0; + border-radius: 0; +} + +.dropdown-menu .dropdown-item { + font-size: 16px; + color: #7e7e7e; + padding: 0.5rem 1.75rem; +} + +@media only screen and (max-width: 1400px) { + .dropdown-menu .dropdown-item { + padding: 0.375rem 1rem; + font-size: 14px; + } +} + +.dropdown-menu .dropdown-item:hover, +.dropdown-menu .dropdown-item:focus, +.dropdown-menu .dropdown-item:active, +.dropdown-menu .dropdown-item.active { + color: #514e5f; + background: #F4F5F9; +} + +[direction="rtl"] .dropdown-menu { + right: auto !important; +} + +.dropdown-toggle-split { + padding: 0 10px; + opacity: 0.85; +} + +.dropdown-toggle-split:after { + margin-left: 0 !important; +} + +.dropdown-toggle-split:active, +.dropdown-toggle-split:focus, +.dropdown-toggle-split:hover { + opacity: 1; +} + +.dropleft .dropdown-toggle:before, +.dropright .dropdown-toggle:before, +.dropup .dropdown-toggle:after, +.dropdown-toggle:after { + content: "\f107"; + font-family: FontAwesome; + border: 0; + vertical-align: middle; + margin-left: 0.25em; + line-height: 1; +} + +.dropup .dropdown-toggle:after { + content: "\f106"; +} + +.dropleft .dropdown-toggle::before { + content: "\f104"; +} + +.dropright .dropdown-toggle::before { + content: "\f105"; +} + +.dropright .dropdown-toggle::after { + content: none; +} + +.custom-dropdown { + display: inline-block; + margin-bottom: 1rem; +} + +.custom-dropdown .dropdown-menu { + border: 0px; + min-width: 160px; +} + +.card-action .custom-dropdown { + margin: 0px; + background: var(--rgba-primary-3); +} + +.card-action .custom-dropdown.show, +.card-action .custom-dropdown:focus, +.card-action .custom-dropdown:hover { + background: var(--primary); + color: #fff; +} + +.card-action .custom-dropdown i { + display: inline-block; + padding-top: 9px; +} + +.dropdown .dropdown-dots { + position: relative; + height: 5px; + width: 5px; + background: rgba(177, 177, 177, 0.4); + border-radius: 5px; + display: block; +} + +.dropdown .dropdown-dots:after, +.dropdown .dropdown-dots:before { + content: ""; + height: 5px; + width: 5px; + background: rgba(177, 177, 177, 0.4); + position: absolute; + border-radius: 5px; +} + +.dropdown .dropdown-dots:after { + right: -8px; +} + +.dropdown .dropdown-dots:before { + left: -8px; +} + +.dropdown .dropdown-dots.text-white { + background: rgba(255, 255, 255, 0.7); +} + +.dropdown .dropdown-dots.text-white:after, +.dropdown .dropdown-dots.text-white:before { + background: rgba(255, 255, 255, 0.7); +} + +.grid-col { + padding: 0.5rem !important; + background: #f2f4fa; +} + +.row.grid { + margin-bottom: 1.5rem; + text-align: center; +} + +.row.grid .grid-col:first-child { + text-align: left; +} + +.label { + display: inline-block; + text-align: center; + font-size: 0.75rem; + padding: .2rem .8rem; +} + +.label-fixed { + width: 7.5rem; + padding: .6rem 0; +} + +.label-fixed-lg { + width: 9.5rem; + padding: .6rem 0; +} + +.label-big { + width: 16.8rem; + font-size: 1.4rem; + padding: 1.1rem 0; +} + +.label-xl { + width: 10.5rem; + padding: 1.1rem 0; + font-size: 1.5rem; +} + +.label-lg { + width: 9.5rem; + padding: 1.1rem 0; +} + +.label-md { + width: 8.5rem; + padding: 1.1rem 0; +} + +.label-sm { + width: 7.5rem; + padding: 1.1rem 0; +} + +.label-default { + background: #ADB6C7; +} + +.label-primary { + background: var(--primary); + color: #fff; +} + +.label-secondary { + background: #8BC740; + color: #fff; +} + +.label-info { + background: #48A9F8; + color: #fff; +} + +.label-success { + background: #1BD084; + color: #fff; +} + +.label-warning { + background: #FE8024; + color: #fff; +} + +.label-danger { + background: #FF6746; + color: #fff; +} + +.label-light { + background: #F4F5F9; + color: #000; +} + +.label-dark { + background: #B1B1B1; + color: #fff; +} + +code { + word-break: break-word; + padding: 2px 5px; + border-radius: 3px; + background: #fff1ee; + color: #FF6746; +} + +[data-theme-version="dark"] code { + background: rgba(255, 103, 70, 0.1); +} + +.heading-labels { + color: #333333; +} + +.heading-labels>* { + margin-bottom: .8rem; +} + +.heading-labels h1 .label { + font-size: 18px; + font-weight: normal; + padding: .4rem .9rem; +} + +.heading-labels h2 .label { + font-size: 16px; + font-weight: normal; + padding: 0.3rem .9rem; +} + +.heading-labels h3 .label { + font-size: 14px; + font-weight: normal; +} + +.heading-labels h4 .label { + font-size: 12px; + font-weight: normal; +} + +.heading-labels h5 .label { + font-size: 12px; + font-weight: normal; +} + +.heading-labels h6 .label { + font-size: 12px; + font-weight: normal; +} + +.list-group-item { + background-color: rgba(255, 255, 255, 0); + border: 1px solid #f0f1f5; + padding: 1rem 1.5rem; + border-radius: 0; +} + +[data-theme-version="dark"] .list-group-item { + border-color: #333a54; +} + +.list-group-item:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.list-group-item:last-child { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.list-group-item.disabled, +.list-group-item:disabled { + color: #fff; + background-color: #8BC740; + border-color: #8BC740; +} + +[class*="bg-"] .list-group-item { + border-color: rgba(255, 255, 255, 0.05); +} + +.bg-warning .list-group-item { + border-color: rgba(0, 0, 0, 0.05); +} + +.list-group-item.active { + background-color: var(--primary); + border-color: var(--primary); +} + +.media img { + border-radius: 3px; +} + +.vertical-card__menu:hover { + box-shadow: none; +} + +.vertical-card__menu--image { + text-align: center; +} + +.vertical-card__menu--image img { + width: 100%; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.vertical-card__menu--status.closed { + background: #FF6746; +} + +.vertical-card__menu--status.closed:after { + border-top: 10px solid #FF6746; +} + +.vertical-card__menu--status.closed .ribbon-curve { + border-top: 11px solid #FF6746; + border-bottom: 10px solid #FF6746; +} + +.vertical-card__menu--desc p { + margin-bottom: 0.625rem; +} + +.vertical-card__menu--price { + font-size: 1.25rem; + margin: 0; + font-weight: 700; +} + +.vertical-card__menu--rating { + font-size: 0.75rem; +} + +.vertical-card__menu--title { + font-weight: 700; +} + +.vertical-card__menu--button button { + font-size: 0.75rem; +} + +.vertical-card__menu .card-footer { + padding: 15px 20px; + background-color: #f0f1f5; + border-top: none; +} + +@media only screen and (min-width: 1200px) and (max-width: 1440px) { + .vertical-card__menu .card-footer { + padding: 15px; + } +} + +.vertical-card__menu .card-footer span { + color: #B1B1B1; + margin-right: 0.3125rem; +} + +.horizontal-card__menu { + box-shadow: 0 0 7px rgba(173, 173, 173, 0.32); + display: flex; + flex-direction: row; +} + +@media (max-width: 575.98px) { + .horizontal-card__menu { + display: block; + } +} + +.horizontal-card__menu .card-body { + padding: 0; + padding: 20px 30px; +} + +.horizontal-card__menu--image { + flex-basis: 30%; + max-width: 30%; +} + +.horizontal-card__menu--image img { + height: 100%; + width: 100%; +} + +@media (max-width: 575.98px) { + .horizontal-card__menu--image { + max-width: unset; + flex-basis: 100%; + } +} + +.horizontal-card__menu--title { + font-size: 1rem; + font-weight: 700; + margin-bottom: 0.3125rem; +} + +.horizontal-card__menu--fav { + margin-right: 0.5rem; +} + +.horizontal-card__menu--price { + margin: 0; + font-size: 1rem; + font-weight: 700; +} + +.horizontal-card__menu--rating { + font-size: 0.625rem; +} + +.horizontal-card__menu--footer { + margin-top: 10px; +} + +.prev_price { + text-decoration: line-through; + font-size: 80%; + opacity: 0.5; +} + +.modal-header { + padding: 1rem 1.875rem; +} + +.modal-header .close { + padding: 0.875rem 1.815rem; + margin: 0; + position: absolute; + right: 0; + float: none; + top: 0; + font-size: 30px; + font-weight: 100; +} + +.modal-body { + padding: 1.875rem; +} + +.modal-footer { + padding: 1rem 1.875rem; +} + +.modal-content { + border-radius: 1.25rem; +} + +.modal-backdrop { + z-index: 10 !important; +} + +.pagination .page-item .page-link:hover { + background: var(--primary); + border-color: var(--primary); + color: #fff; +} + +.pagination .page-item.active .page-link { + background: var(--primary); + border-color: var(--primary); + color: #fff; +} + +.pagination { + margin-bottom: 20px; + z-index: 1; + position: relative; +} + +.pagination .page-item.page-indicator .page-link { + padding: .65rem .8rem; + font-size: 14px; +} + +.pagination .page-item.page-indicator:hover .page-link { + color: #B1B1B1; +} + +.pagination .page-item .page-link { + text-align: center; + padding: 0.55rem 1rem; + font-size: 1rem; + background: rgba(255, 255, 255, 0.15); + color: #B1B1B1; + border: 1px solid #f0f1f5; +} + +[data-theme-version="dark"] .pagination .page-item .page-link { + border-color: #333a54; + color: #828690; + background: rgba(255, 255, 255, 0); +} + +.pagination .page-item .page-link:hover i, +.pagination .page-item .page-link span { + color: #fff; +} + +.pagination .page-item .page-link:focus { + outline: 0; + box-shadow: none; +} + +.pagination .page-item .page-link:hover { + background: var(--primary); + color: #fff; + border-color: var(--primary); +} + +.pagination .page-item.active .page-link { + background-color: var(--primary); + border-color: var(--primary); + color: #fff; + box-shadow: 0 10px 20px 0px var(--rgba-primary-2); +} + +[data-theme-version="dark"] .pagination .page-item.active .page-link { + color: #fff; +} + +.pagination .page-item .page-link { + color: #B1B1B1; + -webkit-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; +} + +.pagination .page-item:last-child .page-link { + margin-right: 0; +} + +[direction="rtl"] .pagination .page-item:first-child .page-link { + margin-right: 0; +} + +.pagination.no-bg li:not(.page-indicator):not(.active) .page-link { + background: transparent; + border-color: transparent; +} + +.pagination.no-bg.pagination-primary li:not(.page-indicator):not(.active):hover .page-link { + background: var(--primary); + border-color: var(--primary); +} + +[data-theme-version="dark"] .pagination.no-bg.pagination-primary li:not(.page-indicator):not(.active):hover .page-link { + background: var(--primary); + border-color: var(--primary); +} + +.pagination.no-bg.pagination-danger li:not(.page-indicator):not(.active):hover .page-link { + background: #FF6746; + border-color: #FF6746; +} + +[data-theme-version="dark"] .pagination.no-bg.pagination-danger li:not(.page-indicator):not(.active):hover .page-link { + background: #FF6746; + border-color: #FF6746; +} + +.pagination.no-bg.pagination-info li:not(.page-indicator):not(.active):hover .page-link { + background: #48A9F8; + border-color: #48A9F8; +} + +[data-theme-version="dark"] .pagination.no-bg.pagination-info li:not(.page-indicator):not(.active):hover .page-link { + background: #48A9F8; + border-color: #48A9F8; +} + +.pagination.no-bg.pagination-warning li:not(.page-indicator):not(.active):hover .page-link { + background: #FE8024; + border-color: #FE8024; +} + +[data-theme-version="dark"] .pagination.no-bg.pagination-warning li:not(.page-indicator):not(.active):hover .page-link { + background: #FE8024; + border-color: #FE8024; +} + +.pagination-primary .page-item .page-link { + background: var(--rgba-primary-1); + border-color: var(--rgba-primary-1); + color: var(--primary); +} + +[data-theme-version="dark"] .pagination-primary .page-item .page-link { + background: var(--rgba-primary-1); + border-color: transparent; + color: var(--primary); +} + +.pagination-primary .page-item:hover .page-link, +.pagination-primary .page-item.active .page-link { + background: var(--primary); + border-color: var(--primary); + box-shadow: 0 10px 20px 0px var(--rgba-primary-2); +} + +[data-theme-version="dark"] .pagination-primary .page-item:hover .page-link, +[data-theme-version="dark"] .pagination-primary .page-item.active .page-link { + color: #fff; +} + +.pagination-danger .page-item .page-link { + background: #ffe5df; + border-color: #ffe5df; + color: #FF6746; +} + +[data-theme-version="dark"] .pagination-danger .page-item .page-link { + background: rgba(255, 103, 70, 0.15); + border-color: transparent; + color: #FF6746; +} + +.pagination-danger .page-item:hover .page-link, +.pagination-danger .page-item.active .page-link { + background: #FF6746; + border-color: #FF6746; + box-shadow: 0 10px 20px 0px rgba(255, 103, 70, 0.2); +} + +[data-theme-version="dark"] .pagination-danger .page-item:hover .page-link, +[data-theme-version="dark"] .pagination-danger .page-item.active .page-link { + color: #fff; +} + +.pagination-info .page-item .page-link { + background: white; + border-color: white; + color: #48A9F8; +} + +[data-theme-version="dark"] .pagination-info .page-item .page-link { + background: rgba(72, 169, 248, 0.1); + border-color: transparent; + color: #48A9F8; +} + +.pagination-info .page-item:hover .page-link, +.pagination-info .page-item.active .page-link { + background: #48A9F8; + border-color: #48A9F8; + box-shadow: 0 10px 20px 0px rgba(72, 169, 248, 0.2); +} + +.pagination-warning .page-item .page-link { + background: #fff0e5; + border-color: #fff0e5; + color: #FE8024; +} + +[data-theme-version="dark"] .pagination-warning .page-item .page-link { + background: rgba(254, 128, 36, 0.1); + border-color: transparent; + color: #FE8024; +} + +.pagination-warning .page-item:hover .page-link, +.pagination-warning .page-item.active .page-link { + background: #FE8024; + border-color: #FE8024; + box-shadow: 0 10px 20px 0px rgba(254, 128, 36, 0.2); +} + +.pagination-gutter .page-item { + margin-right: 7px; +} + +.pagination-gutter .page-item .page-link { + border-radius: 0 !important; +} + +.pagination-circle .page-item { + margin-right: 7px; +} + +.pagination-circle .page-item .page-link, +.pagination-circle .page-item.page-indicator .page-link { + width: 40px; + height: 40px; + padding: 0; + line-height: 40px; + border-radius: 50% !important; + padding: 0; +} + +.pagination.pagination-md .page-item .page-link { + width: 30px; + height: 30px; + line-height: 30px; + font-size: 14px; +} + +.pagination.pagination-sm .page-item.page-indicator .page-link { + font-size: 12px; +} + +.pagination.pagination-sm .page-item .page-link { + padding: 0; + width: 30px; + height: 30px; + line-height: 30px; + font-size: 14px; +} + +.pagination.pagination-xs .page-item.page-indicator .page-link { + font-size: 10px; +} + +.pagination.pagination-xs .page-item .page-link { + padding: 0; + width: 25px; + height: 25px; + line-height: 25px; + font-size: 12px; +} + +.popover { + border: 2px solid #8BC740; + min-width: 210px; + box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); + border-radius: 0; +} + +[data-theme-version="dark"] .popover { + background-color: #251e35; +} + +.popover-header { + background: #8BC740; + color: #fff; + font-weight: 300; + border-radius: 0; +} + +.popover-header::before { + border-bottom: 0 !important; +} + +.popover-body { + font-size: 0.75rem; +} + +[data-theme-version="dark"] .popover .popover-header { + border-color: #28253b; +} + +.bootstrap-popover-wrapper .bootstrap-popover:not(:last-child) { + margin-right: 8px; +} + +.bootstrap-popover-wrapper .bootstrap-popover { + margin-bottom: .5rem; +} + +.bootstrap-popover-wrapper .bootstrap-popover button:hover, +.bootstrap-popover-wrapper .bootstrap-popover button:focus { + background: var(--primary); + color: #fff; + box-shadow: none; +} + +.bs-popover-top .arrow::after, +.bs-popover-auto[x-placement^="top"] .arrow::after, +.bs-popover-auto[x-placement^="top"] .arrow::after { + bottom: 0px; + border-top-color: #8BC740; +} + +.bs-popover-left .arrow::after, +.bs-popover-auto[x-placement^="left"] .arrow::after, +.bs-popover-auto[x-placement^="left"] .arrow::after { + right: 0px; + border-left-color: #8BC740; +} + +.bs-popover-right .arrow::after, +.bs-popover-auto[x-placement^="right"] .arrow::after, +.bs-popover-auto[x-placement^="right"] .arrow::after { + left: 0px; + border-right-color: #8BC740; +} + +.bs-popover-bottom .arrow::after, +.bs-popover-auto[x-placement^="bottom"] .arrow::after, +.bs-popover-auto[x-placement^="bottom"] .arrow::after { + top: 0px; + border-bottom-color: #8BC740; +} + +.note-popover { + display: none; +} + +.progress-bar { + background-color: var(--primary); +} + +.progress-bar-primary { + background-color: var(--primary); +} + +.progress-bar-success { + background-color: #1BD084; +} + +.progress-bar-info { + background-color: #48A9F8; +} + +.progress-bar-danger { + background-color: #FF6746; +} + +.progress-bar-warning { + background-color: #FE8024; +} + +.progress-bar-pink { + background-color: #e83e8c; +} + +.progress { + height: 6px; + overflow: hidden; + border-radius: 1.25rem; +} + +[data-theme-version="dark"] .progress { + background-color: #251e35; +} + +.progress-vertical { + display: inline-block; + margin-bottom: 0; + margin-right: 2rem; + min-height: 17rem; + position: relative; +} + +@media (max-width: 991.98px) { + .progress-vertical { + margin-right: 1rem; + } +} + +.progress-vertical-bottom { + display: inline-block; + margin-bottom: 0; + margin-right: 2rem; + min-height: 17rem; + position: relative; + transform: rotate(180deg); +} + +@media (max-width: 991.98px) { + .progress-vertical-bottom { + margin-right: 1rem; + } +} + +.progress-animated { + animation-duration: 5s; + animation-name: myanimation; + transition: all 5s ease 0s; +} + +@keyframes myanimation { + 0% { + width: 0; + } +} + +@keyframes myanimation { + 0% { + width: 0; + } +} + +.ribbon { + position: absolute; + z-index: 1; + text-transform: uppercase; +} + +.ribbon__one { + top: 15px; + left: -11px; + min-height: 20px; + min-width: 52px; + text-align: center; + padding: 3px 10px; + background: #3AB54B; + color: #fff; + font-size: 0.625rem; +} + +.ribbon__one::after { + position: absolute; + width: 0; + height: 0; + border-top: 10px solid #239132; + border-left: 11px solid transparent; + left: 0; + content: ""; + bottom: -10px; +} + +.ribbon__two { + width: 50px; + height: 50px; + display: inline-block; + background: #FE8024; + line-height: 50px; + text-align: center; + font-size: 16px; + color: #fff; + right: 15px; + top: 15px; + border-radius: 3px; +} + +.ribbon__three { + left: -1.875rem; + top: 0.875rem; + width: 6.875rem; + height: 1.5625rem; + background-color: #FF6746; + clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%); + transform: rotate(-45deg); + color: #fff; + display: flex; + align-items: center; + justify-content: center; + font-size: 14px; +} + +.ribbon__four { + left: 8px; + top: -8px; + width: 110px; + height: 50px; + background-color: var(--primary); + z-index: auto; + color: #fff; + font-size: 16px; + display: flex; + align-items: center; + justify-content: center; +} + +.ribbon__four:after { + right: -5px; +} + +.ribbon__four:before { + left: -5px; +} + +.ribbon__four:after, +.ribbon__four:before { + z-index: -1; + background-color: var(--rgba-primary-2); + top: 3px; + transform: rotate(45deg); + content: ""; + height: 10px; + width: 10px; + position: absolute; +} + +.ribbon__five { + left: -1.875rem; + top: 0.625rem; + width: 6.875rem; + height: 1.875rem; + background-color: var(--primary); + transform: rotate(-45deg); + font-size: 0.75rem; + color: #fff; + padding-bottom: 0.3125rem; + display: flex; + align-items: center; + justify-content: center; + font-size: 1rem; +} + +.ribbon__five::before { + position: absolute; + content: ""; + width: 0; + height: 0; + border-style: solid; + border-width: 0 50px 50px 50px; + border-color: transparent transparent var(--primary) transparent; + left: 0.25rem; + top: -2.8125rem; +} + +.ribbon__six { + left: 0; + top: 1.125rem; + width: 6.875rem; + height: 2.375rem; + background-color: var(--primary); + -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 85% 50%, 100% 100%, 100% 100%, 0 100%); + clip-path: polygon(0 0, 100% 0%, 100% 0, 85% 50%, 100% 100%, 100% 100%, 0 100%); + display: flex; + font-size: 1.25rem; + align-items: center; + justify-content: center; + color: #fff; +} + +.ribbon-curve { + position: absolute; + top: 0; + right: -6px; + width: 10px; + height: 11px; + border-top: 11px solid #3AB54B; + border-bottom: 10px solid #3AB54B; + border-right: 5px solid transparent; +} + +.jsgrid-grid-body::-webkit-scrollbar, +.dataTables_scrollBody::-webkit-scrollbar, +.table-responsive::-webkit-scrollbar { + background-color: #F5F5F5; + width: 8px; + height: 8px; +} + +.jsgrid-grid-body::-webkit-scrollbar-track, +.dataTables_scrollBody::-webkit-scrollbar-track, +.table-responsive::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + border-radius: 10px; + background-color: #F5F5F5; +} + +.jsgrid-grid-body::-webkit-scrollbar-thumb, +.dataTables_scrollBody::-webkit-scrollbar-thumb, +.table-responsive::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: #7e7e7e; +} + +.multi-steps>li.is-active:before, +.multi-steps>li.is-active~li:before { + content: counter(stepNum); + font-family: inherit; + font-weight: 400; +} + +.multi-steps>li.is-active:after, +.multi-steps>li.is-active~li:after { + background-color: #f0f1f5; +} + +.multi-steps { + display: table; + table-layout: fixed; + width: 100%; +} + +.multi-steps>li { + counter-increment: stepNum; + text-align: center; + display: table-cell; + position: relative; + color: var(--primary); +} + +@media (max-width: 575.98px) { + .multi-steps>li { + font-size: 0.75rem; + } +} + +.multi-steps>li:before { + content: '\2713'; + display: block; + margin: 0 auto 4px; + background-color: #fff; + width: 25px; + height: 25px; + line-height: 22px; + text-align: center; + font-weight: bold; + position: relative; + z-index: 1; + border-width: 2px; + border-style: solid; + border-color: var(--primary); + border-radius: 5px; +} + +@media (max-width: 575.98px) { + .multi-steps>li:before { + width: 25px; + height: 25px; + line-height: 21px; + } +} + +.multi-steps>li:after { + content: ''; + height: 2px; + width: 100%; + background-color: var(--primary); + position: absolute; + top: 12px; + left: 50%; +} + +[direction="rtl"] .multi-steps>li:after { + left: auto; + right: 50%; +} + +@media (max-width: 575.98px) { + .multi-steps>li:after { + top: 12px; + } +} + +.multi-steps>li:last-child:after { + display: none; +} + +.multi-steps>li.is-active:before { + background-color: #fff; + border-color: var(--primary); +} + +.multi-steps>li.is-active~li { + color: #7e7e7e; +} + +.multi-steps>li.is-active~li:before { + background-color: #f0f1f5; + border-color: #f0f1f5; +} + +.nav-pills .nav-link { + border-radius: 0; + padding: 0.75rem 1.25rem; +} + +.default-tab .nav-link { + background: transparent; + border-radius: 0px; + font-weight: 500; +} + +.default-tab .nav-link i { + display: inline-block; + transform: scale(1.5); + color: var(--primary); +} + +.default-tab .nav-link:focus, +.default-tab .nav-link:hover, +.default-tab .nav-link.active { + color: #495057; + background-color: #fff; + border-color: #dee2e6 #dee2e6 #fff #ebeef6; + border-radius: 0; + color: var(--primary); +} + +[data-theme-version="dark"] .default-tab .nav-link:focus, +[data-theme-version="dark"] .default-tab .nav-link:hover, +[data-theme-version="dark"] .default-tab .nav-link.active { + background-color: var(--rgba-primary-1); + border-color: transparent transparent #333a54 transparent; +} + +.custom-tab-1 .nav-link { + background: transparent; + border-radius: 0px; + font-weight: 500; + border-bottom: 3px solid transparent; + border-width: 0 0px 3px 0; +} + +.custom-tab-1 .nav-link i { + display: inline-block; + transform: scale(1.5); + color: var(--primary); +} + +.custom-tab-1 .nav-link:focus, +.custom-tab-1 .nav-link:hover, +.custom-tab-1 .nav-link.active { + color: #495057; + background-color: #fff; + border-color: var(--primary); + border-radius: 0; + color: var(--primary); + border-width: 0 0px 3px 0; +} + +[data-theme-version="dark"] .custom-tab-1 .nav-link:focus, +[data-theme-version="dark"] .custom-tab-1 .nav-link:hover, +[data-theme-version="dark"] .custom-tab-1 .nav-link.active { + background-color: var(--rgba-primary-1); +} + +.nav-pills.light .nav-link.active, +.nav-pills.light .show>.nav-link { + background: var(--rgba-primary-1); + color: var(--primary); + box-shadow: none; +} + +[data-theme-version="dark"] .nav-pills.light .nav-link.active, +[data-theme-version="dark"] .nav-pills.light .show>.nav-link { + background: var(--rgba-primary-1); +} + +.nav-pills .nav-link.active, +.nav-pills .show>.nav-link { + box-shadow: 0 0 20px 0 var(--rgba-primary-2); +} + +.tooltip-wrapper button:not(:last-child) { + margin-right: 8px; +} + +.tooltip-wrapper button:hover { + background: var(--primary); + color: #fff; +} + +.tooltip-wrapper button { + margin-bottom: .5rem; +} + +.tooltip-wrapper button:focus { + box-shadow: none; +} + +.tooltip-inner { + border-radius: 0; + background: #333333; + font-size: 12px; + font-weight: 300; + padding: 0.35rem 0.7rem; +} + +.bs-tooltip-bottom .arrow::before, +.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, +.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + border-bottom-color: #333333; +} + +.bs-tooltip-right .arrow::before, +.bs-tooltip-auto[x-placement^="right"] .arrow::before, +.bs-tooltip-auto[x-placement^="right"] .arrow::before { + border-right-color: #333333; +} + +.bs-tooltip-left .arrow::before, +.bs-tooltip-auto[x-placement^="left"] .arrow::before, +.bs-tooltip-auto[x-placement^="left"] .arrow::before { + border-left-color: #333333; +} + +.bs-tooltip-top .arrow::before, +.bs-tooltip-auto[x-placement^="top"] .arrow::before, +.bs-tooltip-auto[x-placement^="top"] .arrow::before { + border-top-color: #333333; +} + +.widget-timeline .timeline { + list-style: none; + position: relative; +} + +.widget-timeline .timeline:before { + top: 20px; + bottom: 0; + position: absolute; + content: " "; + width: 3px; + left: 9px; + margin-right: -1.5px; + background: #F4F5F9; +} + +[data-theme-version="dark"] .widget-timeline .timeline:before { + background: #333a54; +} + +[direction="rtl"] .widget-timeline .timeline:before { + left: auto; + right: 9px; + margin-right: auto; + margin-left: -1.5px; +} + +.widget-timeline .timeline>li { + margin-bottom: 15px; + position: relative; +} + +.widget-timeline .timeline>li:before { + content: " "; + display: table; +} + +.widget-timeline .timeline>li:after { + content: " "; + display: table; + clear: both; +} + +.widget-timeline .timeline>li>.timeline-panel { + border-radius: 1.25rem; + padding: 15px 20px; + position: relative; + display: block; + margin-left: 40px; + border-width: 1px; + border-style: solid; +} + +.widget-timeline .timeline>li>.timeline-panel span { + font-size: 12px; + display: block; + margin-bottom: 5px; + opacity: 0.8; + letter-spacing: 1px; +} + +.widget-timeline .timeline>li>.timeline-panel p { + font-size: 14px; +} + +.widget-timeline .timeline>li>.timeline-panel:after { + content: ""; + width: 10px; + height: 10px; + background: inherit; + border-color: inherit; + border-style: solid; + border-width: 0px 0px 1px 1px; + display: block; + position: absolute; + left: -5px; + transform: rotate(45deg); + top: 15px; +} + +.widget-timeline .timeline>li>.timeline-badge { + border-radius: 50%; + height: 22px; + left: 0; + position: absolute; + top: 10px; + width: 22px; + border-width: 2px; + border-style: solid; + background: #fff; + padding: 4px; +} + +[data-theme-version="dark"] .widget-timeline .timeline>li>.timeline-badge { + background-color: #28253b; +} + +.widget-timeline .timeline>li>.timeline-badge:after { + content: ""; + width: 10px; + height: 10px; + border-radius: 100%; + display: block; +} + +[direction="rtl"] .widget-timeline .timeline>li>.timeline-badge { + left: auto; + right: 19px; +} + +.widget-timeline .timeline-body>p { + font-size: 12px; +} + +.widget-timeline .timeline-badge.primary { + border-color: var(--rgba-primary-1); +} + +[data-theme-version="dark"] .widget-timeline .timeline-badge.primary { + border-color: var(--rgba-primary-1); +} + +.widget-timeline .timeline-badge.primary:after { + background-color: var(--primary) !important; + box-shadow: 0 5px 10px 0 var(--rgba-primary-2); +} + +.widget-timeline .timeline-badge.primary+.timeline-panel { + background: var(--rgba-primary-1); + border-color: var(--rgba-primary-1); +} + +[data-theme-version="dark"] .widget-timeline .timeline-badge.primary+.timeline-panel { + border-color: transparent; + background-color: var(--rgba-primary-1); +} + +.widget-timeline .timeline-badge.success { + border-color: #b7f6db; +} + +[data-theme-version="dark"] .widget-timeline .timeline-badge.success { + border-color: rgba(27, 208, 132, 0.1); +} + +.widget-timeline .timeline-badge.success:after { + background-color: #1BD084 !important; + box-shadow: 0 5px 10px 0 rgba(27, 208, 132, 0.2); +} + +.widget-timeline .timeline-badge.success+.timeline-panel { + background: #b7f6db; + border-color: #b7f6db; +} + +[data-theme-version="dark"] .widget-timeline .timeline-badge.success+.timeline-panel { + background-color: rgba(27, 208, 132, 0.1); + border-color: transparent; +} + +.widget-timeline .timeline-badge.warning { + border-color: #fff0e5; +} + +[data-theme-version="dark"] .widget-timeline .timeline-badge.warning { + border-color: rgba(254, 128, 36, 0.1); +} + +.widget-timeline .timeline-badge.warning:after { + background-color: #FE8024 !important; + box-shadow: 0 5px 10px 0 rgba(254, 128, 36, 0.2); +} + +.widget-timeline .timeline-badge.warning+.timeline-panel { + background: #fff0e5; + border-color: #fff0e5; +} + +[data-theme-version="dark"] .widget-timeline .timeline-badge.warning+.timeline-panel { + background-color: rgba(254, 128, 36, 0.1); + border-color: transparent; +} + +.widget-timeline .timeline-badge.danger { + border-color: #ffe5df; +} + +[data-theme-version="dark"] .widget-timeline .timeline-badge.danger { + border-color: rgba(255, 103, 70, 0.15); +} + +.widget-timeline .timeline-badge.danger:after { + background-color: #FF6746 !important; + box-shadow: 0 5px 10px 0 rgba(255, 103, 70, 0.2); +} + +.widget-timeline .timeline-badge.danger+.timeline-panel { + background: #ffe5df; + border-color: #ffe5df; +} + +[data-theme-version="dark"] .widget-timeline .timeline-badge.danger+.timeline-panel { + background-color: rgba(255, 103, 70, 0.15); + border-color: transparent; +} + +.widget-timeline .timeline-badge.info { + border-color: white; +} + +[data-theme-version="dark"] .widget-timeline .timeline-badge.info { + border-color: rgba(72, 169, 248, 0.1); +} + +.widget-timeline .timeline-badge.info:after { + background-color: #48A9F8 !important; + box-shadow: 0 5px 10px 0 rgba(72, 169, 248, 0.2); +} + +.widget-timeline .timeline-badge.info+.timeline-panel { + background: white; + border-color: white; +} + +[data-theme-version="dark"] .widget-timeline .timeline-badge.info+.timeline-panel { + background-color: rgba(72, 169, 248, 0.1); + border-color: transparent; +} + +.widget-timeline .timeline-badge.dark { + border-color: #f1f1f1; +} + +[data-theme-version="dark"] .widget-timeline .timeline-badge.dark { + border-color: rgba(177, 177, 177, 0.35); +} + +.widget-timeline .timeline-badge.dark:after { + background-color: #B1B1B1 !important; + box-shadow: 0 5px 10px 0 rgba(177, 177, 177, 0.2); +} + +.widget-timeline .timeline-badge.dark+.timeline-panel { + background: #f1f1f1; + border-color: #f1f1f1; +} + +[data-theme-version="dark"] .widget-timeline .timeline-badge.dark+.timeline-panel { + background-color: rgba(177, 177, 177, 0.35); + border-color: transparent; +} + +.widget-timeline.style-1 .timeline-panel { + background: transparent; +} + +.widget-timeline.style-1 .timeline .timeline-badge.timeline-badge+.timeline-panel { + background: transparent !important; + border-style: solid; + border-width: 0 0 0 5px; + border-radius: 0; + padding: 5px 10px 5px 15px; +} + +.widget-timeline.style-1 .timeline .timeline-badge.timeline-badge+.timeline-panel:after { + border: 0; + left: -9px; + width: 7px; + height: 7px; +} + +.widget-timeline.style-1 .timeline .timeline-badge.primary+.timeline-panel { + border-color: var(--primary); +} + +.widget-timeline.style-1 .timeline .timeline-badge.primary+.timeline-panel:after { + background: var(--primary); +} + +.widget-timeline.style-1 .timeline .timeline-badge.success+.timeline-panel { + border-color: #1BD084; +} + +.widget-timeline.style-1 .timeline .timeline-badge.success+.timeline-panel:after { + background: #1BD084; +} + +.widget-timeline.style-1 .timeline .timeline-badge.warning+.timeline-panel { + border-color: #FE8024; +} + +.widget-timeline.style-1 .timeline .timeline-badge.warning+.timeline-panel:after { + background: #FE8024; +} + +.widget-timeline.style-1 .timeline .timeline-badge.danger+.timeline-panel { + border-color: #FF6746; +} + +.widget-timeline.style-1 .timeline .timeline-badge.danger+.timeline-panel:after { + background: #FF6746; +} + +.widget-timeline.style-1 .timeline .timeline-badge.info+.timeline-panel { + border-color: #48A9F8; +} + +.widget-timeline.style-1 .timeline .timeline-badge.info+.timeline-panel:after { + background: #48A9F8; +} + +.widget-timeline.style-1 .timeline .timeline-badge.dark+.timeline-panel { + border-color: #B1B1B1; +} + +.widget-timeline.style-1 .timeline .timeline-badge.dark+.timeline-panel:after { + background: #B1B1B1; +} + +#chart_widget_4 { + height: 255px !important; +} + +#chart_widget_5 .ct-series-a .ct-line, +#chart_widget_5 .ct-series-a .ct-point { + stroke: #46ffc8; +} + +#chart_widget_5 .ct-line { + stroke-width: 1px; +} + +#chart_widget_5 .ct-point { + stroke-width: 2px; +} + +#chart_widget_5 .ct-series-a .ct-area { + fill: #43d66c; +} + +#chart_widget_5 .ct-area { + fill-opacity: 1; +} + +#chart_widget_6 .ct-series-a .ct-line, +#chart_widget_6 .ct-series-a .ct-point { + stroke: #48A9F8; +} + +#chart_widget_6 .ct-line { + stroke-width: 2px; +} + +#chart_widget_6 .ct-point { + stroke-width: 5px; +} + +#chart_widget_6 .ct-series-a .ct-area { + fill: #48A9F8; +} + +#chart_widget_6 .ct-area { + fill-opacity: .5; +} + +#chart_widget_8 { + height: 255px; +} + +#chart_widget_8 .ct-series-a .ct-line, +#chart_widget_8 .ct-series-a .ct-point { + stroke: #48A9F8; +} + +#chart_widget_8 .ct-line { + stroke-width: 2px; +} + +#chart_widget_8 .ct-point { + stroke-width: 5px; +} + +#chart_widget_8 .ct-series-a .ct-area { + fill: #48A9F8; +} + +#chart_widget_8 .ct-area { + fill-opacity: .5; +} + +#chart_widget_9, +#chart_widget_10 { + height: 250px !important; +} + +#chart_widget_11 .ct-slice-donut, +#chart_widget_12 .ct-slice-donut, +#chart_widget_13 .ct-slice-donut { + stroke-width: 25px !important; +} + +#chart_widget_11 { + height: 270px !important; +} + +#chart_widget_17 { + height: 150px !important; +} + +.chart_widget_tab_one .nav-link { + border: 1px solid #ddd; +} + +.chart_widget_tab_one .nav-link.active { + background-color: var(--primary); + border: 1px solid var(--primary); + color: #fff; +} + +.chart_widget_tab_one .nav-link.active:hover { + border: 1px solid var(--primary); +} + +.chart_widget_tab_one .nav-link:hover { + border: 1px solid #ddd; +} + +[data-theme-version="dark"] .ccc-widget>div { + background: #28253b !important; + border-color: #333a54 !important; +} + +.social-icon { + display: inline-block; + width: 40px; + height: 40px; + line-height: 40px; + border-radius: 4px; + text-align: center; + background: #F2F2F2; + margin-bottom: 0.5rem; + font-size: 20px; +} + +.social-icon i { + color: #fff; +} + +.social-icon.youtube { + background: #FF0000; +} + +.social-icon.facebook { + background: #3b5998; +} + +.social-icon.twitter { + background: #1da1f2; +} + +.social-icon2 a { + border: 0.1rem solid var(--primary); + display: block; + padding: 1rem; + margin-top: 1.5rem; + margin-bottom: .5rem; + border-radius: .3rem; + font-size: 1.6rem; +} + +.social-icon2 i { + font-size: 12px; + color: var(--primary); +} + +.social-icon3 ul li { + display: inline-block; +} + +.social-icon3 ul li a { + display: block; +} + +.social-icon3 ul li a i { + font-size: 1.4rem; + padding: 1rem .7rem; + color: #464a53; +} + +.social-icon3 ul li a:hover i { + color: var(--primary); +} + +.social-icons-muted ul li a i { + color: #89879f; +} + +.social-links a { + padding: .5rem; +} + +.widget-stat .media { + padding: 0px 0; + align-items: center; +} + +.widget-stat .media>span { + height: 85px; + width: 85px; + border-radius: 50px; + padding: 10px 12px; + font-size: 32px; + display: flex; + justify-content: center; + align-items: center; + color: #464a53; +} + +@media only screen and (max-width: 1400px) { + .widget-stat .media>span { + height: 70px; + width: 70px; + min-width: 70px; + } +} + +.widget-stat .media .media-body p { + font-weight: 500; + font-size: 16px; + line-height: 1.5; +} + +@media only screen and (max-width: 1400px) { + .widget-stat .media .media-body p { + font-size: 14px; + } +} + +[data-theme-version="dark"] .widget-stat .media .media-body p { + color: #c4c9d5; +} + +.widget-stat .media .media-body small, +.widget-stat .media .media-body .small { + font-size: 75%; +} + +.widget-stat .media .media-body h3 { + font-size: 30px; + font-weight: 600; + margin: 0; + line-height: 1.2; +} + +.widget-stat .media .media-body h4 { + font-size: 24px; + display: inline-block; + vertical-align: middle; +} + +.widget-stat .media .media-body span { + margin-left: 5px; +} + +.widget-stat[class*="bg-"] .media>span { + background-color: rgba(255, 255, 255, 0.25); + color: #fff; +} + +.widget-stat[class*="bg-"] .progress { + background-color: rgba(255, 255, 255, 0.25) !important; +} + +[direction="rtl"] .widget-stat .media .media-body span { + margin-left: 0; + margin-right: 10px; +} + +.dez-widget-1 .card { + background: #FFE7DB; +} + +.dez-widget-1 .card .card-body p { + color: #f87533; +} + +.dez-widget-1 .icon { + float: right; + width: 50px; + height: 50px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 6px; + font-size: 28px; +} + +.bgl-primary { + background: var(--rgba-primary-1); + border-color: var(--rgba-primary-1); +} + +[data-theme-version="dark"] .bgl-primary { + background-color: var(--rgba-primary-1); + border-color: var(--rgba-primary-1); +} + +.bgl-secondary { + background: #d3eab6; + border-color: #d3eab6; +} + +[data-theme-version="dark"] .bgl-secondary { + background-color: rgba(139, 199, 64, 0.5); + border-color: rgba(139, 199, 64, 0.5); +} + +.bgl-success { + background: #b7f6db; + border-color: #b7f6db; +} + +[data-theme-version="dark"] .bgl-success { + background-color: rgba(27, 208, 132, 0.1); + border-color: rgba(27, 208, 132, 0.1); +} + +.bgl-warning { + background: #fff0e5; + border-color: #fff0e5; +} + +[data-theme-version="dark"] .bgl-warning { + background-color: rgba(254, 128, 36, 0.1); + border-color: rgba(254, 128, 36, 0.1); +} + +.bgl-danger { + background: #ffe5df; + border-color: #ffe5df; +} + +[data-theme-version="dark"] .bgl-danger { + background-color: rgba(255, 103, 70, 0.15); + border-color: rgba(255, 103, 70, 0.15); +} + +.bgl-info { + background: white; + border-color: white; +} + +[data-theme-version="dark"] .bgl-info { + background-color: rgba(72, 169, 248, 0.1); + border-color: rgba(72, 169, 248, 0.1); +} + +.bg-primary-light { + background: var(--rgba-primary-1); +} + +[data-theme-version="dark"] .bg-primary-light { + background-color: var(--rgba-primary-1); +} + +.bg-secondary-light { + background: rgba(211, 234, 182, 0.5); +} + +[data-theme-version="dark"] .bg-secondary-light { + background-color: rgba(139, 199, 64, 0.05); +} + +.bg-success-light { + background: rgba(183, 246, 219, 0.5); +} + +[data-theme-version="dark"] .bg-success-light { + background-color: rgba(27, 208, 132, 0.05); +} + +.bg-warning-light { + background: rgba(255, 240, 229, 0.5); +} + +[data-theme-version="dark"] .bg-warning-light { + background-color: rgba(254, 128, 36, 0.05); +} + +.bg-danger-light { + background: rgba(255, 229, 223, 0.5); +} + +[data-theme-version="dark"] .bg-danger-light { + background-color: rgba(255, 103, 70, 0.05); +} + +.bg-info-light { + background: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .bg-info-light { + background-color: rgba(72, 169, 248, 0.05); +} + +.bgl-dark { + background: #f1f1f1; + border-color: #f1f1f1; +} + +.bgl-light { + background: #F4F5F9; + border-color: #F4F5F9; +} + +.overlay-box { + position: relative; + z-index: 1; +} + +.overlay-box:after { + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; + position: absolute; + opacity: 0.85; + background: var(--primary); + z-index: -1; +} + +.rating-bar { + font-size: 13px; +} + +.tdl-holder { + margin: 0 auto; +} + +.tdl-holder ul { + list-style: none; + margin: 0; + padding: 0; +} + +.tdl-holder li { + background-color: #fff; + border-bottom: 1px solid #f0f1f5; + list-style: none none; + margin: 0; + padding: 0; +} + +.tdl-holder li span { + margin-left: 35px; + font-size: 1rem; + vertical-align: middle; + transition: all 0.2s linear; +} + +[direction="rtl"] .tdl-holder li span { + margin-left: auto; + margin-right: 35px; +} + +.tdl-holder label { + cursor: pointer; + display: block; + line-height: 50px; + padding-left: 1.5rem; + position: relative; + margin: 0 !important; +} + +[direction="rtl"] .tdl-holder label { + padding-left: 0; + padding-right: 1.5rem; +} + +.tdl-holder label:hover { + background-color: #eef1f6; + color: #B1B1B1; +} + +.tdl-holder label:hover a { + color: #FF6746; +} + +.tdl-holder label a { + color: #fff; + display: inline-block; + line-height: normal; + height: 100%; + text-align: center; + text-decoration: none; + width: 50px; + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + -o-transition: all .2s linear; + transition: all 0.2s linear; + padding: 18px 0px; + font-size: 18px; + position: absolute; + right: 0; +} + +[direction="rtl"] .tdl-holder label a { + right: auto; + left: 0; +} + +.tdl-holder input[type=checkbox] { + cursor: pointer; + opacity: 0; + position: absolute; +} + +.tdl-holder input[type=checkbox]+i { + background-color: #fff; + border: 1px solid #e7e7e7; + display: block; + height: 20px; + position: absolute; + top: 15px; + width: 20px; + z-index: 1; + border-radius: 00px; + font-size: 11px; + border-radius: 4px; +} + +.tdl-holder input[type=checkbox]:checked+i { + background: var(--primary); + border-color: transparent; +} + +.tdl-holder input[type=checkbox]:checked+i::after { + content: "\f00c"; + font-family: 'fontAwesome'; + display: block; + left: 2px; + position: absolute; + top: -14px; + z-index: 2; + color: #fff; +} + +.tdl-holder input[type=checkbox]:checked~span { + text-decoration: line-through; + position: relative; +} + +.tdl-holder input[type=text] { + background-color: #fff; + height: 50px; + margin-top: 29px; + border-radius: 3px; +} + +.tdl-holder input[type=text]::placeholder { + color: #B1B1B1; +} + +.widget-message p { + font-size: 14px; + line-height: 1.5; +} + +.picker .picker__frame { + min-width: 450px !important; + max-width: 450px !important; +} + +.picker .picker__frame .picker__box { + padding: 20px; + border: 0; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); +} + +.picker .picker__frame .picker__box .picker__header { + margin-top: 0; +} + +.picker .picker__frame .picker__box .picker__header .picker__year { + color: var(--primary); + font-style: inherit; + font-size: 20px; +} + +.picker .picker__frame .picker__box .picker__header .picker__nav--prev, +.picker .picker__frame .picker__box .picker__header .picker__nav--next { + width: 40px; + height: 40px; + padding: 0; + line-height: 40px; + border-radius: 2px; +} + +.picker .picker__frame .picker__box .picker__header .picker__nav--prev:before, +.picker .picker__frame .picker__box .picker__header .picker__nav--next:before { + content: none !important; +} + +.picker .picker__frame .picker__box .picker__header .picker__nav--prev:after, +.picker .picker__frame .picker__box .picker__header .picker__nav--next:after { + font-family: fontawesome; + border: 0; + margin: 0 auto; + font-size: 22px; +} + +.picker .picker__frame .picker__box .picker__header .picker__nav--prev:hover, +.picker .picker__frame .picker__box .picker__header .picker__nav--next:hover { + background-color: var(--rgba-primary-3) !important; + color: var(--primary) !important; +} + +.picker .picker__frame .picker__box .picker__header .picker__nav--prev { + left: 0; +} + +.picker .picker__frame .picker__box .picker__header .picker__nav--prev:after { + content: "\f0d9"; +} + +.picker .picker__frame .picker__box .picker__header .picker__nav--next { + right: 0; +} + +.picker .picker__frame .picker__box .picker__header .picker__nav--next:after { + content: "\f0da"; +} + +.picker .picker__frame .picker__box .picker__table .picker__weekday { + padding: 10px 0; + font-size: 16px; +} + +.picker .picker__frame .picker__box .picker__table .picker__day { + width: 40px; + height: 40px; + border-radius: 50px; + padding: 0 !important; + font-size: 16px; + line-height: 40px; + margin: auto; + border: 0 !important; +} + +.picker .picker__frame .picker__box .picker__table .picker__day.picker__day--today:before { + content: none !important; +} + +.picker .picker__frame .picker__box .picker__table .picker__day.picker__day--highlighted { + border: 0 !important; + padding: 0; + background-color: var(--rgba-primary-3) !important; + color: #fff !important; +} + +.picker .picker__frame .picker__box .picker__table .picker__day:hover { + background-color: var(--rgba-primary-3) !important; + color: #fff !important; +} + +.picker .picker__frame .picker__box .picker__footer .picker__button--today { + background-color: var(--rgba-primary-3) !important; + color: #fff !important; +} + +.picker .picker__frame .picker__box .picker__footer .picker__button--today:before { + content: none !important; +} + +.picker .picker__frame .picker__box .picker__footer .picker__button--clear, +.picker .picker__frame .picker__box .picker__footer .picker__button--close, +.picker .picker__frame .picker__box .picker__footer .picker__button--today { + border: 0; + border-radius: 2px; + font-size: 16px; +} + +.picker .picker__frame .picker__box .picker__footer .picker__button--clear:hover, +.picker .picker__frame .picker__box .picker__footer .picker__button--close:hover, +.picker .picker__frame .picker__box .picker__footer .picker__button--today:hover { + background-color: var(--rgba-primary-3) !important; + color: #fff !important; +} + +@media only screen and (max-width: 575px) { + .picker .picker__frame { + min-width: 100% !important; + max-width: 100% !important; + } + + .picker .picker__frame .picker__box { + padding: 15px; + margin: 0 10px; + } +} + +.card-list { + overflow: unset; + height: calc(100% - 50px); +} + +.card-list .card-header { + padding-top: 0; + padding-bottom: 0; +} + +.card-list .card-header .photo { + overflow: hidden; + border-radius: 5px; + width: 100%; +} + +@media only screen and (max-width: 1199px) { + .card-list { + height: calc(100% - 40px); + } +} + +.card-list.list-left { + margin-top: 15px; + margin-left: 15px; +} + +.card-list.list-left .card-header { + padding-left: 0; +} + +.card-list.list-left .card-header .photo { + margin: -15px 15px 0 -15px; +} + +.card-list.list-right { + margin-top: 15px; + margin-right: 15px; + text-align: right; +} + +.card-list.list-right .card-header { + padding-right: 0; +} + +.card-list.list-right .card-header .photo { + margin: -15px -15px 0 15px; +} + +.card-list.list-right .card-header .photo img { + width: 100%; +} + +.card-list.list-center { + margin-top: 15px; +} + +.card-list.list-center .card-header .photo { + margin: -15px 0 0 0; +} + +.card-list .photo img { + width: 100%; +} + +.card-profile .profile-photo { + margin-top: -20px; +} + +.widget-media .timeline .timeline-panel { + display: flex; + align-items: center; + border-bottom: 1px solid #eaeaea; + padding-bottom: 15px; + margin-bottom: 15px; +} + +.widget-media .timeline .timeline-panel .media { + width: 50px; + height: 50px; + background: #eee; + border-radius: 12px; + overflow: hidden; + font-size: 20px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + font-weight: 700; + align-self: start; +} + +.widget-media .timeline .timeline-panel .media-primary { + background: var(--rgba-primary-1); + color: var(--primary); +} + +[data-theme-version="dark"] .widget-media .timeline .timeline-panel .media-primary { + background-color: var(--rgba-primary-1); +} + +.widget-media .timeline .timeline-panel .media-info { + background: white; + color: #48A9F8; +} + +[data-theme-version="dark"] .widget-media .timeline .timeline-panel .media-info { + background-color: rgba(72, 169, 248, 0.1); +} + +.widget-media .timeline .timeline-panel .media-warning { + background: #fff0e5; + color: #FE8024; +} + +[data-theme-version="dark"] .widget-media .timeline .timeline-panel .media-warning { + background-color: rgba(254, 128, 36, 0.1); +} + +.widget-media .timeline .timeline-panel .media-danger { + background: #ffe5df; + color: #FF6746; +} + +[data-theme-version="dark"] .widget-media .timeline .timeline-panel .media-danger { + background-color: rgba(255, 103, 70, 0.15); +} + +.widget-media .timeline .timeline-panel .media-success { + background: #b7f6db; + color: #1BD084; +} + +[data-theme-version="dark"] .widget-media .timeline .timeline-panel .media-success { + background-color: rgba(27, 208, 132, 0.1); +} + +.widget-media .timeline .timeline-panel .media-body p { + font-size: 14px; + line-height: 1.5; +} + +.widget-media .timeline .timeline-panel .dropdown { + align-self: self-end; + margin-top: 5px; +} + +.widget-media .timeline li:last-child .timeline-panel { + margin-bottom: 0; + border-bottom: 0; + padding-bottom: 0; +} + +.card[class*="bg-"] .timeline .timeline-panel { + border-color: rgba(255, 255, 255, 0.2) !important; +} + +@media only screen and (max-width: 1199px) { + .table { + font-size: 0.875rem !important; + } +} + +.table strong { + color: #B1B1B1; +} + +.table td { + border-color: #f0f1f5; + padding: 12px 9px; +} + +[data-theme-version="dark"] .table td { + border-color: #333a54; +} + +.table.shadow-hover tr:hover { + background-color: #fff; + box-shadow: 0 0px 30px var(--rgba-primary-1); +} + +[data-theme-version="dark"] .table.shadow-hover tr:hover { + background-color: #251e35; +} + +.table.bg-secondary-hover th, +.table.bg-secondary-hover td { + border: none; + font-weight: 500; +} + +.table.bg-secondary-hover tr:hover { + background: #8BC740; +} + +.table.bg-secondary-hover tr:hover td, +.table.bg-secondary-hover tr:hover th { + color: #fff !important; +} + +.table.bg-info-hover th, +.table.bg-info-hover td { + border: none; + font-weight: 500; +} + +.table.bg-info-hover tr:hover { + background: #48A9F8; +} + +.table.bg-info-hover tr:hover td, +.table.bg-info-hover tr:hover th { + color: #fff !important; +} + +.table.bg-warning-hover th, +.table.bg-warning-hover td { + border: none; + font-weight: 500; +} + +.table.bg-warning-hover tr:hover { + background: #FE8024; +} + +.table.bg-warning-hover tr:hover td, +.table.bg-warning-hover tr:hover th { + color: #fff !important; +} + +.table thead th { + border-bottom-width: 1px; + font-size: 14px; + font-weight: 600; + letter-spacing: 0.5px; + border-color: #f0f1f5; +} + +[data-theme-version="dark"] .table thead th { + border-color: #333a54; +} + +.table tbody tr td { + vertical-align: middle; + border-color: #f0f1f5; +} + +[data-theme-version="dark"] .table tbody tr td { + border-color: #333a54; +} + +.table:not(.table-bordered) thead th { + border-top: none; +} + +.table .thead-primary th { + background-color: var(--primary); + color: #fff; +} + +.table .thead-info th { + background-color: #48A9F8; + color: #fff; +} + +.table .thead-warning th { + background-color: #FE8024; + color: #fff; +} + +.table .thead-danger th { + background-color: #FF6746; + color: #fff; +} + +.table .thead-success th { + background-color: #1BD084; + color: #fff; +} + +.table.primary-table-bordered { + border: 1px solid #f0f1f5; +} + +[data-theme-version="dark"] .table.primary-table-bordered { + border-color: #333a54; +} + +.table.primary-table-bg-hover thead th { + background-color: var(--primary-dark); + color: #fff; + border-bottom: none; +} + +.table.primary-table-bg-hover tbody tr { + background-color: var(--primary); + color: #fff; + transition: all .1s ease; +} + +.table.primary-table-bg-hover tbody tr:hover { + background-color: var(--rgba-primary-1); +} + +.table.primary-table-bg-hover tbody tr:not(:last-child) td, +.table.primary-table-bg-hover tbody tr:not(:last-child) th { + border-bottom: 1px solid var(--primary-dark); +} + +.table-responsive-tiny { + min-width: 18.75rem; +} + +.table-responsive-sm { + min-width: 30rem !important; +} + +.table-responsive-md { + min-width: 36rem !important; +} + +.table-responsive-lg { + min-width: 60.9375rem !important; +} + +.table-responsive-xl { + min-width: 70.9375rem !important; +} + +.table-primary, +.table-primary>th, +.table-primary>td { + background-color: var(--rgba-primary-1); + color: var(--primary); +} + +[data-theme-version="dark"] .table-primary, +[data-theme-version="dark"] .table-primary>th, +[data-theme-version="dark"] .table-primary>td { + background-color: var(--rgba-primary-1); +} + +.table-success, +.table-success>th, +.table-success>td { + background-color: #b7f6db; + color: #1BD084; +} + +[data-theme-version="dark"] .table-success, +[data-theme-version="dark"] .table-success>th, +[data-theme-version="dark"] .table-success>td { + background-color: rgba(27, 208, 132, 0.1); +} + +.table-info, +.table-info>th, +.table-info>td { + background-color: white; + color: #48A9F8; +} + +[data-theme-version="dark"] .table-info, +[data-theme-version="dark"] .table-info>th, +[data-theme-version="dark"] .table-info>td { + background-color: rgba(72, 169, 248, 0.1); +} + +.table-warning, +.table-warning>th, +.table-warning>td { + background-color: #fff0e5; + color: #FE8024; +} + +[data-theme-version="dark"] .table-warning, +[data-theme-version="dark"] .table-warning>th, +[data-theme-version="dark"] .table-warning>td { + background-color: rgba(254, 128, 36, 0.1); +} + +.table-danger, +.table-danger>th, +.table-danger>td { + background-color: #ffe5df; + color: #FF6746; +} + +[data-theme-version="dark"] .table-danger, +[data-theme-version="dark"] .table-danger>th, +[data-theme-version="dark"] .table-danger>td { + background-color: rgba(255, 103, 70, 0.15); +} + +.table-active, +.table-active>th, +.table-active>td { + background-color: #f2f4fa; +} + +[data-theme-version="dark"] .table-active, +[data-theme-version="dark"] .table-active>th, +[data-theme-version="dark"] .table-active>td { + background-color: #251e35; +} + +.card-table th:first-child, +.card-table td:first-child { + padding-left: 30px; +} + +@media only screen and (max-width: 575px) { + + .card-table th:first-child, + .card-table td:first-child { + padding-left: 15px; + } +} + +.card-table th:last-child, +.card-table td:last-child { + padding-right: 30px; +} + +@media only screen and (max-width: 575px) { + + .card-table th:last-child, + .card-table td:last-child { + padding-right: 15px; + } +} + +.bootgrid-header { + padding: 0 !important; + margin: 0; +} + +@media only screen and (max-width: 575px) { + .bootgrid-header .actionBar { + padding: 0; + } + + .bootgrid-header .search { + margin: 0 0 10px 0; + } +} + +table#example { + padding: 0rem 0 2rem 0; +} + +table.dataTable { + color: #000; + border-radius: 1.25rem; +} + +#example2_wrapper .dataTables_scrollBody { + max-height: 33.25rem !important; +} + +#employees, +#custommers { + padding: .5rem 0 1rem 0; +} + +.dataTables_wrapper .dataTables_paginate { + padding: 10px 0; +} + +@media only screen and (max-width: 1400px) { + .dataTables_wrapper .dataTables_paginate { + padding: 5px 0; + } +} + +table.dataTable thead th, +table.dataTable thead td { + padding: 30px 15px; + border-bottom: 1px solid #f0f1f5; +} + +@media only screen and (max-width: 1400px) { + + table.dataTable thead th, + table.dataTable thead td { + padding: 8px 15px; + } +} + +table.dataTable tfoot th, +table.dataTable tfoot td { + border-top: 0; +} + +table.dataTable tbody td { + background: #fff !important; +} + +table.dataTable thead th { + color: #000; + font-size: 18px; + white-space: nowrap; + font-weight: 600; +} + +[data-theme-version="dark"] table.dataTable thead th { + color: #fff; +} + +@media only screen and (max-width: 1400px) { + table.dataTable thead th { + font-size: 14px; + } +} + +table.dataTable tbody td { + font-size: 16px; + padding: 22px 15px; +} + +@media only screen and (max-width: 1400px) { + table.dataTable tbody td { + padding: 8px 15px; + font-size: 14px; + } +} + +table.dataTable tr.selected { + color: var(--primary); +} + +table.dataTable tfoot th { + color: #B1B1B1; + font-weight: 600; +} + +[data-theme-version="dark"] table.dataTable tfoot th { + color: #fff; +} + +.dataTables_wrapper input[type="search"], +.dataTables_wrapper input[type="text"], +.dataTables_wrapper select { + border: 1px solid #e2e2e2; + padding: .3rem 0.5rem; + color: #715d5d; + border-radius: 5px; +} + +[data-theme-version="dark"] .dataTables_wrapper input[type="search"], +[data-theme-version="dark"] .dataTables_wrapper input[type="text"], +[data-theme-version="dark"] .dataTables_wrapper select { + background: #251e35; + border-color: #333a54; + color: #fff; +} + +.dataTables_wrapper .dataTables_length { + margin-bottom: 15px; +} + +.dataTables_wrapper .dataTables_length .bootstrap-select { + width: 80px !important; + margin: 0 5px; +} + +table.dataTable.no-footer { + border-bottom: 0; +} + +.min-w850 { + min-width: 850px; +} + +.rounded-lg { + min-width: 30px; +} + +.dataTables_scroll { + padding: 1rem 0; +} + +.dataTables_scrollFoot { + padding-top: 1rem; +} + +@media (max-width: 991.98px) { + + .dataTables_wrapper .dataTables_length, + .dataTables_wrapper .dataTables_filter { + text-align: left; + } +} + +.dataTablesCard { + background-color: #fff; + box-shadow: 0px 12px 23px 0px rgba(62, 73, 84, 0.04); + border-radius: 0; +} + +.dataTablesCard tbody tr:hover { + background: #fff !important; +} + +.dataTablesCard tbody tr:hover td { + background: transparent !important; +} + +.dataTables_wrapper .dataTables_info { + padding: 10px 0; +} + +@media only screen and (max-width: 1400px) { + .dataTables_wrapper .dataTables_info { + padding: 8px 0; + } +} + +table.dataTable.row-border tbody th, +table.dataTable.row-border tbody td, +table.dataTable.display tbody th, +table.dataTable.display tbody td { + border-color: #f0f1f5; +} + +[data-theme-version="dark"] table.dataTable.row-border tbody th, +[data-theme-version="dark"] table.dataTable.row-border tbody td, +[data-theme-version="dark"] table.dataTable.display tbody th, +[data-theme-version="dark"] table.dataTable.display tbody td { + border-color: #333a54; +} + +table.dataTable thead .sorting { + background-position: center right 15px; +} + +.dataTables_wrapper .dataTables_paginate span { + border-radius: 0; + display: inline-block; + margin: 0 0; +} + +.dataTables_wrapper .dataTables_paginate span a { + color: #fff; + background: transparent !important; +} + +.dataTables_wrapper .dataTables_paginate .paginate_button { + border: 0 !important; + padding: 15px 25px; + border: 0px solid var(--primary) !important; + background: var(--rgba-primary-3) !important; + border-radius: 5rem; + color: var(--primary) !important; + font-size: 16px; + margin: 0 2px; + display: inline-block; +} + +@media only screen and (max-width: 1400px) { + .dataTables_wrapper .dataTables_paginate .paginate_button { + padding: 8px 15px; + font-size: 14px; + } +} + +.dataTables_wrapper .dataTables_paginate .paginate_button:hover, +.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, +.dataTables_wrapper .dataTables_paginate .paginate_button.current { + color: #fff !important; + background: var(--primary) !important; +} + +.dataTables_wrapper .dataTables_paginate .paginate_button.previous, +.dataTables_wrapper .dataTables_paginate .paginate_button.next { + background: #fff !important; + color: var(--primary) !important; + margin: 0 10px; +} + +.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, +.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover { + background: #fff !important; + color: var(--primary) !important; +} + +.fooicon { + font-size: 1.25rem; + color: #B1B1B1; +} + +.jsgrid-table .jsgrid-header-row>.jsgrid-header-cell { + color: #B1B1B1; +} + +.jsgrid-table>tbody>tr>td { + padding: 1.2em; +} + +.jsgrid-table .jsgrid-insert-row input, +.jsgrid-table .jsgrid-insert-row select, +.jsgrid-table .jsgrid-edit-row input, +.jsgrid-table .jsgrid-edit-row select { + border: 1px solid #DDDFE1; +} + +.jsgrid .jsgrid-button { + border: 0 !important; + margin-left: 10px; +} + +.error-page .error-text { + font-size: 150px; + line-height: 1; +} + +@media only screen and (max-width: 575px) { + .error-page .error-text { + font-size: 80px; + } +} + +.error-page h4 { + font-size: 40px; + margin-bottom: 5px; +} + +@media only screen and (max-width: 575px) { + .error-page h4 { + font-size: 20px; + } +} + +.error-page p { + font-size: 16px; +} + +@media only screen and (max-width: 575px) { + .error-page p { + font-size: 14px; + } +} + +.authincation-content { + background: var(--primary); + box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15); + border-radius: 5px; +} + +[data-theme-version="dark"] .authincation-content { + background: #28253b; + box-shadow: none; +} + +.welcome-content { + background: url("./../images/1.jpg"); + background-size: cover; + background-position: center; + height: 100%; + padding: 75px 50px; + position: relative; + z-index: 1; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +.welcome-content::after { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background: var(--primary); + opacity: 0.75; + z-index: -1; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +.welcome-content .welcome-title { + color: #fff; + font-weight: 500; + font-size: 20px; +} + +.welcome-content p { + color: #fff; +} + +.welcome-content .brand-logo a { + display: inline-block; + margin-bottom: 20px; + font-weight: 700; + color: #fff; + font-size: 20px; +} + +.welcome-content .brand-logo a img { + width: 100px; +} + +.welcome-content .intro-social { + position: absolute; + bottom: 75px; +} + +.welcome-content .intro-social ul { + margin-bottom: 0; +} + +.welcome-content .intro-social ul li { + display: inline-block; +} + +.welcome-content .intro-social ul li a { + color: #fff; + font-size: 14px; + padding: 0px 7px; +} + +.auth-form { + padding: 50px 50px; +} + +@media only screen and (max-width: 575px) { + .auth-form { + padding: 30px; + } +} + +.auth-form .btn { + height: 50px; + font-weight: 700; +} + +.auth-form .page-back { + display: inline-block; + margin-bottom: 15px; +} + +.pricing_table_content { + background: #fff; + text-align: center; + border: 1px solid #e7e7e7; + border-radius: 3px; + padding: 25px; + -webkit-transition: all 0.25s ease-in-out; + transition: all 0.25s ease-in-out; +} + +.pricing_table_content .package { + font-weight: 700; + font-size: 18px; +} + +.pricing_table_content .price { + font-weight: 700; + font-size: 50px; + line-height: 100px; + color: #B1B1B1; +} + +.pricing_table_content hr { + margin: 0; +} + +.pricing_table_content .price_list { + padding: 30px 0; + text-align: left; + max-width: 175px; + margin: 0 auto; +} + +.pricing_table_content .price_list li { + color: #909093; + font-size: 14px; + line-height: 25px; + padding: 7px 0; +} + +.pricing_table_content .price_list li i { + margin-right: 15px; +} + +.pricing_table_content .price-btn { + padding: 15px 50px; + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid #eaeaea; + border-radius: 5px; + font-weight: 700; + font-size: 14px; + margin-bottom: 25px; + -webkit-transition: all 0.25s ease-in-out; + transition: all 0.25s ease-in-out; +} + +.pricing_table_content:focus, +.pricing_table_content:hover { + -webkit-transform: scale(1.05); + transform: scale(1.05); + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.175); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.175); +} + +.pricing_table_content:focus .price-btn, +.pricing_table_content:hover .price-btn { + color: #FF6746; +} + +.page-timeline .timeline { + list-style: none; + padding: 40px 0; + position: relative; +} + +.page-timeline .timeline-workplan.page-timeline .timeline { + padding-bottom: 0; + margin-bottom: 0; +} + +.page-timeline .timeline-workplan.page-timeline .timeline.timeline>li>.timeline-badge { + top: 4.5rem; +} + +.page-timeline .timeline-workplan.page-timeline .timeline>li { + margin-bottom: 2.6rem; +} + +@media only screen and (min-width: 1200px) and (max-width: 1650px) { + .page-timeline .timeline-workplan.page-timeline .timeline li>p { + max-width: 8rem; + } +} + +@media only screen and (max-width: 1199px) { + .page-timeline .timeline-workplan.page-timeline .timeline li>p { + max-width: 7rem; + } +} + +@media only screen and (max-width: 991px) { + .page-timeline .timeline-workplan.page-timeline .timeline li>p { + max-width: 100%; + } +} + +@media only screen and (max-width: 575px) { + .page-timeline .timeline-workplan.page-timeline .timeline li>p { + max-width: 7rem; + } +} + +.page-timeline .timeline-workplan.page-timeline .timeline::before { + left: 20%; + top: 6rem; +} + +[direction="rtl"] .page-timeline .timeline-workplan.page-timeline .timeline::before { + right: 22%; + left: auto; +} + +@media only screen and (max-width: 575px) { + .page-timeline .timeline-workplan.page-timeline .timeline::before { + left: 22%; + } +} + +.page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge { + left: 21.4%; + height: 0.9rem; + width: 0.9rem; + background-color: var(--primary); +} + +[direction="rtl"] .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge { + right: 19.2%; + left: auto; +} + +@media only screen and (min-width: 1200px) and (max-width: 1650px) { + .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge { + left: 22.4%; + } +} + +@media only screen and (max-width: 1199px) { + .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge { + left: 22.4%; + } +} + +@media only screen and (max-width: 991px) { + .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge { + left: 21.7%; + } +} + +@media only screen and (max-width: 767px) { + .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge { + left: 19.5%; + } +} + +@media only screen and (max-width: 575px) { + .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge { + left: 21.4%; + } +} + +.page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge::after { + position: absolute; + width: 1.9rem; + height: 1.9rem; + background-color: var(--primary-dark); + content: ""; + border-radius: 50%; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +.page-timeline .timeline-workplan.page-timeline .timeline .timeline-panel { + width: 70%; +} + +.page-timeline .timeline:before { + top: 0; + bottom: 0; + position: absolute; + content: " "; + width: 2px; + background-color: #ECEFF2; + left: 50%; + margin-left: -1.5px; +} + +.page-timeline .timeline>li { + margin-bottom: 20px; + position: relative; +} + +.page-timeline .timeline>li:after, +.page-timeline .timeline>li:before { + content: " "; + display: table; +} + +.page-timeline .timeline>li:after { + clear: both; +} + +.page-timeline .timeline>li:after, +.page-timeline .timeline>li:before { + content: " "; + display: table; +} + +.page-timeline .timeline>li:after { + clear: both; +} + +.page-timeline .timeline>li>.timeline-panel { + width: 46%; + float: left; + border-radius: 2px; + position: relative; +} + +.page-timeline .timeline>li>.timeline-badge { + background-color: #f2f4fa; + border: 1px solid #DDDFE1; + border-radius: 50%; + color: #B1B1B1; + height: 40px; + left: 50%; + line-height: 40px; + margin-left: -13px; + position: absolute; + text-align: center; + top: 30px; + width: 40px; + z-index: 1; + transform: translate(-25%, -3rem); +} + +@media (min-width: 576px) { + .page-timeline .timeline>li>.timeline-badge { + width: 50px; + height: 50px; + line-height: 50px; + } +} + +.page-timeline .timeline>li.timeline-inverted>.timeline-panel { + float: right; +} + +.page-timeline .timeline>li.timeline-inverted>.timeline-panel:before { + border-left-width: 0; + border-right-width: 15px; + left: -15px; + right: auto; +} + +.page-timeline .timeline>li.timeline-inverted>.timeline-panel:after { + border-left-width: 0; + border-right-width: 14px; + left: -14px; + right: auto; +} + +.page-timeline .timeline-title { + margin-top: 0; + color: inherit; +} + +.page-timeline .event_time { + font-size: 14px; + font-weight: 600; +} + +.page-timeline .event_vanue { + font-size: 14px; + margin: 5px 0; + font-weight: 600; +} + +.page-timeline .timeline_img { + height: 100px; + width: 100px; +} + +.page-timeline .timeline-body>p, +.page-timeline .timeline-body>ul { + margin-bottom: 0; +} + +@media (max-width: 767px) { + .page-timeline ul.timeline:before { + left: 40px; + } + + .page-timeline ul.timeline>li>.timeline-panel { + width: calc(100% - 90px); + width: -webkit-calc(100% - 90px); + } + + .page-timeline ul.timeline>li>.timeline-badge { + left: 28px; + margin-left: 0; + top: 16px; + } + + .page-timeline ul.timeline>li>.timeline-panel { + float: right; + } + + .page-timeline ul.timeline>li>.timeline-panel:before { + border-left-width: 0; + border-right-width: 15px; + left: -15px; + right: auto; + } + + .page-timeline ul.timeline>li>.timeline-panel:after { + border-left-width: 0; + border-right-width: 14px; + left: -14px; + right: auto; + } + + .page-timeline .timeline_img { + height: 30%; + width: 30%; + } +} + +.page-timeline .timeline-timestamp { + text-align: center; +} + +.page-timeline .timeline-timestamp .badge { + padding: .8rem 2rem; + border-radius: 50px; + font-size: 0.8125rem; +} + +.profile-card .title { + position: relative; +} + +.profile-card .title span { + display: inline-block; + text-transform: uppercase; + background: #fff; + position: relative; + z-index: 1; + padding-right: 30px; +} + +.profile-card .title:after { + width: 100%; + height: 1px; + background: #E7E7E7; + position: absolute; + top: 50%; + transform: translatey(-50%); + left: 0; + content: ""; +} + +.profile-card .form-group { + margin-bottom: 30px; +} + +.profile-card .form-group label { + font-weight: 500; +} + +.profile-card .form-group .input-icon .form-control { + padding-left: 70px; + z-index: 0; +} + +@media only screen and (max-width: 767px) { + .profile-card .form-group .input-icon .form-control { + padding-left: 50px; + } +} + +.profile-card .form-group .input-group-prepend { + position: absolute; + top: 50%; + left: 0px; + z-index: 1; + transform: translatey(-50%); +} + +.profile-card .form-group .input-group-prepend .input-group-text { + background: transparent; +} + +.profile-card .form-group .input-group-prepend .input-group-text i { + font-size: 30px; + color: var(--primary); +} + +@media only screen and (max-width: 767px) { + .profile-card .form-group .input-group-prepend .input-group-text i { + font-size: 18px; + } +} + +.profile-card .form-group .bootstrap-select.form-control button { + border-color: #C2C2C2 !important; + border-width: 0 !important; + border-bottom-width: 1px !important; + padding: 10px 0px; + height: 60px; + font-size: 18px; + color: #000; +} + +@media only screen and (max-width: 767px) { + .profile-card .form-group .bootstrap-select.form-control button { + height: 45px; + font-size: 14px; + } +} + +.profile-card .form-group .bootstrap-select.form-control button:hover, +.profile-card .form-group .bootstrap-select.form-control button:focus { + border-color: var(--primary) !important; + border-bottom-width: 2px !important; +} + +.profile-card .form-group .bootstrap-select.form-control .dropdown-toggle:after { + color: var(--primary); + font-size: 30px; +} + +.profile-card .form-group .form-control { + border-color: #C2C2C2; + border-width: 0; + border-bottom-width: 1px; + padding: 10px 0px; + height: 70px; + font-size: 18px; + color: #000; +} + +.profile-card .form-group .form-control::placeholder { + color: #BBBBBB; +} + +.profile-card .form-group .form-control:hover, +.profile-card .form-group .form-control:focus { + border-color: var(--primary); + border-bottom-width: 2px; +} + +@media only screen and (max-width: 767px) { + .profile-card .form-group .form-control { + height: 45px; + font-size: 14px; + } +} + +.profile-card .form-group textarea.form-control { + height: unset !important; + border: 1px solid; + border-color: #C2C2C2; + border-radius: 1.25rem; + color: rgba(0, 0, 0, 0.7); + background: #FBFBFB; + border-width: 1px !important; + font-size: 16px !important; + padding: 15px 20px !important; +} + +.progress-icon { + height: 62px; + width: 62px; + display: block; + font-weight: 600; + border-radius: 62px; + line-height: 62px; + text-align: center; + border: 1px solid #EEEEEE; +} + +.skill-progress { + overflow: visible; +} + +.skill-progress .progress-bar { + position: relative; + border-radius: 10px; + overflow: visible; +} + +.skill-progress .progress-bar:after { + content: ""; + position: absolute; + height: 26px; + width: 26px; + top: 50%; + transform: translatey(-50%); + right: 0; + border-radius: 5px; + background: var(--primary); +} + +.full-map-area { + position: relative; + border-radius: 12px; + overflow: hidden; +} + +.full-map-area a { + position: absolute; + bottom: 30px; + left: 30px; +} + +.full-map-area i { + background: #3e4954; + position: absolute; + top: 30px; + right: 30px; + width: 56px; + height: 56px; + text-align: center; + line-height: 56px; + font-size: 24px; + color: #fff; + border-radius: 56px; +} + +.full-map-area img { + width: 100%; +} + +.iconbox { + position: relative; + padding-left: 70px; +} + +.iconbox i { + background: var(--primary); + width: 50px; + height: 50px; + line-height: 50px; + border-radius: 50px; + text-align: center; + font-size: 28px; + color: #fff; + position: absolute; + left: 0; + top: 0; +} + +.iconbox p { + margin: 0; + color: #484848; + font-size: 18px; + line-height: 1.3; + font-weight: 500; +} + +.iconbox small { + margin-bottom: 5px; + font-size: 16px; + display: block; +} + +.widget-timeline-icon li { + padding-left: 25px; + position: relative; + margin-left: 11px; + border-left: 3px solid var(--primary); + min-height: 80px; + padding-top: 1px; +} + +.widget-timeline-icon li .icon { + position: absolute; + width: 22px; + height: 22px; + font-size: 24px; + color: #fff; + text-align: center; + line-height: 22px; + border-radius: 22px; + left: -13px; + top: 0; +} + +.widget-timeline-icon li:last-child { + border-left: 3px solid transparent; +} + +.network-chart { + margin-top: -55px; +} + +@media only screen and (max-width: 575px) { + .network-chart { + margin-top: 30px; + } +} + +.search-job .form-control { + width: 380px; +} + +@media only screen and (max-width: 1199px) { + .search-job .form-control { + width: 330px; + } +} + +@media only screen and (max-width: 767px) { + .search-job .form-control { + width: 100%; + } +} + +.min-w20 { + min-width: 20px; +} + +.shadow_1 { + box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.1); +} + +.shadow_1:hover { + box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); +} + +.items-table tbody tr { + padding: 0; + border-radius: 1.25rem; + position: relative; + box-shadow: 0 1px 0 0 #f8f8f8; + -webkit-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; +} + +.items-table tbody tr .dropdown { + opacity: 0; +} + +.items-table tbody tr.active, +.items-table tbody tr:hover { + box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); + z-index: 1; +} + +.items-table tbody tr.active .dropdown, +.items-table tbody tr:hover .dropdown { + opacity: 1; +} + +.items-table tbody tr th, +.items-table tbody tr td { + border: 0; + padding: 18px 8px; +} + +@media only screen and (max-width: 575px) { + .items-table { + width: 500px; + } +} + +.star-review i { + font-size: 16px; +} + +.star-review i.text-gray { + color: #d9d9d9; +} + +.star-review span { + color: #000; +} + +.form-head .breadcrumb { + background: transparent; + padding: 0; +} + +.form-head .search-area { + max-width: 300px; + border-radius: 0; +} + +@media only screen and (max-width: 1400px) { + .form-head .search-area { + max-width: 250px; + } +} + +@media only screen and (max-width: 575px) { + .form-head .search-area { + max-width: 250px; + } +} + +.form-head .search-area .form-control { + border: 0; + height: 56px; + padding: 10px 15px; + font-size: 16px; + background: #f1f1f1; + border-radius: 0; +} + +@media only screen and (max-width: 1400px) { + .form-head .search-area .form-control { + height: 41px; + padding: 10px 15px; + font-size: 13px; + } +} + +.form-head .search-area .input-group-append .input-group-text { + background: #f1f1f1; + padding: 0 5px 0 30px; +} + +@media only screen and (max-width: 1400px) { + .form-head .search-area .input-group-append .input-group-text { + padding: 0 5px 0 30px; + } +} + +.form-head .search-area .input-group-append .input-group-text i { + font-size: 20px; + color: #7e7e7e; +} + +@media only screen and (max-width: 1400px) { + .form-head .search-area .input-group-append .input-group-text i { + font-size: 18px; + } +} + +.form-head .dropdown .btn i { + transform: scale(1.3); + -moz-transform: scale(1.3); + -webkit-transform: scale(1.3); + -ms-transform: scale(1.3); + -o-transform: scale(1.3); + display: inline-block; +} + +.form-head .dropdown:after { + color: var(--primary); + font-size: 25px; +} + +.form-head .btn i { + line-height: 1; + transform: scale(1.3); + display: inline-block; + margin-right: 5px; +} + +.form-head .btn-outline-primary { + border-color: #eee; +} + +.form-head .btn-outline-primary:hover { + border-color: var(--primary); +} + +@media only screen and (max-width: 767px) { + .form-head>* { + margin-right: 5px !important; + margin-bottom: 10px; + vertical-align: baseline; + margin-left: 0 !important; + } +} + +@media only screen and (max-width: 767px) { + .form-head { + display: block !important; + } +} + +.rounded { + border-radius: 1.25rem !important; +} + +.btn-link { + font-weight: 500; + font-size: 16px; +} + +@media only screen and (max-width: 1400px) { + .btn-link { + font-size: 14px; + } +} + +.deznav .copyright { + font-size: 14px; + padding: 0 45px; + margin-top: 40px; + color: #000; + margin-bottom: 40px; +} + +.deznav .copyright p { + margin-bottom: 10px; +} + +.deznav .copyright p strong { + display: block; +} + +@media only screen and (max-width: 1400px) { + .deznav .copyright { + padding: 0 25px 50px; + } +} + +.widget-buyer .media img { + width: 30px; +} + +.widget-buyer .media .media-body h5 { + font-size: 14px; + margin-bottom: 0px; +} + +.widget-buyer .media .media-body p { + font-size: 13px; +} + +.recentOrderTable table { + margin-bottom: 0; + overflow: hidden; +} + +.recentOrderTable table thead th { + font-size: 12px; +} + +.recentOrderTable table tbody td { + color: #B1B1B1; + font-weight: 500; + line-height: 40px; +} + +[data-theme-version="dark"] .recentOrderTable table tbody td { + color: #828690; +} + +.recentOrderTable table tbody td img { + border-radius: 50px; +} + +.recentOrderTable table tbody td .custom-dropdown i { + padding: 0 10px; + cursor: pointer; +} + +.activity_overview .nav-tabs { + border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; +} + +.activity_overview .custom-tab-1 .nav-link { + color: rgba(255, 255, 255, 0.5); + padding-left: 0; + padding-right: 0; + margin-right: 30px; +} + +.activity_overview .custom-tab-1 .nav-link:hover, +.activity_overview .custom-tab-1 .nav-link.active { + background: transparent; + color: #fff; + border-color: #fff; +} + +.ps .ps__rail-x:hover, +.ps .ps__rail-y:hover, +.ps .ps__rail-x:focus, +.ps .ps__rail-y:focus, +.ps .ps__rail-x.ps--clicking, +.ps .ps__rail-y.ps--clicking { + background-color: transparent !important; + opacity: 0.9; +} + +@media only screen and (max-width: 575px) { + .chart-link { + display: flex; + align-items: center; + } +} + +@media only screen and (max-width: 1199px) { + .chart-link { + display: flex; + align-items: center; + } +} + +@media only screen and (min-width: 1200px) { + .chart-link { + display: flex; + align-items: center; + } +} + +.chart-link .week-link { + display: inline-block; +} + +.chart-link a { + display: inline-block; + font-size: 12px; + font-weight: 500; + margin-right: 10px; +} + +.chart-link a i { + font-size: 13px; +} + +.chart-link a i.text-primary { + color: var(--primary); +} + +.chart-link a i.text-muted { + color: #DAE2F3 !important; +} + +.chart-link .form-control { + max-width: 97px; + display: inline-block; +} + +.input-group.input-group-lg .form-control, +.input-group.input-group-lg .input-group-text { + height: 80px; + padding: 10px 30px; +} + +@media only screen and (max-width: 575px) { + + .input-group.input-group-lg .form-control, + .input-group.input-group-lg .input-group-text { + height: 50px; + padding: 10px 15px; + font-size: 14px; + } +} + +.input-group.input-group-lg .input-group-text { + width: 200px; + text-align: left; +} + +@media only screen and (max-width: 575px) { + .input-group.input-group-lg .input-group-text { + width: 120px; + padding: 10px 15px; + height: 50px; + font-size: 14px; + } +} + +.card-tabs .nav-tabs { + border-bottom: 0px; + background: #F4F5F9; + padding: 0; + border-radius: 0; + flex-wrap: unset; +} + +.card-tabs .nav-tabs .nav-link { + border-radius: 0; + padding: 12px 20px; + font-weight: 500; + font-size: 14px; + border: 0; +} + +.card-tabs .nav-tabs .nav-link.active { + background: var(--primary); + color: #fff; +} + +@media only screen and (max-width: 1400px) { + .card-tabs .nav-tabs .nav-link { + padding: 8px 15px; + font-weight: 400; + font-size: 13px; + } +} + +.card-tabs .nav-tabs.tabs-lg .nav-link { + padding: 23px 30px; + font-size: 16px; +} + +@media only screen and (max-width: 767px) { + .card-tabs .nav-tabs.tabs-lg .nav-link { + padding: 10px 15px; + font-size: 14px; + } +} + +.card-tabs.icontabs .nav-tabs { + background: transparent; +} + +.card-tabs.icontabs .nav-tabs .nav-item .nav-link { + height: 42px; + width: 42px; + line-height: 42px; + text-align: center; + background: rgba(137, 137, 137, 0.6); + color: #fff; + margin-right: 15px; + border-radius: 50px; + padding: 0; +} + +.card-tabs.icontabs .nav-tabs .nav-item .nav-link.active { + background: #FE8024; +} + +.card-tabs.icontabs .nav-tabs .nav-item .nav-link i { + font-size: 25px; + line-height: 42px; +} + +.revenue-chart .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series { + display: flex !important; + margin-right: 30px !important; + margin-bottom: 30px !important; +} + +.revenue-chart-bar { + margin-bottom: -30px; +} + +@media only screen and (max-width: 575px) { + .revenue-chart-bar { + margin-bottom: 20px; + float: none; + padding-left: 20px; + } +} + +@media only screen and (min-width: 1200px) and (max-width: 1600px) { + .revenue-chart-bar { + margin-bottom: 20px; + float: none; + padding-left: 20px; + } +} + +#activeUser { + height: 215px !important; +} + +#activeUser { + height: 180px !important; +} + +span#counter { + font-size: 30px; + font-weight: 700; + color: var(--primary); +} + +.social-graph-wrapper { + text-align: center; + padding: 20px; + position: relative; + color: #fff; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} + +.social-graph-wrapper.widget-facebook { + background-color: #3b5998; +} + +.social-graph-wrapper.widget-twitter { + background-color: #1da1f2; +} + +.social-graph-wrapper.widget-linkedin { + background-color: #007bb6; +} + +.social-graph-wrapper.widget-googleplus { + background-color: #db4439; +} + +.social-graph-wrapper .s-icon { + font-size: 24px; + position: relative; + padding: 0 10px; +} + +.recent-stats i { + font-size: 11px; + position: relative; + top: -1px; +} + +@media only screen and (min-width: 1200px) and (max-width: 1600px) { + #lineChart_3Kk { + height: 140px !important; + } +} + +/* add menu sidebar */ +.add-menu-sidebar { + background: var(--primary); + padding: 40px 20px 20px; + border-radius: 0; + position: relative; + margin: 50px 50px 30px; +} + +@media only screen and (max-width: 1400px) { + .add-menu-sidebar { + margin: 50px 25px 30px; + } +} + +@media only screen and (max-width: 575px) { + .add-menu-sidebar { + margin: 20px 25px 30px; + } +} + +.add-menu-sidebar p { + font-size: 16px; + line-height: 1.4; + font-weight: 300; + color: #fff; +} + +.add-menu-sidebar:after { + position: absolute; + background-image: url("../images/dots.svg"); + background-repeat: no-repeat; + bottom: 10px; + right: 20px; + content: ""; + height: 30px; + width: 25px; +} + +.donut-chart-sale { + position: relative; +} + +.donut-chart-sale small { + font-size: 16px; + position: absolute; + width: 100%; + height: 100%; + left: 0; + display: flex; + align-items: center; + top: 0; + justify-content: center; + font-weight: 600; +} + +.profile-bx { + border-bottom: 1px solid #EEEEEE; +} + +.profile-bx .profile-image { + background-image: url("../images/circle.png"); + background-repeat: no-repeat; + background-size: contain; + background-position: center; +} + +.profile-bx .profile-image img { + margin: 18px; + width: 118px; +} + +@media only screen and (max-width: 1199px) { + .profile-bx { + border-bottom: 0; + } +} + +@media only screen and (max-width: 767px) { + .profile-bx { + border-bottom: 1px solid #EEEEEE; + } +} + +.search-area { + width: 300px; +} + +.search-area .form-control { + background: #E3E3E3; + border-width: 0px; + padding-left: 20px; + border-radius: 60px 0 0 60px; +} + +.search-area .input-group-text { + background: #E3E3E3; + border-width: 0px; + padding-right: 25px; + border-radius: 0 60px 60px 0; +} + +@media only screen and (max-width: 991px) { + .search-area { + width: 200px; + } +} + +.contact-icon { + height: 50px; + width: 50px; + min-width: 50px; + border: 1px solid var(--rgba-primary-2); + color: var(--primary); + font-size: 30px; + border-radius: 100%; + line-height: 50px; + text-align: center; +} + +@media only screen and (max-width: 1400px) { + .contact-icon { + height: 41px; + width: 41px; + line-height: 41px; + min-width: 41px; + font-size: 18px; + } +} + +.toogle-bx { + height: 16px; + position: relative; + width: 33px; + -webkit-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; + background: #D8D8D8; + border-radius: 23px; +} + +.toogle-bx span { + -webkit-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; + background: #959595; + height: 24px; + width: 24px; + position: absolute; + top: 50%; + transform: translatey(-50%); + left: -10px; + border-radius: 100%; +} + +.toogle-bx.active { + -webkit-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; + background: var(--rgba-primary-3); +} + +.toogle-bx.active span { + -webkit-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; + left: 18px; + background: var(--primary); +} + +.min-w30 { + min-width: 30px; +} + +.min-w32 { + min-width: 32px; +} + +.min-w42 { + min-width: 42px; +} + +.min-w46 { + min-width: 46px; +} + +.min-w50 { + min-width: 50px; +} + +@media only screen and (max-width: 575px) { + .search-filter .dropdown.custom-dropdown { + margin: 0 15px 0 0 !important; + } + + .search-filter a.mb-2 { + margin-top: 10px; + } +} + +@media only screen and (max-width: 1400px) { + .search-job.search-job-xl .search-dropdown { + border-right: 0 !important; + margin-bottom: 15px; + } +} + +@media only screen and (max-width: 1199px) { + .search-job.search-job-xl .search-dropdown { + border-right: 1px solid #EEEEEE !important; + margin-bottom: 0; + } +} + +@media only screen and (max-width: 991px) { + .search-job.search-job-xl .search-dropdown { + border-right: 0 !important; + margin-bottom: 15px; + } +} + +@media only screen and (max-width: 991px) { + .search-job .search-dropdown { + border-right: 0 !important; + margin-bottom: 15px; + } +} + +.feature-icon { + border: 1px solid #DCD7E8; +} + +@media only screen and (max-width: 1199px) { + .activity-card { + border-left: 1px solid #EEEEEE; + } +} + +@media only screen and (max-width: 767px) { + .activity-card { + border-left: 0; + } +} + +.portfolios-card>div { + background: #FBFBFB; +} + +.search-dropdown { + border-right: 1px solid #EEEEEE; +} + +.search-dropdown .dashboard-select.style-1 { + border: 0; + display: block; + flex: 1; +} + +.primary-icon path { + fill: var(--primary); +} + +.owl-carousel-1 .owl-item img { + width: auto; +} + +.grid-tabs .nav-link { + padding: 0; + height: 52px; + width: 52px; + line-height: 50px; + text-align: center; + border-radius: 52px; + border: 1px solid var(--primary); + margin-right: 15px; +} + +.grid-tabs .nav-link svg path { + fill: var(--primary); +} + +.grid-tabs .nav-link.active { + background: var(--primary); +} + +.grid-tabs .nav-link.active svg path { + fill: #fff; +} + +.grid-tabs .nav-item:last-child .nav-link { + margin-right: 0; +} + +@media only screen and (max-width: 1400px) { + .grid-tabs .nav-link { + height: 40px; + width: 40px; + line-height: 38px; + } +} + +.search-row .title { + font-size: 20px; + font-weight: 600; +} + +.search-row .sub-title { + font-size: 18px; +} + +.search-row:hover { + box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); +} + +@media only screen and (max-width: 1400px) { + .search-row .title { + font-size: 17px; + } + + .search-row .sub-title { + font-size: 16px; + } +} + +.like-btn { + display: inline-block; + padding-left: 0; + margin-bottom: 12px; + cursor: pointer; + font-size: 22px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-family: FontAwesome; +} + +.like-btn input { + opacity: 0; + cursor: pointer; + height: 0; + width: 0; + display: block; +} + +.checkmark { + height: 40px; + text-align: center; + line-height: 38px; + width: 40px; + display: block; + border: 1px solid var(--primary); + border-radius: 20px; +} + +@media only screen and (max-width: 1400px) { + .checkmark { + height: 32px; + width: 32px; + line-height: 29px; + } +} + +.like-btn .checkmark:before { + content: "\f097"; + font-size: 20px; + font-weight: 400; + color: var(--primary); +} + +@media only screen and (max-width: 1400px) { + .like-btn .checkmark:before { + font-size: 17px; + } +} + +.like-btn input:checked~.checkmark { + background-color: var(--primary); +} + +.like-btn input:checked~.checkmark:before { + width: 100%; + height: 100%; + background-color: var(--primary); + left: 0; + top: 0; + border-radius: 20px; + color: #fff; + padding: 3px 6px; +} + +/* +=================================== + Product detail +===================================*/ +.produtct-detail-tag { + display: inline-block; +} + +.produtct-detail-tag a { + font-style: 13px; + color: #B1B1B1; +} + +.product-detail-content .item-tag { + background: #828690; + border-radius: 6px; + display: inline-block; + font-size: 12px; + margin-right: 4px; + padding: 2px 12px; + color: #fff; +} + +.filtaring-area h4 { + color: #1d1d1d; + font-size: 16px; + font-weight: 400; + text-transform: lowercase; +} + +.plus-minus-input .input-icon { + font-size: 13px; + color: #B1B1B1; +} + +.plus-minus-input { + display: flex; + width: 120px; +} + +.plus-minus-input .custom-btn { + border-radius: 0; + height: 40px; + padding: 12px 8px; + background: #fff; + border: 1px solid #f0f1f5; +} + +.plus-minus-input .form-control:hover, +.plus-minus-input .form-control:focus, +.plus-minus-input .form-control:active { + border: 1px solid #f0f1f5; +} + +.btn-reveal-trigger .avatar-xl { + min-width: 30px; +} + +.share-view { + display: inline-block; +} + +.share-view ul li { + display: inline-block; +} + +.share-view .share-icon { + width: 40px; + height: 40px; + display: inline-block; + border: 1px solid #f0f1f5; + text-align: center; + line-height: 40px; + font-style: 16px; + color: #f0f1f5; + margin-right: 8px; +} + +/*--------tab----------*/ +.veritical-line { + padding: 20px 30px; + border-top: 1px solid #f0f1f5; + border-right: 1px solid #f0f1f5; + border-bottom: 1px solid #f0f1f5; + position: relative; +} + +.veritical-line:before { + background: #f0f1f5; + bottom: 0; + content: ""; + height: 100%; + left: -1px; + max-height: 40%; + position: absolute; + width: 1px; +} + +.tab-content-text p { + color: #B1B1B1; + font-size: 13px; + font-weight: 400; + line-height: 24px; + margin-bottom: 25px; +} + +.tab-item-list li a { + background: #fff; + border-top: 1px solid #f0f1f5; + border-left: 1px solid #f0f1f5; + border-right: 1px solid #f0f1f5; + color: #B1B1B1; + display: block; + font-size: 16px; + padding: 16px; + text-transform: uppercase; +} + +.tab-item-list li a:hover, +.tab-item-list li a:focus { + background: #fff; + color: #B1B1B1; + border-right: 0px; +} + +.tab-item-list li:last-child { + border-bottom: 1px solid #f0f1f5; +} + +.tab-list li { + margin-bottom: 7px; + font-size: 13px; +} + +.tab-list li i { + font-size: 13px; + margin-right: 14px; +} + +.slide-item-list { + text-align: center; + margin: 0 -5px; +} + +.slide-item-list li { + display: inline-block; + flex: 0 0 25%; + width: 25%; + padding: 0 5px; +} + +.slide-item-list li a { + display: inline-block; + padding-left: 0; + padding-right: 0; + padding-top: 0; + background: transparent; + padding-bottom: 0px; +} + +.slide-item-list li a:hover, +.slide-item-list li a:focus { + background: transparent; +} + +.slide-item-list li a img { + width: 100%; +} + +.product-detail-text { + padding-top: 28px; + padding-left: 30px; + padding-right: 30px; + padding-bottom: 70px; +} + +.star-rating .product-review { + font-style: 13px; + color: #B1B1B1; + font-weight: 400; + text-decoration: underline !important; +} + +.product-detail .tab-content img { + display: inline-block; + width: 100%; +} + +.popular-tag ul { + margin: 0px; + padding: 0px; +} + +.popular-tag ul li { + display: inline-block; + padding: 8px 15px; + background: #f8f8f8; + font-size: 13px; + color: #fff; + margin-right: 10px; + margin-bottom: 10px; +} + +.size-filter ul li { + display: inline-block; +} + +.intro { + border: 1px solid red; + color: #1d1d1d; +} + +#listResults .slider { + margin: 25px 0; +} + +#listResults .slider-box { + width: 90%; + margin: 25px auto; +} + +#listResults input { + width: 10%; +} + +#listResults label { + border: none; + display: inline-block; + margin-right: -4px; + vertical-align: top; + width: 30%; +} + +.plus-minus-input .input-icon { + font-size: 13px; + color: #aaaaaa; +} + +.plus-minus-input .custom-btn { + border-radius: 0; + height: 40px; + padding: 8px 12px; + background: #ffffff; + border: 1px solid #c8c8c8; +} + +.plus-minus-input .custom-btn:hover, +.plus-minus-input .custom-btn:focus, +.plus-minus-input .custom-btn.active { + box-shadow: none; + outline: none; +} + +.plus-minus-input .form-control { + height: 40px; + border-top: 1px solid #c8c8c8; + border-bottom: 1px solid #c8c8c8; + border-left: 0px solid #c8c8c8; + border-right: 1px solid #c8c8c8; +} + +.plus-minus-input .form-control:hover, +.plus-minus-input .form-control:focus, +.plus-minus-input .form-control:active { + border-top: 1px solid #c8c8c8; + border-bottom: 1px solid #c8c8c8; + border-left: 0px solid #c8c8c8; + border-right: 0px solid #c8c8c8; +} + +.new-arrival-product .new-arrivals-img-contnent { + overflow: hidden; +} + +.new-arrival-product .new-arrivals-img-contnent img { + width: 100%; + -webkit-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; +} + +.new-arrival-product:hover .new-arrivals-img-contnent img { + transform: scale(1.5) translateY(12%); + -moz-transform: scale(1.5) translateY(12%); + -webkit-transform: scale(1.5) translateY(12%); + -ms-transform: scale(1.5) translateY(12%); + -o-transform: scale(1.5) translateY(12%); +} + +/* +=================================== + list view +===================================*/ +.new-arrival-content .item { + font-size: 12px; + color: #B1B1B1; +} + +.new-arrival-content h4 { + font-size: 16px; + text-transform: uppercase; + font-weight: 600; + margin-bottom: 10px; +} + +.new-arrival-content .price { + font-weight: 700; + color: var(--primary); + font-size: 22px; + margin-bottom: 20px; +} + +.new-arrival-content p { + font-size: 14px; + color: #828690; + margin-bottom: 6px; + line-height: 24px; +} + +.new-arrival-content .text-content { + margin-top: 18px; +} + +.success-icon { + color: #1BD084; + font-size: 16px; +} + +.comment-review { + position: absolute; + right: 0; + top: 25px; +} + +.comment-review .client-review { + color: #828690; + padding-right: 20px; + text-decoration: underline !important; + font-size: 14px; +} + +.comment-review .span { + color: #828690; + font-size: 14px; +} + +.star-rating li { + display: inline-block; +} + +.star-rating li i { + color: gold; +} + +.rtl { + text-align: right; + direction: rtl; +} + +.rtl .nav { + padding-right: 0; +} + +.rtl .navbar-nav .nav-item { + float: right; +} + +.rtl .navbar-nav .nav-item+.nav-item { + margin-right: 1rem; + margin-left: inherit; +} + +.rtl th { + text-align: right; +} + +.rtl .alert-dismissible { + padding-right: 1.25rem; + padding-left: 4rem; +} + +.rtl .dropdown-menu { + right: 0; + text-align: right; +} + +.rtl .checkbox label { + padding-right: 1.25rem; + padding-left: inherit; +} + +.rtl .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-radius: 0 0.75rem 0.75rem 0; +} + +.rtl .btn-group>.btn:last-child:not(:first-child), +.rtl .btn-group>.dropdown-toggle:not(:first-child) { + border-radius: 0.75rem 0 0 0.75rem; +} + +.rtl .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child { + border-radius: 0.75rem 0 0 0.75rem; +} + +.rtl .custom-control-label::after, +.rtl .custom-control-label::before { + right: 0; + left: inherit; +} + +.rtl .custom-select { + padding: 0.375rem 0.75rem 0.375rem 1.75rem; + background: #fff url("data:image/svg+xml,") no-repeat left 0.75rem center; + background-size: 8px 10px; +} + +.rtl .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), +.rtl .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), +.rtl .input-group>.input-group-append:not(:last-child)>.btn, +.rtl .input-group>.input-group-append:not(:last-child)>.input-group-text, +.rtl .input-group>.input-group-prepend>.btn, +.rtl .input-group>.input-group-prepend>.input-group-text { + border-radius: 0 0.75rem 0.75rem 0; +} + +.rtl .input-group>.input-group-append>.btn, +.rtl .input-group>.input-group-append>.input-group-text, +.rtl .input-group>.input-group-prepend:first-child>.btn:not(:first-child), +.rtl .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), +.rtl .input-group>.input-group-prepend:not(:first-child)>.btn, +.rtl .input-group>.input-group-prepend:not(:first-child)>.input-group-text { + border-radius: 0.75rem 0 0 0.75rem; +} + +.rtl .input-group>.custom-select:not(:first-child), +.rtl .input-group>.form-control:not(:first-child) { + border-radius: 0.75rem 0 0 0.75rem; +} + +.rtl .input-group>.custom-select:not(:last-child), +.rtl .input-group>.form-control:not(:last-child) { + border-radius: 0 0.75rem 0.75rem 0; +} + +.rtl .input-group>.custom-select:not(:last-child):not(:first-child), +.rtl .input-group>.form-control:not(:last-child):not(:first-child) { + border-radius: 0; +} + +.rtl .custom-control { + padding-right: 1.5rem; + padding-left: inherit; + margin-right: inherit; + margin-left: 1rem; +} + +.rtl .custom-control-indicator { + right: 0; + left: inherit; +} + +.rtl .custom-file-label::after { + right: initial; + left: -1px; + border-radius: .25rem 0 0 .25rem; +} + +.rtl .radio input, +.rtl .radio-inline, +.rtl .checkbox input, +.rtl .checkbox-inline input { + margin-right: -1.25rem; + margin-left: inherit; +} + +.rtl .list-group { + padding-right: 0; + padding-left: 40px; +} + +.rtl .close { + float: left; +} + +.rtl .modal-header .close { + margin: -15px auto -15px -15px; +} + +.rtl .modal-footer> :not(:first-child) { + margin-right: .25rem; +} + +.rtl .alert-dismissible .close { + right: inherit; + left: 0; +} + +.rtl .dropdown-toggle::after { + margin-right: .255em; + margin-left: 0; +} + +.rtl .form-check-input { + margin-right: -1.25rem; + margin-left: inherit; +} + +.rtl .form-check-label { + padding-right: 1.25rem; + padding-left: inherit; +} + +.rtl .offset-1 { + margin-right: 8.3333333333%; + margin-left: 0; +} + +.rtl .offset-2 { + margin-right: 16.6666666667%; + margin-left: 0; +} + +.rtl .offset-3 { + margin-right: 25%; + margin-left: 0; +} + +.rtl .offset-4 { + margin-right: 33.3333333333%; + margin-left: 0; +} + +.rtl .offset-5 { + margin-right: 41.6666666667%; + margin-left: 0; +} + +.rtl .offset-6 { + margin-right: 50%; + margin-left: 0; +} + +.rtl .offset-7 { + margin-right: 58.3333333333%; + margin-left: 0; +} + +.rtl .offset-8 { + margin-right: 66.6666666667%; + margin-left: 0; +} + +.rtl .offset-9 { + margin-right: 75%; + margin-left: 0; +} + +.rtl .offset-10 { + margin-right: 83.3333333333%; + margin-left: 0; +} + +.rtl .offset-11 { + margin-right: 91.6666666667%; + margin-left: 0; +} + +@media (min-width: 576px) { + .rtl .offset-sm-0 { + margin-right: 0; + margin-left: 0; + } + + .rtl .offset-sm-1 { + margin-right: 8.3333333333%; + margin-left: 0; + } + + .rtl .offset-sm-2 { + margin-right: 16.6666666667%; + margin-left: 0; + } + + .rtl .offset-sm-3 { + margin-right: 25%; + margin-left: 0; + } + + .rtl .offset-sm-4 { + margin-right: 33.3333333333%; + margin-left: 0; + } + + .rtl .offset-sm-5 { + margin-right: 41.6666666667%; + margin-left: 0; + } + + .rtl .offset-sm-6 { + margin-right: 50%; + margin-left: 0; + } + + .rtl .offset-sm-7 { + margin-right: 58.3333333333%; + margin-left: 0; + } + + .rtl .offset-sm-8 { + margin-right: 66.6666666667%; + margin-left: 0; + } + + .rtl .offset-sm-9 { + margin-right: 75%; + margin-left: 0; + } + + .rtl .offset-sm-10 { + margin-right: 83.3333333333%; + margin-left: 0; + } + + .rtl .offset-sm-11 { + margin-right: 91.6666666667%; + margin-left: 0; + } +} + +@media (min-width: 768px) { + .rtl .offset-md-0 { + margin-right: 0; + margin-left: 0; + } + + .rtl .offset-md-1 { + margin-right: 8.3333333333%; + margin-left: 0; + } + + .rtl .offset-md-2 { + margin-right: 16.6666666667%; + margin-left: 0; + } + + .rtl .offset-md-3 { + margin-right: 25%; + margin-left: 0; + } + + .rtl .offset-md-4 { + margin-right: 33.3333333333%; + margin-left: 0; + } + + .rtl .offset-md-5 { + margin-right: 41.6666666667%; + margin-left: 0; + } + + .rtl .offset-md-6 { + margin-right: 50%; + margin-left: 0; + } + + .rtl .offset-md-7 { + margin-right: 58.3333333333%; + margin-left: 0; + } + + .rtl .offset-md-8 { + margin-right: 66.6666666667%; + margin-left: 0; + } + + .rtl .offset-md-9 { + margin-right: 75%; + margin-left: 0; + } + + .rtl .offset-md-10 { + margin-right: 83.3333333333%; + margin-left: 0; + } + + .rtl .offset-md-11 { + margin-right: 91.6666666667%; + margin-left: 0; + } +} + +@media (min-width: 992px) { + .rtl .offset-lg-0 { + margin-right: 0; + margin-left: 0; + } + + .rtl .offset-lg-1 { + margin-right: 8.3333333333%; + margin-left: 0; + } + + .rtl .offset-lg-2 { + margin-right: 16.6666666667%; + margin-left: 0; + } + + .rtl .offset-lg-3 { + margin-right: 25%; + margin-left: 0; + } + + .rtl .offset-lg-4 { + margin-right: 33.3333333333%; + margin-left: 0; + } + + .rtl .offset-lg-5 { + margin-right: 41.6666666667%; + margin-left: 0; + } + + .rtl .offset-lg-6 { + margin-right: 50%; + margin-left: 0; + } + + .rtl .offset-lg-7 { + margin-right: 58.3333333333%; + margin-left: 0; + } + + .rtl .offset-lg-8 { + margin-right: 66.6666666667%; + margin-left: 0; + } + + .rtl .offset-lg-9 { + margin-right: 75%; + margin-left: 0; + } + + .rtl .offset-lg-10 { + margin-right: 83.3333333333%; + margin-left: 0; + } + + .rtl .offset-lg-11 { + margin-right: 91.6666666667%; + margin-left: 0; + } +} + +@media (min-width: 1200px) { + .rtl .offset-xl-0 { + margin-right: 0; + margin-left: 0; + } + + .rtl .offset-xl-1 { + margin-right: 8.3333333333%; + margin-left: 0; + } + + .rtl .offset-xl-2 { + margin-right: 16.6666666667%; + margin-left: 0; + } + + .rtl .offset-xl-3 { + margin-right: 25%; + margin-left: 0; + } + + .rtl .offset-xl-4 { + margin-right: 33.3333333333%; + margin-left: 0; + } + + .rtl .offset-xl-5 { + margin-right: 41.6666666667%; + margin-left: 0; + } + + .rtl .offset-xl-6 { + margin-right: 50%; + margin-left: 0; + } + + .rtl .offset-xl-7 { + margin-right: 58.3333333333%; + margin-left: 0; + } + + .rtl .offset-xl-8 { + margin-right: 66.6666666667%; + margin-left: 0; + } + + .rtl .offset-xl-9 { + margin-right: 75%; + margin-left: 0; + } + + .rtl .offset-xl-10 { + margin-right: 83.3333333333%; + margin-left: 0; + } + + .rtl .offset-xl-11 { + margin-right: 91.6666666667%; + margin-left: 0; + } +} + +@media (min-width: 1440) { + .rtl .offset-xxl-0 { + margin-right: 0; + margin-left: 0; + } + + .rtl .offset-xxl-1 { + margin-right: 8.3333333333%; + margin-left: 0; + } + + .rtl .offset-xxl-2 { + margin-right: 16.6666666667%; + margin-left: 0; + } + + .rtl .offset-xxl-3 { + margin-right: 25%; + margin-left: 0; + } + + .rtl .offset-xxl-4 { + margin-right: 33.3333333333%; + margin-left: 0; + } + + .rtl .offset-xxl-5 { + margin-right: 41.6666666667%; + margin-left: 0; + } + + .rtl .offset-xxl-6 { + margin-right: 50%; + margin-left: 0; + } + + .rtl .offset-xxl-7 { + margin-right: 58.3333333333%; + margin-left: 0; + } + + .rtl .offset-xxl-8 { + margin-right: 66.6666666667%; + margin-left: 0; + } + + .rtl .offset-xxl-9 { + margin-right: 75%; + margin-left: 0; + } + + .rtl .offset-xxl-10 { + margin-right: 83.3333333333%; + margin-left: 0; + } + + .rtl .offset-xxl-11 { + margin-right: 91.6666666667%; + margin-left: 0; + } +} + +.rtl .mr-0, +.rtl .mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} + +.rtl .ml-0, +.rtl .mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; +} + +.rtl .mr-1, +.rtl .mx-1 { + margin-right: 0 !important; + margin-left: 0.25rem !important; +} + +.rtl .ml-1, +.rtl .mx-1 { + margin-left: 0 !important; + margin-right: 0.25rem !important; +} + +.rtl .mr-2, +.rtl .mx-2 { + margin-right: 0 !important; + margin-left: 0.5rem !important; +} + +.rtl .ml-2, +.rtl .mx-2 { + margin-left: 0 !important; + margin-right: 0.5rem !important; +} + +.rtl .mr-3, +.rtl .mx-3 { + margin-right: 0 !important; + margin-left: 1rem !important; +} + +.rtl .ml-3, +.rtl .mx-3 { + margin-left: 0 !important; + margin-right: 1rem !important; +} + +.rtl .mr-4, +.rtl .mx-4 { + margin-right: 0 !important; + margin-left: 1.5rem !important; +} + +.rtl .ml-4, +.rtl .mx-4 { + margin-left: 0 !important; + margin-right: 1.5rem !important; +} + +.rtl .mr-5, +.rtl .mx-5 { + margin-right: 0 !important; + margin-left: 3rem !important; +} + +.rtl .ml-5, +.rtl .mx-5 { + margin-left: 0 !important; + margin-right: 3rem !important; +} + +.rtl .pr-0, +.rtl .px-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} + +.rtl .pl-0, +.rtl .px-0 { + padding-left: 0 !important; + padding-right: 0 !important; +} + +.rtl .pr-1, +.rtl .px-1 { + padding-right: 0 !important; + padding-left: 0.25rem !important; +} + +.rtl .pl-1, +.rtl .px-1 { + padding-left: 0 !important; + padding-right: 0.25rem !important; +} + +.rtl .pr-2, +.rtl .px-2 { + padding-right: 0 !important; + padding-left: 0.5rem !important; +} + +.rtl .pl-2, +.rtl .px-2 { + padding-left: 0 !important; + padding-right: 0.5rem !important; +} + +.rtl .pr-3, +.rtl .px-3 { + padding-right: 0 !important; + padding-left: 1rem !important; +} + +.rtl .pl-3, +.rtl .px-3 { + padding-left: 0 !important; + padding-right: 1rem !important; +} + +.rtl .pr-4, +.rtl .px-4 { + padding-right: 0 !important; + padding-left: 1.5rem !important; +} + +.rtl .pl-4, +.rtl .px-4 { + padding-left: 0 !important; + padding-right: 1.5rem !important; +} + +.rtl .pr-5, +.rtl .px-5 { + padding-right: 0 !important; + padding-left: 3rem !important; +} + +.rtl .pl-5, +.rtl .px-5 { + padding-left: 0 !important; + padding-right: 3rem !important; +} + +.rtl .mr-auto { + margin-right: 0 !important; + margin-left: auto !important; +} + +.rtl .ml-auto { + margin-right: auto !important; + margin-left: 0 !important; +} + +.rtl .mx-auto { + margin-right: auto !important; + margin-left: auto !important; +} + +@media (min-width: 576px) { + + .rtl .mr-sm-0, + .rtl .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .rtl .ml-sm-0, + .rtl .mx-sm-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } + + .rtl .mr-sm-1, + .rtl .mx-sm-1 { + margin-right: 0 !important; + margin-left: 0.25rem !important; + } + + .rtl .ml-sm-1, + .rtl .mx-sm-1 { + margin-left: 0 !important; + margin-right: 0.25rem !important; + } + + .rtl .mr-sm-2, + .rtl .mx-sm-2 { + margin-right: 0 !important; + margin-left: 0.5rem !important; + } + + .rtl .ml-sm-2, + .rtl .mx-sm-2 { + margin-left: 0 !important; + margin-right: 0.5rem !important; + } + + .rtl .mr-sm-3, + .rtl .mx-sm-3 { + margin-right: 0 !important; + margin-left: 1rem !important; + } + + .rtl .ml-sm-3, + .rtl .mx-sm-3 { + margin-left: 0 !important; + margin-right: 1rem !important; + } + + .rtl .mr-sm-4, + .rtl .mx-sm-4 { + margin-right: 0 !important; + margin-left: 1.5rem !important; + } + + .rtl .ml-sm-4, + .rtl .mx-sm-4 { + margin-left: 0 !important; + margin-right: 1.5rem !important; + } + + .rtl .mr-sm-5, + .rtl .mx-sm-5 { + margin-right: 0 !important; + margin-left: 3rem !important; + } + + .rtl .ml-sm-5, + .rtl .mx-sm-5 { + margin-left: 0 !important; + margin-right: 3rem !important; + } + + .rtl .pr-sm-0, + .rtl .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .rtl .pl-sm-0, + .rtl .px-sm-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } + + .rtl .pr-sm-1, + .rtl .px-sm-1 { + padding-right: 0 !important; + padding-left: 0.25rem !important; + } + + .rtl .pl-sm-1, + .rtl .px-sm-1 { + padding-left: 0 !important; + padding-right: 0.25rem !important; + } + + .rtl .pr-sm-2, + .rtl .px-sm-2 { + padding-right: 0 !important; + padding-left: 0.5rem !important; + } + + .rtl .pl-sm-2, + .rtl .px-sm-2 { + padding-left: 0 !important; + padding-right: 0.5rem !important; + } + + .rtl .pr-sm-3, + .rtl .px-sm-3 { + padding-right: 0 !important; + padding-left: 1rem !important; + } + + .rtl .pl-sm-3, + .rtl .px-sm-3 { + padding-left: 0 !important; + padding-right: 1rem !important; + } + + .rtl .pr-sm-4, + .rtl .px-sm-4 { + padding-right: 0 !important; + padding-left: 1.5rem !important; + } + + .rtl .pl-sm-4, + .rtl .px-sm-4 { + padding-left: 0 !important; + padding-right: 1.5rem !important; + } + + .rtl .pr-sm-5, + .rtl .px-sm-5 { + padding-right: 0 !important; + padding-left: 3rem !important; + } + + .rtl .pl-sm-5, + .rtl .px-sm-5 { + padding-left: 0 !important; + padding-right: 3rem !important; + } + + .rtl .mr-sm-auto { + margin-right: 0 !important; + margin-left: auto !important; + } + + .rtl .ml-sm-auto { + margin-right: auto !important; + margin-left: 0 !important; + } + + .rtl .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } +} + +@media (min-width: 768px) { + + .rtl .mr-md-0, + .rtl .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .rtl .ml-md-0, + .rtl .mx-md-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } + + .rtl .mr-md-1, + .rtl .mx-md-1 { + margin-right: 0 !important; + margin-left: 0.25rem !important; + } + + .rtl .ml-md-1, + .rtl .mx-md-1 { + margin-left: 0 !important; + margin-right: 0.25rem !important; + } + + .rtl .mr-md-2, + .rtl .mx-md-2 { + margin-right: 0 !important; + margin-left: 0.5rem !important; + } + + .rtl .ml-md-2, + .rtl .mx-md-2 { + margin-left: 0 !important; + margin-right: 0.5rem !important; + } + + .rtl .mr-md-3, + .rtl .mx-md-3 { + margin-right: 0 !important; + margin-left: 1rem !important; + } + + .rtl .ml-md-3, + .rtl .mx-md-3 { + margin-left: 0 !important; + margin-right: 1rem !important; + } + + .rtl .mr-md-4, + .rtl .mx-md-4 { + margin-right: 0 !important; + margin-left: 1.5rem !important; + } + + .rtl .ml-md-4, + .rtl .mx-md-4 { + margin-left: 0 !important; + margin-right: 1.5rem !important; + } + + .rtl .mr-md-5, + .rtl .mx-md-5 { + margin-right: 0 !important; + margin-left: 3rem !important; + } + + .rtl .ml-md-5, + .rtl .mx-md-5 { + margin-left: 0 !important; + margin-right: 3rem !important; + } + + .rtl .pr-md-0, + .rtl .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .rtl .pl-md-0, + .rtl .px-md-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } + + .rtl .pr-md-1, + .rtl .px-md-1 { + padding-right: 0 !important; + padding-left: 0.25rem !important; + } + + .rtl .pl-md-1, + .rtl .px-md-1 { + padding-left: 0 !important; + padding-right: 0.25rem !important; + } + + .rtl .pr-md-2, + .rtl .px-md-2 { + padding-right: 0 !important; + padding-left: 0.5rem !important; + } + + .rtl .pl-md-2, + .rtl .px-md-2 { + padding-left: 0 !important; + padding-right: 0.5rem !important; + } + + .rtl .pr-md-3, + .rtl .px-md-3 { + padding-right: 0 !important; + padding-left: 1rem !important; + } + + .rtl .pl-md-3, + .rtl .px-md-3 { + padding-left: 0 !important; + padding-right: 1rem !important; + } + + .rtl .pr-md-4, + .rtl .px-md-4 { + padding-right: 0 !important; + padding-left: 1.5rem !important; + } + + .rtl .pl-md-4, + .rtl .px-md-4 { + padding-left: 0 !important; + padding-right: 1.5rem !important; + } + + .rtl .pr-md-5, + .rtl .px-md-5 { + padding-right: 0 !important; + padding-left: 3rem !important; + } + + .rtl .pl-md-5, + .rtl .px-md-5 { + padding-left: 0 !important; + padding-right: 3rem !important; + } + + .rtl .mr-md-auto { + margin-right: 0 !important; + margin-left: auto !important; + } + + .rtl .ml-md-auto { + margin-right: auto !important; + margin-left: 0 !important; + } + + .rtl .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } +} + +@media (min-width: 992px) { + + .rtl .mr-lg-0, + .rtl .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .rtl .ml-lg-0, + .rtl .mx-lg-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } + + .rtl .mr-lg-1, + .rtl .mx-lg-1 { + margin-right: 0 !important; + margin-left: 0.25rem !important; + } + + .rtl .ml-lg-1, + .rtl .mx-lg-1 { + margin-left: 0 !important; + margin-right: 0.25rem !important; + } + + .rtl .mr-lg-2, + .rtl .mx-lg-2 { + margin-right: 0 !important; + margin-left: 0.5rem !important; + } + + .rtl .ml-lg-2, + .rtl .mx-lg-2 { + margin-left: 0 !important; + margin-right: 0.5rem !important; + } + + .rtl .mr-lg-3, + .rtl .mx-lg-3 { + margin-right: 0 !important; + margin-left: 1rem !important; + } + + .rtl .ml-lg-3, + .rtl .mx-lg-3 { + margin-left: 0 !important; + margin-right: 1rem !important; + } + + .rtl .mr-lg-4, + .rtl .mx-lg-4 { + margin-right: 0 !important; + margin-left: 1.5rem !important; + } + + .rtl .ml-lg-4, + .rtl .mx-lg-4 { + margin-left: 0 !important; + margin-right: 1.5rem !important; + } + + .rtl .mr-lg-5, + .rtl .mx-lg-5 { + margin-right: 0 !important; + margin-left: 3rem !important; + } + + .rtl .ml-lg-5, + .rtl .mx-lg-5 { + margin-left: 0 !important; + margin-right: 3rem !important; + } + + .rtl .pr-lg-0, + .rtl .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .rtl .pl-lg-0, + .rtl .px-lg-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } + + .rtl .pr-lg-1, + .rtl .px-lg-1 { + padding-right: 0 !important; + padding-left: 0.25rem !important; + } + + .rtl .pl-lg-1, + .rtl .px-lg-1 { + padding-left: 0 !important; + padding-right: 0.25rem !important; + } + + .rtl .pr-lg-2, + .rtl .px-lg-2 { + padding-right: 0 !important; + padding-left: 0.5rem !important; + } + + .rtl .pl-lg-2, + .rtl .px-lg-2 { + padding-left: 0 !important; + padding-right: 0.5rem !important; + } + + .rtl .pr-lg-3, + .rtl .px-lg-3 { + padding-right: 0 !important; + padding-left: 1rem !important; + } + + .rtl .pl-lg-3, + .rtl .px-lg-3 { + padding-left: 0 !important; + padding-right: 1rem !important; + } + + .rtl .pr-lg-4, + .rtl .px-lg-4 { + padding-right: 0 !important; + padding-left: 1.5rem !important; + } + + .rtl .pl-lg-4, + .rtl .px-lg-4 { + padding-left: 0 !important; + padding-right: 1.5rem !important; + } + + .rtl .pr-lg-5, + .rtl .px-lg-5 { + padding-right: 0 !important; + padding-left: 3rem !important; + } + + .rtl .pl-lg-5, + .rtl .px-lg-5 { + padding-left: 0 !important; + padding-right: 3rem !important; + } + + .rtl .mr-lg-auto { + margin-right: 0 !important; + margin-left: auto !important; + } + + .rtl .ml-lg-auto { + margin-right: auto !important; + margin-left: 0 !important; + } + + .rtl .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } +} + +@media (min-width: 1200px) { + + .rtl .mr-xl-0, + .rtl .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .rtl .ml-xl-0, + .rtl .mx-xl-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } + + .rtl .mr-xl-1, + .rtl .mx-xl-1 { + margin-right: 0 !important; + margin-left: 0.25rem !important; + } + + .rtl .ml-xl-1, + .rtl .mx-xl-1 { + margin-left: 0 !important; + margin-right: 0.25rem !important; + } + + .rtl .mr-xl-2, + .rtl .mx-xl-2 { + margin-right: 0 !important; + margin-left: 0.5rem !important; + } + + .rtl .ml-xl-2, + .rtl .mx-xl-2 { + margin-left: 0 !important; + margin-right: 0.5rem !important; + } + + .rtl .mr-xl-3, + .rtl .mx-xl-3 { + margin-right: 0 !important; + margin-left: 1rem !important; + } + + .rtl .ml-xl-3, + .rtl .mx-xl-3 { + margin-left: 0 !important; + margin-right: 1rem !important; + } + + .rtl .mr-xl-4, + .rtl .mx-xl-4 { + margin-right: 0 !important; + margin-left: 1.5rem !important; + } + + .rtl .ml-xl-4, + .rtl .mx-xl-4 { + margin-left: 0 !important; + margin-right: 1.5rem !important; + } + + .rtl .mr-xl-5, + .rtl .mx-xl-5 { + margin-right: 0 !important; + margin-left: 3rem !important; + } + + .rtl .ml-xl-5, + .rtl .mx-xl-5 { + margin-left: 0 !important; + margin-right: 3rem !important; + } + + .rtl .pr-xl-0, + .rtl .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .rtl .pl-xl-0, + .rtl .px-xl-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } + + .rtl .pr-xl-1, + .rtl .px-xl-1 { + padding-right: 0 !important; + padding-left: 0.25rem !important; + } + + .rtl .pl-xl-1, + .rtl .px-xl-1 { + padding-left: 0 !important; + padding-right: 0.25rem !important; + } + + .rtl .pr-xl-2, + .rtl .px-xl-2 { + padding-right: 0 !important; + padding-left: 0.5rem !important; + } + + .rtl .pl-xl-2, + .rtl .px-xl-2 { + padding-left: 0 !important; + padding-right: 0.5rem !important; + } + + .rtl .pr-xl-3, + .rtl .px-xl-3 { + padding-right: 0 !important; + padding-left: 1rem !important; + } + + .rtl .pl-xl-3, + .rtl .px-xl-3 { + padding-left: 0 !important; + padding-right: 1rem !important; + } + + .rtl .pr-xl-4, + .rtl .px-xl-4 { + padding-right: 0 !important; + padding-left: 1.5rem !important; + } + + .rtl .pl-xl-4, + .rtl .px-xl-4 { + padding-left: 0 !important; + padding-right: 1.5rem !important; + } + + .rtl .pr-xl-5, + .rtl .px-xl-5 { + padding-right: 0 !important; + padding-left: 3rem !important; + } + + .rtl .pl-xl-5, + .rtl .px-xl-5 { + padding-left: 0 !important; + padding-right: 3rem !important; + } + + .rtl .mr-xl-auto { + margin-right: 0 !important; + margin-left: auto !important; + } + + .rtl .ml-xl-auto { + margin-right: auto !important; + margin-left: 0 !important; + } + + .rtl .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } +} + +@media (min-width: 1440) { + + .rtl .mr-xxl-0, + .rtl .mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .rtl .ml-xxl-0, + .rtl .mx-xxl-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } + + .rtl .mr-xxl-1, + .rtl .mx-xxl-1 { + margin-right: 0 !important; + margin-left: 0.25rem !important; + } + + .rtl .ml-xxl-1, + .rtl .mx-xxl-1 { + margin-left: 0 !important; + margin-right: 0.25rem !important; + } + + .rtl .mr-xxl-2, + .rtl .mx-xxl-2 { + margin-right: 0 !important; + margin-left: 0.5rem !important; + } + + .rtl .ml-xxl-2, + .rtl .mx-xxl-2 { + margin-left: 0 !important; + margin-right: 0.5rem !important; + } + + .rtl .mr-xxl-3, + .rtl .mx-xxl-3 { + margin-right: 0 !important; + margin-left: 1rem !important; + } + + .rtl .ml-xxl-3, + .rtl .mx-xxl-3 { + margin-left: 0 !important; + margin-right: 1rem !important; + } + + .rtl .mr-xxl-4, + .rtl .mx-xxl-4 { + margin-right: 0 !important; + margin-left: 1.5rem !important; + } + + .rtl .ml-xxl-4, + .rtl .mx-xxl-4 { + margin-left: 0 !important; + margin-right: 1.5rem !important; + } + + .rtl .mr-xxl-5, + .rtl .mx-xxl-5 { + margin-right: 0 !important; + margin-left: 3rem !important; + } + + .rtl .ml-xxl-5, + .rtl .mx-xxl-5 { + margin-left: 0 !important; + margin-right: 3rem !important; + } + + .rtl .pr-xxl-0, + .rtl .px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .rtl .pl-xxl-0, + .rtl .px-xxl-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } + + .rtl .pr-xxl-1, + .rtl .px-xxl-1 { + padding-right: 0 !important; + padding-left: 0.25rem !important; + } + + .rtl .pl-xxl-1, + .rtl .px-xxl-1 { + padding-left: 0 !important; + padding-right: 0.25rem !important; + } + + .rtl .pr-xxl-2, + .rtl .px-xxl-2 { + padding-right: 0 !important; + padding-left: 0.5rem !important; + } + + .rtl .pl-xxl-2, + .rtl .px-xxl-2 { + padding-left: 0 !important; + padding-right: 0.5rem !important; + } + + .rtl .pr-xxl-3, + .rtl .px-xxl-3 { + padding-right: 0 !important; + padding-left: 1rem !important; + } + + .rtl .pl-xxl-3, + .rtl .px-xxl-3 { + padding-left: 0 !important; + padding-right: 1rem !important; + } + + .rtl .pr-xxl-4, + .rtl .px-xxl-4 { + padding-right: 0 !important; + padding-left: 1.5rem !important; + } + + .rtl .pl-xxl-4, + .rtl .px-xxl-4 { + padding-left: 0 !important; + padding-right: 1.5rem !important; + } + + .rtl .pr-xxl-5, + .rtl .px-xxl-5 { + padding-right: 0 !important; + padding-left: 3rem !important; + } + + .rtl .pl-xxl-5, + .rtl .px-xxl-5 { + padding-left: 0 !important; + padding-right: 3rem !important; + } + + .rtl .mr-xxl-auto { + margin-right: 0 !important; + margin-left: auto !important; + } + + .rtl .ml-xxl-auto { + margin-right: auto !important; + margin-left: 0 !important; + } + + .rtl .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; + } +} + +.rtl .text-right { + text-align: left !important; +} + +.rtl .text-left { + text-align: right !important; +} + +@media (min-width: 576px) { + .rtl .text-sm-right { + text-align: left !important; + } + + .rtl .text-sm-left { + text-align: right !important; + } +} + +@media (min-width: 768px) { + .rtl .text-md-right { + text-align: left !important; + } + + .rtl .text-md-left { + text-align: right !important; + } +} + +@media (min-width: 992px) { + .rtl .text-lg-right { + text-align: left !important; + } + + .rtl .text-lg-left { + text-align: right !important; + } +} + +@media (min-width: 1200px) { + .rtl .text-xl-right { + text-align: left !important; + } + + .rtl .text-xl-left { + text-align: right !important; + } +} + +@media (min-width: 1440) { + .rtl .text-xxl-right { + text-align: left !important; + } + + .rtl .text-xxl-left { + text-align: right !important; + } +} + +.rtl .mx-0 { + margin-right: auto; + margin-left: 0 !important; +} + +.rtl .mx-0 { + margin-left: auto; + margin-right: 0 !important; +} + +.rtl .mx-1 { + margin-right: auto; + margin-left: 0.25rem !important; +} + +.rtl .mx-1 { + margin-left: auto; + margin-right: 0.25rem !important; +} + +.rtl .mx-2 { + margin-right: auto; + margin-left: 0.5rem !important; +} + +.rtl .mx-2 { + margin-left: auto; + margin-right: 0.5rem !important; +} + +.rtl .mx-3 { + margin-right: auto; + margin-left: 1rem !important; +} + +.rtl .mx-3 { + margin-left: auto; + margin-right: 1rem !important; +} + +.rtl .mx-4 { + margin-right: auto; + margin-left: 1.5rem !important; +} + +.rtl .mx-4 { + margin-left: auto; + margin-right: 1.5rem !important; +} + +.rtl .mx-5 { + margin-right: auto; + margin-left: 3rem !important; +} + +.rtl .mx-5 { + margin-left: auto; + margin-right: 3rem !important; +} + +.rtl .px-0 { + padding-right: auto; + padding-left: 0 !important; +} + +.rtl .px-0 { + padding-left: auto; + padding-right: 0 !important; +} + +.rtl .px-1 { + padding-right: auto; + padding-left: 0.25rem !important; +} + +.rtl .px-1 { + padding-left: auto; + padding-right: 0.25rem !important; +} + +.rtl .px-2 { + padding-right: auto; + padding-left: 0.5rem !important; +} + +.rtl .px-2 { + padding-left: auto; + padding-right: 0.5rem !important; +} + +.rtl .px-3 { + padding-right: auto; + padding-left: 1rem !important; +} + +.rtl .px-3 { + padding-left: auto; + padding-right: 1rem !important; +} + +.rtl .px-4 { + padding-right: auto; + padding-left: 1.5rem !important; +} + +.rtl .px-4 { + padding-left: auto; + padding-right: 1.5rem !important; +} + +.rtl .px-5 { + padding-right: auto; + padding-left: 3rem !important; +} + +.rtl .px-5 { + padding-left: auto; + padding-right: 3rem !important; +} + +.rtl .mr-auto { + margin-right: 0 !important; + margin-left: auto !important; +} + +.rtl .mx-auto { + margin-right: auto !important; + margin-left: auto !important; +} + +.rtl .ml-auto { + margin-right: auto !important; + margin-left: 0 !important; +} + +.rtl .mx-auto { + margin-right: auto !important; + margin-left: auto !important; +} + +@media (min-width: 576px) { + .rtl .mx-sm-0 { + margin-right: auto; + margin-left: 0 !important; + } + + .rtl .mx-sm-0 { + margin-left: auto; + margin-right: 0 !important; + } + + .rtl .mx-sm-1 { + margin-right: auto; + margin-left: 0.25rem !important; + } + + .rtl .mx-sm-1 { + margin-left: auto; + margin-right: 0.25rem !important; + } + + .rtl .mx-sm-2 { + margin-right: auto; + margin-left: 0.5rem !important; + } + + .rtl .mx-sm-2 { + margin-left: auto; + margin-right: 0.5rem !important; + } + + .rtl .mx-sm-3 { + margin-right: auto; + margin-left: 1rem !important; + } + + .rtl .mx-sm-3 { + margin-left: auto; + margin-right: 1rem !important; + } + + .rtl .mx-sm-4 { + margin-right: auto; + margin-left: 1.5rem !important; + } + + .rtl .mx-sm-4 { + margin-left: auto; + margin-right: 1.5rem !important; + } + + .rtl .mx-sm-5 { + margin-right: auto; + margin-left: 3rem !important; + } + + .rtl .mx-sm-5 { + margin-left: auto; + margin-right: 3rem !important; + } + + .rtl .px-sm-0 { + padding-right: auto; + padding-left: 0 !important; + } + + .rtl .px-sm-0 { + padding-left: auto; + padding-right: 0 !important; + } + + .rtl .px-sm-1 { + padding-right: auto; + padding-left: 0.25rem !important; + } + + .rtl .px-sm-1 { + padding-left: auto; + padding-right: 0.25rem !important; + } + + .rtl .px-sm-2 { + padding-right: auto; + padding-left: 0.5rem !important; + } + + .rtl .px-sm-2 { + padding-left: auto; + padding-right: 0.5rem !important; + } + + .rtl .px-sm-3 { + padding-right: auto; + padding-left: 1rem !important; + } + + .rtl .px-sm-3 { + padding-left: auto; + padding-right: 1rem !important; + } + + .rtl .px-sm-4 { + padding-right: auto; + padding-left: 1.5rem !important; + } + + .rtl .px-sm-4 { + padding-left: auto; + padding-right: 1.5rem !important; + } + + .rtl .px-sm-5 { + padding-right: auto; + padding-left: 3rem !important; + } + + .rtl .px-sm-5 { + padding-left: auto; + padding-right: 3rem !important; + } + + .rtl .mr-sm-auto { + margin-right: 0 !important; + margin-left: auto !important; + } + + .rtl .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .rtl .ml-sm-auto { + margin-right: auto !important; + margin-left: 0 !important; + } + + .rtl .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } +} + +@media (min-width: 768px) { + .rtl .mx-md-0 { + margin-right: auto; + margin-left: 0 !important; + } + + .rtl .mx-md-0 { + margin-left: auto; + margin-right: 0 !important; + } + + .rtl .mx-md-1 { + margin-right: auto; + margin-left: 0.25rem !important; + } + + .rtl .mx-md-1 { + margin-left: auto; + margin-right: 0.25rem !important; + } + + .rtl .mx-md-2 { + margin-right: auto; + margin-left: 0.5rem !important; + } + + .rtl .mx-md-2 { + margin-left: auto; + margin-right: 0.5rem !important; + } + + .rtl .mx-md-3 { + margin-right: auto; + margin-left: 1rem !important; + } + + .rtl .mx-md-3 { + margin-left: auto; + margin-right: 1rem !important; + } + + .rtl .mx-md-4 { + margin-right: auto; + margin-left: 1.5rem !important; + } + + .rtl .mx-md-4 { + margin-left: auto; + margin-right: 1.5rem !important; + } + + .rtl .mx-md-5 { + margin-right: auto; + margin-left: 3rem !important; + } + + .rtl .mx-md-5 { + margin-left: auto; + margin-right: 3rem !important; + } + + .rtl .px-md-0 { + padding-right: auto; + padding-left: 0 !important; + } + + .rtl .px-md-0 { + padding-left: auto; + padding-right: 0 !important; + } + + .rtl .px-md-1 { + padding-right: auto; + padding-left: 0.25rem !important; + } + + .rtl .px-md-1 { + padding-left: auto; + padding-right: 0.25rem !important; + } + + .rtl .px-md-2 { + padding-right: auto; + padding-left: 0.5rem !important; + } + + .rtl .px-md-2 { + padding-left: auto; + padding-right: 0.5rem !important; + } + + .rtl .px-md-3 { + padding-right: auto; + padding-left: 1rem !important; + } + + .rtl .px-md-3 { + padding-left: auto; + padding-right: 1rem !important; + } + + .rtl .px-md-4 { + padding-right: auto; + padding-left: 1.5rem !important; + } + + .rtl .px-md-4 { + padding-left: auto; + padding-right: 1.5rem !important; + } + + .rtl .px-md-5 { + padding-right: auto; + padding-left: 3rem !important; + } + + .rtl .px-md-5 { + padding-left: auto; + padding-right: 3rem !important; + } + + .rtl .mr-md-auto { + margin-right: 0 !important; + margin-left: auto !important; + } + + .rtl .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .rtl .ml-md-auto { + margin-right: auto !important; + margin-left: 0 !important; + } + + .rtl .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } +} + +@media (min-width: 992px) { + .rtl .mx-lg-0 { + margin-right: auto; + margin-left: 0 !important; + } + + .rtl .mx-lg-0 { + margin-left: auto; + margin-right: 0 !important; + } + + .rtl .mx-lg-1 { + margin-right: auto; + margin-left: 0.25rem !important; + } + + .rtl .mx-lg-1 { + margin-left: auto; + margin-right: 0.25rem !important; + } + + .rtl .mx-lg-2 { + margin-right: auto; + margin-left: 0.5rem !important; + } + + .rtl .mx-lg-2 { + margin-left: auto; + margin-right: 0.5rem !important; + } + + .rtl .mx-lg-3 { + margin-right: auto; + margin-left: 1rem !important; + } + + .rtl .mx-lg-3 { + margin-left: auto; + margin-right: 1rem !important; + } + + .rtl .mx-lg-4 { + margin-right: auto; + margin-left: 1.5rem !important; + } + + .rtl .mx-lg-4 { + margin-left: auto; + margin-right: 1.5rem !important; + } + + .rtl .mx-lg-5 { + margin-right: auto; + margin-left: 3rem !important; + } + + .rtl .mx-lg-5 { + margin-left: auto; + margin-right: 3rem !important; + } + + .rtl .px-lg-0 { + padding-right: auto; + padding-left: 0 !important; + } + + .rtl .px-lg-0 { + padding-left: auto; + padding-right: 0 !important; + } + + .rtl .px-lg-1 { + padding-right: auto; + padding-left: 0.25rem !important; + } + + .rtl .px-lg-1 { + padding-left: auto; + padding-right: 0.25rem !important; + } + + .rtl .px-lg-2 { + padding-right: auto; + padding-left: 0.5rem !important; + } + + .rtl .px-lg-2 { + padding-left: auto; + padding-right: 0.5rem !important; + } + + .rtl .px-lg-3 { + padding-right: auto; + padding-left: 1rem !important; + } + + .rtl .px-lg-3 { + padding-left: auto; + padding-right: 1rem !important; + } + + .rtl .px-lg-4 { + padding-right: auto; + padding-left: 1.5rem !important; + } + + .rtl .px-lg-4 { + padding-left: auto; + padding-right: 1.5rem !important; + } + + .rtl .px-lg-5 { + padding-right: auto; + padding-left: 3rem !important; + } + + .rtl .px-lg-5 { + padding-left: auto; + padding-right: 3rem !important; + } + + .rtl .mr-lg-auto { + margin-right: 0 !important; + margin-left: auto !important; + } + + .rtl .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .rtl .ml-lg-auto { + margin-right: auto !important; + margin-left: 0 !important; + } + + .rtl .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } +} + +@media (min-width: 1200px) { + .rtl .mx-xl-0 { + margin-right: auto; + margin-left: 0 !important; + } + + .rtl .mx-xl-0 { + margin-left: auto; + margin-right: 0 !important; + } + + .rtl .mx-xl-1 { + margin-right: auto; + margin-left: 0.25rem !important; + } + + .rtl .mx-xl-1 { + margin-left: auto; + margin-right: 0.25rem !important; + } + + .rtl .mx-xl-2 { + margin-right: auto; + margin-left: 0.5rem !important; + } + + .rtl .mx-xl-2 { + margin-left: auto; + margin-right: 0.5rem !important; + } + + .rtl .mx-xl-3 { + margin-right: auto; + margin-left: 1rem !important; + } + + .rtl .mx-xl-3 { + margin-left: auto; + margin-right: 1rem !important; + } + + .rtl .mx-xl-4 { + margin-right: auto; + margin-left: 1.5rem !important; + } + + .rtl .mx-xl-4 { + margin-left: auto; + margin-right: 1.5rem !important; + } + + .rtl .mx-xl-5 { + margin-right: auto; + margin-left: 3rem !important; + } + + .rtl .mx-xl-5 { + margin-left: auto; + margin-right: 3rem !important; + } + + .rtl .px-xl-0 { + padding-right: auto; + padding-left: 0 !important; + } + + .rtl .px-xl-0 { + padding-left: auto; + padding-right: 0 !important; + } + + .rtl .px-xl-1 { + padding-right: auto; + padding-left: 0.25rem !important; + } + + .rtl .px-xl-1 { + padding-left: auto; + padding-right: 0.25rem !important; + } + + .rtl .px-xl-2 { + padding-right: auto; + padding-left: 0.5rem !important; + } + + .rtl .px-xl-2 { + padding-left: auto; + padding-right: 0.5rem !important; + } + + .rtl .px-xl-3 { + padding-right: auto; + padding-left: 1rem !important; + } + + .rtl .px-xl-3 { + padding-left: auto; + padding-right: 1rem !important; + } + + .rtl .px-xl-4 { + padding-right: auto; + padding-left: 1.5rem !important; + } + + .rtl .px-xl-4 { + padding-left: auto; + padding-right: 1.5rem !important; + } + + .rtl .px-xl-5 { + padding-right: auto; + padding-left: 3rem !important; + } + + .rtl .px-xl-5 { + padding-left: auto; + padding-right: 3rem !important; + } + + .rtl .mr-xl-auto { + margin-right: 0 !important; + margin-left: auto !important; + } + + .rtl .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .rtl .ml-xl-auto { + margin-right: auto !important; + margin-left: 0 !important; + } + + .rtl .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } +} + +@media (min-width: 1440) { + .rtl .mx-xxl-0 { + margin-right: auto; + margin-left: 0 !important; + } + + .rtl .mx-xxl-0 { + margin-left: auto; + margin-right: 0 !important; + } + + .rtl .mx-xxl-1 { + margin-right: auto; + margin-left: 0.25rem !important; + } + + .rtl .mx-xxl-1 { + margin-left: auto; + margin-right: 0.25rem !important; + } + + .rtl .mx-xxl-2 { + margin-right: auto; + margin-left: 0.5rem !important; + } + + .rtl .mx-xxl-2 { + margin-left: auto; + margin-right: 0.5rem !important; + } + + .rtl .mx-xxl-3 { + margin-right: auto; + margin-left: 1rem !important; + } + + .rtl .mx-xxl-3 { + margin-left: auto; + margin-right: 1rem !important; + } + + .rtl .mx-xxl-4 { + margin-right: auto; + margin-left: 1.5rem !important; + } + + .rtl .mx-xxl-4 { + margin-left: auto; + margin-right: 1.5rem !important; + } + + .rtl .mx-xxl-5 { + margin-right: auto; + margin-left: 3rem !important; + } + + .rtl .mx-xxl-5 { + margin-left: auto; + margin-right: 3rem !important; + } + + .rtl .px-xxl-0 { + padding-right: auto; + padding-left: 0 !important; + } + + .rtl .px-xxl-0 { + padding-left: auto; + padding-right: 0 !important; + } + + .rtl .px-xxl-1 { + padding-right: auto; + padding-left: 0.25rem !important; + } + + .rtl .px-xxl-1 { + padding-left: auto; + padding-right: 0.25rem !important; + } + + .rtl .px-xxl-2 { + padding-right: auto; + padding-left: 0.5rem !important; + } + + .rtl .px-xxl-2 { + padding-left: auto; + padding-right: 0.5rem !important; + } + + .rtl .px-xxl-3 { + padding-right: auto; + padding-left: 1rem !important; + } + + .rtl .px-xxl-3 { + padding-left: auto; + padding-right: 1rem !important; + } + + .rtl .px-xxl-4 { + padding-right: auto; + padding-left: 1.5rem !important; + } + + .rtl .px-xxl-4 { + padding-left: auto; + padding-right: 1.5rem !important; + } + + .rtl .px-xxl-5 { + padding-right: auto; + padding-left: 3rem !important; + } + + .rtl .px-xxl-5 { + padding-left: auto; + padding-right: 3rem !important; + } + + .rtl .mr-xxl-auto { + margin-right: 0 !important; + margin-left: auto !important; + } + + .rtl .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .rtl .ml-xxl-auto { + margin-right: auto !important; + margin-left: 0 !important; + } + + .rtl .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; + } +} + +.rtl .float-left { + float: right !important; +} + +.rtl .float-right { + float: left !important; +} + +.rtl .float-none { + float: none !important; +} + +@media (min-width: 576px) { + .rtl .float-sm-left { + float: right !important; + } + + .rtl .float-sm-right { + float: left !important; + } + + .rtl .float-sm-none { + float: none !important; + } +} + +@media (min-width: 768px) { + .rtl .float-md-left { + float: right !important; + } + + .rtl .float-md-right { + float: left !important; + } + + .rtl .float-md-none { + float: none !important; + } +} + +@media (min-width: 992px) { + .rtl .float-lg-left { + float: right !important; + } + + .rtl .float-lg-right { + float: left !important; + } + + .rtl .float-lg-none { + float: none !important; + } +} + +@media (min-width: 1200px) { + .rtl .float-xl-left { + float: right !important; + } + + .rtl .float-xl-right { + float: left !important; + } + + .rtl .float-xl-none { + float: none !important; + } +} + +@media (min-width: 1440) { + .rtl .float-xxl-left { + float: right !important; + } + + .rtl .float-xxl-right { + float: left !important; + } + + .rtl .float-xxl-none { + float: none !important; + } +} + +[direction="rtl"] { + /* .text-right { + text-align: left !important; + } + + .text-left { + text-align: right !important; + } */ +} + +[direction="rtl"][data-theme-version="dark"] .border, +[direction="rtl"][data-theme-version="dark"] .border-left, +[direction="rtl"][data-theme-version="dark"] .border-right { + border-color: #333a54 !important; +} + +[direction="rtl"] .border-right { + border-left: 1px solid #f0f1f5 !important; + border-right: 0 !important; +} + +[direction="rtl"] .border-left { + border-right: 1px solid #f0f1f5 !important; + border-left: 0 !important; +} + +[direction="rtl"] .dropdown-menu { + left: auto; +} + +[direction="rtl"] .dropdown-menu-right { + left: 0; + right: auto; +} + +@media only screen and (max-width: 575px) { + [direction="rtl"] .dropdown-menu-right { + left: 15px; + } +} + +[direction="rtl"] .notification_dropdown .dropdown-menu-right .media>span { + margin-left: 10px; + margin-right: 0; +} + +[direction="rtl"]:not([data-container="boxed"]) .nav-header { + left: auto; + right: 0; +} + +[direction="rtl"][data-container="wide-boxed"] .nav-header { + left: auto; + right: auto; +} + +[direction="rtl"] .nav-header { + text-align: right; + right: auto; +} + +[direction="rtl"] .nav-header .brand-title { + margin-left: 0; + margin-right: 15px; +} + +[direction="rtl"] .nav-header .brand-logo { + padding-left: 0; + padding-right: 1.75rem; +} + +[data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo { + padding-right: 0; +} + +[data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo[data-layout="horizontal"] { + padding-right: 30px; +} + +[data-sidebar-style="mini"][direction="rtl"] .nav-header .brand-logo { + padding-right: 0; +} + +[data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo { + padding-right: 0; +} + +[data-layout="horizontal"][data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo { + padding-right: 30px; +} + +@media (max-width: 767.98px) { + [direction="rtl"] .nav-header .brand-logo { + padding-right: 0; + } +} + +[direction="rtl"] .nav-control { + right: auto; + left: -4.0625rem; +} + +@media (max-width: 767.98px) { + [direction="rtl"] .nav-control { + left: -4.0625rem; + } +} + +@media (max-width: 575.98px) { + [direction="rtl"] .nav-control { + left: -3.5rem; + } +} + +[direction="rtl"][data-sidebar-style="overlay"] .nav-header .hamburger.is-active { + right: 0; +} + +[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"] .nav-header .brand-logo { + padding-right: 40px; +} + +[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"] .nav-header { + width: 16rem; +} + +[direction="rtl"] .header { + padding: 0; + padding-right: 21.563rem; +} + +@media only screen and (max-width: 1400px) { + [direction="rtl"] .header { + padding-right: 17rem; + } +} + +@media (max-width: 767.98px) { + [direction="rtl"] .header { + padding-right: 5rem; + padding-left: 0; + } +} + +[direction="rtl"] .header .header-content { + padding-left: 1.875rem; + padding-right: 5.3125rem; + border-radius: 0 3.125rem 0 0; +} + +@media only screen and (max-width: 767px) { + [direction="rtl"] .header .header-content { + border-radius: 0; + } +} + +@media only screen and (max-width: 575px) { + [direction="rtl"] .header .header-content { + padding-right: 3.5rem; + padding-left: 0.938rem; + } +} + +[data-sidebar-style="compact"][direction="rtl"] .header .header-content { + padding-right: 1.875rem; +} + +[data-sidebar-style="modern"][direction="rtl"] .header .header-content { + padding-right: 5.3125rem; +} + +[data-sidebar-style="overlay"][direction="rtl"] .header .header-content { + padding-right: 5.3125rem; +} + +@media only screen and (max-width: 575px) { + [data-sidebar-style="overlay"][direction="rtl"] .header .header-content { + padding-right: 0.5rem; + } +} + +[direction="rtl"] .header .nav-control { + right: 0.4375rem; + left: auto; +} + +[direction="rtl"] .header-right>li:not(:first-child) { + padding-left: 0; + padding-right: 1.25rem; + margin-right: 0 !important; +} + +@media only screen and (max-width: 767px) { + [direction="rtl"] .header-right>li:not(:first-child) { + padding-right: 0.5rem; + } +} + +[direction="rtl"] .header-right .header-profile>a.nav-link { + margin-left: auto; + padding-left: auto; + border-left: 0; +} + +[direction="rtl"] .header-right .header-profile>a.nav-link .header-info { + padding-right: 20px; + padding-left: auto; + text-align: right; +} + +@media only screen and (max-width: 1400px) { + [direction="rtl"] .header-right .header-profile>a.nav-link .header-info { + padding-right: 10px; + } +} + +@media only screen and (max-width: 1400px) { + [direction="rtl"] .header-right .header-profile>a.nav-link { + margin-right: 10px; + padding-right: 20px; + } +} + +@media only screen and (max-width: 575px) { + [direction="rtl"] .header-right .header-profile>a.nav-link { + margin-right: 0px; + padding-right: 0px; + border-right: 0; + } +} + +[direction="rtl"] .header-right .search-area .form-control { + padding-right: 20px; + padding-left: 0; + border-radius: 3rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +[direction="rtl"] .header-right .search-area .input-group-text { + padding-left: 20px; + padding-right: 0; + border-radius: 3rem; + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} + +[direction="rtl"] .header-left .search_bar .dropdown-menu, +[direction="rtl"] .header-left .search_bar .dropdown-menu.show { + right: 40px !important; +} + +@media only screen and (max-width: 575px) { + + [direction="rtl"] .header-left .search_bar .dropdown-menu, + [direction="rtl"] .header-left .search_bar .dropdown-menu.show { + right: -100px !important; + } +} + +[direction="rtl"] .header-left .search_bar .search_icon { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 5rem; + border-bottom-right-radius: 5rem; +} + +@media only screen and (max-width: 575px) { + [direction="rtl"] .header-left .search_bar .search_icon { + border-radius: 5rem; + } +} + +[direction="rtl"][data-layout="horizontal"] .header { + padding: 0; + padding-right: 21.563rem; +} + +[direction="rtl"][data-layout="horizontal"] .header .header-content { + padding-right: 2.5rem; + padding-left: 2.5rem; +} + +[direction="rtl"][data-layout="horizontal"][data-sidebar-style="full"] .nav-header .brand-logo { + padding-right: 2.5rem; +} + +[direction="rtl"][data-layout="horizontal"][data-sidebar-style="mini"] .header { + padding-right: 7.75rem; +} + +[direction="rtl"][data-sidebar-style="mini"] .header { + padding-right: 5rem; +} + +[direction="rtl"][data-sidebar-style="compact"] .header { + padding: 0 0; + padding-right: 15rem; +} + +[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"] .header { + padding: 0; + padding-right: 21.563rem; +} + +[direction="rtl"][data-sidebar-style="modern"] .header { + padding: 0 0; + padding-right: 9.4rem; +} + +[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"] .header { + padding: 0; + padding-right: 16rem; +} + +[direction="rtl"] { + text-align: right; +} + +[direction="rtl"] .deznav { + text-align: right; +} + +[direction="rtl"] .deznav .metismenu ul:after { + left: auto; + right: -6px; +} + +[direction="rtl"] .deznav .metismenu ul a:before { + left: auto; + right: 0px; +} + +[direction="rtl"] .deznav .metismenu>li a>i { + margin-right: 0; +} + +[direction="rtl"] .deznav .metismenu li>a i { + padding: 0 0 0 1.5rem; +} + +[direction="rtl"] .deznav .metismenu li>a svg { + margin-left: 5px; + margin-right: 0; +} + +[data-sidebar-style="compact"][direction="rtl"] .deznav .metismenu li>a svg { + left: auto; + margin-left: auto; + margin-right: auto; +} + +[data-sidebar-style="icon-hover"][direction="rtl"] .deznav .metismenu li>a svg { + margin-left: 0; +} + +[direction="rtl"] .deznav .metismenu li ul a { + padding-right: 6.4rem; + padding-left: 0.625rem; +} + +@media only screen and (max-width: 1400px) { + [direction="rtl"] .deznav .metismenu li ul a { + padding-right: 4.5rem; + } +} + +[direction="rtl"] .deznav .metismenu li.active>.has-arrow:after { + transform: rotate(45deg) translateY(-50%); +} + +[direction="rtl"] .deznav .metismenu .has-arrow:after { + left: 1.5625rem; + right: auto; +} + +[data-layout="horizontal"][direction="rtl"] .deznav .metismenu .has-arrow:after { + left: 1.125rem; +} + +[data-sidebar-style="modern"][direction="rtl"] .deznav .metismenu .has-arrow:after { + -webkit-transform: rotate(-45deg) translateY(-50%); + transform: rotate(-45deg) translateY(-50%); +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li .has-arrow:after { + left: 1.5rem; + right: auto; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li { + padding: 0 30px 0 0; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li>a:before { + left: auto; + right: -11px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-top-left-radius: 15px; + border-bottom-left-radius: 15px; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a { + border-radius: 0 3rem 3rem 0; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul { + right: 5rem; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li { + padding: 0 13px; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mm-active>a { + border-radius: 3rem; +} + +[direction="rtl"][data-sidebar-style="mini"] .deznav .metismenu>li>a>i { + padding: 0; +} + +[direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul a.has-arrow:after { + left: 1.5625rem; + right: auto; +} + +[direction="rtl"][data-sidebar-style="compact"] .deznav .metismenu li>a i { + padding: 0; + margin-left: auto; + margin-right: auto; +} + +[direction="rtl"][data-sidebar-style="compact"] .deznav .metismenu li ul a { + padding-right: 0.625rem; + padding-left: 0.625rem; +} + +[direction="rtl"][data-sidebar-style="compact"][data-layout="vertical"] .deznav .metismenu li a:before { + left: auto; + right: 0; + border-radius: 1.25rem 0 0 1.25rem; +} + +[direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu ul a:before { + left: auto; + right: 65px; +} + +[direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu li ul a { + padding-right: 4.5rem; + padding-left: 0.625rem; +} + +[direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu li ul a:before { + left: auto; + right: 40px; +} + +[direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu>li>a:before { + left: auto; + right: 0; + border-radius: 10px 0 0 10px; +} + +[direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a:before { + left: auto; + right: 65px; +} + +[direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu li ul a { + padding-right: 1.5rem; + padding-left: 0.625rem; +} + +[direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu li ul a:before { + left: auto; + right: 30px; +} + +[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul li:hover ul { + right: 11.8125rem; + left: 0; +} + +[direction="rtl"][data-sidebar-style="modern"] .deznav .metismenu li>a i { + padding: 0; +} + +[direction="rtl"] { + /* ===== Light gallery ===== */ +} + +[direction="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow { + left: 15px; + right: auto; +} + +[direction="rtl"] .input-group>.bootstrap-select:not(:first-child) .dropdown-toggle { + border-radius: 0.75rem 0 0 0.75rem; +} + +[direction="rtl"] .list-group { + padding-left: 0; +} + +[direction="rtl"] .form-check-input { + margin-left: -1.25rem; + margin-right: inherit; +} + +[direction="rtl"] .form-check-inline .form-check-input { + margin-right: 0; + margin-left: 10px; +} + +[direction="rtl"] .radio input, +[direction="rtl"] .radio-inline, +[direction="rtl"] .checkbox input, +[direction="rtl"] .checkbox-inline input { + margin-left: 0; + margin-right: 0; +} + +[direction="rtl"] .content-body { + margin-right: 21.563rem; + margin-left: auto; +} + +@media only screen and (max-width: 1400px) { + [direction="rtl"] .content-body { + margin-right: 17rem; + } +} + +[data-sidebar-style="modern"][direction="rtl"] .content-body { + margin-right: 9.375rem; +} + +[direction="rtl"] .content-body .page-titles { + text-align: right; +} + +[direction="rtl"] .doctor-info-details .media-body span i, +[direction="rtl"] .recovered-chart-deta .col [class*="bg-"] { + margin-right: 0; + margin-left: 10px; +} + +[direction="rtl"] .patients-chart-deta .col, +[direction="rtl"] .patients-chart-deta .col [class*="bg-"], +[direction="rtl"] .recovered-chart-deta .col { + margin-right: 0; + margin-left: 15px; +} + +[direction="rtl"] .best-doctor .timeline .timeline-panel .media .number { + left: auto; + right: -13px; +} + +[direction="rtl"] .doctor-info-details .media i { + right: 0; + left: -15px; +} + +[direction="rtl"] .review-table .disease { + border-left: 0; + border-right: 1px solid #eee; + padding-left: 0; + padding-right: 20px; +} + +[direction="rtl"] .apexcharts-legend-text { + margin: 4px; +} + +[direction="rtl"] .doctor-info-details .media-body { + padding-left: 0; + padding-right: 40px; +} + +[direction="rtl"] .custom-control { + margin-left: 0; +} + +[direction="rtl"] .review-tab.nav-pills li:first-child a.nav-link { + border-radius: 0 0.75rem 0 0; +} + +[direction="rtl"] .review-tab.nav-pills li:last-child a.nav-link { + border-radius: 0.75rem 0 0 0; +} + +[direction="rtl"] .form-head .btn i { + margin-left: 5px; + margin-right: 0; +} + +[direction="rtl"] .iconbox { + padding-left: 0; + padding-right: 70px; +} + +[direction="rtl"] .iconbox i { + left: auto; + right: 0; +} + +[direction="rtl"] .table.tr-rounded tr td:first-child, +[direction="rtl"] .table.tr-rounded tr th:first-child { + border-radius: 0 1.25rem 1.25rem 0; +} + +[direction="rtl"] .table.tr-rounded tr td:last-child, +[direction="rtl"] .table.tr-rounded tr th:last-child { + border-radius: 1.25rem 0 0 1.25rem; +} + +[direction="rtl"] .custom-switch.toggle-switch.text-right { + padding-left: 48px; + padding-right: 0; +} + +[direction="rtl"] .toggle-switch.text-right .custom-control-label:before { + right: auto !important; + left: -47px; +} + +[direction="rtl"] .toggle-switch.text-right .custom-control-label:after { + right: auto !important; + left: -28px; +} + +[direction="rtl"] .toggle-switch.text-right .custom-control-input:checked~.custom-control-label:after { + left: -62px; + right: auto !important; +} + +[direction="rtl"] .check-switch { + padding-right: 40px; +} + +[direction="rtl"] .check-switch .custom-control-label:after, +[direction="rtl"] .check-switch .custom-control-label:before { + right: -35px !important; +} + +[direction="rtl"] .bar-chart .apexcharts-yaxis { + transform: translatex(101%); +} + +[direction="rtl"] .detault-daterange .input-group-text { + padding: 0.532rem 0.75rem; + padding-right: auto; + padding-left: 0; +} + +[direction="rtl"] .form-wrapper .input-group .form-control { + text-align: left; +} + +[direction="rtl"] .timeline-chart .apexcharts-yaxis { + transform: translateX(0); +} + +[direction="rtl"] .card-table td:first-child, +[direction="rtl"] .card-table th:first-child { + padding-right: 30px; + padding-left: 10px; +} + +[direction="rtl"] .card-table td:last-child, +[direction="rtl"] .card-table th:last-child { + padding-left: 30px; + padding-right: 10px; +} + +[direction="rtl"] .chatbox .img_cont { + margin-right: 0px; + margin-left: 10px; +} + +[direction="rtl"] .profile-tab .nav-item .nav-link { + margin-right: 0; + margin-left: 30px; +} + +@media only screen and (max-width: 575px) { + [direction="rtl"] .profile-tab .nav-item .nav-link { + margin-left: 0px; + } +} + +[direction="rtl"] .widget-timeline .timeline>li>.timeline-panel { + margin-left: 0px; + margin-right: 40px; +} + +[direction="rtl"] .widget-timeline.style-1 .timeline .timeline-badge.timeline-badge+.timeline-panel { + padding: 5px 15px 5px 10px; + border-width: 0px 5px 0px 0px; +} + +[direction="rtl"] .widget-timeline.style-1 .timeline .timeline-badge.timeline-badge+.timeline-panel:after { + border: 0; + right: -9px; + width: 7px; + left: auto; + height: 7px; +} + +[direction="rtl"] .widget-timeline .timeline>li>.timeline-badge { + left: auto; + right: 0px; +} + +[direction="rtl"] .widget-timeline .timeline>li>.timeline-panel:after { + left: auto; + right: -5px; +} + +[direction="rtl"] .chatbox .msg_cotainer { + margin-left: 0; + margin-right: 10px; + border-radius: 1.375rem 0 1.375rem 1.375rem; +} + +[direction="rtl"] .chatbox .msg_cotainer:after { + left: auto; + right: -10px; + transform: rotate(-90deg); +} + +[direction="rtl"] .chatbox .type_msg .input-group .input-group-append .btn { + border-top-right-radius: 38px !important; + border-bottom-right-radius: 38px !important; +} + +[direction="rtl"] .chatbox .msg_cotainer_send { + margin-right: 0px; + margin-left: 10px; + border-radius: 0 6px 6px 6px; +} + +[direction="rtl"] .chatbox .msg_cotainer_send:after { + right: auto; + left: -10px; + transform: rotate(90deg); +} + +[direction="rtl"] .comment-review { + right: auto; + left: 0; +} + +[direction="rtl"] .input-group>.bootstrap-select:not(:first-child) .dropdown-toggle { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-top-left-radius: 1.25rem; + border-bottom-left-radius: 1.25rem; +} + +[direction="rtl"] .input-group>.bootstrap-select:not(:last-child) .dropdown-toggle { + border-top-right-radius: 1.25rem; + border-bottom-right-radius: 1.25rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +[direction="rtl"] .breadcrumb-item+.breadcrumb-item { + padding-right: 0.5rem; + padding-left: 0; +} + +[direction="rtl"] .breadcrumb-item+.breadcrumb-item::before { + padding-right: 0; + padding-left: 0.5rem; +} + +[direction="rtl"] .chatbox .chatbox-close { + left: 340px; + right: auto; +} + +[direction="rtl"] .message-search-area .input-group-text { + padding-left: 25px; + padding-right: 10px; + border-left: 1px solid #EEEEEE; + border-right: 0; + border-radius: 2rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +[direction="rtl"] .message-search-area .form-control { + border-right: 1px solid #EEEEEE; + border-left: 0; + border-radius: 2rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +[direction="rtl"] .card-tabs .nav-tabs.style-1 .nav-item .nav-link { + padding-right: 0; + padding-left: 25px; +} + +[direction="rtl"] .chat-box .message-sent p { + border-radius: 20px 20px 20px 0; +} + +[direction="rtl"] .chat-box .message-received p { + border-radius: 20px 0 20px 20px; +} + +[direction="rtl"] .mail-list .list-group-item i { + padding-right: 0; + padding-left: 0.625rem; +} + +[direction="rtl"] .dataTables_wrapper .dataTables_filter input { + margin-left: 0; + margin-right: 0.5em; +} + +[direction="rtl"][data-layout="horizontal"] .content-body { + margin-right: 0; +} + +[direction="rtl"][data-layout="horizontal"] .deznav .metismenu li li .has-arrow:after { + -webkit-transform: rotate(-4deg) translateY(-50%); + transform: rotate(-45deg) translateY(-50%); +} + +[direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"]) .content-body { + margin-right: 5rem; +} + +[direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"]) .content-body { + margin-right: 15rem; +} + +[direction="rtl"][data-sidebar-style="overlay"] .content-body { + margin-right: 0; +} + +[direction="rtl"] #external-events .external-event:before { + margin-right: 0; + margin-left: .9rem; +} + +[direction="rtl"] .post-input a i { + margin-left: 15px; + margin-right: 0; +} + +[direction="rtl"] .deznav .metismenu .has-arrow:after { + -webkit-transform: rotate(-45deg) translateY(-50%); + transform: rotate(-45deg) translateY(-50%); +} + +[direction="rtl"] .deznav .metismenu .has-arrow[aria-expanded=true]:after, +[direction="rtl"] .deznav .metismenu .mm-active>.has-arrow:after { + -webkit-transform: rotate(-135deg) translateY(-50%); + transform: rotate(-135deg); +} + +[direction="rtl"][data-layout="horizontal"] .deznav .metismenu .has-arrow:after { + -webkit-transform: rotate(225deg) translateY(-50%); + transform: rotate(225deg) translateY(-50%); +} + +[direction="rtl"] .chatbox { + left: -500px; + right: auto; +} + +[direction="rtl"] .chatbox.active { + left: 0; + right: auto; +} + +@media only screen and (max-width: 575px) { + [direction="rtl"] .best-doctor .timeline .timeline-panel .media { + float: right; + margin-right: 0 !important; + margin-left: 15px !important; + } +} + +[direction="rtl"] .default-select.style-1 .btn:after { + margin-left: 0; + margin-right: 0.5em; +} + +[direction="rtl"] .pagination .page-indicator { + transform: rotate(180deg); + -moz-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); +} + +[direction="rtl"] .lg-outer.lg-visible { + direction: ltr; +} + +[direction="rtl"] .chart-point .chart-point-list { + margin: 0; + padding-right: 20px; +} + +[direction="rtl"] .noUi-target { + direction: rtl; +} + +[direction="rtl"] .noUi-vertical .noUi-pips-vertical { + left: -20px; +} + +[direction="rtl"] .noUi-vertical .noUi-value-vertical { + padding-left: 0; + padding-right: 25px; +} + +[direction="rtl"] .sidebar-right .ps--active-x>.ps__rail-x { + display: none; +} + +[direction="rtl"] .form-wizard .nav-wizard li .nav-link:after { + right: 50%; + left: auto; +} + +[direction="rtl"] .dtp>.dtp-content { + right: 50%; + left: auto; +} + +[direction="rtl"] .modal-header .close { + margin: 0; + left: 0; + top: 0px; + right: auto; +} + +[direction="rtl"] .input-group-prepend .btn+.btn { + border-radius: 0 !important; +} + +[direction="rtl"] .form-control+.input-group-append .btn:first-child { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} + +[direction="rtl"] .input-group>.custom-file:not(:first-child) .custom-file-label { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 1.25rem; + border-top-left-radius: 1.25rem; +} + +[direction="rtl"] .custom-file-label::after { + border-radius: 1.25rem 0 0 1.25rem; +} + +[direction="rtl"] .input-group>.custom-file:not(:last-child) .custom-file-label { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 1.25rem; + border-bottom-right-radius: 1.25rem; +} + +[direction="rtl"] .input-group>.custom-file:not(:last-child) .custom-file-label::after { + border-radius: 0; +} + +[direction="rtl"] .weather-btn { + margin-left: 20px; +} + +[direction="rtl"] .coin-holding:after { + background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%); + /* FF3.6-15 */ + background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%); + /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to right, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45ffffff', endColorstr='#00ffffff', GradientType=1); + /* IE6-9 */ +} + +[direction="rtl"][data-theme-version="dark"] .coin-holding:after { + background: -moz-linear-gradient(left, rgba(5, 5, 5, 0.27) 0%, rgba(255, 255, 255, 0) 100%); + /* FF3.6-15 */ + background: -webkit-linear-gradient(left, rgba(5, 5, 5, 0.27) 0%, rgba(255, 255, 255, 0) 100%); + /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to right, rgba(5, 5, 5, 0.27) 0%, rgba(255, 255, 255, 0) 100%); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45050505', endColorstr='#00ffffff', GradientType=1); + /* IE6-9 */ +} + +[direction="rtl"] .market-line .apexcharts-yaxis { + transform: translateX(-10px); +} + +[direction="rtl"] .current-chart .apexcharts-datalabels-group text:last-child { + fill: #fff; +} + +[direction="rtl"] .lineChart { + margin-left: 0; + margin-right: auto; +} + +[direction="rtl"] .event-bx .image-bx .info ul li i { + margin-right: 0; + margin-left: 10px; +} + +[direction="rtl"] .event-bx .owl-nav { + right: auto; + left: 52px; + direction: ltr; +} + +[direction="rtl"] .event-bx .owl-dots { + right: auto; + left: 100px; +} + +[direction="rtl"] .default-select.style-2 .btn:after { + margin-left: 0; + margin-right: 10px; +} + +[direction="rtl"] table.dataTable thead .sorting { + background-position: center left 15px; +} + +[direction="rtl"] table.dataTable thead .sorting, +[direction="rtl"] table.dataTable thead .sorting_asc, +[direction="rtl"] table.dataTable thead .sorting_desc, +[direction="rtl"] table.dataTable thead .sorting_asc_disabled, +[direction="rtl"] table.dataTable thead .sorting_desc_disabled { + background-position: center left; +} + +[direction="rtl"] .noUi-target { + direction: rtl; +} + +[direction="rtl"] .noUi-vertical .noUi-pips-vertical { + left: -20px; +} + +[direction="rtl"] .noUi-vertical .noUi-value-vertical { + padding-left: 0; + padding-right: 25px; +} + +[direction="rtl"] .profile-card .title span { + padding-right: 0; + padding-left: 30px; +} + +[direction="rtl"] .skill-progress .progress-bar:after { + right: auto; + left: 0; +} + +[direction="rtl"] .profile-card .form-group .input-icon .form-control { + padding-left: 0px; + border-radius: 0; + padding-right: 70px; +} + +[direction="rtl"] .profile-card .form-group .input-group-prepend { + left: auto; + right: 0px; +} + +[direction="rtl"] .search-dropdown { + border-right: 0; + border-left: 1px solid #EEEEEE; +} + +[direction="rtl"] .new-arrival-content.text-center .price { + float: none; +} + +[direction="rtl"] .bootstrap-popover-wrapper .bootstrap-popover:not(:last-child) { + margin-right: 0; + margin-left: 8px; +} + +@media only screen and (max-width: 1350px) and (min-width: 1200px) { + [direction="rtl"] .content-body { + margin-right: 17rem; + } +} + +[direction="rtl"] .sidebar-right { + left: -32rem; + right: auto; + box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1); +} + +[direction="rtl"] .sidebar-right.show { + left: 0rem; + right: auto; +} + +[direction="rtl"] .sidebar-right .sidebar-right-trigger { + left: 100%; + right: auto; + border-radius: 0 50px 50px 0; + box-shadow: 5px 3px 5px 0px rgba(119, 119, 119, 0.15); +} + +[direction="rtl"] .sidebar-right .sidebar-right-trigger span { + margin-right: 0; + margin-left: 15px; +} + +[direction="rtl"] .sidebar-right .sidebar-right-trigger span.text { + margin-left: 0; +} + +[direction="rtl"] .sidebar-right .sidebar-close-trigger { + left: -48px; + right: auto; +} + +[direction="rtl"] .bootstrap-select .dropdown-toggle .filter-option { + text-align: right; +} + +[direction="rtl"] .dz-demo-panel { + right: auto; + left: 0; + -webkit-transform: translate(-100%, 0); + -ms-transform: translate(-100%, 0); + transform: translate(-100%, 0); +} + +[direction="rtl"] .dz-demo-panel.show { + transform: translate(0px, 0px); + left: 0px; + right: auto; +} + +[direction="rtl"] .dz-demo-panel .dz-demo-trigger { + right: auto; + left: 100%; + border-radius: 0 50px 50px 0; +} + +[direction="rtl"] .dz-demo-panel .dz-demo-trigger svg { + margin-right: 0; + margin-left: 15px; +} + +html[dir="rtl"] [direction="rtl"] .footer { + padding-right: 21.563rem; + padding-left: 0; +} + +html[dir="rtl"] [direction="rtl"] .footer .copyright { + border-radius: 0 0 50px 0; +} + +@media only screen and (max-width: 1400px) { + html[dir="rtl"] [direction="rtl"] .footer { + padding-right: 17rem; + } +} + +@media (max-width: 767.98px) { + html[dir="rtl"] [direction="rtl"] .footer { + padding-right: 0; + } +} + +html[dir="rtl"] [direction="rtl"][data-sidebar-style="overlay"] .footer { + padding-right: 0; +} + +html[dir="rtl"] [direction="rtl"] .menu-toggle .footer { + padding-right: 3.75rem; +} + +html[dir="rtl"] [direction="rtl"][data-container="boxed"] .footer { + padding-right: 0; +} + +html[dir="rtl"] [direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"]) .footer { + padding-right: 5rem; +} + +html[dir="rtl"] [direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"]) .footer { + padding-right: 9.375rem; +} + +[direction="rtl"] .default-accordion .card-header button, +[direction="rtl"] .prevent-accordion .card-header button { + text-align: right; + padding-right: 1.5rem; + padding-left: 40px; +} + +[direction="rtl"] .default-accordion .card-header button:after, +[direction="rtl"] .prevent-accordion .card-header button:after { + right: auto; + left: 20px; +} + +[direction="rtl"] .default-calendar .ngb-dp-header { + direction: ltr; +} + +[direction="rtl"] ngb-toast .toast-header .close { + margin-left: unset; +} + +[direction="rtl"] .calendar-list .list-group-item { + border-left: 0; + border-right: 4px solid #40189D; +} + +[direction="rtl"] .calendar-checkbox input[type=checkbox], +[direction="rtl"] .calendar-checkbox input[type=radio] { + margin-right: 0px; + margin-left: 6px; +} + +[direction="rtl"] .doctor-list .accordion__header--indicator { + right: 0; + left: auto; +} + +[direction="rtl"] .patient-calender ngb-datepicker { + direction: ltr; +} + +/*$primary : #7356f1 !default;*/ +:root { + --primary: #40189D; + --secondary: #8BC740; + --primary-hover: #2e1171; + --primary-dark: #0a0418; + --rgba-primary-1: rgba(64, 24, 157, 0.1); + --rgba-primary-2: rgba(64, 24, 157, 0.2); + --rgba-primary-3: rgba(64, 24, 157, 0.3); + --rgba-primary-4: rgba(64, 24, 157, 0.4); + --rgba-primary-5: rgba(64, 24, 157, 0.5); + --rgba-primary-6: rgba(64, 24, 157, 0.6); + --rgba-primary-7: rgba(64, 24, 157, 0.7); + --rgba-primary-8: rgba(64, 24, 157, 0.8); + --rgba-primary-9: rgba(64, 24, 157, 0.9); + --font-family-base: Roboto, sans-serif; + --font-family-title: Roboto, sans-serif; +} + +[data-theme-version="dark"] { + --nav-headbg: #28253b; + --sidebar-bg: #28253b; + --headerbg: #251e35; + background: #251e35; + color: #828690; +} + +[data-theme-version="dark"] h1, +[data-theme-version="dark"] h2, +[data-theme-version="dark"] h3, +[data-theme-version="dark"] h4, +[data-theme-version="dark"] h5, +[data-theme-version="dark"] h6 { + color: #fff !important; +} + +[data-theme-version="dark"] a.link { + color: #ddd; +} + +[data-theme-version="dark"] a.link:focus, +[data-theme-version="dark"] a.link:hover { + color: #48A9F8; +} + +[data-theme-version="dark"] a:hover { + color: #fff; +} + +[data-theme-version="dark"] .border-right { + border-right: 1px solid #333a54 !important; +} + +[data-theme-version="dark"] .border-left { + border-left: 1px solid #333a54 !important; +} + +[data-theme-version="dark"] .border-top { + border-top: 1px solid #333a54 !important; +} + +[data-theme-version="dark"] .border-bottom { + border-bottom: 1px solid #333a54 !important; +} + +[data-theme-version="dark"] .border { + border: 1px solid #333a54 !important; +} + +[data-theme-version="dark"] .card { + background-color: #28253b; + box-shadow: none; +} + +[data-theme-version="dark"] .dropdown-menu { + background-color: #28253b; + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1); +} + +[data-theme-version="dark"] .dropdown-menu .dropdown-item { + color: #777777; +} + +[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected, +[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected.active, +[data-theme-version="dark"] .dropdown-menu .dropdown-item.active, +[data-theme-version="dark"] .dropdown-menu .dropdown-item:hover, +[data-theme-version="dark"] .dropdown-menu .dropdown-item:focus { + background-color: #28253b; + color: #fff; +} + +[data-theme-version="dark"] a { + color: #fff; +} + +[data-theme-version="dark"] .text-primary { + color: #fff !important; +} + +[data-theme-version="dark"] .btn-link g [fill] { + fill: #fff; +} + +[data-theme-version="dark"] .btn-light:active, +[data-theme-version="dark"] .btn-light:focus, +[data-theme-version="dark"] .btn-light:hover { + color: #000; +} + +[data-theme-version="dark"] .form-control { + background-color: #28253b; + border-color: #333a54; + color: #fff; +} + +[data-theme-version="dark"] .modal-content { + background: #28253b; +} + +[data-theme-version="dark"] .modal-footer, +[data-theme-version="dark"] .modal-header { + border-color: #333a54; +} + +[data-theme-version="dark"] .close { + font-weight: 400; + color: #fff; + text-shadow: none; +} + +[data-theme-version="dark"] .close:hover { + color: #fff; +} + +[data-theme-version="dark"] .star-rating .product-review, +[data-theme-version="dark"] .new-arrival-content .item { + color: #fff; +} + +[data-theme-version="dark"] .custom-dropdown .dropdown-menu { + border-color: #333a54; +} + +[data-theme-version="dark"] .widget-stat .media>span { + background: rgba(255, 255, 255, 0.15); + border-color: #333a54; + color: #fff; +} + +[data-theme-version="dark"] .plus-minus-input .custom-btn { + background: #251e35; + border-color: #333a54; +} + +[data-theme-version="dark"] .dropdown-divider, +[data-theme-version="dark"] .size-filter ul li { + border-color: #333a54; +} + +[data-theme-version="dark"] .custom-select { + border-color: #333a54; + color: #828690; + background: #251e35; +} + +[data-theme-version="dark"] .nav-tabs { + border-color: #333a54; +} + +[data-theme-version="dark"] .mail-list .list-group-item.active i { + color: #fff; +} + +[data-theme-version="dark"] hr { + border-color: #333a54; +} + +[data-theme-version="dark"] .grid-col { + background: #251e35; +} + +[data-theme-version="dark"] .noUi-target { + border-color: #333a54; + border-radius: 8px; + box-shadow: none; +} + +[data-theme-version="dark"] .noUi-target .noUi-connects { + background: #333a54; +} + +[data-theme-version="dark"] .noUi-marker-large, +[data-theme-version="dark"] .noUi-marker { + background: #333a54; +} + +[data-theme-version="dark"] .input-group-text { + background: #28253b; + color: #7e7e7e; + border-color: #333a54; +} + +[data-theme-version="dark"] .note-editor.note-frame { + border-color: #333a54; +} + +[data-theme-version="dark"] .note-editor.note-frame .btn { + color: #fff; +} + +[data-theme-version="dark"] .note-editor.note-frame .note-editing-area .note-editable { + color: #fff; +} + +[data-theme-version="dark"] .widget-media .timeline .timeline-panel { + border-color: #333a54; +} + +[data-theme-version="dark"] .notification_dropdown .dropdown-menu-right .all-notification { + border-color: #333a54; +} + +[data-theme-version="dark"] #user-activity .nav-tabs .nav-link { + border-color: #333a54; +} + +[data-theme-version="dark"] #user-activity .nav-tabs .nav-link.active { + background: #251e35; + color: #fff; +} + +[data-theme-version="dark"] .list-group-item-action { + color: #7e7e7e; +} + +[data-theme-version="dark"] .list-group-item-action:focus, +[data-theme-version="dark"] .list-group-item-action:hover, +[data-theme-version="dark"] .list-group-item-action:focus { + background-color: #251e35; + border-color: #251e35; +} + +[data-theme-version="dark"] .list-group-item.active { + color: #fff; + border-color: var(--primary); +} + +[data-theme-version="dark"] .list-group-item.active:focus, +[data-theme-version="dark"] .list-group-item.active:hover, +[data-theme-version="dark"] .list-group-item.active:focus { + background-color: var(--primary); + border-color: var(--primary); + color: #fff; +} + +[data-theme-version="dark"] .swal2-popup { + background: #28253b; +} + +[data-theme-version="dark"] .form-head .btn-outline-primary { + border-color: #333a54; +} + +[data-theme-version="dark"] .form-head .btn-outline-primary:hover { + border-color: var(--primary); +} + +[data-theme-version="dark"] .review-tab.nav-pills li a.nav-link.active { + background: transparent; +} + +[data-theme-version="dark"] .new-arrival-content h4 a { + color: #fff; +} + +[data-theme-version="dark"] .text-black { + color: #fff !important; +} + +[data-theme-version="dark"] .abilities-chart .ct-chart .ct-label { + fill: #fff; +} + +[data-theme-version="dark"] .morris_chart_height text tspan { + fill: #fff; +} + +[data-theme-version="dark"] .btn-link { + color: #fff; +} + +[data-theme-version="dark"] .order-bg { + background: #251e35; +} + +[data-theme-version="dark"] .detault-daterange .input-group-text { + background: #251e35; + color: #fff; +} + +[data-theme-version="dark"] .dataTablesCard { + background-color: #28253b; +} + +[data-theme-version="dark"] .compose-content .dropzone { + background: #251e35 !important; +} + +[data-theme-version="dark"] .compose-content .dropzone .dz-message .dz-button { + color: #fff; +} + +[data-theme-version="dark"] .daterangepicker { + background: #251e35; + border-color: var(--primary); +} + +[data-theme-version="dark"] .daterangepicker .calendar-table { + border-color: var(--primary); + background: #251e35; +} + +[data-theme-version="dark"] .daterangepicker .calendar-table .table-condensed td:hover { + background-color: var(--primary); + color: #fff; +} + +[data-theme-version="dark"] .daterangepicker:after { + border-bottom: 6px solid #251e35; +} + +[data-theme-version="dark"] .daterangepicker select.hourselect, +[data-theme-version="dark"] .daterangepicker select.minuteselect, +[data-theme-version="dark"] .daterangepicker select.secondselect, +[data-theme-version="dark"] .daterangepicker select.ampmselect { + background: #251e35; + border: 1px solid #333a54; + color: #fff; +} + +[data-theme-version="dark"] .daterangepicker td.off, +[data-theme-version="dark"] .daterangepicker td.off.in-range, +[data-theme-version="dark"] .daterangepicker td.off.start-date, +[data-theme-version="dark"] .daterangepicker td.off.end-date { + background-color: #28253b; +} + +[data-theme-version="dark"] .daterangepicker td.off:hover, +[data-theme-version="dark"] .daterangepicker td.off.in-range:hover, +[data-theme-version="dark"] .daterangepicker td.off.start-date:hover, +[data-theme-version="dark"] .daterangepicker td.off.end-date:hover { + background-color: var(--primary); + color: #fff; +} + +[data-theme-version="dark"] .app-fullcalendar .fc-button { + background-color: #251e35; + border-color: var(--primary); + color: #fff; + text-shadow: none; +} + +[data-theme-version="dark"] .app-fullcalendar .fc-button:hover, +[data-theme-version="dark"] .app-fullcalendar .fc-button.fc-stat-hover { + background-color: var(--primary); +} + +[data-theme-version="dark"] .swal2-popup .swal2-styled:focus { + outline: 0; + box-shadow: 0 0 0 2px #333a54, 0 0 0 4px var(--rgba-primary-1); +} + +[data-theme-version="dark"] .dd-handle { + border-color: #333a54; +} + +[data-theme-version="dark"] .menu-toggle .deznav .metismenu li>ul { + background: #28253b; +} + +[data-theme-version="dark"] .header-right .notification_dropdown .nav-link { + border-color: #333a54; +} + +[data-theme-version="dark"] .nav-tabs .nav-link:hover, +[data-theme-version="dark"] .nav-tabs .nav-link.active { + border-color: var(--primary); +} + +[data-theme-version="dark"] .clockpicker-popover .popover-content { + background-color: #28253b; +} + +[data-theme-version="dark"] .clockpicker-plate { + background-color: #251e35; +} + +[data-theme-version="dark"] .clockpicker-popover .popover-title { + background-color: #251e35; + color: #fff; +} + +[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link span { + background-color: #251e35; +} + +[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link:after { + background: #251e35; +} + +[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.active:after, +[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.done:after { + background: var(--primary); +} + +[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.active span, +[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.done span { + background: var(--primary); +} + +[data-theme-version="dark"] .check-switch .custom-control-label:after, +[data-theme-version="dark"] .check-switch .custom-control-label:before { + border-color: var(--primary); +} + +[data-theme-version="dark"] .fc-unthemed .fc-today { + background: #251e35; +} + +[data-theme-version="dark"] .fc-unthemed .fc-divider, +[data-theme-version="dark"] .fc-unthemed .fc-list-heading td, +[data-theme-version="dark"] .fc-unthemed .fc-popover .fc-header { + background: #333a54; +} + +[data-theme-version="dark"] .picker__box { + background: #251e35; +} + +[data-theme-version="dark"] .picker__box .picker__button--clear, +[data-theme-version="dark"] .picker__box .picker__button--close, +[data-theme-version="dark"] .picker__box .picker__button--today { + background: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .picker__box .picker__button--clear:hover:before, +[data-theme-version="dark"] .picker__box .picker__button--close:hover:before, +[data-theme-version="dark"] .picker__box .picker__button--today:hover:before { + color: #fff; +} + +[data-theme-version="dark"] .picker { + color: #999; +} + +[data-theme-version="dark"] .dtp>.dtp-content { + background: #251e35; +} + +[data-theme-version="dark"] .dtp table.dtp-picker-days tr>td>a { + color: #68686a; +} + +[data-theme-version="dark"] .dtp table.dtp-picker-days tr>td>a.selected { + color: #fff; +} + +[data-theme-version="dark"] .order-request tbody tr { + border-color: #333a54; +} + +[data-theme-version="dark"] .card-list li { + color: #fff; +} + +[data-theme-version="dark"] .card-bx .change-btn:hover { + color: var(--primary); +} + +[data-theme-version="dark"] .invoice-card.bg-warning { + background-color: #5b3c1f !important; +} + +[data-theme-version="dark"] .invoice-card.bg-success { + background-color: #2a6729 !important; +} + +[data-theme-version="dark"] .invoice-card.bg-info { + background-color: #4c276a !important; +} + +[data-theme-version="dark"] .invoice-card.bg-secondary { + background-color: #1c3e52 !important; +} + +[data-theme-version="dark"] .user-list li { + border-color: #28253b; +} + +[data-theme-version="dark"] .toggle-switch { + color: #fff; +} + +[data-theme-version="dark"] .bar-chart .apexcharts-text tspan { + fill: #969ba0; +} + +[data-theme-version="dark"] .bar-chart line { + stroke: #333a54; +} + +[data-theme-version="dark"] table.dataTable thead th, +[data-theme-version="dark"] table.dataTable thead td { + border-color: #333a54 !important; +} + +[data-theme-version="dark"] .form-check .form-check-input { + background: transparent; +} + +[data-theme-version="dark"] .form-check .form-check-input:checked { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); +} + +[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate span .paginate_button.current, +[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate span .paginate_button:hover { + background: var(--primary); + color: #fff !important; +} + +[data-theme-version="dark"] .light.btn-primary, +[data-theme-version="dark"] .light.btn-danger, +[data-theme-version="dark"] .light.btn-warning, +[data-theme-version="dark"] .light.btn-success, +[data-theme-version="dark"] .light.btn-info { + color: #fff; +} + +[data-theme-version="dark"] .light.btn-primary svg path, +[data-theme-version="dark"] .light.btn-danger svg path, +[data-theme-version="dark"] .light.btn-warning svg path, +[data-theme-version="dark"] .light.btn-success svg path, +[data-theme-version="dark"] .light.btn-info svg path { + fill: #fff; +} + +[data-theme-version="dark"] .bg-white { + background: #28253b !important; +} + +[data-theme-version="dark"] .bg-light.text-primary { + color: var(--primary) !important; +} + +[data-theme-version="dark"] table.dataTable { + color: #b5b5b5; +} + +[data-theme-version="dark"] table.dataTable tbody td { + background: #28253b !important; +} + +[data-theme-version="dark"] .contact-icon { + border-color: #333a54; +} + +[data-theme-version="dark"] .profile-card .title span { + background: #28253b; +} + +[data-theme-version="dark"] .profile-card .title:after { + background: #333a54; +} + +[data-theme-version="dark"] .profile-card .form-group .form-control { + color: #fff; + border-color: #333a54; +} + +[data-theme-version="dark"] .profile-card .form-group .form-control:hover, +[data-theme-version="dark"] .profile-card .form-group .form-control:focus, +[data-theme-version="dark"] .profile-card .form-group .form-control:active { + border-color: var(--primary); +} + +[data-theme-version="dark"] .profile-card .form-group .bootstrap-select.form-control button { + border-color: #333a54 !important; +} + +[data-theme-version="dark"] .profile-card .form-group .bootstrap-select.form-control button:after { + color: #fff; +} + +[data-theme-version="dark"] .profile-card .form-group textarea { + background: #251e35; +} + +[data-theme-version="dark"] .profile-card .form-group .input-group-prepend .input-group-text { + border: 0; +} + +[data-theme-version="dark"] .profile-card .form-group .input-group-prepend .input-group-text i { + color: #fff; +} + +[data-theme-version="dark"] .activity-card, +[data-theme-version="dark"] .profile-bx { + border-color: #333a54; +} + +[data-theme-version="dark"] .sharp-lg svg path { + fill: #fff; +} + +[data-theme-version="dark"] .progress-icon { + border-color: #333a54; +} + +[data-theme-version="dark"] .portfolios-card>div { + background: #251e35; +} + +[data-theme-version="dark"] .page-titles { + background: #251e35; +} + +[data-theme-version="dark"] .page-titles .breadcrumb li.active a { + color: #fff; +} + +[data-theme-version="dark"] .light.btn-primary g [fill] { + fill: #fff; +} + +[data-theme-version="dark"] .profile-info h4.text-primary { + color: #fff !important; +} + +[data-theme-version="dark"] .profile-tab .nav-item .nav-link:hover, +[data-theme-version="dark"] .profile-tab .nav-item .nav-link.active { + color: #fff; +} + +[data-theme-version="dark"] .pagination-primary .page-item .page-link { + color: #fff; +} + +[data-theme-version="dark"] .app-fullcalendar .fc-button.fc-state-hover { + background: var(--primary) !important; +} + +[data-theme-version="dark"] .new-arrival-content .price { + color: #fff; +} + +[data-theme-version="dark"] .btn-outline-primary { + color: #fff; +} + +[data-theme-version="dark"] .btn.tp-btn-light.btn-primary g [fill] { + fill: #fff; +} + +[data-theme-version="dark"] .btn-icon-left.text-primary { + color: var(--primary) !important; +} + +[data-theme-version="dark"] .custom-tab-1 .nav-link:focus, +[data-theme-version="dark"] .custom-tab-1 .nav-link:hover, +[data-theme-version="dark"] .custom-tab-1 .nav-link.active { + color: #fff; +} + +[data-theme-version="dark"] .bg-light h1, +[data-theme-version="dark"] .bg-light h2, +[data-theme-version="dark"] .bg-light h3, +[data-theme-version="dark"] .bg-light h4, +[data-theme-version="dark"] .bg-light h5, +[data-theme-version="dark"] .bg-light h6 { + color: #000 !important; +} + +[data-theme-version="dark"] .default-tab .nav-link:focus, +[data-theme-version="dark"] .default-tab .nav-link:hover, +[data-theme-version="dark"] .default-tab .nav-link.active, +[data-theme-version="dark"] .default-tab .nav-link i, +[data-theme-version="dark"] .custom-tab-1 .nav-link i, +[data-theme-version="dark"] .nav-pills.light .nav-link.active, +[data-theme-version="dark"] .nav-pills.light .show>.nav-link { + color: #fff; +} + +[data-theme-version="dark"] .table-bordered th, +[data-theme-version="dark"] .table-bordered td, +[data-theme-version="dark"] .table th, +[data-theme-version="dark"] .table td { + border-color: #333a54; +} + +[data-theme-version="dark"] mark, +[data-theme-version="dark"] .mark { + background: var(--primary); +} + +[data-theme-version="dark"] .dd-item>button { + color: #fff; +} + +[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link span { + color: #fff; +} + +[data-theme-version="dark"] .dataTables_wrapper .dataTables_length, +[data-theme-version="dark"] .dataTables_wrapper .dataTables_filter, +[data-theme-version="dark"] .dataTables_wrapper .dataTables_info, +[data-theme-version="dark"] .dataTables_wrapper .dataTables_processing, +[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate { + color: #fff; +} + +[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button { + color: #fff !important; +} + +[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate.paging_simple_numbers>.paginate_button { + color: var(--primary) !important; +} + +[data-theme-version="dark"] .search-dropdown { + border-color: #333a54; +} + +[data-theme-version="dark"] #columnChart .apexcharts-series rect { + fill: #251e35; +} + +[data-theme-version="dark"][data-layout="vertical"][data-sidebar-position="fixed"] .header { + border-color: #333a54; +} + +[data-theme-version="dark"] .header { + background-color: #28253b; + border-color: #333a54; +} + +[data-theme-version="dark"] .header .header-content { + background: #251e35; +} + +[data-theme-version="dark"] .header-left .dashboard_bar { + color: #fff; +} + +[data-theme-version="dark"] .header-right .search-area .form-control { + background: #28253b; +} + +[data-theme-version="dark"] .header-right .search-area .input-group-text { + border: 0; + background: #28253b; +} + +[data-theme-version="dark"] .header-right .search-area .input-group-text a { + color: #4f7086; +} + +[data-theme-version="dark"] .header-right .notification_dropdown .nav-link { + background: transparent !important; +} + +[data-theme-version="dark"] .header-right .notification_dropdown .nav-link .badge { + border-color: #28253b; +} + +[data-theme-version="dark"] .header-right .dropdown .nav-link { + color: #fff; +} + +[data-theme-version="dark"] .header-right .dropdown .nav-link:hover { + color: #fff; +} + +[data-theme-version="dark"] .header-right .dropdown .nav-link svg path { + fill: #d4d4d4; +} + +[data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info { + border: 0; +} + +[data-theme-version="dark"] .nav-header .hamburger .line { + background: #fff !important; +} + +[data-theme-version="dark"] .menu-toggle .nav-header .nav-control .hamburger .line { + background-color: #fff !important; +} + +[data-theme-version="dark"] .nav-header { + border-color: #333a54; +} + +[data-theme-version="dark"] .nav-control { + color: #fff; +} + +[data-theme-version="dark"] .brand-logo { + color: #fff; +} + +[data-theme-version="dark"] .brand-logo:hover { + color: #fff; +} + +[data-theme-version="dark"] .brand-title path { + fill: #fff; +} + +[data-theme-version="dark"] .nav-header { + border-color: #333a54; +} + +[data-theme-version="dark"] .nav-control { + color: #fff; +} + +[data-theme-version="dark"] .brand-logo { + color: #fff; +} + +[data-theme-version="dark"] .brand-logo:hover { + color: #fff; +} + +[data-theme-version="dark"] .brand-title path { + fill: #fff; +} + +[data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul { + background-color: #28253b; +} + +[data-theme-version="dark"] .fixed-content-box { + background-color: #28253b; +} + +[data-theme-version="dark"] .fixed-content-box .head-name { + background: #28253b; + color: #fff; + border-color: #333a54; +} + +[data-theme-version="dark"] .fixed-content-box+.header+.deznav { + background-color: #251e35; +} + +[data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a { + background: #251e35; + color: #fff; +} + +[data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a i { + color: #fff !important; +} + +[data-theme-version="dark"][data-layout="vertical"][data-sidebar-position="fixed"] .deznav { + border-color: #333a54; +} + +[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a, +[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a { + background: #251e35; +} + +[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i, +[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i { + color: #fff; + background: transparent; +} + +[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li a>i { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .deznav .header-profile>a.nav-link { + border-color: #333a54; +} + +[data-theme-version="dark"] .deznav .header-profile>a.nav-link .header-info span { + color: #fff; +} + +[data-theme-version="dark"] .deznav .metismenu>li>a { + color: #b3b3b3; +} + +[data-theme-version="dark"] .deznav .metismenu>li:hover>a, +[data-theme-version="dark"] .deznav .metismenu>li:focus>a, +[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a { + color: #fff; + background: var(--rgba-primary-1); +} + +[data-theme-version="dark"] .deznav .metismenu>li:hover>a::after, +[data-theme-version="dark"] .deznav .metismenu>li:focus>a::after, +[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a::after { + border-top: 5px solid #b3b3b3; + border-left: 5px solid #b3b3b3; + border-bottom: 5px solid transparent; + border-right: 5px solid transparent; +} + +[data-theme-version="dark"] .deznav .metismenu>li:hover>a i, +[data-theme-version="dark"] .deznav .metismenu>li:focus>a i, +[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i { + color: #fff; +} + +[data-theme-version="dark"] .deznav .metismenu>li.mm-active ul ul { + background-color: transparent; +} + +[data-theme-version="dark"] .deznav .metismenu ul:after { + background-color: #333a54; +} + +[data-theme-version="dark"] .deznav .metismenu ul a:hover, +[data-theme-version="dark"] .deznav .metismenu ul a:focus, +[data-theme-version="dark"] .deznav .metismenu ul a.mm-active { + color: #fff; +} + +[data-theme-version="dark"] .deznav .metismenu ul a:before { + background-color: #fff; +} + +[data-theme-version="dark"] .deznav .metismenu a { + color: #b3b3b3; +} + +[data-theme-version="dark"] .deznav .metismenu .has-arrow:after { + border-top: 5px solid #b3b3b3; + border-left: 5px solid #b3b3b3; + border-bottom: 5px solid transparent; + border-right: 5px solid transparent; +} + +[data-theme-version="dark"] .deznav .copyright { + color: #fff; +} + +[data-theme-version="dark"] .sidebar-right .nav-tabs { + border-color: #f5f5f5; +} + +[data-theme-version="dark"] .sidebar-right .nav-tabs .nav-item .nav-link { + color: #000; +} + +[data-theme-version="dark"] .sidebar-right .form-control { + background: #fff; + color: #000; + border-color: #EEEEEE; +} + +[data-theme-version="dark"] .sidebar-right .default-select .list { + background: #fff; +} + +[data-theme-version="dark"] .sidebar-right .default-select .list .option.selected, +[data-theme-version="dark"] .sidebar-right .default-select .list .option.focus, +[data-theme-version="dark"] .sidebar-right .default-select .list .option:hover { + background: rgba(0, 0, 0, 0.05); +} + +[data-theme-version="dark"] .sidebar-right .sidebar-right-inner>h4 { + color: #000 !important; +} + +[data-theme-version="dark"] .sidebar-right .bootstrap-select .btn { + border-color: #EEEEEE !important; +} + +[data-theme-version="dark"] .sidebar-right .bootstrap-select .btn { + background-color: #fff !important; +} + +[data-theme-version="dark"] .footer { + background-color: #28253b; +} + +[data-theme-version="dark"] .footer .copyright { + background-color: #251e35; +} + +[data-theme-version="dark"] .footer .copyright a { + color: #fff; +} + +[data-theme-version="dark"] { + /* datepicker */ +} + +[data-theme-version="dark"] .cdk-overlay-dark-backdrop { + background: rgba(0, 0, 0, 0.32); +} + +[data-theme-version="dark"] .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.1); +} + +[data-theme-version="dark"] .mat-option { + color: #fff; +} + +[data-theme-version="dark"] .mat-option:focus:not(.mat-option-disabled), +[data-theme-version="dark"] .mat-option:hover:not(.mat-option-disabled) { + background: rgba(255, 255, 255, 0.04); +} + +[data-theme-version="dark"] .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { + background: rgba(255, 255, 255, 0.04); +} + +[data-theme-version="dark"] .mat-option.mat-active { + background: rgba(255, 255, 255, 0.04); + color: #fff; +} + +[data-theme-version="dark"] .mat-option.mat-option-disabled { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { + color: #fff; +} + +[data-theme-version="dark"] .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { + color: #f44336; +} + +[data-theme-version="dark"] .mat-optgroup-label { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-optgroup-disabled .mat-optgroup-label { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-pseudo-checkbox { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-pseudo-checkbox::after { + color: #28253b; +} + +[data-theme-version="dark"] .mat-pseudo-checkbox-disabled { + color: #686868; +} + +[data-theme-version="dark"] .mat-primary .mat-pseudo-checkbox-checked, +[data-theme-version="dark"] .mat-primary .mat-pseudo-checkbox-indeterminate { + background: #40189D; +} + +[data-theme-version="dark"] .mat-accent .mat-pseudo-checkbox-checked, +[data-theme-version="dark"] .mat-accent .mat-pseudo-checkbox-indeterminate, +[data-theme-version="dark"] .mat-pseudo-checkbox-checked, +[data-theme-version="dark"] .mat-pseudo-checkbox-indeterminate { + background: #8BC740; +} + +[data-theme-version="dark"] .mat-warn .mat-pseudo-checkbox-checked, +[data-theme-version="dark"] .mat-warn .mat-pseudo-checkbox-indeterminate { + background: #f44336; +} + +[data-theme-version="dark"] .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, +[data-theme-version="dark"] .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { + background: #686868; +} + +[data-theme-version="dark"] .mat-app-background { + background-color: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-elevation-z0 { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z1 { + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z2 { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z3 { + box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z4 { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z5 { + box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z6 { + box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z7 { + box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z8 { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z9 { + box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z10 { + box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z11 { + box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z12 { + box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z13 { + box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z14 { + box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z15 { + box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z16 { + box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z17 { + box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z18 { + box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z19 { + box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z20 { + box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z21 { + box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z22 { + box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z23 { + box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-elevation-z24 { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-autocomplete-panel { + background: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-autocomplete-panel:not([class*=mat-elevation-z]) { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { + background: #28253b; +} + +[data-theme-version="dark"] .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { + color: #fff; +} + +[data-theme-version="dark"] .mat-badge-content { + color: #fff; + background: #40189D; +} + +[data-theme-version="dark"] .cdk-high-contrast-active .mat-badge-content { + outline: solid 1px; + border-radius: 0; +} + +[data-theme-version="dark"] .mat-badge-accent .mat-badge-content { + background: #8BC740; + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-badge-warn .mat-badge-content { + color: #fff; + background: #f44336; +} + +[data-theme-version="dark"] .mat-badge { + position: relative; +} + +[data-theme-version="dark"] .mat-badge-hidden .mat-badge-content { + display: none; +} + +[data-theme-version="dark"] .mat-badge-disabled .mat-badge-content { + background: #6e6e6e; + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-bottom-sheet-container { + box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); + background: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-button, +[data-theme-version="dark"] .mat-icon-button, +[data-theme-version="dark"] .mat-stroked-button { + color: inherit; + background: 0 0; +} + +[data-theme-version="dark"] .mat-button.mat-primary, +[data-theme-version="dark"] .mat-icon-button.mat-primary, +[data-theme-version="dark"] .mat-stroked-button.mat-primary { + color: #40189D; +} + +[data-theme-version="dark"] .mat-button.mat-accent, +[data-theme-version="dark"] .mat-icon-button.mat-accent, +[data-theme-version="dark"] .mat-stroked-button.mat-accent { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-button.mat-warn, +[data-theme-version="dark"] .mat-icon-button.mat-warn, +[data-theme-version="dark"] .mat-stroked-button.mat-warn { + color: #f44336; +} + +[data-theme-version="dark"] .mat-button.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-button.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-button.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-button.mat-warn.mat-button-disabled, +[data-theme-version="dark"] .mat-icon-button.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-icon-button.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-icon-button.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-icon-button.mat-warn.mat-button-disabled, +[data-theme-version="dark"] .mat-stroked-button.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-stroked-button.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-stroked-button.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-stroked-button.mat-warn.mat-button-disabled { + color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-button.mat-primary .mat-button-focus-overlay, +[data-theme-version="dark"] .mat-icon-button.mat-primary .mat-button-focus-overlay, +[data-theme-version="dark"] .mat-stroked-button.mat-primary .mat-button-focus-overlay { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-button.mat-accent .mat-button-focus-overlay, +[data-theme-version="dark"] .mat-icon-button.mat-accent .mat-button-focus-overlay, +[data-theme-version="dark"] .mat-stroked-button.mat-accent .mat-button-focus-overlay { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-button.mat-warn .mat-button-focus-overlay, +[data-theme-version="dark"] .mat-icon-button.mat-warn .mat-button-focus-overlay, +[data-theme-version="dark"] .mat-stroked-button.mat-warn .mat-button-focus-overlay { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-button.mat-button-disabled .mat-button-focus-overlay, +[data-theme-version="dark"] .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, +[data-theme-version="dark"] .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { + background-color: transparent; +} + +[data-theme-version="dark"] .mat-button .mat-ripple-element, +[data-theme-version="dark"] .mat-icon-button .mat-ripple-element, +[data-theme-version="dark"] .mat-stroked-button .mat-ripple-element { + opacity: .1; + background-color: currentColor; +} + +[data-theme-version="dark"] .mat-button-focus-overlay { + background: #fff; +} + +[data-theme-version="dark"] .mat-stroked-button:not(.mat-button-disabled) { + border-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-fab, +[data-theme-version="dark"] .mat-flat-button, +[data-theme-version="dark"] .mat-mini-fab, +[data-theme-version="dark"] .mat-raised-button { + color: #fff; + background-color: #28253b; +} + +[data-theme-version="dark"] .mat-fab.mat-primary, +[data-theme-version="dark"] .mat-flat-button.mat-primary, +[data-theme-version="dark"] .mat-mini-fab.mat-primary, +[data-theme-version="dark"] .mat-raised-button.mat-primary { + color: #fff; +} + +[data-theme-version="dark"] .mat-fab.mat-accent, +[data-theme-version="dark"] .mat-flat-button.mat-accent, +[data-theme-version="dark"] .mat-mini-fab.mat-accent, +[data-theme-version="dark"] .mat-raised-button.mat-accent { + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-fab.mat-warn, +[data-theme-version="dark"] .mat-flat-button.mat-warn, +[data-theme-version="dark"] .mat-mini-fab.mat-warn, +[data-theme-version="dark"] .mat-raised-button.mat-warn { + color: #fff; +} + +[data-theme-version="dark"] .mat-fab.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-fab.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-fab.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-fab.mat-warn.mat-button-disabled, +[data-theme-version="dark"] .mat-flat-button.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-flat-button.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-flat-button.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-flat-button.mat-warn.mat-button-disabled, +[data-theme-version="dark"] .mat-mini-fab.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-mini-fab.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-mini-fab.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-mini-fab.mat-warn.mat-button-disabled, +[data-theme-version="dark"] .mat-raised-button.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-raised-button.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-raised-button.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-raised-button.mat-warn.mat-button-disabled { + color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-fab.mat-primary, +[data-theme-version="dark"] .mat-flat-button.mat-primary, +[data-theme-version="dark"] .mat-mini-fab.mat-primary, +[data-theme-version="dark"] .mat-raised-button.mat-primary { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-fab.mat-accent, +[data-theme-version="dark"] .mat-flat-button.mat-accent, +[data-theme-version="dark"] .mat-mini-fab.mat-accent, +[data-theme-version="dark"] .mat-raised-button.mat-accent { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-fab.mat-warn, +[data-theme-version="dark"] .mat-flat-button.mat-warn, +[data-theme-version="dark"] .mat-mini-fab.mat-warn, +[data-theme-version="dark"] .mat-raised-button.mat-warn { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-fab.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-fab.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-fab.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-fab.mat-warn.mat-button-disabled, +[data-theme-version="dark"] .mat-flat-button.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-flat-button.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-flat-button.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-flat-button.mat-warn.mat-button-disabled, +[data-theme-version="dark"] .mat-mini-fab.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-mini-fab.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-mini-fab.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-mini-fab.mat-warn.mat-button-disabled, +[data-theme-version="dark"] .mat-raised-button.mat-accent.mat-button-disabled, +[data-theme-version="dark"] .mat-raised-button.mat-button-disabled.mat-button-disabled, +[data-theme-version="dark"] .mat-raised-button.mat-primary.mat-button-disabled, +[data-theme-version="dark"] .mat-raised-button.mat-warn.mat-button-disabled { + background-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-fab.mat-primary .mat-ripple-element, +[data-theme-version="dark"] .mat-flat-button.mat-primary .mat-ripple-element, +[data-theme-version="dark"] .mat-mini-fab.mat-primary .mat-ripple-element, +[data-theme-version="dark"] .mat-raised-button.mat-primary .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.1); +} + +[data-theme-version="dark"] .mat-fab.mat-accent .mat-ripple-element, +[data-theme-version="dark"] .mat-flat-button.mat-accent .mat-ripple-element, +[data-theme-version="dark"] .mat-mini-fab.mat-accent .mat-ripple-element, +[data-theme-version="dark"] .mat-raised-button.mat-accent .mat-ripple-element { + background-color: rgba(0, 0, 0, 0.1); +} + +[data-theme-version="dark"] .mat-fab.mat-warn .mat-ripple-element, +[data-theme-version="dark"] .mat-flat-button.mat-warn .mat-ripple-element, +[data-theme-version="dark"] .mat-mini-fab.mat-warn .mat-ripple-element, +[data-theme-version="dark"] .mat-raised-button.mat-warn .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.1); +} + +[data-theme-version="dark"] .mat-flat-button:not([class*=mat-elevation-z]), +[data-theme-version="dark"] .mat-stroked-button:not([class*=mat-elevation-z]) { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-raised-button:not([class*=mat-elevation-z]) { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-fab:not([class*=mat-elevation-z]), +[data-theme-version="dark"] .mat-mini-fab:not([class*=mat-elevation-z]) { + box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), +[data-theme-version="dark"] .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { + box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), +[data-theme-version="dark"] .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-button-toggle-group, +[data-theme-version="dark"] .mat-button-toggle-standalone { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-button-toggle-group-appearance-standard, +[data-theme-version="dark"] .mat-button-toggle-standalone.mat-button-toggle-appearance-standard { + box-shadow: none; +} + +[data-theme-version="dark"] .mat-button-toggle { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-button-toggle .mat-button-toggle-focus-overlay { + background-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-button-toggle-appearance-standard { + color: #fff; + background: #28253b; +} + +[data-theme-version="dark"] .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { + background-color: #fff; +} + +[data-theme-version="dark"] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle { + border-left: solid 1px rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle { + border-left: none; + border-right: solid 1px rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle { + border-left: none; + border-right: none; + border-top: solid 1px rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-button-toggle-checked { + background-color: #212121; + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-button-toggle-checked.mat-button-toggle-appearance-standard { + color: #fff; +} + +[data-theme-version="dark"] .mat-button-toggle-disabled { + color: rgba(255, 255, 255, 0.3); + background-color: #000; +} + +[data-theme-version="dark"] .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { + background: #28253b; +} + +[data-theme-version="dark"] .mat-button-toggle-disabled.mat-button-toggle-checked { + background-color: #28253b; +} + +[data-theme-version="dark"] .mat-button-toggle-group-appearance-standard, +[data-theme-version="dark"] .mat-button-toggle-standalone.mat-button-toggle-appearance-standard { + border: solid 1px rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { + line-height: 48px; +} + +[data-theme-version="dark"] .mat-card { + background: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-card:not([class*=mat-elevation-z]) { + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-card-subtitle { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-checkbox-frame { + border-color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-checkbox-checkmark { + fill: #28253b; +} + +[data-theme-version="dark"] .mat-checkbox-checkmark-path { + stroke: #fff !important; +} + +[data-theme-version="dark"] .mat-checkbox-mixedmark { + background-color: #28253b; +} + +[data-theme-version="dark"] .mat-checkbox-checked.mat-primary .mat-checkbox-background, +[data-theme-version="dark"] .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-checkbox-checked.mat-accent .mat-checkbox-background, +[data-theme-version="dark"] .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-checkbox-checked.mat-warn .mat-checkbox-background, +[data-theme-version="dark"] .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, +[data-theme-version="dark"] .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { + background-color: #686868; +} + +[data-theme-version="dark"] .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { + border-color: #686868; +} + +[data-theme-version="dark"] .mat-checkbox-disabled .mat-checkbox-label { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-checkbox .mat-ripple-element { + background-color: #fff; +} + +[data-theme-version="dark"] .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, +[data-theme-version="dark"] .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { + background: #40189D; +} + +[data-theme-version="dark"] .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, +[data-theme-version="dark"] .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { + background: #8BC740; +} + +[data-theme-version="dark"] .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, +[data-theme-version="dark"] .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { + background: #f44336; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip { + background-color: #616161; + color: #fff; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip .mat-chip-remove { + color: #fff; + opacity: .4; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { + box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { + opacity: .54; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-disabled { + opacity: .4; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip::after { + background: #fff; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { + background-color: #40189D; + color: #fff; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { + color: #fff; + opacity: .4; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.1); +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { + background-color: #f44336; + color: #fff; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { + color: #fff; + opacity: .4; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.1); +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { + background-color: #8BC740; + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { + color: rgba(0, 0, 0, 0.87); + opacity: .4; +} + +[data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { + background-color: rgba(0, 0, 0, 0.1); +} + +[data-theme-version="dark"] .mat-table { + background: #28253b; +} + +[data-theme-version="dark"] .mat-table tbody, +[data-theme-version="dark"] .mat-table tfoot, +[data-theme-version="dark"] .mat-table thead, +[data-theme-version="dark"] .mat-table-sticky, +[data-theme-version="dark"] [mat-footer-row], +[data-theme-version="dark"] [mat-header-row], +[data-theme-version="dark"] [mat-row], +[data-theme-version="dark"] mat-footer-row, +[data-theme-version="dark"] mat-header-row, +[data-theme-version="dark"] mat-row { + background: inherit; +} + +[data-theme-version="dark"] mat-footer-row, +[data-theme-version="dark"] mat-header-row, +[data-theme-version="dark"] mat-row, +[data-theme-version="dark"] td.mat-cell, +[data-theme-version="dark"] td.mat-footer-cell, +[data-theme-version="dark"] th.mat-header-cell { + border-bottom-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-header-cell { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-cell, +[data-theme-version="dark"] .mat-footer-cell { + color: #fff; +} + +[data-theme-version="dark"] .mat-calendar-arrow { + border-top-color: #fff; +} + +[data-theme-version="dark"] .mat-datepicker-content .mat-calendar-next-button, +[data-theme-version="dark"] .mat-datepicker-content .mat-calendar-previous-button, +[data-theme-version="dark"] .mat-datepicker-toggle { + color: #fff; +} + +[data-theme-version="dark"] .mat-calendar-table-header { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-calendar-table-header-divider::after { + background: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-calendar-body-label { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-calendar-body-cell-content, +[data-theme-version="dark"] .mat-date-range-input-separator { + color: #fff; + border-color: transparent; +} + +[data-theme-version="dark"] .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-form-field-disabled .mat-date-range-input-separator { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-calendar-body-in-preview { + color: rgba(255, 255, 255, 0.24); +} + +[data-theme-version="dark"] .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { + border-color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-calendar-body-in-range::before { + background: rgba(123, 31, 162, 0.2); +} + +[data-theme-version="dark"] .mat-calendar-body-comparison-identical, +[data-theme-version="dark"] .mat-calendar-body-in-comparison-range::before { + background: rgba(249, 171, 0, 0.2); +} + +[data-theme-version="dark"] .mat-calendar-body-comparison-bridge-start::before, +[data-theme-version="dark"] [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { + background: linear-gradient(to right, rgba(123, 31, 162, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); +} + +[data-theme-version="dark"] .mat-calendar-body-comparison-bridge-end::before, +[data-theme-version="dark"] [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { + background: linear-gradient(to left, rgba(123, 31, 162, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); +} + +[data-theme-version="dark"] .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after, +[data-theme-version="dark"] .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical { + background: #a8dab5; +} + +[data-theme-version="dark"] .mat-calendar-body-comparison-identical.mat-calendar-body-selected, +[data-theme-version="dark"] .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected { + background: #46a35e; +} + +[data-theme-version="dark"] .mat-calendar-body-selected { + background-color: #40189D; + color: #fff; +} + +[data-theme-version="dark"] .mat-calendar-body-disabled>.mat-calendar-body-selected { + background-color: rgba(123, 31, 162, 0.4); +} + +[data-theme-version="dark"] .mat-calendar-body-today.mat-calendar-body-selected { + box-shadow: inset 0 0 0 1px #fff; +} + +[data-theme-version="dark"] .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), +[data-theme-version="dark"] .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), +[data-theme-version="dark"] .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { + background-color: rgba(123, 31, 162, 0.3); +} + +[data-theme-version="dark"] .mat-datepicker-content { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + background-color: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { + background: rgba(105, 240, 174, 0.2); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { + background: rgba(249, 171, 0, 0.2); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, +[data-theme-version="dark"] .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { + background: linear-gradient(to right, rgba(105, 240, 174, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, +[data-theme-version="dark"] .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { + background: linear-gradient(to left, rgba(105, 240, 174, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after, +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical { + background: #a8dab5; +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected { + background: #46a35e; +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-selected { + background-color: #8BC740; + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected { + background-color: rgba(105, 240, 174, 0.4); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), +[data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { + background-color: rgba(105, 240, 174, 0.3); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { + background: rgba(244, 67, 54, 0.2); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { + background: rgba(249, 171, 0, 0.2); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, +[data-theme-version="dark"] .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { + background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, +[data-theme-version="dark"] .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { + background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after, +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical { + background: #a8dab5; +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected { + background: #46a35e; +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-selected { + background-color: #f44336; + color: #fff; +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected { + background-color: rgba(244, 67, 54, 0.4); +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { + box-shadow: inset 0 0 0 1px #fff; +} + +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), +[data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { + background-color: rgba(244, 67, 54, 0.3); +} + +[data-theme-version="dark"] .mat-datepicker-content-touch { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-datepicker-toggle-active { + color: #40189D; +} + +[data-theme-version="dark"] .mat-datepicker-toggle-active.mat-accent { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-datepicker-toggle-active.mat-warn { + color: #f44336; +} + +[data-theme-version="dark"] .mat-date-range-input-inner[disabled] { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-dialog-container { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-divider { + border-top-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-divider-vertical { + border-right-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-expansion-panel { + background: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-expansion-panel:not([class*=mat-elevation-z]) { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-action-row { + border-top-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), +[data-theme-version="dark"] .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), +[data-theme-version="dark"] .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { + background: rgba(255, 255, 255, 0.04); +} + +@media (hover: none) { + [data-theme-version="dark"] .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { + background: #28253b; + } +} + +[data-theme-version="dark"] .mat-expansion-panel-header-title { + color: #fff; +} + +[data-theme-version="dark"] .mat-expansion-indicator::after, +[data-theme-version="dark"] .mat-expansion-panel-header-description { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-expansion-panel-header[aria-disabled=true] { + color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description, +[data-theme-version="dark"] .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title { + color: inherit; +} + +[data-theme-version="dark"] .mat-expansion-panel-header { + height: 48px; +} + +[data-theme-version="dark"] .mat-expansion-panel-header.mat-expanded { + height: 64px; +} + +[data-theme-version="dark"] .mat-form-field-label { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-hint { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-label { + color: #40189D; +} + +[data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-label.mat-accent { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-label.mat-warn { + color: #f44336; +} + +[data-theme-version="dark"] .mat-focused .mat-form-field-required-marker { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-form-field-ripple { + background-color: #fff; +} + +[data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-ripple { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { + color: #40189D; +} + +[data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-label { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker, +[data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, +[data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-error { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field-appearance-legacy .mat-form-field-label { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-form-field-appearance-legacy .mat-hint { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-form-field-appearance-legacy .mat-form-field-underline { + background-color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { + background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 33%, transparent 0); + background-size: 4px 100%; + background-repeat: repeat-x; +} + +[data-theme-version="dark"] .mat-form-field-appearance-standard .mat-form-field-underline { + background-color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { + background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 33%, transparent 0); + background-size: 4px 100%; + background-repeat: repeat-x; +} + +[data-theme-version="dark"] .mat-form-field-appearance-fill .mat-form-field-flex { + background-color: rgba(255, 255, 255, 0.1); +} + +[data-theme-version="dark"] .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { + background-color: rgba(255, 255, 255, 0.05); +} + +[data-theme-version="dark"] .mat-form-field-appearance-fill .mat-form-field-underline::before { + background-color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { + background-color: transparent; +} + +[data-theme-version="dark"] .mat-form-field-appearance-outline .mat-form-field-outline { + color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-form-field-appearance-outline .mat-form-field-outline-thick { + color: #fff; +} + +[data-theme-version="dark"] .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { + color: #40189D; +} + +[data-theme-version="dark"] .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { + color: rgba(255, 255, 255, 0.15); +} + +[data-theme-version="dark"] .mat-icon.mat-primary { + color: #40189D; +} + +[data-theme-version="dark"] .mat-icon.mat-accent { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-icon.mat-warn { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field-type-mat-native-select .mat-form-field-infix::after { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after, +[data-theme-version="dark"] .mat-input-element:disabled { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-input-element { + caret-color: #40189D; +} + +[data-theme-version="dark"] .mat-input-element::placeholder { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-input-element::-moz-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-input-element::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-input-element:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-input-element option { + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-input-element option:disabled { + color: rgba(0, 0, 0, 0.38); +} + +[data-theme-version="dark"] .mat-form-field.mat-accent .mat-input-element { + caret-color: #8BC740; +} + +[data-theme-version="dark"] .mat-form-field-invalid .mat-input-element, +[data-theme-version="dark"] .mat-form-field.mat-warn .mat-input-element { + caret-color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { + color: #f44336; +} + +[data-theme-version="dark"] .mat-list-base .mat-list-item { + color: #fff; +} + +[data-theme-version="dark"] .mat-list-base .mat-list-option { + color: #fff; +} + +[data-theme-version="dark"] .mat-list-base .mat-subheader { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-list-item-disabled { + background-color: #000; +} + +[data-theme-version="dark"] .mat-action-list .mat-list-item:focus, +[data-theme-version="dark"] .mat-action-list .mat-list-item:hover, +[data-theme-version="dark"] .mat-list-option:focus, +[data-theme-version="dark"] .mat-list-option:hover, +[data-theme-version="dark"] .mat-nav-list .mat-list-item:focus, +[data-theme-version="dark"] .mat-nav-list .mat-list-item:hover { + background: rgba(255, 255, 255, 0.04); +} + +[data-theme-version="dark"] .mat-list-single-selected-option, +[data-theme-version="dark"] .mat-list-single-selected-option:focus, +[data-theme-version="dark"] .mat-list-single-selected-option:hover { + background: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-menu-panel { + background: #28253b; +} + +[data-theme-version="dark"] .mat-menu-panel:not([class*=mat-elevation-z]) { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-menu-item { + background: 0 0; + color: #fff; +} + +[data-theme-version="dark"] .mat-menu-item[disabled], +[data-theme-version="dark"] .mat-menu-item[disabled] .mat-icon-no-color, +[data-theme-version="dark"] .mat-menu-item[disabled]::after { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-menu-item .mat-icon-no-color, +[data-theme-version="dark"] .mat-menu-item-submenu-trigger::after { + color: #fff; +} + +[data-theme-version="dark"] .mat-menu-item-highlighted:not([disabled]), +[data-theme-version="dark"] .mat-menu-item.cdk-keyboard-focused:not([disabled]), +[data-theme-version="dark"] .mat-menu-item.cdk-program-focused:not([disabled]), +[data-theme-version="dark"] .mat-menu-item:hover:not([disabled]) { + background: rgba(255, 255, 255, 0.04); +} + +[data-theme-version="dark"] .mat-paginator { + background: #28253b; +} + +[data-theme-version="dark"] .mat-paginator, +[data-theme-version="dark"] .mat-paginator-page-size .mat-select-trigger { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-paginator-decrement, +[data-theme-version="dark"] .mat-paginator-increment { + border-top: 2px solid #fff; + border-right: 2px solid #fff; +} + +[data-theme-version="dark"] .mat-paginator-first, +[data-theme-version="dark"] .mat-paginator-last { + border-top: 2px solid #fff; +} + +[data-theme-version="dark"] .mat-icon-button[disabled] .mat-paginator-decrement, +[data-theme-version="dark"] .mat-icon-button[disabled] .mat-paginator-first, +[data-theme-version="dark"] .mat-icon-button[disabled] .mat-paginator-increment, +[data-theme-version="dark"] .mat-icon-button[disabled] .mat-paginator-last { + border-color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-paginator-container { + min-height: 56px; +} + +[data-theme-version="dark"] .mat-progress-bar-background { + fill: #9c27b0; +} + +[data-theme-version="dark"] .mat-progress-bar-buffer { + background-color: #9c27b0; +} + +[data-theme-version="dark"] .mat-progress-bar-fill::after { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-progress-bar.mat-accent .mat-progress-bar-background { + fill: #b9f6ca; +} + +[data-theme-version="dark"] .mat-progress-bar.mat-accent .mat-progress-bar-buffer { + background-color: #b9f6ca; +} + +[data-theme-version="dark"] .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-progress-bar.mat-warn .mat-progress-bar-background { + fill: #ffcdd2; +} + +[data-theme-version="dark"] .mat-progress-bar.mat-warn .mat-progress-bar-buffer { + background-color: #ffcdd2; +} + +[data-theme-version="dark"] .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-progress-spinner circle, +[data-theme-version="dark"] .mat-spinner circle { + stroke: #40189D; +} + +[data-theme-version="dark"] .mat-progress-spinner.mat-accent circle, +[data-theme-version="dark"] .mat-spinner.mat-accent circle { + stroke: #8BC740; +} + +[data-theme-version="dark"] .mat-progress-spinner.mat-warn circle, +[data-theme-version="dark"] .mat-spinner.mat-warn circle { + stroke: #f44336; +} + +[data-theme-version="dark"] .mat-radio-outer-circle { + border-color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { + border-color: #40189D; +} + +[data-theme-version="dark"] .mat-radio-button.mat-primary .mat-radio-inner-circle, +[data-theme-version="dark"] .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), +[data-theme-version="dark"] .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, +[data-theme-version="dark"] .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { + border-color: #8BC740; +} + +[data-theme-version="dark"] .mat-radio-button.mat-accent .mat-radio-inner-circle, +[data-theme-version="dark"] .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), +[data-theme-version="dark"] .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, +[data-theme-version="dark"] .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { + border-color: #f44336; +} + +[data-theme-version="dark"] .mat-radio-button.mat-warn .mat-radio-inner-circle, +[data-theme-version="dark"] .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), +[data-theme-version="dark"] .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, +[data-theme-version="dark"] .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle, +[data-theme-version="dark"] .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle { + border-color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle, +[data-theme-version="dark"] .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-radio-button.mat-radio-disabled .mat-radio-label-content { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-radio-button .mat-ripple-element { + background-color: #fff; +} + +[data-theme-version="dark"] .mat-select-value { + color: #fff; +} + +[data-theme-version="dark"] .mat-select-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-select-disabled .mat-select-value { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-select-arrow { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-select-panel { + background: #28253b; +} + +[data-theme-version="dark"] .mat-select-panel:not([class*=mat-elevation-z]) { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { + background: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-form-field.mat-focused.mat-primary .mat-select-arrow { + color: #40189D; +} + +[data-theme-version="dark"] .mat-form-field.mat-focused.mat-accent .mat-select-arrow { + color: #8BC740; +} + +[data-theme-version="dark"] .mat-form-field.mat-focused.mat-warn .mat-select-arrow { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { + color: #f44336; +} + +[data-theme-version="dark"] .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-drawer-container { + background-color: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-drawer { + background-color: #28253b; + color: #fff; +} + +[data-theme-version="dark"] .mat-drawer.mat-drawer-push { + background-color: #28253b; +} + +[data-theme-version="dark"] .mat-drawer:not(.mat-drawer-side) { + box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-drawer-side { + border-right: solid 1px rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-drawer-side.mat-drawer-end { + border-left: solid 1px rgba(255, 255, 255, 0.12); + border-right: none; +} + +[data-theme-version="dark"] [dir=rtl] .mat-drawer-side { + border-left: solid 1px rgba(255, 255, 255, 0.12); + border-right: none; +} + +[data-theme-version="dark"] [dir=rtl] .mat-drawer-side.mat-drawer-end { + border-left: none; + border-right: solid 1px rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-drawer-backdrop.mat-drawer-shown { + background-color: rgba(189, 189, 189, 0.6); +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { + background-color: rgba(105, 240, 174, 0.54); +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-checked .mat-ripple-element { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { + background-color: rgba(123, 31, 162, 0.54); +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { + background-color: rgba(244, 67, 54, 0.54); +} + +[data-theme-version="dark"] .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { + background-color: #fff; +} + +[data-theme-version="dark"] .mat-slide-toggle-thumb { + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + background-color: #bdbdbd; +} + +[data-theme-version="dark"] .mat-slide-toggle-bar { + background-color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-slider-track-background { + background-color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-primary .mat-slider-thumb, +[data-theme-version="dark"] .mat-primary .mat-slider-thumb-label, +[data-theme-version="dark"] .mat-primary .mat-slider-track-fill { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-primary .mat-slider-thumb-label-text { + color: #fff; +} + +[data-theme-version="dark"] .mat-primary .mat-slider-focus-ring { + background-color: rgba(123, 31, 162, 0.2); +} + +[data-theme-version="dark"] .mat-accent .mat-slider-thumb, +[data-theme-version="dark"] .mat-accent .mat-slider-thumb-label, +[data-theme-version="dark"] .mat-accent .mat-slider-track-fill { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-accent .mat-slider-thumb-label-text { + color: rgba(255, 255, 255, 0.87); +} + +[data-theme-version="dark"] .mat-accent .mat-slider-focus-ring { + background-color: rgba(105, 240, 174, 0.2); +} + +[data-theme-version="dark"] .mat-warn .mat-slider-thumb, +[data-theme-version="dark"] .mat-warn .mat-slider-thumb-label, +[data-theme-version="dark"] .mat-warn .mat-slider-track-fill { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-warn .mat-slider-thumb-label-text { + color: #fff; +} + +[data-theme-version="dark"] .mat-warn .mat-slider-focus-ring { + background-color: rgba(244, 67, 54, 0.2); +} + +[data-theme-version="dark"] .cdk-focused .mat-slider-track-background, +[data-theme-version="dark"] .mat-slider:hover .mat-slider-track-background { + background-color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-slider-disabled .mat-slider-thumb, +[data-theme-version="dark"] .mat-slider-disabled .mat-slider-track-background, +[data-theme-version="dark"] .mat-slider-disabled .mat-slider-track-fill { + background-color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-slider-disabled:hover .mat-slider-track-background { + background-color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-slider-min-value .mat-slider-focus-ring { + background-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, +[data-theme-version="dark"] .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { + background-color: #fff; +} + +[data-theme-version="dark"] .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, +[data-theme-version="dark"] .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { + background-color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { + border-color: rgba(255, 255, 255, 0.3); + background-color: transparent; +} + +[data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb, +[data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb, +[data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb { + border-color: rgba(255, 255, 255, 0.3); +} + +[data-theme-version="dark"] .mat-slider-has-ticks .mat-slider-wrapper::after { + border-color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-slider-horizontal .mat-slider-ticks { + background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); + background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); +} + +[data-theme-version="dark"] .mat-slider-vertical .mat-slider-ticks { + background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); +} + +[data-theme-version="dark"] .mat-step-header.cdk-keyboard-focused, +[data-theme-version="dark"] .mat-step-header.cdk-program-focused, +[data-theme-version="dark"] .mat-step-header:hover { + background-color: rgba(255, 255, 255, 0.04); +} + +@media (hover: none) { + [data-theme-version="dark"] .mat-step-header:hover { + background: 0 0; + } +} + +[data-theme-version="dark"] .mat-step-header .mat-step-label, +[data-theme-version="dark"] .mat-step-header .mat-step-optional { + color: rgba(255, 255, 255, 0.7); +} + +[data-theme-version="dark"] .mat-step-header .mat-step-icon { + background-color: rgba(255, 255, 255, 0.7); + color: #fff; +} + +[data-theme-version="dark"] .mat-step-header .mat-step-icon-selected, +[data-theme-version="dark"] .mat-step-header .mat-step-icon-state-done, +[data-theme-version="dark"] .mat-step-header .mat-step-icon-state-edit { + background-color: #40189D; + color: #fff; +} + +[data-theme-version="dark"] .mat-step-header.mat-accent .mat-step-icon { + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-step-header.mat-accent .mat-step-icon-selected, +[data-theme-version="dark"] .mat-step-header.mat-accent .mat-step-icon-state-done, +[data-theme-version="dark"] .mat-step-header.mat-accent .mat-step-icon-state-edit { + background-color: #8BC740; + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-step-header.mat-warn .mat-step-icon { + color: #fff; +} + +[data-theme-version="dark"] .mat-step-header.mat-warn .mat-step-icon-selected, +[data-theme-version="dark"] .mat-step-header.mat-warn .mat-step-icon-state-done, +[data-theme-version="dark"] .mat-step-header.mat-warn .mat-step-icon-state-edit { + background-color: #f44336; + color: #fff; +} + +[data-theme-version="dark"] .mat-step-header .mat-step-icon-state-error { + background-color: transparent; + color: #f44336; +} + +[data-theme-version="dark"] .mat-step-header .mat-step-label.mat-step-label-active { + color: #fff; +} + +[data-theme-version="dark"] .mat-step-header .mat-step-label.mat-step-label-error { + color: #f44336; +} + +[data-theme-version="dark"] .mat-stepper-horizontal, +[data-theme-version="dark"] .mat-stepper-vertical { + background-color: #28253b; +} + +[data-theme-version="dark"] .mat-stepper-vertical-line::before { + border-left-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-horizontal-stepper-header::after, +[data-theme-version="dark"] .mat-horizontal-stepper-header::before, +[data-theme-version="dark"] .mat-stepper-horizontal-line { + border-top-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-horizontal-stepper-header { + height: 72px; +} + +[data-theme-version="dark"] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header, +[data-theme-version="dark"] .mat-vertical-stepper-header { + padding: 24px 24px; +} + +[data-theme-version="dark"] .mat-stepper-vertical-line::before { + top: -16px; + bottom: -16px; +} + +[data-theme-version="dark"] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, +[data-theme-version="dark"] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before { + top: 36px; +} + +[data-theme-version="dark"] .mat-stepper-label-position-bottom .mat-stepper-horizontal-line { + top: 36px; +} + +[data-theme-version="dark"] .mat-sort-header-arrow { + color: #c6c6c6; +} + +[data-theme-version="dark"] .mat-tab-header, +[data-theme-version="dark"] .mat-tab-nav-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-tab-group-inverted-header .mat-tab-header, +[data-theme-version="dark"] .mat-tab-group-inverted-header .mat-tab-nav-bar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; +} + +[data-theme-version="dark"] .mat-tab-label, +[data-theme-version="dark"] .mat-tab-link { + color: #fff; +} + +[data-theme-version="dark"] .mat-tab-label.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-link.mat-tab-disabled { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-tab-header-pagination-chevron { + border-color: #fff; +} + +[data-theme-version="dark"] .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { + border-color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .mat-tab-group[class*=mat-background-] .mat-tab-header, +[data-theme-version="dark"] .mat-tab-nav-bar[class*=mat-background-] { + border-bottom: none; + border-top: none; +} + +[data-theme-version="dark"] .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(156, 39, 176, 0.3); +} + +[data-theme-version="dark"] .mat-tab-group.mat-primary .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-ink-bar { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar { + background-color: #fff; +} + +[data-theme-version="dark"] .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(185, 246, 202, 0.3); +} + +[data-theme-version="dark"] .mat-tab-group.mat-accent .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-ink-bar { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar { + background-color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(255, 205, 210, 0.3); +} + +[data-theme-version="dark"] .mat-tab-group.mat-warn .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-ink-bar { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar { + background-color: #fff; +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(156, 39, 176, 0.3); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-header, +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-header-pagination, +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-link-container, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-header, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container { + background-color: #40189D; +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label, +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link { + color: #fff; +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled { + color: rgba(255, 255, 255, 0.4); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-links .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-links .mat-focus-indicator::before { + border-color: #fff; +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { + border-color: rgba(255, 255, 255, 0.4); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(185, 246, 202, 0.3); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-header, +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-header-pagination, +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-link-container, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-header, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container { + background-color: #8BC740; +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label, +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link { + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled { + color: rgba(0, 0, 0, 0.4); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-links .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-links .mat-focus-indicator::before { + border-color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { + border-color: rgba(0, 0, 0, 0.4); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element { + background-color: rgba(0, 0, 0, 0.12); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(255, 205, 210, 0.3); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-header, +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-header-pagination, +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-link-container, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-header, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container { + background-color: #f44336; +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label, +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link { + color: #fff; +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled { + color: rgba(255, 255, 255, 0.4); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-links .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-links .mat-focus-indicator::before { + border-color: #fff; +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { + border-color: rgba(255, 255, 255, 0.4); +} + +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element, +[data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.12); +} + +[data-theme-version="dark"] .mat-toolbar { + background: #212121; + color: #fff; +} + +[data-theme-version="dark"] .mat-toolbar.mat-primary { + background: #40189D; + color: #fff; +} + +[data-theme-version="dark"] .mat-toolbar.mat-accent { + background: #8BC740; + color: rgba(0, 0, 0, 0.87); +} + +[data-theme-version="dark"] .mat-toolbar.mat-warn { + background: #f44336; + color: #fff; +} + +[data-theme-version="dark"] .mat-toolbar .mat-focused .mat-form-field-ripple, +[data-theme-version="dark"] .mat-toolbar .mat-form-field-ripple, +[data-theme-version="dark"] .mat-toolbar .mat-form-field-underline { + background-color: currentColor; +} + +[data-theme-version="dark"] .mat-toolbar .mat-focused .mat-form-field-label, +[data-theme-version="dark"] .mat-toolbar .mat-form-field-label, +[data-theme-version="dark"] .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow, +[data-theme-version="dark"] .mat-toolbar .mat-select-arrow, +[data-theme-version="dark"] .mat-toolbar .mat-select-value { + color: inherit; +} + +[data-theme-version="dark"] .mat-toolbar .mat-input-element { + caret-color: currentColor; +} + +[data-theme-version="dark"] .mat-toolbar-multiple-rows { + min-height: 64px; +} + +[data-theme-version="dark"] .mat-toolbar-row, +[data-theme-version="dark"] .mat-toolbar-single-row { + height: 64px; +} + +@media (max-width: 599px) { + [data-theme-version="dark"] .mat-toolbar-multiple-rows { + min-height: 56px; + } + + [data-theme-version="dark"] .mat-toolbar-row, + [data-theme-version="dark"] .mat-toolbar-single-row { + height: 56px; + } +} + +[data-theme-version="dark"] .mat-tooltip { + background: rgba(97, 97, 97, 0.9); +} + +[data-theme-version="dark"] .mat-tree { + background: #28253b; +} + +[data-theme-version="dark"] .mat-nested-tree-node, +[data-theme-version="dark"] .mat-tree-node { + color: #fff; +} -[direction="rtl"] { - /* .text-right { - text-align: left !important; - } +[data-theme-version="dark"] .mat-tree-node { + min-height: 48px; +} - .text-left { - text-align: right !important; - } */ } - [direction="rtl"][data-theme-version="dark"] .border, [direction="rtl"][data-theme-version="dark"] .border-left, [direction="rtl"][data-theme-version="dark"] .border-right { - border-color: #333a54 !important; } - [direction="rtl"] .border-right { - border-left: 1px solid #f0f1f5 !important; - border-right: 0 !important; } - [direction="rtl"] .border-left { - border-right: 1px solid #f0f1f5 !important; - border-left: 0 !important; } - [direction="rtl"] .dropdown-menu { - left: auto; } - [direction="rtl"] .dropdown-menu-right { - left: 0; - right: auto; } - @media only screen and (max-width: 575px) { - [direction="rtl"] .dropdown-menu-right { - left: 15px; } } - [direction="rtl"] .notification_dropdown .dropdown-menu-right .media > span { - margin-left: 10px; - margin-right: 0; } +[data-theme-version="dark"] .mat-snack-bar-container { + color: rgba(0, 0, 0, 0.87); + background: #fafafa; + box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); +} -[direction="rtl"]:not([data-container="boxed"]) .nav-header { - left: auto; - right: 0; } -[direction="rtl"][data-container="wide-boxed"] .nav-header { - left: auto; - right: auto; } -[direction="rtl"] .nav-header { - text-align: right; - right: auto; } - [direction="rtl"] .nav-header .brand-title { - margin-left: 0; - margin-right: 15px; } - [direction="rtl"] .nav-header .brand-logo { - padding-left: 0; - padding-right: 1.75rem; } - [data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo { - padding-right: 0; } - [data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo[data-layout="horizontal"] { - padding-right: 30px; } - [data-sidebar-style="mini"][direction="rtl"] .nav-header .brand-logo { - padding-right: 0; } - [data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo { - padding-right: 0; } - [data-layout="horizontal"][data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo { - padding-right: 30px; } - @media (max-width: 767.98px) { - [direction="rtl"] .nav-header .brand-logo { - padding-right: 0; } } -[direction="rtl"] .nav-control { - right: auto; - left: -4.0625rem; } - @media (max-width: 767.98px) { - [direction="rtl"] .nav-control { - left: -4.0625rem; } } - @media (max-width: 575.98px) { - [direction="rtl"] .nav-control { - left: -3.5rem; } } -[direction="rtl"][data-sidebar-style="overlay"] .nav-header .hamburger.is-active { - right: 0; } +[data-theme-version="dark"] .mat-simple-snackbar-action { + color: inherit; +} -[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"] .nav-header .brand-logo { - padding-right: 40px; } +[data-theme-version="dark"] .mat-bottom-sheet-container ul li a span { + color: #fff; +} -[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"] .nav-header { - width: 16rem; } +[data-theme-version="dark"] .default-mt-btn .example-label { + color: #fff; +} -[direction="rtl"] .header { - padding: 0; - padding-right: 21.563rem; } - @media only screen and (max-width: 1400px) { - [direction="rtl"] .header { - padding-right: 17rem; } } - @media (max-width: 767.98px) { - [direction="rtl"] .header { - padding-right: 5rem; - padding-left: 0; } } - [direction="rtl"] .header .header-content { - padding-left: 1.875rem; - padding-right: 5.3125rem; - border-radius: 0 3.125rem 0 0; } - @media only screen and (max-width: 767px) { - [direction="rtl"] .header .header-content { - border-radius: 0; } } - @media only screen and (max-width: 575px) { - [direction="rtl"] .header .header-content { - padding-right: 3.5rem; - padding-left: 0.938rem; } } - [data-sidebar-style="compact"][direction="rtl"] .header .header-content { - padding-right: 1.875rem; } - [data-sidebar-style="modern"][direction="rtl"] .header .header-content { - padding-right: 5.3125rem; } - [data-sidebar-style="overlay"][direction="rtl"] .header .header-content { - padding-right: 5.3125rem; } - @media only screen and (max-width: 575px) { - [data-sidebar-style="overlay"][direction="rtl"] .header .header-content { - padding-right: 0.5rem; } } - [direction="rtl"] .header .nav-control { - right: 0.4375rem; - left: auto; } -[direction="rtl"] .header-right > li:not(:first-child) { - padding-left: 0; - padding-right: 1.25rem; - margin-right: 0 !important; } - @media only screen and (max-width: 767px) { - [direction="rtl"] .header-right > li:not(:first-child) { - padding-right: 0.5rem; } } -[direction="rtl"] .header-right .header-profile > a.nav-link { - margin-left: auto; - padding-left: auto; - border-left: 0; } - [direction="rtl"] .header-right .header-profile > a.nav-link .header-info { - padding-right: 20px; - padding-left: auto; - text-align: right; } - @media only screen and (max-width: 1400px) { - [direction="rtl"] .header-right .header-profile > a.nav-link .header-info { - padding-right: 10px; } } - @media only screen and (max-width: 1400px) { - [direction="rtl"] .header-right .header-profile > a.nav-link { - margin-right: 10px; - padding-right: 20px; } } - @media only screen and (max-width: 575px) { - [direction="rtl"] .header-right .header-profile > a.nav-link { - margin-right: 0px; - padding-right: 0px; - border-right: 0; } } -[direction="rtl"] .header-right .search-area .form-control { - padding-right: 20px; - padding-left: 0; - border-radius: 3rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; } -[direction="rtl"] .header-right .search-area .input-group-text { - padding-left: 20px; - padding-right: 0; - border-radius: 3rem; - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; } -[direction="rtl"] .header-left .search_bar .dropdown-menu, -[direction="rtl"] .header-left .search_bar .dropdown-menu.show { - right: 40px !important; } - @media only screen and (max-width: 575px) { - [direction="rtl"] .header-left .search_bar .dropdown-menu, - [direction="rtl"] .header-left .search_bar .dropdown-menu.show { - right: -100px !important; } } -[direction="rtl"] .header-left .search_bar .search_icon { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 5rem; - border-bottom-right-radius: 5rem; } - @media only screen and (max-width: 575px) { - [direction="rtl"] .header-left .search_bar .search_icon { - border-radius: 5rem; } } -[direction="rtl"][data-layout="horizontal"] .header { - padding: 0; - padding-right: 21.563rem; } - [direction="rtl"][data-layout="horizontal"] .header .header-content { - padding-right: 2.5rem; - padding-left: 2.5rem; } -[direction="rtl"][data-layout="horizontal"][data-sidebar-style="full"] .nav-header .brand-logo { - padding-right: 2.5rem; } -[direction="rtl"][data-layout="horizontal"][data-sidebar-style="mini"] .header { - padding-right: 7.75rem; } -[direction="rtl"][data-sidebar-style="mini"] .header { - padding-right: 5rem; } -[direction="rtl"][data-sidebar-style="compact"] .header { - padding: 0 0; - padding-right: 15rem; } -[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"] .header { - padding: 0; - padding-right: 21.563rem; } -[direction="rtl"][data-sidebar-style="modern"] .header { - padding: 0 0; - padding-right: 9.4rem; } -[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"] .header { - padding: 0; - padding-right: 16rem; } +[data-theme-version="dark"] .default-mt-chips .mat-input-element { + color: rgba(255, 255, 255, 0.6); +} -[direction="rtl"] { - text-align: right; } - [direction="rtl"] .deznav { - text-align: right; } - [direction="rtl"] .deznav .metismenu ul:after { - left: auto; - right: -6px; } - [direction="rtl"] .deznav .metismenu ul a:before { - left: auto; - right: 0px; } - [direction="rtl"] .deznav .metismenu > li a > i { - margin-right: 0; } - [direction="rtl"] .deznav .metismenu li > a i { - padding: 0 0 0 1.5rem; } - [direction="rtl"] .deznav .metismenu li > a svg { - margin-left: 5px; - margin-right: 0; } - [data-sidebar-style="compact"][direction="rtl"] .deznav .metismenu li > a svg { - left: auto; - margin-left: auto; - margin-right: auto; } - [data-sidebar-style="icon-hover"][direction="rtl"] .deznav .metismenu li > a svg { - margin-left: 0; } - [direction="rtl"] .deznav .metismenu li ul a { - padding-right: 6.4rem; - padding-left: 0.625rem; } - @media only screen and (max-width: 1400px) { - [direction="rtl"] .deznav .metismenu li ul a { - padding-right: 4.5rem; } } - [direction="rtl"] .deznav .metismenu li.active > .has-arrow:after { - transform: rotate(45deg) translateY(-50%); } - [direction="rtl"] .deznav .metismenu .has-arrow:after { - left: 1.5625rem; - right: auto; } - [data-layout="horizontal"][direction="rtl"] .deznav .metismenu .has-arrow:after { - left: 1.125rem; } - [data-sidebar-style="modern"][direction="rtl"] .deznav .metismenu .has-arrow:after { - -webkit-transform: rotate(-45deg) translateY(-50%); - transform: rotate(-45deg) translateY(-50%); } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li .has-arrow:after { - left: 1.5rem; - right: auto; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li { - padding: 0 30px 0 0; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li > a:before { - left: auto; - right: -11px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-top-left-radius: 15px; - border-bottom-left-radius: 15px; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a { - border-radius: 0 3rem 3rem 0; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul { - right: 5rem; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li { - padding: 0 13px; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li.mm-active > a { - border-radius: 3rem; } - [direction="rtl"][data-sidebar-style="mini"] .deznav .metismenu > li > a > i { - padding: 0; } - [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li > ul a.has-arrow:after { - left: 1.5625rem; - right: auto; } - [direction="rtl"][data-sidebar-style="compact"] .deznav .metismenu li > a i { - padding: 0; - margin-left: auto; - margin-right: auto; } - [direction="rtl"][data-sidebar-style="compact"] .deznav .metismenu li ul a { - padding-right: 0.625rem; - padding-left: 0.625rem; } - [direction="rtl"][data-sidebar-style="compact"][data-layout="vertical"] .deznav .metismenu li a:before { - left: auto; - right: 0; - border-radius: 1.25rem 0 0 1.25rem; } - [direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu ul a:before { - left: auto; - right: 65px; } - [direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu li ul a { - padding-right: 4.5rem; - padding-left: 0.625rem; } - [direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu li ul a:before { - left: auto; - right: 40px; } - [direction="rtl"][data-sidebar-style="overlay"][data-layout="vertical"] .deznav .metismenu > li > a:before { - left: auto; - right: 0; - border-radius: 10px 0 0 10px; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a:before { - left: auto; - right: 65px; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu li ul a { - padding-right: 1.5rem; - padding-left: 0.625rem; } - [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu li ul a:before { - left: auto; - right: 30px; } - [direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li > ul li:hover ul { - right: 11.8125rem; - left: 0; } - [direction="rtl"][data-sidebar-style="modern"] .deznav .metismenu li > a i { - padding: 0; } +[data-theme-version="dark"] .default-mt-chips .mat-form-field-appearance-legacy .mat-form-field-label, +[data-theme-version="dark"] .default-mt-chips .mat-form-field-appearance-legacy .mat-hint, +[data-theme-version="dark"] .default-mt-chips input.mat-chip-input::placeholder { + color: rgba(255, 255, 255, 0.54); +} -[direction="rtl"] { - /* ===== Light gallery ===== */ } - [direction="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow { - left: 15px; - right: auto; } - [direction="rtl"] .input-group > .bootstrap-select:not(:first-child) .dropdown-toggle { - border-radius: 0.75rem 0 0 0.75rem; } - [direction="rtl"] .list-group { - padding-left: 0; } - [direction="rtl"] .form-check-input { - margin-left: -1.25rem; - margin-right: inherit; } - [direction="rtl"] .form-check-inline .form-check-input { - margin-right: 0; - margin-left: 10px; } - [direction="rtl"] .radio input, - [direction="rtl"] .radio-inline, - [direction="rtl"] .checkbox input, - [direction="rtl"] .checkbox-inline input { - margin-left: 0; - margin-right: 0; } - [direction="rtl"] .content-body { - margin-right: 21.563rem; - margin-left: auto; } - @media only screen and (max-width: 1400px) { - [direction="rtl"] .content-body { - margin-right: 17rem; } } - [data-sidebar-style="modern"][direction="rtl"] .content-body { - margin-right: 9.375rem; } - [direction="rtl"] .content-body .page-titles { - text-align: right; } - [direction="rtl"] .doctor-info-details .media-body span i, - [direction="rtl"] .recovered-chart-deta .col [class*="bg-"] { - margin-right: 0; - margin-left: 10px; } - [direction="rtl"] .patients-chart-deta .col, - [direction="rtl"] .patients-chart-deta .col [class*="bg-"], - [direction="rtl"] .recovered-chart-deta .col { - margin-right: 0; - margin-left: 15px; } - [direction="rtl"] .best-doctor .timeline .timeline-panel .media .number { - left: auto; - right: -13px; } - [direction="rtl"] .doctor-info-details .media i { - right: 0; - left: -15px; } - [direction="rtl"] .review-table .disease { - border-left: 0; - border-right: 1px solid #eee; - padding-left: 0; - padding-right: 20px; } - [direction="rtl"] .apexcharts-legend-text { - margin: 4px; } - [direction="rtl"] .doctor-info-details .media-body { - padding-left: 0; - padding-right: 40px; } - [direction="rtl"] .custom-control { - margin-left: 0; } - [direction="rtl"] .review-tab.nav-pills li:first-child a.nav-link { - border-radius: 0 0.75rem 0 0; } - [direction="rtl"] .review-tab.nav-pills li:last-child a.nav-link { - border-radius: 0.75rem 0 0 0; } - [direction="rtl"] .form-head .btn i { - margin-left: 5px; - margin-right: 0; } - [direction="rtl"] .iconbox { - padding-left: 0; - padding-right: 70px; } - [direction="rtl"] .iconbox i { - left: auto; - right: 0; } - [direction="rtl"] .table.tr-rounded tr td:first-child, [direction="rtl"] .table.tr-rounded tr th:first-child { - border-radius: 0 1.25rem 1.25rem 0; } - [direction="rtl"] .table.tr-rounded tr td:last-child, [direction="rtl"] .table.tr-rounded tr th:last-child { - border-radius: 1.25rem 0 0 1.25rem; } - [direction="rtl"] .custom-switch.toggle-switch.text-right { - padding-left: 48px; - padding-right: 0; } - [direction="rtl"] .toggle-switch.text-right .custom-control-label:before { - right: auto !important; - left: -47px; } - [direction="rtl"] .toggle-switch.text-right .custom-control-label:after { - right: auto !important; - left: -28px; } - [direction="rtl"] .toggle-switch.text-right .custom-control-input:checked ~ .custom-control-label:after { - left: -62px; - right: auto !important; } - [direction="rtl"] .check-switch { - padding-right: 40px; } - [direction="rtl"] .check-switch .custom-control-label:after, [direction="rtl"] .check-switch .custom-control-label:before { - right: -35px !important; } - [direction="rtl"] .bar-chart .apexcharts-yaxis { - transform: translatex(101%); } - [direction="rtl"] .detault-daterange .input-group-text { - padding: 0.532rem 0.75rem; - padding-right: auto; - padding-left: 0; } - [direction="rtl"] .form-wrapper .input-group .form-control { - text-align: left; } - [direction="rtl"] .timeline-chart .apexcharts-yaxis { - transform: translateX(0); } - [direction="rtl"] .card-table td:first-child, - [direction="rtl"] .card-table th:first-child { - padding-right: 30px; - padding-left: 10px; } - [direction="rtl"] .card-table td:last-child, - [direction="rtl"] .card-table th:last-child { - padding-left: 30px; - padding-right: 10px; } - [direction="rtl"] .chatbox .img_cont { - margin-right: 0px; - margin-left: 10px; } - [direction="rtl"] .profile-tab .nav-item .nav-link { - margin-right: 0; - margin-left: 30px; } - @media only screen and (max-width: 575px) { - [direction="rtl"] .profile-tab .nav-item .nav-link { - margin-left: 0px; } } - [direction="rtl"] .widget-timeline .timeline > li > .timeline-panel { - margin-left: 0px; - margin-right: 40px; } - [direction="rtl"] .widget-timeline.style-1 .timeline .timeline-badge.timeline-badge + .timeline-panel { - padding: 5px 15px 5px 10px; - border-width: 0px 5px 0px 0px; } - [direction="rtl"] .widget-timeline.style-1 .timeline .timeline-badge.timeline-badge + .timeline-panel:after { - border: 0; - right: -9px; - width: 7px; - left: auto; - height: 7px; } - [direction="rtl"] .widget-timeline .timeline > li > .timeline-badge { - left: auto; - right: 0px; } - [direction="rtl"] .widget-timeline .timeline > li > .timeline-panel:after { - left: auto; - right: -5px; } - [direction="rtl"] .chatbox .msg_cotainer { - margin-left: 0; - margin-right: 10px; - border-radius: 1.375rem 0 1.375rem 1.375rem; } - [direction="rtl"] .chatbox .msg_cotainer:after { - left: auto; - right: -10px; - transform: rotate(-90deg); } - [direction="rtl"] .chatbox .type_msg .input-group .input-group-append .btn { - border-top-right-radius: 38px !important; - border-bottom-right-radius: 38px !important; } - [direction="rtl"] .chatbox .msg_cotainer_send { - margin-right: 0px; - margin-left: 10px; - border-radius: 0 6px 6px 6px; } - [direction="rtl"] .chatbox .msg_cotainer_send:after { - right: auto; - left: -10px; - transform: rotate(90deg); } - [direction="rtl"] .comment-review { - right: auto; - left: 0; } - [direction="rtl"] .input-group > .bootstrap-select:not(:first-child) .dropdown-toggle { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-top-left-radius: 1.25rem; - border-bottom-left-radius: 1.25rem; } - [direction="rtl"] .input-group > .bootstrap-select:not(:last-child) .dropdown-toggle { - border-top-right-radius: 1.25rem; - border-bottom-right-radius: 1.25rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - [direction="rtl"] .breadcrumb-item + .breadcrumb-item { - padding-right: 0.5rem; - padding-left: 0; } - [direction="rtl"] .breadcrumb-item + .breadcrumb-item::before { - padding-right: 0; - padding-left: 0.5rem; } - [direction="rtl"] .chatbox .chatbox-close { - left: 340px; - right: auto; } - [direction="rtl"] .message-search-area .input-group-text { - padding-left: 25px; - padding-right: 10px; - border-left: 1px solid #EEEEEE; - border-right: 0; - border-radius: 2rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - [direction="rtl"] .message-search-area .form-control { - border-right: 1px solid #EEEEEE; - border-left: 0; - border-radius: 2rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - [direction="rtl"] .card-tabs .nav-tabs.style-1 .nav-item .nav-link { - padding-right: 0; - padding-left: 25px; } - [direction="rtl"] .chat-box .message-sent p { - border-radius: 20px 20px 20px 0; } - [direction="rtl"] .chat-box .message-received p { - border-radius: 20px 0 20px 20px; } - [direction="rtl"] .mail-list .list-group-item i { - padding-right: 0; - padding-left: 0.625rem; } - [direction="rtl"] .dataTables_wrapper .dataTables_filter input { - margin-left: 0; - margin-right: 0.5em; } - [direction="rtl"][data-layout="horizontal"] .content-body { - margin-right: 0; } - [direction="rtl"][data-layout="horizontal"] .deznav .metismenu li li .has-arrow:after { - -webkit-transform: rotate(-4deg) translateY(-50%); - transform: rotate(-45deg) translateY(-50%); } - [direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"]) .content-body { - margin-right: 5rem; } - [direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"]) .content-body { - margin-right: 15rem; } - [direction="rtl"][data-sidebar-style="overlay"] .content-body { - margin-right: 0; } - [direction="rtl"] #external-events .external-event:before { - margin-right: 0; - margin-left: .9rem; } - [direction="rtl"] .post-input a i { - margin-left: 15px; - margin-right: 0; } - [direction="rtl"] .deznav .metismenu .has-arrow:after { - -webkit-transform: rotate(-45deg) translateY(-50%); - transform: rotate(-45deg) translateY(-50%); } - [direction="rtl"] .deznav .metismenu .has-arrow[aria-expanded=true]:after, - [direction="rtl"] .deznav .metismenu .mm-active > .has-arrow:after { - -webkit-transform: rotate(-135deg) translateY(-50%); - transform: rotate(-135deg); } - [direction="rtl"][data-layout="horizontal"] .deznav .metismenu .has-arrow:after { - -webkit-transform: rotate(225deg) translateY(-50%); - transform: rotate(225deg) translateY(-50%); } - [direction="rtl"] .chatbox { - left: -500px; - right: auto; } - [direction="rtl"] .chatbox.active { - left: 0; - right: auto; } - @media only screen and (max-width: 575px) { - [direction="rtl"] .best-doctor .timeline .timeline-panel .media { - float: right; - margin-right: 0 !important; - margin-left: 15px !important; } } - [direction="rtl"] .default-select.style-1 .btn:after { - margin-left: 0; - margin-right: 0.5em; } - [direction="rtl"] .pagination .page-indicator { - transform: rotate(180deg); - -moz-transform: rotate(180deg); - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); } - [direction="rtl"] .lg-outer.lg-visible { - direction: ltr; } - [direction="rtl"] .chart-point .chart-point-list { - margin: 0; - padding-right: 20px; } - [direction="rtl"] .noUi-target { - direction: rtl; } - [direction="rtl"] .noUi-vertical .noUi-pips-vertical { - left: -20px; } - [direction="rtl"] .noUi-vertical .noUi-value-vertical { - padding-left: 0; - padding-right: 25px; } - [direction="rtl"] .sidebar-right .ps--active-x > .ps__rail-x { - display: none; } - [direction="rtl"] .form-wizard .nav-wizard li .nav-link:after { - right: 50%; - left: auto; } - [direction="rtl"] .dtp > .dtp-content { - right: 50%; - left: auto; } - [direction="rtl"] .modal-header .close { - margin: 0; - left: 0; - top: 0px; - right: auto; } - [direction="rtl"] .input-group-prepend .btn + .btn { - border-radius: 0 !important; } - [direction="rtl"] .form-control + .input-group-append .btn:first-child { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; } - [direction="rtl"] .input-group > .custom-file:not(:first-child) .custom-file-label { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 1.25rem; - border-top-left-radius: 1.25rem; } - [direction="rtl"] .custom-file-label::after { - border-radius: 1.25rem 0 0 1.25rem; } - [direction="rtl"] .input-group > .custom-file:not(:last-child) .custom-file-label { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-right-radius: 1.25rem; - border-bottom-right-radius: 1.25rem; } - [direction="rtl"] .input-group > .custom-file:not(:last-child) .custom-file-label::after { - border-radius: 0; } - [direction="rtl"] .weather-btn { - margin-left: 20px; } - [direction="rtl"] .coin-holding:after { - background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%); - /* FF3.6-15 */ - background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%); - /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(to right, rgba(255, 255, 255, 0.27) 0%, rgba(255, 255, 255, 0) 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45ffffff', endColorstr='#00ffffff',GradientType=1 ); - /* IE6-9 */ } - [direction="rtl"][data-theme-version="dark"] .coin-holding:after { - background: -moz-linear-gradient(left, rgba(5, 5, 5, 0.27) 0%, rgba(255, 255, 255, 0) 100%); - /* FF3.6-15 */ - background: -webkit-linear-gradient(left, rgba(5, 5, 5, 0.27) 0%, rgba(255, 255, 255, 0) 100%); - /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(to right, rgba(5, 5, 5, 0.27) 0%, rgba(255, 255, 255, 0) 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45050505', endColorstr='#00ffffff',GradientType=1 ); - /* IE6-9 */ } - [direction="rtl"] .market-line .apexcharts-yaxis { - transform: translateX(-10px); } - [direction="rtl"] .current-chart .apexcharts-datalabels-group text:last-child { - fill: #fff; } - [direction="rtl"] .lineChart { - margin-left: 0; - margin-right: auto; } - [direction="rtl"] .event-bx .image-bx .info ul li i { - margin-right: 0; - margin-left: 10px; } - [direction="rtl"] .event-bx .owl-nav { - right: auto; - left: 52px; - direction: ltr; } - [direction="rtl"] .event-bx .owl-dots { - right: auto; - left: 100px; } - [direction="rtl"] .default-select.style-2 .btn:after { - margin-left: 0; - margin-right: 10px; } - [direction="rtl"] table.dataTable thead .sorting { - background-position: center left 15px; } - [direction="rtl"] table.dataTable thead .sorting, - [direction="rtl"] table.dataTable thead .sorting_asc, - [direction="rtl"] table.dataTable thead .sorting_desc, - [direction="rtl"] table.dataTable thead .sorting_asc_disabled, - [direction="rtl"] table.dataTable thead .sorting_desc_disabled { - background-position: center left; } - [direction="rtl"] .noUi-target { - direction: rtl; } - [direction="rtl"] .noUi-vertical .noUi-pips-vertical { - left: -20px; } - [direction="rtl"] .noUi-vertical .noUi-value-vertical { - padding-left: 0; - padding-right: 25px; } - [direction="rtl"] .profile-card .title span { - padding-right: 0; - padding-left: 30px; } - [direction="rtl"] .skill-progress .progress-bar:after { - right: auto; - left: 0; } - [direction="rtl"] .profile-card .form-group .input-icon .form-control { - padding-left: 0px; - border-radius: 0; - padding-right: 70px; } - [direction="rtl"] .profile-card .form-group .input-group-prepend { - left: auto; - right: 0px; } - [direction="rtl"] .search-dropdown { - border-right: 0; - border-left: 1px solid #EEEEEE; } - [direction="rtl"] .new-arrival-content.text-center .price { - float: none; } - [direction="rtl"] .bootstrap-popover-wrapper .bootstrap-popover:not(:last-child) { - margin-right: 0; - margin-left: 8px; } +[data-theme-version="dark"] .default-mt-chips .mat-form-field-appearance-legacy .mat-form-field-underline { + background-color: rgba(255, 255, 255, 0.42); +} -@media only screen and (max-width: 1350px) and (min-width: 1200px) { - [direction="rtl"] .content-body { - margin-right: 17rem; } } -[direction="rtl"] .sidebar-right { - left: -32rem; - right: auto; - box-shadow: 2px 3px 10px 0px rgba(119, 119, 119, 0.1); } - [direction="rtl"] .sidebar-right.show { - left: 0rem; - right: auto; } - [direction="rtl"] .sidebar-right .sidebar-right-trigger { - left: 100%; - right: auto; - border-radius: 0 50px 50px 0; - box-shadow: 5px 3px 5px 0px rgba(119, 119, 119, 0.15); } - [direction="rtl"] .sidebar-right .sidebar-right-trigger span { - margin-right: 0; - margin-left: 15px; } - [direction="rtl"] .sidebar-right .sidebar-right-trigger span.text { - margin-left: 0; } -[direction="rtl"] .sidebar-right .sidebar-close-trigger { - left: -48px; - right: auto; } -[direction="rtl"] .bootstrap-select .dropdown-toggle .filter-option { - text-align: right; } -[direction="rtl"] .dz-demo-panel { - right: auto; - left: 0; - -webkit-transform: translate(-100%, 0); - -ms-transform: translate(-100%, 0); - transform: translate(-100%, 0); } - [direction="rtl"] .dz-demo-panel.show { - transform: translate(0px, 0px); - left: 0px; - right: auto; } - [direction="rtl"] .dz-demo-panel .dz-demo-trigger { - right: auto; - left: 100%; - border-radius: 0 50px 50px 0; } - [direction="rtl"] .dz-demo-panel .dz-demo-trigger svg { - margin-right: 0; - margin-left: 15px; } +[data-theme-version="dark"] .default-mt-datepicker .mat-form-field-label { + color: rgba(255, 255, 255, 0.6); +} -html[dir="rtl"] [direction="rtl"] .footer { - padding-right: 21.563rem; - padding-left: 0; } - html[dir="rtl"] [direction="rtl"] .footer .copyright { - border-radius: 0 0 50px 0; } - @media only screen and (max-width: 1400px) { - html[dir="rtl"] [direction="rtl"] .footer { - padding-right: 17rem; } } - @media (max-width: 767.98px) { - html[dir="rtl"] [direction="rtl"] .footer { - padding-right: 0; } } -html[dir="rtl"] [direction="rtl"][data-sidebar-style="overlay"] .footer { - padding-right: 0; } -html[dir="rtl"] [direction="rtl"] .menu-toggle .footer { - padding-right: 3.75rem; } -html[dir="rtl"] [direction="rtl"][data-container="boxed"] .footer { - padding-right: 0; } -html[dir="rtl"] [direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"]) .footer { - padding-right: 5rem; } -html[dir="rtl"] [direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"]) .footer { - padding-right: 9.375rem; } +[data-theme-version="dark"] .default-mt-datepicker .mat-date-range-input-inner, +[data-theme-version="dark"] .default-mt-datepicker .mat-calendar-body-cell-content, +[data-theme-version="dark"] .default-mt-datepicker .mat-date-range-input-separator { + color: #fff; +} -[direction="rtl"] .default-accordion .card-header button, [direction="rtl"] .prevent-accordion .card-header button { - text-align: right; - padding-right: 1.5rem; - padding-left: 40px; } - [direction="rtl"] .default-accordion .card-header button:after, [direction="rtl"] .prevent-accordion .card-header button:after { - right: auto; - left: 20px; } -[direction="rtl"] .default-calendar .ngb-dp-header { - direction: ltr; } -[direction="rtl"] ngb-toast .toast-header .close { - margin-left: unset; } -[direction="rtl"] .calendar-list .list-group-item { - border-left: 0; - border-right: 4px solid #40189D; } -[direction="rtl"] .calendar-checkbox input[type=checkbox], [direction="rtl"] .calendar-checkbox input[type=radio] { - margin-right: 0px; - margin-left: 6px; } -[direction="rtl"] .doctor-list .accordion__header--indicator { - right: 0; - left: auto; } -[direction="rtl"] .patient-calender ngb-datepicker { - direction: ltr; } +[data-theme-version="dark"] .default-mt-datepicker .mat-icon-button svg path { + fill: rgba(255, 255, 255, 0.7); +} -/*$primary : #7356f1 !default;*/ -:root { - --primary: #40189D; - --secondary: #8BC740; - --primary-hover: #2e1171; - --primary-dark: #0a0418; - --rgba-primary-1: rgba(64, 24, 157, 0.1); - --rgba-primary-2: rgba(64, 24, 157, 0.2); - --rgba-primary-3: rgba(64, 24, 157, 0.3); - --rgba-primary-4: rgba(64, 24, 157, 0.4); - --rgba-primary-5: rgba(64, 24, 157, 0.5); - --rgba-primary-6: rgba(64, 24, 157, 0.6); - --rgba-primary-7: rgba(64, 24, 157, 0.7); - --rgba-primary-8: rgba(64, 24, 157, 0.8); - --rgba-primary-9: rgba(64, 24, 157, 0.9); - --font-family-base: Roboto, sans-serif; - --font-family-title: Roboto, sans-serif; } +[data-theme-version="dark"] .default-mt-datepicker .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { + color: rgba(255, 255, 255, 0.5); +} + +[data-theme-version="dark"] .default-mt-datepicker .mat-form-field-appearance-fill .mat-form-field-underline:before { + background-color: rgba(255, 255, 255, 0.42); +} + +[data-theme-version="dark"] .default-mt-datepicker .mat-input-element:disabled, +[data-theme-version="dark"] .default-mt-datepicker .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { + color: #fff; +} + +[data-theme-version="dark"] .mat-list-icon { + color: rgba(255, 255, 255, 0.5) !important; +} + +[data-theme-version="dark"] .prevent-accordion .card-header button.collapsed, +[data-theme-version="dark"] .default-accordion .card-header button.collapsed { + color: #fff; +} + +[data-theme-version="dark"] .default-calendar .form-group .input-group .form-control { + color: #fff; +} + +[data-theme-version="dark"] .default-calendar ngb-datepicker.dropdown-menu { + background: #9774ea; +} + +[data-theme-version="dark"] .calendar-list .list-group-item, +[data-theme-version="dark"] .calendar-list .list-group-item:hover { + background: #251e35; + color: #8e8e8e; + border-left: 4px solid #40189D; +} + +[data-theme-version="dark"] .calendar-description h2 { + color: #fff; +} + +[data-theme-version="dark"] .calendar-description ul li { + color: #fff; +} + +[data-theme-version="dark"] .dashboard-full-calendar.fc-theme-standard td, +[data-theme-version="dark"] .dashboard-full-calendar.fc-theme-standard th, +[data-theme-version="dark"] .dashboard-full-calendar.fc-theme-standard .fc-scrollgrid, +[data-theme-version="dark"] .dashboard-full-calendar.fc-theme-standard .fc-list { + border-color: #333a54; +} + +[data-theme-version="dark"] .dashboard-select.mat-form-field-appearance-fill .mat-form-field-flex { + background-color: #251e35 !important; +} + +[data-theme-version="dark"] .detault-daterange .mat-date-range-input-inner::placeholder { + color: #fff; +} + +[data-theme-version="dark"] .dashboard-select .mat-select-arrow, +[data-theme-version="dark"] .dashboard-select .mat-select-value { + color: #fff; +} + +[data-theme-version="dark"] .apex-card-donut .apexcharts-datalabels-group text { + fill: #fff; +} + +[data-theme-version="dark"] .sidebar-right .form-control { + color: #000; +} + +[data-theme-version="dark"] .page-titles .breadcrumb li.active a { + color: #fff; +} + +[data-theme-version="dark"] .page-titles .breadcrumb .breadcrumb-item+.breadcrumb-item:before { + color: #fff; +} + +[data-theme-version="dark"] .default-apex-cl .apexcharts-title-text { + fill: #bdbdbd; +} -[data-theme-version="dark"] { - --nav-headbg: #28253b; - --sidebar-bg: #28253b; - --headerbg: #251e35; - background: #251e35; - color: #828690; } - [data-theme-version="dark"] h1, - [data-theme-version="dark"] h2, - [data-theme-version="dark"] h3, - [data-theme-version="dark"] h4, - [data-theme-version="dark"] h5, - [data-theme-version="dark"] h6 { - color: #fff !important; } - [data-theme-version="dark"] a.link { - color: #ddd; } - [data-theme-version="dark"] a.link:focus, - [data-theme-version="dark"] a.link:hover { - color: #48A9F8; } - [data-theme-version="dark"] a:hover { - color: #fff; } - [data-theme-version="dark"] .border-right { - border-right: 1px solid #333a54 !important; } - [data-theme-version="dark"] .border-left { - border-left: 1px solid #333a54 !important; } - [data-theme-version="dark"] .border-top { - border-top: 1px solid #333a54 !important; } - [data-theme-version="dark"] .border-bottom { - border-bottom: 1px solid #333a54 !important; } - [data-theme-version="dark"] .border { - border: 1px solid #333a54 !important; } +[data-theme-version="dark"] .default-apex-cl .apexcharts-yaxis tspan, +[data-theme-version="dark"] .default-apex-cl .apexcharts-xaxis tspan { + fill: #bdbdbd; +} -[data-theme-version="dark"] .card { - background-color: #28253b; - box-shadow: none; } -[data-theme-version="dark"] .dropdown-menu { - background-color: #28253b; - box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1); } - [data-theme-version="dark"] .dropdown-menu .dropdown-item { - color: #777777; } - [data-theme-version="dark"] .dropdown-menu .dropdown-item.selected, [data-theme-version="dark"] .dropdown-menu .dropdown-item.selected.active, [data-theme-version="dark"] .dropdown-menu .dropdown-item.active, [data-theme-version="dark"] .dropdown-menu .dropdown-item:hover, [data-theme-version="dark"] .dropdown-menu .dropdown-item:focus { - background-color: #28253b; - color: #fff; } -[data-theme-version="dark"] a { - color: #fff; } -[data-theme-version="dark"] .text-primary { - color: #fff !important; } -[data-theme-version="dark"] .btn-link g [fill] { - fill: #fff; } -[data-theme-version="dark"] .btn-light:active, -[data-theme-version="dark"] .btn-light:focus, -[data-theme-version="dark"] .btn-light:hover { - color: #000; } -[data-theme-version="dark"] .form-control { - background-color: #28253b; - border-color: #333a54; - color: #fff; } -[data-theme-version="dark"] .modal-content { - background: #28253b; } -[data-theme-version="dark"] .modal-footer, -[data-theme-version="dark"] .modal-header { - border-color: #333a54; } -[data-theme-version="dark"] .close { - font-weight: 400; +[data-theme-version="dark"] .default-apex-cl .apexcharts-text { + fill: #bdbdbd; +} + +[data-theme-version="dark"] .default-apex-cl .apexcharts-svg { + background: #28253b !important; +} + +[data-theme-version="dark"] .default-apex-cl .apexcharts-svg line { + stroke: #333a54; +} + +[data-theme-version="dark"] .default-apex-cl .apexcharts-grid rect:nth-child(even) { + fill: #251e35; +} + +[data-theme-version="dark"] .default-apex-cl .apexcharts-datalabels text { + fill: #fff; +} + +[data-theme-version="dark"] .default-apex-cl .apexcharts-subtitle-text { + fill: #fff; +} + +[data-theme-version="dark"] .default-calendar .btn-light { color: #fff; - text-shadow: none; } - [data-theme-version="dark"] .close:hover { - color: #fff; } -[data-theme-version="dark"] .star-rating .product-review, -[data-theme-version="dark"] .new-arrival-content .item { - color: #fff; } -[data-theme-version="dark"] .custom-dropdown .dropdown-menu { - border-color: #333a54; } -[data-theme-version="dark"] .widget-stat .media > span { - background: rgba(255, 255, 255, 0.15); - border-color: #333a54; - color: #fff; } -[data-theme-version="dark"] .plus-minus-input .custom-btn { +} + +[data-theme-version="dark"] .default-calendar .btn-light:hover { + color: #000; +} + +[data-theme-version="dark"] .default-calendar ngb-datepicker { background: #251e35; - border-color: #333a54; } -[data-theme-version="dark"] .dropdown-divider, -[data-theme-version="dark"] .size-filter ul li { - border-color: #333a54; } -[data-theme-version="dark"] .custom-select { - border-color: #333a54; - color: #828690; - background: #251e35; } -[data-theme-version="dark"] .nav-tabs { - border-color: #333a54; } -[data-theme-version="dark"] .mail-list .list-group-item.active i { - color: #fff; } -[data-theme-version="dark"] hr { - border-color: #333a54; } -[data-theme-version="dark"] .grid-col { - background: #251e35; } -[data-theme-version="dark"] .noUi-target { - border-color: #333a54; - border-radius: 8px; - box-shadow: none; } - [data-theme-version="dark"] .noUi-target .noUi-connects { - background: #333a54; } -[data-theme-version="dark"] .noUi-marker-large, -[data-theme-version="dark"] .noUi-marker { - background: #333a54; } -[data-theme-version="dark"] .input-group-text { - background: #28253b; - color: #7e7e7e; - border-color: #333a54; } -[data-theme-version="dark"] .note-editor.note-frame { - border-color: #333a54; } - [data-theme-version="dark"] .note-editor.note-frame .btn { - color: #fff; } - [data-theme-version="dark"] .note-editor.note-frame .note-editing-area .note-editable { - color: #fff; } -[data-theme-version="dark"] .widget-media .timeline .timeline-panel { - border-color: #333a54; } -[data-theme-version="dark"] .notification_dropdown .dropdown-menu-right .all-notification { - border-color: #333a54; } -[data-theme-version="dark"] #user-activity .nav-tabs .nav-link { - border-color: #333a54; } - [data-theme-version="dark"] #user-activity .nav-tabs .nav-link.active { - background: #251e35; - color: #fff; } -[data-theme-version="dark"] .list-group-item-action { - color: #7e7e7e; } -[data-theme-version="dark"] .list-group-item-action:focus, -[data-theme-version="dark"] .list-group-item-action:hover, -[data-theme-version="dark"] .list-group-item-action:focus { - background-color: #251e35; - border-color: #251e35; } -[data-theme-version="dark"] .list-group-item.active { +} + +[data-theme-version="dark"] pre { color: #fff; - border-color: var(--primary); } - [data-theme-version="dark"] .list-group-item.active:focus, [data-theme-version="dark"] .list-group-item.active:hover, [data-theme-version="dark"] .list-group-item.active:focus { - background-color: var(--primary); - border-color: var(--primary); - color: #fff; } -[data-theme-version="dark"] .swal2-popup { - background: #28253b; } -[data-theme-version="dark"] .form-head .btn-outline-primary { - border-color: #333a54; } -[data-theme-version="dark"] .form-head .btn-outline-primary:hover { - border-color: var(--primary); } -[data-theme-version="dark"] .review-tab.nav-pills li a.nav-link.active { - background: transparent; } -[data-theme-version="dark"] .new-arrival-content h4 a { - color: #fff; } -[data-theme-version="dark"] .text-black { - color: #fff !important; } -[data-theme-version="dark"] .abilities-chart .ct-chart .ct-label { - fill: #fff; } -[data-theme-version="dark"] .morris_chart_height text tspan { - fill: #fff; } -[data-theme-version="dark"] .btn-link { - color: #fff; } -[data-theme-version="dark"] .order-bg { - background: #251e35; } -[data-theme-version="dark"] .detault-daterange .input-group-text { - background: #251e35; - color: #fff; } -[data-theme-version="dark"] .dataTablesCard { - background-color: #28253b; } -[data-theme-version="dark"] .compose-content .dropzone { - background: #251e35 !important; } - [data-theme-version="dark"] .compose-content .dropzone .dz-message .dz-button { - color: #fff; } -[data-theme-version="dark"] .daterangepicker { - background: #251e35; - border-color: var(--primary); } - [data-theme-version="dark"] .daterangepicker .calendar-table { - border-color: var(--primary); - background: #251e35; } - [data-theme-version="dark"] .daterangepicker .calendar-table .table-condensed td:hover { - background-color: var(--primary); - color: #fff; } - [data-theme-version="dark"] .daterangepicker:after { - border-bottom: 6px solid #251e35; } -[data-theme-version="dark"] .daterangepicker select.hourselect -, [data-theme-version="dark"] .daterangepicker select.minuteselect -, [data-theme-version="dark"] .daterangepicker select.secondselect -, [data-theme-version="dark"] .daterangepicker select.ampmselect { - background: #251e35; - border: 1px solid #333a54; - color: #fff; } -[data-theme-version="dark"] .daterangepicker td.off, -[data-theme-version="dark"] .daterangepicker td.off.in-range, -[data-theme-version="dark"] .daterangepicker td.off.start-date, -[data-theme-version="dark"] .daterangepicker td.off.end-date { - background-color: #28253b; } - [data-theme-version="dark"] .daterangepicker td.off:hover, - [data-theme-version="dark"] .daterangepicker td.off.in-range:hover, - [data-theme-version="dark"] .daterangepicker td.off.start-date:hover, - [data-theme-version="dark"] .daterangepicker td.off.end-date:hover { - background-color: var(--primary); - color: #fff; } -[data-theme-version="dark"] .app-fullcalendar .fc-button { - background-color: #251e35; - border-color: var(--primary); +} + +[data-theme-version="dark"] .default-mt-table .mat-header-cell { color: #fff; - text-shadow: none; } - [data-theme-version="dark"] .app-fullcalendar .fc-button:hover, [data-theme-version="dark"] .app-fullcalendar .fc-button.fc-stat-hover { - background-color: var(--primary); } -[data-theme-version="dark"] .swal2-popup .swal2-styled:focus { - outline: 0; - box-shadow: 0 0 0 2px #333a54, 0 0 0 4px var(--rgba-primary-1); } -[data-theme-version="dark"] .dd-handle { - border-color: #333a54; } -[data-theme-version="dark"] .menu-toggle .deznav .metismenu li > ul { - background: #28253b; } -[data-theme-version="dark"] .header-right .notification_dropdown .nav-link { - border-color: #333a54; } -[data-theme-version="dark"] .nav-tabs .nav-link:hover, [data-theme-version="dark"] .nav-tabs .nav-link.active { - border-color: var(--primary); } -[data-theme-version="dark"] .clockpicker-popover .popover-content { - background-color: #28253b; } -[data-theme-version="dark"] .clockpicker-plate { - background-color: #251e35; } -[data-theme-version="dark"] .clockpicker-popover .popover-title { - background-color: #251e35; - color: #fff; } -[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link span { - background-color: #251e35; } -[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link:after { - background: #251e35; } -[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.active:after, [data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.done:after { - background: var(--primary); } -[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.active span -, [data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.done span { - background: var(--primary); } -[data-theme-version="dark"] .check-switch .custom-control-label:after -, [data-theme-version="dark"] .check-switch .custom-control-label:before { - border-color: var(--primary); } -[data-theme-version="dark"] .fc-unthemed .fc-today { - background: #251e35; } -[data-theme-version="dark"] .fc-unthemed .fc-divider, [data-theme-version="dark"] .fc-unthemed .fc-list-heading td, [data-theme-version="dark"] .fc-unthemed .fc-popover .fc-header { - background: #333a54; } -[data-theme-version="dark"] .picker__box { - background: #251e35; } - [data-theme-version="dark"] .picker__box .picker__button--clear - , [data-theme-version="dark"] .picker__box .picker__button--close - , [data-theme-version="dark"] .picker__box .picker__button--today { - background: #28253b; - color: #fff; } - [data-theme-version="dark"] .picker__box .picker__button--clear:hover:before - , [data-theme-version="dark"] .picker__box .picker__button--close:hover:before - , [data-theme-version="dark"] .picker__box .picker__button--today:hover:before { - color: #fff; } -[data-theme-version="dark"] .picker { - color: #999; } -[data-theme-version="dark"] .dtp > .dtp-content { - background: #251e35; } -[data-theme-version="dark"] .dtp table.dtp-picker-days tr > td > a { - color: #68686a; } - [data-theme-version="dark"] .dtp table.dtp-picker-days tr > td > a.selected { - color: #fff; } -[data-theme-version="dark"] .order-request tbody tr { - border-color: #333a54; } -[data-theme-version="dark"] .card-list li { - color: #fff; } -[data-theme-version="dark"] .card-bx .change-btn:hover { - color: var(--primary); } -[data-theme-version="dark"] .invoice-card.bg-warning { - background-color: #5b3c1f !important; } -[data-theme-version="dark"] .invoice-card.bg-success { - background-color: #2a6729 !important; } -[data-theme-version="dark"] .invoice-card.bg-info { - background-color: #4c276a !important; } -[data-theme-version="dark"] .invoice-card.bg-secondary { - background-color: #1c3e52 !important; } -[data-theme-version="dark"] .user-list li { - border-color: #28253b; } -[data-theme-version="dark"] .toggle-switch { - color: #fff; } -[data-theme-version="dark"] .bar-chart .apexcharts-text tspan { - fill: #969ba0; } -[data-theme-version="dark"] .bar-chart line { - stroke: #333a54; } -[data-theme-version="dark"] table.dataTable thead th, [data-theme-version="dark"] table.dataTable thead td { - border-color: #333a54 !important; } -[data-theme-version="dark"] .form-check .form-check-input { - background: transparent; } - [data-theme-version="dark"] .form-check .form-check-input:checked { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } -[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate span .paginate_button.current, -[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate span .paginate_button:hover { - background: var(--primary); - color: #fff !important; } -[data-theme-version="dark"] .light.btn-primary, -[data-theme-version="dark"] .light.btn-danger, -[data-theme-version="dark"] .light.btn-warning, -[data-theme-version="dark"] .light.btn-success, -[data-theme-version="dark"] .light.btn-info { - color: #fff; } - [data-theme-version="dark"] .light.btn-primary svg path, - [data-theme-version="dark"] .light.btn-danger svg path, - [data-theme-version="dark"] .light.btn-warning svg path, - [data-theme-version="dark"] .light.btn-success svg path, - [data-theme-version="dark"] .light.btn-info svg path { - fill: #fff; } -[data-theme-version="dark"] .bg-white { - background: #28253b !important; } -[data-theme-version="dark"] .bg-light.text-primary { - color: var(--primary) !important; } -[data-theme-version="dark"] table.dataTable { - color: #b5b5b5; } - [data-theme-version="dark"] table.dataTable tbody td { - background: #28253b !important; } -[data-theme-version="dark"] .contact-icon { - border-color: #333a54; } -[data-theme-version="dark"] .profile-card .title span { - background: #28253b; } -[data-theme-version="dark"] .profile-card .title:after { - background: #333a54; } -[data-theme-version="dark"] .profile-card .form-group .form-control { +} + +[data-theme-version="dark"] .default-mt-table mat-row, +[data-theme-version="dark"] .default-mt-table mat-header-row, +[data-theme-version="dark"] .default-mt-table mat-footer-row, +[data-theme-version="dark"] .default-mt-table th.mat-header-cell, +[data-theme-version="dark"] .default-mt-table td.mat-cell, +[data-theme-version="dark"] .default-mt-table td.mat-footer-cell { + border-color: #333a54; +} + +[data-theme-version="dark"] .donut-chart .apexcharts-datalabels-group text { + fill: #fff; +} + +[data-theme-version="dark"] .custom-dropzone { + background: #251e35 !important; +} + +[data-theme-version="dark"] .mat-form-field.mat-focused .mat-input-element { color: #fff; - border-color: #333a54; } - [data-theme-version="dark"] .profile-card .form-group .form-control:hover, [data-theme-version="dark"] .profile-card .form-group .form-control:focus, [data-theme-version="dark"] .profile-card .form-group .form-control:active { - border-color: var(--primary); } -[data-theme-version="dark"] .profile-card .form-group .bootstrap-select.form-control button { - border-color: #333a54 !important; } - [data-theme-version="dark"] .profile-card .form-group .bootstrap-select.form-control button:after { - color: #fff; } -[data-theme-version="dark"] .profile-card .form-group textarea { - background: #251e35; } -[data-theme-version="dark"] .profile-card .form-group .input-group-prepend .input-group-text { - border: 0; } - [data-theme-version="dark"] .profile-card .form-group .input-group-prepend .input-group-text i { - color: #fff; } -[data-theme-version="dark"] .activity-card, [data-theme-version="dark"] .profile-bx { - border-color: #333a54; } -[data-theme-version="dark"] .sharp-lg svg path { - fill: #fff; } -[data-theme-version="dark"] .progress-icon { - border-color: #333a54; } -[data-theme-version="dark"] .portfolios-card > div { - background: #251e35; } -[data-theme-version="dark"] .page-titles { - background: #251e35; } - [data-theme-version="dark"] .page-titles .breadcrumb li.active a { - color: #fff; } -[data-theme-version="dark"] .light.btn-primary g [fill] { - fill: #fff; } -[data-theme-version="dark"] .profile-info h4.text-primary { - color: #fff !important; } -[data-theme-version="dark"] .profile-tab .nav-item .nav-link:hover, [data-theme-version="dark"] .profile-tab .nav-item .nav-link.active { - color: #fff; } -[data-theme-version="dark"] .pagination-primary .page-item .page-link { - color: #fff; } -[data-theme-version="dark"] .app-fullcalendar .fc-button.fc-state-hover { - background: var(--primary) !important; } -[data-theme-version="dark"] .new-arrival-content .price { - color: #fff; } -[data-theme-version="dark"] .btn-outline-primary { - color: #fff; } -[data-theme-version="dark"] .btn.tp-btn-light.btn-primary g [fill] { - fill: #fff; } -[data-theme-version="dark"] .btn-icon-left.text-primary { - color: var(--primary) !important; } -[data-theme-version="dark"] .custom-tab-1 .nav-link:focus, -[data-theme-version="dark"] .custom-tab-1 .nav-link:hover, -[data-theme-version="dark"] .custom-tab-1 .nav-link.active { - color: #fff; } -[data-theme-version="dark"] .bg-light h1, [data-theme-version="dark"] .bg-light h2, [data-theme-version="dark"] .bg-light h3, [data-theme-version="dark"] .bg-light h4, [data-theme-version="dark"] .bg-light h5, [data-theme-version="dark"] .bg-light h6 { - color: #000 !important; } -[data-theme-version="dark"] .default-tab .nav-link:focus, -[data-theme-version="dark"] .default-tab .nav-link:hover, -[data-theme-version="dark"] .default-tab .nav-link.active, -[data-theme-version="dark"] .default-tab .nav-link i, -[data-theme-version="dark"] .custom-tab-1 .nav-link i, -[data-theme-version="dark"] .nav-pills.light .nav-link.active, -[data-theme-version="dark"] .nav-pills.light .show > .nav-link { - color: #fff; } -[data-theme-version="dark"] .table-bordered th, [data-theme-version="dark"] .table-bordered td, -[data-theme-version="dark"] .table th, [data-theme-version="dark"] .table td { - border-color: #333a54; } -[data-theme-version="dark"] mark, [data-theme-version="dark"] .mark { - background: var(--primary); } -[data-theme-version="dark"] .dd-item > button { - color: #fff; } -[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link span { - color: #fff; } -[data-theme-version="dark"] .dataTables_wrapper .dataTables_length, -[data-theme-version="dark"] .dataTables_wrapper .dataTables_filter, -[data-theme-version="dark"] .dataTables_wrapper .dataTables_info, -[data-theme-version="dark"] .dataTables_wrapper .dataTables_processing, -[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate { - color: #fff; } -[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button { - color: #fff !important; } -[data-theme-version="dark"] .dataTables_wrapper .dataTables_paginate.paging_simple_numbers > .paginate_button { - color: var(--primary) !important; } -[data-theme-version="dark"] .search-dropdown { - border-color: #333a54; } -[data-theme-version="dark"] #columnChart .apexcharts-series rect { - fill: #251e35; } +} -[data-theme-version="dark"][data-layout="vertical"][data-sidebar-position="fixed"] .header { - border-color: #333a54; } -[data-theme-version="dark"] .header { - background-color: #28253b; - border-color: #333a54; } - [data-theme-version="dark"] .header .header-content { - background: #251e35; } -[data-theme-version="dark"] .header-left .dashboard_bar { - color: #fff; } -[data-theme-version="dark"] .header-right .search-area .form-control { - background: #28253b; } -[data-theme-version="dark"] .header-right .search-area .input-group-text { - border: 0; - background: #28253b; } - [data-theme-version="dark"] .header-right .search-area .input-group-text a { - color: #4f7086; } -[data-theme-version="dark"] .header-right .notification_dropdown .nav-link { - background: transparent !important; } - [data-theme-version="dark"] .header-right .notification_dropdown .nav-link .badge { - border-color: #28253b; } -[data-theme-version="dark"] .header-right .dropdown .nav-link { - color: #fff; } - [data-theme-version="dark"] .header-right .dropdown .nav-link:hover { - color: #fff; } - [data-theme-version="dark"] .header-right .dropdown .nav-link svg path { - fill: #d4d4d4; } -[data-theme-version="dark"] .header-right .header-profile > a.nav-link .header-info { - border: 0; } -[data-theme-version="dark"] .nav-header .hamburger .line { - background: #fff !important; } -[data-theme-version="dark"] .menu-toggle .nav-header .nav-control .hamburger .line { - background-color: #fff !important; } +[data-theme-version="dark"] .dashboard-select.style-1 { + border-color: #333a54; +} -[data-theme-version="dark"] .nav-header { - border-color: #333a54; } -[data-theme-version="dark"] .nav-control { - color: #fff; } -[data-theme-version="dark"] .brand-logo { - color: #fff; } - [data-theme-version="dark"] .brand-logo:hover { - color: #fff; } -[data-theme-version="dark"] .brand-title path { - fill: #fff; } +[data-theme-version="dark"] .dashboard-select.style-1 .mat-select-arrow, +[data-theme-version="dark"] .dashboard-select.style-1 .mat-select-value { + color: #fff; +} -[data-theme-version="dark"] .nav-header { - border-color: #333a54; } -[data-theme-version="dark"] .nav-control { - color: #fff; } -[data-theme-version="dark"] .brand-logo { - color: #fff; } - [data-theme-version="dark"] .brand-logo:hover { - color: #fff; } -[data-theme-version="dark"] .brand-title path { - fill: #fff; } +[data-theme-version="dark"] .about-company { + border-color: #333a54; +} -[data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li > ul { - background-color: #28253b; } -[data-theme-version="dark"] .fixed-content-box { - background-color: #28253b; } - [data-theme-version="dark"] .fixed-content-box .head-name { - background: #28253b; - color: #fff; - border-color: #333a54; } - [data-theme-version="dark"] .fixed-content-box + .header + .deznav { - background-color: #251e35; } -[data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a { - background: #251e35; - color: #fff; } - [data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a i { - color: #fff !important; } -[data-theme-version="dark"][data-layout="vertical"][data-sidebar-position="fixed"] .deznav { - border-color: #333a54; } -[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a, [data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a { - background: #251e35; } - [data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu > li.mm-active > a i, [data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu > li:hover > a i { - color: #fff; - background: transparent; } -[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu > li a > i { - color: rgba(255, 255, 255, 0.7); } -[data-theme-version="dark"] .deznav .header-profile > a.nav-link { - border-color: #333a54; } - [data-theme-version="dark"] .deznav .header-profile > a.nav-link .header-info span { - color: #fff; } -[data-theme-version="dark"] .deznav .metismenu > li > a { - color: #b3b3b3; } -[data-theme-version="dark"] .deznav .metismenu > li:hover > a, [data-theme-version="dark"] .deznav .metismenu > li:focus > a, [data-theme-version="dark"] .deznav .metismenu > li.mm-active > a { - color: #fff; - background: var(--rgba-primary-1); } - [data-theme-version="dark"] .deznav .metismenu > li:hover > a::after, [data-theme-version="dark"] .deznav .metismenu > li:focus > a::after, [data-theme-version="dark"] .deznav .metismenu > li.mm-active > a::after { - border-top: 5px solid #b3b3b3; - border-left: 5px solid #b3b3b3; - border-bottom: 5px solid transparent; - border-right: 5px solid transparent; } - [data-theme-version="dark"] .deznav .metismenu > li:hover > a i, [data-theme-version="dark"] .deznav .metismenu > li:focus > a i, [data-theme-version="dark"] .deznav .metismenu > li.mm-active > a i { - color: #fff; } -[data-theme-version="dark"] .deznav .metismenu > li.mm-active ul ul { - background-color: transparent; } -[data-theme-version="dark"] .deznav .metismenu ul:after { - background-color: #333a54; } -[data-theme-version="dark"] .deznav .metismenu ul a:hover, [data-theme-version="dark"] .deznav .metismenu ul a:focus, [data-theme-version="dark"] .deznav .metismenu ul a.mm-active { - color: #fff; } -[data-theme-version="dark"] .deznav .metismenu ul a:before { - background-color: #fff; } -[data-theme-version="dark"] .deznav .metismenu a { - color: #b3b3b3; } -[data-theme-version="dark"] .deznav .metismenu .has-arrow:after { - border-top: 5px solid #b3b3b3; - border-left: 5px solid #b3b3b3; - border-bottom: 5px solid transparent; - border-right: 5px solid transparent; } -[data-theme-version="dark"] .deznav .copyright { - color: #fff; } +[data-theme-version="dark"] .default-calendar ngb-datepicker.dropdown-menu { + color: #fff; +} -[data-theme-version="dark"] .sidebar-right .nav-tabs { - border-color: #f5f5f5; } - [data-theme-version="dark"] .sidebar-right .nav-tabs .nav-item .nav-link { - color: #000; } -[data-theme-version="dark"] .sidebar-right .form-control { - background: #fff; - color: #000; - border-color: #EEEEEE; } -[data-theme-version="dark"] .sidebar-right .default-select .list { - background: #fff; } - [data-theme-version="dark"] .sidebar-right .default-select .list .option.selected, [data-theme-version="dark"] .sidebar-right .default-select .list .option.focus, [data-theme-version="dark"] .sidebar-right .default-select .list .option:hover { - background: rgba(0, 0, 0, 0.05); } -[data-theme-version="dark"] .sidebar-right .sidebar-right-inner > h4 { - color: #000 !important; } -[data-theme-version="dark"] .sidebar-right .bootstrap-select .btn { - border-color: #EEEEEE !important; } -[data-theme-version="dark"] .sidebar-right .bootstrap-select .btn { - background-color: #fff !important; } +[data-theme-version="dark"] .default-autocomplete .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label, +[data-theme-version="dark"] .default-autocomplete .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, +[data-theme-version="dark"] .default-autocomplete .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label { + color: #fff; +} -[data-theme-version="dark"] .footer { - background-color: #28253b; } - [data-theme-version="dark"] .footer .copyright { - background-color: #251e35; } - [data-theme-version="dark"] .footer .copyright a { - color: #fff; } +[data-theme-version="dark"] tr.example-element-row:not(.example-expanded-row):hover { + background: #251e35 !important; +} -[data-theme-version="dark"] { - /* datepicker */ } - [data-theme-version="dark"] .cdk-overlay-dark-backdrop { - background: rgba(0, 0, 0, 0.32); } - [data-theme-version="dark"] .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.1); } - [data-theme-version="dark"] .mat-option { - color: #fff; } - [data-theme-version="dark"] .mat-option:focus:not(.mat-option-disabled), [data-theme-version="dark"] .mat-option:hover:not(.mat-option-disabled) { - background: rgba(255, 255, 255, 0.04); } - [data-theme-version="dark"] .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { - background: rgba(255, 255, 255, 0.04); } - [data-theme-version="dark"] .mat-option.mat-active { - background: rgba(255, 255, 255, 0.04); - color: #fff; } - [data-theme-version="dark"] .mat-option.mat-option-disabled { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { - color: #fff; } - [data-theme-version="dark"] .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { - color: #8BC740; } - [data-theme-version="dark"] .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { - color: #f44336; } - [data-theme-version="dark"] .mat-optgroup-label { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-optgroup-disabled .mat-optgroup-label { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-pseudo-checkbox { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-pseudo-checkbox::after { - color: #28253b; } - [data-theme-version="dark"] .mat-pseudo-checkbox-disabled { - color: #686868; } - [data-theme-version="dark"] .mat-primary .mat-pseudo-checkbox-checked, [data-theme-version="dark"] .mat-primary .mat-pseudo-checkbox-indeterminate { - background: #40189D; } - [data-theme-version="dark"] .mat-accent .mat-pseudo-checkbox-checked, [data-theme-version="dark"] .mat-accent .mat-pseudo-checkbox-indeterminate, [data-theme-version="dark"] .mat-pseudo-checkbox-checked, [data-theme-version="dark"] .mat-pseudo-checkbox-indeterminate { - background: #8BC740; } - [data-theme-version="dark"] .mat-warn .mat-pseudo-checkbox-checked, [data-theme-version="dark"] .mat-warn .mat-pseudo-checkbox-indeterminate { - background: #f44336; } - [data-theme-version="dark"] .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, [data-theme-version="dark"] .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { - background: #686868; } - [data-theme-version="dark"] .mat-app-background { - background-color: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-elevation-z0 { - box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z1 { - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z2 { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z3 { - box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z4 { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z5 { - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z6 { - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z7 { - box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z8 { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z9 { - box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z10 { - box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z11 { - box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z12 { - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z13 { - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z14 { - box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z15 { - box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z16 { - box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z17 { - box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z18 { - box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z19 { - box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z20 { - box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z21 { - box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z22 { - box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z23 { - box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-elevation-z24 { - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-autocomplete-panel { - background: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-autocomplete-panel:not([class*=mat-elevation-z]) { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { - background: #28253b; } - [data-theme-version="dark"] .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { - color: #fff; } - [data-theme-version="dark"] .mat-badge-content { - color: #fff; - background: #40189D; } - [data-theme-version="dark"] .cdk-high-contrast-active .mat-badge-content { - outline: solid 1px; - border-radius: 0; } - [data-theme-version="dark"] .mat-badge-accent .mat-badge-content { - background: #8BC740; - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-badge-warn .mat-badge-content { - color: #fff; - background: #f44336; } - [data-theme-version="dark"] .mat-badge { - position: relative; } - [data-theme-version="dark"] .mat-badge-hidden .mat-badge-content { - display: none; } - [data-theme-version="dark"] .mat-badge-disabled .mat-badge-content { - background: #6e6e6e; - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-bottom-sheet-container { - box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); - background: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-button, [data-theme-version="dark"] .mat-icon-button, [data-theme-version="dark"] .mat-stroked-button { - color: inherit; - background: 0 0; } - [data-theme-version="dark"] .mat-button.mat-primary, [data-theme-version="dark"] .mat-icon-button.mat-primary, [data-theme-version="dark"] .mat-stroked-button.mat-primary { - color: #40189D; } - [data-theme-version="dark"] .mat-button.mat-accent, [data-theme-version="dark"] .mat-icon-button.mat-accent, [data-theme-version="dark"] .mat-stroked-button.mat-accent { - color: #8BC740; } - [data-theme-version="dark"] .mat-button.mat-warn, [data-theme-version="dark"] .mat-icon-button.mat-warn, [data-theme-version="dark"] .mat-stroked-button.mat-warn { - color: #f44336; } - [data-theme-version="dark"] .mat-button.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-button.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-button.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-button.mat-warn.mat-button-disabled, [data-theme-version="dark"] .mat-icon-button.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-icon-button.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-icon-button.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-icon-button.mat-warn.mat-button-disabled, [data-theme-version="dark"] .mat-stroked-button.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-stroked-button.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-stroked-button.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-stroked-button.mat-warn.mat-button-disabled { - color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-button.mat-primary .mat-button-focus-overlay, [data-theme-version="dark"] .mat-icon-button.mat-primary .mat-button-focus-overlay, [data-theme-version="dark"] .mat-stroked-button.mat-primary .mat-button-focus-overlay { - background-color: #40189D; } - [data-theme-version="dark"] .mat-button.mat-accent .mat-button-focus-overlay, [data-theme-version="dark"] .mat-icon-button.mat-accent .mat-button-focus-overlay, [data-theme-version="dark"] .mat-stroked-button.mat-accent .mat-button-focus-overlay { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-button.mat-warn .mat-button-focus-overlay, [data-theme-version="dark"] .mat-icon-button.mat-warn .mat-button-focus-overlay, [data-theme-version="dark"] .mat-stroked-button.mat-warn .mat-button-focus-overlay { - background-color: #f44336; } - [data-theme-version="dark"] .mat-button.mat-button-disabled .mat-button-focus-overlay, [data-theme-version="dark"] .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, [data-theme-version="dark"] .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { - background-color: transparent; } - [data-theme-version="dark"] .mat-button .mat-ripple-element, [data-theme-version="dark"] .mat-icon-button .mat-ripple-element, [data-theme-version="dark"] .mat-stroked-button .mat-ripple-element { - opacity: .1; - background-color: currentColor; } - [data-theme-version="dark"] .mat-button-focus-overlay { - background: #fff; } - [data-theme-version="dark"] .mat-stroked-button:not(.mat-button-disabled) { - border-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-fab, [data-theme-version="dark"] .mat-flat-button, [data-theme-version="dark"] .mat-mini-fab, [data-theme-version="dark"] .mat-raised-button { - color: #fff; - background-color: #28253b; } - [data-theme-version="dark"] .mat-fab.mat-primary, [data-theme-version="dark"] .mat-flat-button.mat-primary, [data-theme-version="dark"] .mat-mini-fab.mat-primary, [data-theme-version="dark"] .mat-raised-button.mat-primary { - color: #fff; } - [data-theme-version="dark"] .mat-fab.mat-accent, [data-theme-version="dark"] .mat-flat-button.mat-accent, [data-theme-version="dark"] .mat-mini-fab.mat-accent, [data-theme-version="dark"] .mat-raised-button.mat-accent { - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-fab.mat-warn, [data-theme-version="dark"] .mat-flat-button.mat-warn, [data-theme-version="dark"] .mat-mini-fab.mat-warn, [data-theme-version="dark"] .mat-raised-button.mat-warn { - color: #fff; } - [data-theme-version="dark"] .mat-fab.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-fab.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-fab.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-fab.mat-warn.mat-button-disabled, [data-theme-version="dark"] .mat-flat-button.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-flat-button.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-flat-button.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-flat-button.mat-warn.mat-button-disabled, [data-theme-version="dark"] .mat-mini-fab.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-mini-fab.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-mini-fab.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-mini-fab.mat-warn.mat-button-disabled, [data-theme-version="dark"] .mat-raised-button.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-raised-button.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-raised-button.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-raised-button.mat-warn.mat-button-disabled { - color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-fab.mat-primary, [data-theme-version="dark"] .mat-flat-button.mat-primary, [data-theme-version="dark"] .mat-mini-fab.mat-primary, [data-theme-version="dark"] .mat-raised-button.mat-primary { - background-color: #40189D; } - [data-theme-version="dark"] .mat-fab.mat-accent, [data-theme-version="dark"] .mat-flat-button.mat-accent, [data-theme-version="dark"] .mat-mini-fab.mat-accent, [data-theme-version="dark"] .mat-raised-button.mat-accent { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-fab.mat-warn, [data-theme-version="dark"] .mat-flat-button.mat-warn, [data-theme-version="dark"] .mat-mini-fab.mat-warn, [data-theme-version="dark"] .mat-raised-button.mat-warn { - background-color: #f44336; } - [data-theme-version="dark"] .mat-fab.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-fab.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-fab.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-fab.mat-warn.mat-button-disabled, [data-theme-version="dark"] .mat-flat-button.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-flat-button.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-flat-button.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-flat-button.mat-warn.mat-button-disabled, [data-theme-version="dark"] .mat-mini-fab.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-mini-fab.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-mini-fab.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-mini-fab.mat-warn.mat-button-disabled, [data-theme-version="dark"] .mat-raised-button.mat-accent.mat-button-disabled, [data-theme-version="dark"] .mat-raised-button.mat-button-disabled.mat-button-disabled, [data-theme-version="dark"] .mat-raised-button.mat-primary.mat-button-disabled, [data-theme-version="dark"] .mat-raised-button.mat-warn.mat-button-disabled { - background-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-fab.mat-primary .mat-ripple-element, [data-theme-version="dark"] .mat-flat-button.mat-primary .mat-ripple-element, [data-theme-version="dark"] .mat-mini-fab.mat-primary .mat-ripple-element, [data-theme-version="dark"] .mat-raised-button.mat-primary .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.1); } - [data-theme-version="dark"] .mat-fab.mat-accent .mat-ripple-element, [data-theme-version="dark"] .mat-flat-button.mat-accent .mat-ripple-element, [data-theme-version="dark"] .mat-mini-fab.mat-accent .mat-ripple-element, [data-theme-version="dark"] .mat-raised-button.mat-accent .mat-ripple-element { - background-color: rgba(0, 0, 0, 0.1); } - [data-theme-version="dark"] .mat-fab.mat-warn .mat-ripple-element, [data-theme-version="dark"] .mat-flat-button.mat-warn .mat-ripple-element, [data-theme-version="dark"] .mat-mini-fab.mat-warn .mat-ripple-element, [data-theme-version="dark"] .mat-raised-button.mat-warn .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.1); } - [data-theme-version="dark"] .mat-flat-button:not([class*=mat-elevation-z]), [data-theme-version="dark"] .mat-stroked-button:not([class*=mat-elevation-z]) { - box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-raised-button:not([class*=mat-elevation-z]) { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { - box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-fab:not([class*=mat-elevation-z]), [data-theme-version="dark"] .mat-mini-fab:not([class*=mat-elevation-z]) { - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), [data-theme-version="dark"] .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), [data-theme-version="dark"] .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { - box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-button-toggle-group, [data-theme-version="dark"] .mat-button-toggle-standalone { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-button-toggle-group-appearance-standard, [data-theme-version="dark"] .mat-button-toggle-standalone.mat-button-toggle-appearance-standard { - box-shadow: none; } - [data-theme-version="dark"] .mat-button-toggle { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-button-toggle .mat-button-toggle-focus-overlay { - background-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-button-toggle-appearance-standard { - color: #fff; - background: #28253b; } - [data-theme-version="dark"] .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { - background-color: #fff; } - [data-theme-version="dark"] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { - border-left: solid 1px rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { - border-left: none; - border-right: solid 1px rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { - border-left: none; - border-right: none; - border-top: solid 1px rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-button-toggle-checked { - background-color: #212121; - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-button-toggle-checked.mat-button-toggle-appearance-standard { - color: #fff; } - [data-theme-version="dark"] .mat-button-toggle-disabled { - color: rgba(255, 255, 255, 0.3); - background-color: #000; } - [data-theme-version="dark"] .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { - background: #28253b; } - [data-theme-version="dark"] .mat-button-toggle-disabled.mat-button-toggle-checked { - background-color: #28253b; } - [data-theme-version="dark"] .mat-button-toggle-group-appearance-standard, [data-theme-version="dark"] .mat-button-toggle-standalone.mat-button-toggle-appearance-standard { - border: solid 1px rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { - line-height: 48px; } - [data-theme-version="dark"] .mat-card { - background: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-card:not([class*=mat-elevation-z]) { - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { - box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-card-subtitle { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-checkbox-frame { - border-color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-checkbox-checkmark { - fill: #28253b; } - [data-theme-version="dark"] .mat-checkbox-checkmark-path { - stroke: #fff !important; } - [data-theme-version="dark"] .mat-checkbox-mixedmark { - background-color: #28253b; } - [data-theme-version="dark"] .mat-checkbox-checked.mat-primary .mat-checkbox-background, [data-theme-version="dark"] .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background { - background-color: #40189D; } - [data-theme-version="dark"] .mat-checkbox-checked.mat-accent .mat-checkbox-background, [data-theme-version="dark"] .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-checkbox-checked.mat-warn .mat-checkbox-background, [data-theme-version="dark"] .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background { - background-color: #f44336; } - [data-theme-version="dark"] .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, [data-theme-version="dark"] .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { - background-color: #686868; } - [data-theme-version="dark"] .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { - border-color: #686868; } - [data-theme-version="dark"] .mat-checkbox-disabled .mat-checkbox-label { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-checkbox .mat-ripple-element { - background-color: #fff; } - [data-theme-version="dark"] .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, [data-theme-version="dark"] .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { - background: #40189D; } - [data-theme-version="dark"] .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, [data-theme-version="dark"] .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { - background: #8BC740; } - [data-theme-version="dark"] .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, [data-theme-version="dark"] .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { - background: #f44336; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip { - background-color: #616161; - color: #fff; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip .mat-chip-remove { - color: #fff; - opacity: .4; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { - box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { - opacity: .54; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-disabled { - opacity: .4; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip::after { - background: #fff; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { - background-color: #40189D; - color: #fff; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { - color: #fff; - opacity: .4; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.1); } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { - background-color: #f44336; - color: #fff; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { - color: #fff; - opacity: .4; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.1); } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { - background-color: #8BC740; - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { - color: rgba(0, 0, 0, 0.87); - opacity: .4; } - [data-theme-version="dark"] .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { - background-color: rgba(0, 0, 0, 0.1); } - [data-theme-version="dark"] .mat-table { - background: #28253b; } - [data-theme-version="dark"] .mat-table tbody, [data-theme-version="dark"] .mat-table tfoot, [data-theme-version="dark"] .mat-table thead, [data-theme-version="dark"] .mat-table-sticky, [data-theme-version="dark"] [mat-footer-row], [data-theme-version="dark"] [mat-header-row], [data-theme-version="dark"] [mat-row], [data-theme-version="dark"] mat-footer-row, [data-theme-version="dark"] mat-header-row, [data-theme-version="dark"] mat-row { - background: inherit; } - [data-theme-version="dark"] mat-footer-row, [data-theme-version="dark"] mat-header-row, [data-theme-version="dark"] mat-row, [data-theme-version="dark"] td.mat-cell, [data-theme-version="dark"] td.mat-footer-cell, [data-theme-version="dark"] th.mat-header-cell { - border-bottom-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-header-cell { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-cell, [data-theme-version="dark"] .mat-footer-cell { - color: #fff; } - [data-theme-version="dark"] .mat-calendar-arrow { - border-top-color: #fff; } - [data-theme-version="dark"] .mat-datepicker-content .mat-calendar-next-button, [data-theme-version="dark"] .mat-datepicker-content .mat-calendar-previous-button, [data-theme-version="dark"] .mat-datepicker-toggle { - color: #fff; } - [data-theme-version="dark"] .mat-calendar-table-header { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-calendar-table-header-divider::after { - background: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-calendar-body-label { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-calendar-body-cell-content, [data-theme-version="dark"] .mat-date-range-input-separator { - color: #fff; - border-color: transparent; } - [data-theme-version="dark"] .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-form-field-disabled .mat-date-range-input-separator { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-calendar-body-in-preview { - color: rgba(255, 255, 255, 0.24); } - [data-theme-version="dark"] .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { - border-color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { - border-color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-calendar-body-in-range::before { - background: rgba(123, 31, 162, 0.2); } - [data-theme-version="dark"] .mat-calendar-body-comparison-identical, [data-theme-version="dark"] .mat-calendar-body-in-comparison-range::before { - background: rgba(249, 171, 0, 0.2); } - [data-theme-version="dark"] .mat-calendar-body-comparison-bridge-start::before, [data-theme-version="dark"] [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { - background: linear-gradient(to right, rgba(123, 31, 162, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } - [data-theme-version="dark"] .mat-calendar-body-comparison-bridge-end::before, [data-theme-version="dark"] [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { - background: linear-gradient(to left, rgba(123, 31, 162, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } - [data-theme-version="dark"] .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after, [data-theme-version="dark"] .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical { - background: #a8dab5; } - [data-theme-version="dark"] .mat-calendar-body-comparison-identical.mat-calendar-body-selected, [data-theme-version="dark"] .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { - background: #46a35e; } - [data-theme-version="dark"] .mat-calendar-body-selected { - background-color: #40189D; - color: #fff; } - [data-theme-version="dark"] .mat-calendar-body-disabled > .mat-calendar-body-selected { - background-color: rgba(123, 31, 162, 0.4); } - [data-theme-version="dark"] .mat-calendar-body-today.mat-calendar-body-selected { - box-shadow: inset 0 0 0 1px #fff; } - [data-theme-version="dark"] .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), [data-theme-version="dark"] .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), [data-theme-version="dark"] .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { - background-color: rgba(123, 31, 162, 0.3); } - [data-theme-version="dark"] .mat-datepicker-content { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - background-color: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { - background: rgba(105, 240, 174, 0.2); } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { - background: rgba(249, 171, 0, 0.2); } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, [data-theme-version="dark"] .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { - background: linear-gradient(to right, rgba(105, 240, 174, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, [data-theme-version="dark"] .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { - background: linear-gradient(to left, rgba(105, 240, 174, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after, [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical { - background: #a8dab5; } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { - background: #46a35e; } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-selected { - background-color: #8BC740; - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { - background-color: rgba(105, 240, 174, 0.4); } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), [data-theme-version="dark"] .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), [data-theme-version="dark"] .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { - background-color: rgba(105, 240, 174, 0.3); } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { - background: rgba(244, 67, 54, 0.2); } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { - background: rgba(249, 171, 0, 0.2); } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, [data-theme-version="dark"] .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { - background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, [data-theme-version="dark"] .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { - background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after, [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical { - background: #a8dab5; } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { - background: #46a35e; } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-selected { - background-color: #f44336; - color: #fff; } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { - background-color: rgba(244, 67, 54, 0.4); } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { - box-shadow: inset 0 0 0 1px #fff; } - [data-theme-version="dark"] .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), [data-theme-version="dark"] .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), [data-theme-version="dark"] .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { - background-color: rgba(244, 67, 54, 0.3); } - [data-theme-version="dark"] .mat-datepicker-content-touch { - box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-datepicker-toggle-active { - color: #40189D; } - [data-theme-version="dark"] .mat-datepicker-toggle-active.mat-accent { - color: #8BC740; } - [data-theme-version="dark"] .mat-datepicker-toggle-active.mat-warn { - color: #f44336; } - [data-theme-version="dark"] .mat-date-range-input-inner[disabled] { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-dialog-container { - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); - background: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-divider { - border-top-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-divider-vertical { - border-right-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-expansion-panel { - background: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-expansion-panel:not([class*=mat-elevation-z]) { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-action-row { - border-top-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), [data-theme-version="dark"] .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), [data-theme-version="dark"] .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { - background: rgba(255, 255, 255, 0.04); } - @media (hover: none) { - [data-theme-version="dark"] .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { - background: #28253b; } } - [data-theme-version="dark"] .mat-expansion-panel-header-title { - color: #fff; } - [data-theme-version="dark"] .mat-expansion-indicator::after, [data-theme-version="dark"] .mat-expansion-panel-header-description { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-expansion-panel-header[aria-disabled=true] { - color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description, [data-theme-version="dark"] .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title { - color: inherit; } - [data-theme-version="dark"] .mat-expansion-panel-header { - height: 48px; } - [data-theme-version="dark"] .mat-expansion-panel-header.mat-expanded { - height: 64px; } - [data-theme-version="dark"] .mat-form-field-label { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-hint { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-label { - color: #40189D; } - [data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-label.mat-accent { - color: #8BC740; } - [data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-label.mat-warn { - color: #f44336; } - [data-theme-version="dark"] .mat-focused .mat-form-field-required-marker { - color: #8BC740; } - [data-theme-version="dark"] .mat-form-field-ripple { - background-color: #fff; } - [data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-ripple { - background-color: #40189D; } - [data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { - background-color: #f44336; } - [data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { - color: #40189D; } - [data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { - color: #8BC740; } - [data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-label { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker, [data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, [data-theme-version="dark"] .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { - background-color: #f44336; } - [data-theme-version="dark"] .mat-error { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field-appearance-legacy .mat-form-field-label { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-form-field-appearance-legacy .mat-hint { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-form-field-appearance-legacy .mat-form-field-underline { - background-color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { - background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 33%, transparent 0); - background-size: 4px 100%; - background-repeat: repeat-x; } - [data-theme-version="dark"] .mat-form-field-appearance-standard .mat-form-field-underline { - background-color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { - background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 33%, transparent 0); - background-size: 4px 100%; - background-repeat: repeat-x; } - [data-theme-version="dark"] .mat-form-field-appearance-fill .mat-form-field-flex { - background-color: rgba(255, 255, 255, 0.1); } - [data-theme-version="dark"] .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { - background-color: rgba(255, 255, 255, 0.05); } - [data-theme-version="dark"] .mat-form-field-appearance-fill .mat-form-field-underline::before { - background-color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { - background-color: transparent; } - [data-theme-version="dark"] .mat-form-field-appearance-outline .mat-form-field-outline { - color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-form-field-appearance-outline .mat-form-field-outline-thick { - color: #fff; } - [data-theme-version="dark"] .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { - color: #40189D; } - [data-theme-version="dark"] .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { - color: #8BC740; } - [data-theme-version="dark"] .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { - color: rgba(255, 255, 255, 0.15); } - [data-theme-version="dark"] .mat-icon.mat-primary { - color: #40189D; } - [data-theme-version="dark"] .mat-icon.mat-accent { - color: #8BC740; } - [data-theme-version="dark"] .mat-icon.mat-warn { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field-type-mat-native-select .mat-form-field-infix::after { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after, [data-theme-version="dark"] .mat-input-element:disabled { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-input-element { - caret-color: #40189D; } - [data-theme-version="dark"] .mat-input-element::placeholder { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-input-element::-moz-placeholder { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-input-element::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-input-element:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-input-element option { - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-input-element option:disabled { - color: rgba(0, 0, 0, 0.38); } - [data-theme-version="dark"] .mat-form-field.mat-accent .mat-input-element { - caret-color: #8BC740; } - [data-theme-version="dark"] .mat-form-field-invalid .mat-input-element, [data-theme-version="dark"] .mat-form-field.mat-warn .mat-input-element { - caret-color: #f44336; } - [data-theme-version="dark"] .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { - color: #f44336; } - [data-theme-version="dark"] .mat-list-base .mat-list-item { - color: #fff; } - [data-theme-version="dark"] .mat-list-base .mat-list-option { - color: #fff; } - [data-theme-version="dark"] .mat-list-base .mat-subheader { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-list-item-disabled { - background-color: #000; } - [data-theme-version="dark"] .mat-action-list .mat-list-item:focus, [data-theme-version="dark"] .mat-action-list .mat-list-item:hover, [data-theme-version="dark"] .mat-list-option:focus, [data-theme-version="dark"] .mat-list-option:hover, [data-theme-version="dark"] .mat-nav-list .mat-list-item:focus, [data-theme-version="dark"] .mat-nav-list .mat-list-item:hover { - background: rgba(255, 255, 255, 0.04); } - [data-theme-version="dark"] .mat-list-single-selected-option, [data-theme-version="dark"] .mat-list-single-selected-option:focus, [data-theme-version="dark"] .mat-list-single-selected-option:hover { - background: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-menu-panel { - background: #28253b; } - [data-theme-version="dark"] .mat-menu-panel:not([class*=mat-elevation-z]) { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-menu-item { - background: 0 0; - color: #fff; } - [data-theme-version="dark"] .mat-menu-item[disabled], [data-theme-version="dark"] .mat-menu-item[disabled] .mat-icon-no-color, [data-theme-version="dark"] .mat-menu-item[disabled]::after { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-menu-item .mat-icon-no-color, [data-theme-version="dark"] .mat-menu-item-submenu-trigger::after { - color: #fff; } - [data-theme-version="dark"] .mat-menu-item-highlighted:not([disabled]), [data-theme-version="dark"] .mat-menu-item.cdk-keyboard-focused:not([disabled]), [data-theme-version="dark"] .mat-menu-item.cdk-program-focused:not([disabled]), [data-theme-version="dark"] .mat-menu-item:hover:not([disabled]) { - background: rgba(255, 255, 255, 0.04); } - [data-theme-version="dark"] .mat-paginator { - background: #28253b; } - [data-theme-version="dark"] .mat-paginator, [data-theme-version="dark"] .mat-paginator-page-size .mat-select-trigger { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-paginator-decrement, [data-theme-version="dark"] .mat-paginator-increment { - border-top: 2px solid #fff; - border-right: 2px solid #fff; } - [data-theme-version="dark"] .mat-paginator-first, [data-theme-version="dark"] .mat-paginator-last { - border-top: 2px solid #fff; } - [data-theme-version="dark"] .mat-icon-button[disabled] .mat-paginator-decrement, [data-theme-version="dark"] .mat-icon-button[disabled] .mat-paginator-first, [data-theme-version="dark"] .mat-icon-button[disabled] .mat-paginator-increment, [data-theme-version="dark"] .mat-icon-button[disabled] .mat-paginator-last { - border-color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-paginator-container { - min-height: 56px; } - [data-theme-version="dark"] .mat-progress-bar-background { - fill: #9c27b0; } - [data-theme-version="dark"] .mat-progress-bar-buffer { - background-color: #9c27b0; } - [data-theme-version="dark"] .mat-progress-bar-fill::after { - background-color: #40189D; } - [data-theme-version="dark"] .mat-progress-bar.mat-accent .mat-progress-bar-background { - fill: #b9f6ca; } - [data-theme-version="dark"] .mat-progress-bar.mat-accent .mat-progress-bar-buffer { - background-color: #b9f6ca; } - [data-theme-version="dark"] .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-progress-bar.mat-warn .mat-progress-bar-background { - fill: #ffcdd2; } - [data-theme-version="dark"] .mat-progress-bar.mat-warn .mat-progress-bar-buffer { - background-color: #ffcdd2; } - [data-theme-version="dark"] .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { - background-color: #f44336; } - [data-theme-version="dark"] .mat-progress-spinner circle, [data-theme-version="dark"] .mat-spinner circle { - stroke: #40189D; } - [data-theme-version="dark"] .mat-progress-spinner.mat-accent circle, [data-theme-version="dark"] .mat-spinner.mat-accent circle { - stroke: #8BC740; } - [data-theme-version="dark"] .mat-progress-spinner.mat-warn circle, [data-theme-version="dark"] .mat-spinner.mat-warn circle { - stroke: #f44336; } - [data-theme-version="dark"] .mat-radio-outer-circle { - border-color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { - border-color: #40189D; } - [data-theme-version="dark"] .mat-radio-button.mat-primary .mat-radio-inner-circle, [data-theme-version="dark"] .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), [data-theme-version="dark"] .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, [data-theme-version="dark"] .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { - background-color: #40189D; } - [data-theme-version="dark"] .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { - border-color: #8BC740; } - [data-theme-version="dark"] .mat-radio-button.mat-accent .mat-radio-inner-circle, [data-theme-version="dark"] .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), [data-theme-version="dark"] .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, [data-theme-version="dark"] .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { - border-color: #f44336; } - [data-theme-version="dark"] .mat-radio-button.mat-warn .mat-radio-inner-circle, [data-theme-version="dark"] .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), [data-theme-version="dark"] .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, [data-theme-version="dark"] .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { - background-color: #f44336; } - [data-theme-version="dark"] .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle, [data-theme-version="dark"] .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle { - border-color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle, [data-theme-version="dark"] .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-radio-button.mat-radio-disabled .mat-radio-label-content { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-radio-button .mat-ripple-element { - background-color: #fff; } - [data-theme-version="dark"] .mat-select-value { - color: #fff; } - [data-theme-version="dark"] .mat-select-placeholder { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-select-disabled .mat-select-value { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-select-arrow { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-select-panel { - background: #28253b; } - [data-theme-version="dark"] .mat-select-panel:not([class*=mat-elevation-z]) { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { - background: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-form-field.mat-focused.mat-primary .mat-select-arrow { - color: #40189D; } - [data-theme-version="dark"] .mat-form-field.mat-focused.mat-accent .mat-select-arrow { - color: #8BC740; } - [data-theme-version="dark"] .mat-form-field.mat-focused.mat-warn .mat-select-arrow { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { - color: #f44336; } - [data-theme-version="dark"] .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-drawer-container { - background-color: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-drawer { - background-color: #28253b; - color: #fff; } - [data-theme-version="dark"] .mat-drawer.mat-drawer-push { - background-color: #28253b; } - [data-theme-version="dark"] .mat-drawer:not(.mat-drawer-side) { - box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-drawer-side { - border-right: solid 1px rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-drawer-side.mat-drawer-end { - border-left: solid 1px rgba(255, 255, 255, 0.12); - border-right: none; } - [data-theme-version="dark"] [dir=rtl] .mat-drawer-side { - border-left: solid 1px rgba(255, 255, 255, 0.12); - border-right: none; } - [data-theme-version="dark"] [dir=rtl] .mat-drawer-side.mat-drawer-end { - border-left: none; - border-right: solid 1px rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-drawer-backdrop.mat-drawer-shown { - background-color: rgba(189, 189, 189, 0.6); } - [data-theme-version="dark"] .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { - background-color: rgba(105, 240, 174, 0.54); } - [data-theme-version="dark"] .mat-slide-toggle.mat-checked .mat-ripple-element { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { - background-color: #40189D; } - [data-theme-version="dark"] .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { - background-color: rgba(123, 31, 162, 0.54); } - [data-theme-version="dark"] .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { - background-color: #40189D; } - [data-theme-version="dark"] .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { - background-color: #f44336; } - [data-theme-version="dark"] .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { - background-color: rgba(244, 67, 54, 0.54); } - [data-theme-version="dark"] .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { - background-color: #f44336; } - [data-theme-version="dark"] .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { - background-color: #fff; } - [data-theme-version="dark"] .mat-slide-toggle-thumb { - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); - background-color: #bdbdbd; } - [data-theme-version="dark"] .mat-slide-toggle-bar { - background-color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-slider-track-background { - background-color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-primary .mat-slider-thumb, [data-theme-version="dark"] .mat-primary .mat-slider-thumb-label, [data-theme-version="dark"] .mat-primary .mat-slider-track-fill { - background-color: #40189D; } - [data-theme-version="dark"] .mat-primary .mat-slider-thumb-label-text { - color: #fff; } - [data-theme-version="dark"] .mat-primary .mat-slider-focus-ring { - background-color: rgba(123, 31, 162, 0.2); } - [data-theme-version="dark"] .mat-accent .mat-slider-thumb, [data-theme-version="dark"] .mat-accent .mat-slider-thumb-label, [data-theme-version="dark"] .mat-accent .mat-slider-track-fill { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-accent .mat-slider-thumb-label-text { - color: rgba(255, 255, 255, 0.87); } - [data-theme-version="dark"] .mat-accent .mat-slider-focus-ring { - background-color: rgba(105, 240, 174, 0.2); } - [data-theme-version="dark"] .mat-warn .mat-slider-thumb, [data-theme-version="dark"] .mat-warn .mat-slider-thumb-label, [data-theme-version="dark"] .mat-warn .mat-slider-track-fill { - background-color: #f44336; } - [data-theme-version="dark"] .mat-warn .mat-slider-thumb-label-text { - color: #fff; } - [data-theme-version="dark"] .mat-warn .mat-slider-focus-ring { - background-color: rgba(244, 67, 54, 0.2); } - [data-theme-version="dark"] .cdk-focused .mat-slider-track-background, [data-theme-version="dark"] .mat-slider:hover .mat-slider-track-background { - background-color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-slider-disabled .mat-slider-thumb, [data-theme-version="dark"] .mat-slider-disabled .mat-slider-track-background, [data-theme-version="dark"] .mat-slider-disabled .mat-slider-track-fill { - background-color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-slider-disabled:hover .mat-slider-track-background { - background-color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-slider-min-value .mat-slider-focus-ring { - background-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, [data-theme-version="dark"] .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { - background-color: #fff; } - [data-theme-version="dark"] .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, [data-theme-version="dark"] .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { - background-color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { - border-color: rgba(255, 255, 255, 0.3); - background-color: transparent; } - [data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb, [data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb { - border-color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb, [data-theme-version="dark"] .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb { - border-color: rgba(255, 255, 255, 0.3); } - [data-theme-version="dark"] .mat-slider-has-ticks .mat-slider-wrapper::after { - border-color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-slider-horizontal .mat-slider-ticks { - background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); - background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } - [data-theme-version="dark"] .mat-slider-vertical .mat-slider-ticks { - background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } - [data-theme-version="dark"] .mat-step-header.cdk-keyboard-focused, [data-theme-version="dark"] .mat-step-header.cdk-program-focused, [data-theme-version="dark"] .mat-step-header:hover { - background-color: rgba(255, 255, 255, 0.04); } - @media (hover: none) { - [data-theme-version="dark"] .mat-step-header:hover { - background: 0 0; } } - [data-theme-version="dark"] .mat-step-header .mat-step-label, [data-theme-version="dark"] .mat-step-header .mat-step-optional { - color: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .mat-step-header .mat-step-icon { - background-color: rgba(255, 255, 255, 0.7); - color: #fff; } - [data-theme-version="dark"] .mat-step-header .mat-step-icon-selected, [data-theme-version="dark"] .mat-step-header .mat-step-icon-state-done, [data-theme-version="dark"] .mat-step-header .mat-step-icon-state-edit { - background-color: #40189D; - color: #fff; } - [data-theme-version="dark"] .mat-step-header.mat-accent .mat-step-icon { - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-step-header.mat-accent .mat-step-icon-selected, [data-theme-version="dark"] .mat-step-header.mat-accent .mat-step-icon-state-done, [data-theme-version="dark"] .mat-step-header.mat-accent .mat-step-icon-state-edit { - background-color: #8BC740; - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-step-header.mat-warn .mat-step-icon { - color: #fff; } - [data-theme-version="dark"] .mat-step-header.mat-warn .mat-step-icon-selected, [data-theme-version="dark"] .mat-step-header.mat-warn .mat-step-icon-state-done, [data-theme-version="dark"] .mat-step-header.mat-warn .mat-step-icon-state-edit { - background-color: #f44336; - color: #fff; } - [data-theme-version="dark"] .mat-step-header .mat-step-icon-state-error { - background-color: transparent; - color: #f44336; } - [data-theme-version="dark"] .mat-step-header .mat-step-label.mat-step-label-active { - color: #fff; } - [data-theme-version="dark"] .mat-step-header .mat-step-label.mat-step-label-error { - color: #f44336; } - [data-theme-version="dark"] .mat-stepper-horizontal, [data-theme-version="dark"] .mat-stepper-vertical { - background-color: #28253b; } - [data-theme-version="dark"] .mat-stepper-vertical-line::before { - border-left-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-horizontal-stepper-header::after, [data-theme-version="dark"] .mat-horizontal-stepper-header::before, [data-theme-version="dark"] .mat-stepper-horizontal-line { - border-top-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-horizontal-stepper-header { - height: 72px; } - [data-theme-version="dark"] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header, [data-theme-version="dark"] .mat-vertical-stepper-header { - padding: 24px 24px; } - [data-theme-version="dark"] .mat-stepper-vertical-line::before { - top: -16px; - bottom: -16px; } - [data-theme-version="dark"] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, [data-theme-version="dark"] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before { - top: 36px; } - [data-theme-version="dark"] .mat-stepper-label-position-bottom .mat-stepper-horizontal-line { - top: 36px; } - [data-theme-version="dark"] .mat-sort-header-arrow { - color: #c6c6c6; } - [data-theme-version="dark"] .mat-tab-header, [data-theme-version="dark"] .mat-tab-nav-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-tab-group-inverted-header .mat-tab-header, [data-theme-version="dark"] .mat-tab-group-inverted-header .mat-tab-nav-bar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; } - [data-theme-version="dark"] .mat-tab-label, [data-theme-version="dark"] .mat-tab-link { - color: #fff; } - [data-theme-version="dark"] .mat-tab-label.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-link.mat-tab-disabled { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-tab-header-pagination-chevron { - border-color: #fff; } - [data-theme-version="dark"] .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { - border-color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .mat-tab-group[class*=mat-background-] .mat-tab-header, [data-theme-version="dark"] .mat-tab-nav-bar[class*=mat-background-] { - border-bottom: none; - border-top: none; } - [data-theme-version="dark"] .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(156, 39, 176, 0.3); } - [data-theme-version="dark"] .mat-tab-group.mat-primary .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-primary .mat-ink-bar { - background-color: #40189D; } - [data-theme-version="dark"] .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, [data-theme-version="dark"] .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { - background-color: #fff; } - [data-theme-version="dark"] .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(185, 246, 202, 0.3); } - [data-theme-version="dark"] .mat-tab-group.mat-accent .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-accent .mat-ink-bar { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, [data-theme-version="dark"] .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { - background-color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(255, 205, 210, 0.3); } - [data-theme-version="dark"] .mat-tab-group.mat-warn .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-warn .mat-ink-bar { - background-color: #f44336; } - [data-theme-version="dark"] .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, [data-theme-version="dark"] .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, [data-theme-version="dark"] .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { - background-color: #fff; } - [data-theme-version="dark"] .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(156, 39, 176, 0.3); } - [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-header, [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-link-container, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container { - background-color: #40189D; } - [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { - color: #fff; } - [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { - color: rgba(255, 255, 255, 0.4); } - [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-links .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-links .mat-focus-indicator::before { - border-color: #fff; } - [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { - border-color: rgba(255, 255, 255, 0.4); } - [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, [data-theme-version="dark"] .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(185, 246, 202, 0.3); } - [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-header, [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-link-container, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container { - background-color: #8BC740; } - [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { - color: rgba(0, 0, 0, 0.4); } - [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-links .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-links .mat-focus-indicator::before { - border-color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { - border-color: rgba(0, 0, 0, 0.4); } - [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, [data-theme-version="dark"] .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element { - background-color: rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(255, 205, 210, 0.3); } - [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-header, [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-link-container, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container { - background-color: #f44336; } - [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { - color: #fff; } - [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { - color: rgba(255, 255, 255, 0.4); } - [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-links .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-links .mat-focus-indicator::before { - border-color: #fff; } - [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { - border-color: rgba(255, 255, 255, 0.4); } - [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, [data-theme-version="dark"] .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, [data-theme-version="dark"] .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.12); } - [data-theme-version="dark"] .mat-toolbar { - background: #212121; - color: #fff; } - [data-theme-version="dark"] .mat-toolbar.mat-primary { - background: #40189D; - color: #fff; } - [data-theme-version="dark"] .mat-toolbar.mat-accent { - background: #8BC740; - color: rgba(0, 0, 0, 0.87); } - [data-theme-version="dark"] .mat-toolbar.mat-warn { - background: #f44336; - color: #fff; } - [data-theme-version="dark"] .mat-toolbar .mat-focused .mat-form-field-ripple, [data-theme-version="dark"] .mat-toolbar .mat-form-field-ripple, [data-theme-version="dark"] .mat-toolbar .mat-form-field-underline { - background-color: currentColor; } - [data-theme-version="dark"] .mat-toolbar .mat-focused .mat-form-field-label, [data-theme-version="dark"] .mat-toolbar .mat-form-field-label, [data-theme-version="dark"] .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow, [data-theme-version="dark"] .mat-toolbar .mat-select-arrow, [data-theme-version="dark"] .mat-toolbar .mat-select-value { - color: inherit; } - [data-theme-version="dark"] .mat-toolbar .mat-input-element { - caret-color: currentColor; } - [data-theme-version="dark"] .mat-toolbar-multiple-rows { - min-height: 64px; } - [data-theme-version="dark"] .mat-toolbar-row, [data-theme-version="dark"] .mat-toolbar-single-row { - height: 64px; } - @media (max-width: 599px) { - [data-theme-version="dark"] .mat-toolbar-multiple-rows { - min-height: 56px; } - [data-theme-version="dark"] .mat-toolbar-row, [data-theme-version="dark"] .mat-toolbar-single-row { - height: 56px; } } - [data-theme-version="dark"] .mat-tooltip { - background: rgba(97, 97, 97, 0.9); } - [data-theme-version="dark"] .mat-tree { - background: #28253b; } - [data-theme-version="dark"] .mat-nested-tree-node, [data-theme-version="dark"] .mat-tree-node { - color: #fff; } - [data-theme-version="dark"] .mat-tree-node { - min-height: 48px; } - [data-theme-version="dark"] .mat-snack-bar-container { - color: rgba(0, 0, 0, 0.87); - background: #fafafa; - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); } - [data-theme-version="dark"] .mat-simple-snackbar-action { - color: inherit; } - [data-theme-version="dark"] .mat-bottom-sheet-container ul li a span { - color: #fff; } - [data-theme-version="dark"] .default-mt-btn .example-label { - color: #fff; } - [data-theme-version="dark"] .default-mt-chips .mat-input-element { - color: rgba(255, 255, 255, 0.6); } - [data-theme-version="dark"] .default-mt-chips .mat-form-field-appearance-legacy .mat-form-field-label, - [data-theme-version="dark"] .default-mt-chips .mat-form-field-appearance-legacy .mat-hint, - [data-theme-version="dark"] .default-mt-chips input.mat-chip-input::placeholder { - color: rgba(255, 255, 255, 0.54); } - [data-theme-version="dark"] .default-mt-chips .mat-form-field-appearance-legacy .mat-form-field-underline { - background-color: rgba(255, 255, 255, 0.42); } - [data-theme-version="dark"] .default-mt-datepicker .mat-form-field-label { - color: rgba(255, 255, 255, 0.6); } - [data-theme-version="dark"] .default-mt-datepicker .mat-date-range-input-inner, - [data-theme-version="dark"] .default-mt-datepicker .mat-calendar-body-cell-content, - [data-theme-version="dark"] .default-mt-datepicker .mat-date-range-input-separator { - color: #fff; } - [data-theme-version="dark"] .default-mt-datepicker .mat-icon-button svg path { - fill: rgba(255, 255, 255, 0.7); } - [data-theme-version="dark"] .default-mt-datepicker .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { - color: rgba(255, 255, 255, 0.5); } - [data-theme-version="dark"] .default-mt-datepicker .mat-form-field-appearance-fill .mat-form-field-underline:before { - background-color: rgba(255, 255, 255, 0.42); } - [data-theme-version="dark"] .default-mt-datepicker .mat-input-element:disabled, - [data-theme-version="dark"] .default-mt-datepicker .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { - color: #fff; } - [data-theme-version="dark"] .mat-list-icon { - color: rgba(255, 255, 255, 0.5) !important; } - [data-theme-version="dark"] .prevent-accordion .card-header button.collapsed, [data-theme-version="dark"] .default-accordion .card-header button.collapsed { - color: #fff; } - [data-theme-version="dark"] .default-calendar .form-group .input-group .form-control { - color: #fff; } - [data-theme-version="dark"] .default-calendar ngb-datepicker.dropdown-menu { - background: #9774ea; } - [data-theme-version="dark"] .calendar-list .list-group-item, [data-theme-version="dark"] .calendar-list .list-group-item:hover { - background: #251e35; - color: #8e8e8e; - border-left: 4px solid #40189D; } - [data-theme-version="dark"] .calendar-description h2 { - color: #fff; } - [data-theme-version="dark"] .calendar-description ul li { - color: #fff; } - [data-theme-version="dark"] .dashboard-full-calendar.fc-theme-standard td, - [data-theme-version="dark"] .dashboard-full-calendar.fc-theme-standard th, - [data-theme-version="dark"] .dashboard-full-calendar.fc-theme-standard .fc-scrollgrid, - [data-theme-version="dark"] .dashboard-full-calendar.fc-theme-standard .fc-list { - border-color: #333a54; } - [data-theme-version="dark"] .dashboard-select.mat-form-field-appearance-fill .mat-form-field-flex { - background-color: #251e35 !important; } - [data-theme-version="dark"] .detault-daterange .mat-date-range-input-inner::placeholder { - color: #fff; } - [data-theme-version="dark"] .dashboard-select .mat-select-arrow, [data-theme-version="dark"] .dashboard-select .mat-select-value { - color: #fff; } - [data-theme-version="dark"] .apex-card-donut .apexcharts-datalabels-group text { - fill: #fff; } - [data-theme-version="dark"] .sidebar-right .form-control { - color: #000; } - [data-theme-version="dark"] .page-titles .breadcrumb li.active a { - color: #fff; } - [data-theme-version="dark"] .page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item:before { - color: #fff; } - [data-theme-version="dark"] .default-apex-cl .apexcharts-title-text { - fill: #bdbdbd; } - [data-theme-version="dark"] .default-apex-cl .apexcharts-yaxis tspan, - [data-theme-version="dark"] .default-apex-cl .apexcharts-xaxis tspan { - fill: #bdbdbd; } - [data-theme-version="dark"] .default-apex-cl .apexcharts-text { - fill: #bdbdbd; } - [data-theme-version="dark"] .default-apex-cl .apexcharts-svg { - background: #28253b !important; } - [data-theme-version="dark"] .default-apex-cl .apexcharts-svg line { - stroke: #333a54; } - [data-theme-version="dark"] .default-apex-cl .apexcharts-grid rect:nth-child(even) { - fill: #251e35; } - [data-theme-version="dark"] .default-apex-cl .apexcharts-datalabels text { - fill: #fff; } - [data-theme-version="dark"] .default-apex-cl .apexcharts-subtitle-text { - fill: #fff; } - [data-theme-version="dark"] .default-calendar .btn-light { - color: #fff; } - [data-theme-version="dark"] .default-calendar .btn-light:hover { - color: #000; } - [data-theme-version="dark"] .default-calendar ngb-datepicker { - background: #251e35; } - [data-theme-version="dark"] pre { - color: #fff; } - [data-theme-version="dark"] .default-mt-table .mat-header-cell { - color: #fff; } - [data-theme-version="dark"] .default-mt-table mat-row, [data-theme-version="dark"] .default-mt-table mat-header-row, [data-theme-version="dark"] .default-mt-table mat-footer-row, [data-theme-version="dark"] .default-mt-table th.mat-header-cell, [data-theme-version="dark"] .default-mt-table td.mat-cell, [data-theme-version="dark"] .default-mt-table td.mat-footer-cell { - border-color: #333a54; } - [data-theme-version="dark"] .donut-chart .apexcharts-datalabels-group text { - fill: #fff; } - [data-theme-version="dark"] .custom-dropzone { - background: #251e35 !important; } - [data-theme-version="dark"] .mat-form-field.mat-focused .mat-input-element { - color: #fff; } - [data-theme-version="dark"] .dashboard-select.style-1 { - border-color: #333a54; } - [data-theme-version="dark"] .dashboard-select.style-1 .mat-select-arrow, - [data-theme-version="dark"] .dashboard-select.style-1 .mat-select-value { - color: #fff; } - [data-theme-version="dark"] .about-company { - border-color: #333a54; } - [data-theme-version="dark"] .default-calendar ngb-datepicker.dropdown-menu { - color: #fff; } - [data-theme-version="dark"] .default-autocomplete .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label, [data-theme-version="dark"] .default-autocomplete .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, [data-theme-version="dark"] .default-autocomplete .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { - color: #fff; } - [data-theme-version="dark"] tr.example-element-row:not(.example-expanded-row):hover { - background: #251e35 !important; } - -/*# sourceMappingURL=style.css.map */ +/*# sourceMappingURL=style.css.map */ \ No newline at end of file