diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..e2934da --- /dev/null +++ b/.gitignore @@ -0,0 +1,7 @@ +# Local Netlify folder +.netlify + + + +frontend/node_modules +frontend/build diff --git a/frontend/build/asset-manifest.json b/frontend/build/asset-manifest.json deleted file mode 100644 index bceb6a8..0000000 --- a/frontend/build/asset-manifest.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "files": { - "main.css": "/static/css/main.e6c13ad2.css", - "main.js": "/static/js/main.e3956d9b.js", - "static/js/787.cda612ba.chunk.js": "/static/js/787.cda612ba.chunk.js", - "index.html": "/index.html", - "main.e6c13ad2.css.map": "/static/css/main.e6c13ad2.css.map", - "main.e3956d9b.js.map": "/static/js/main.e3956d9b.js.map", - "787.cda612ba.chunk.js.map": "/static/js/787.cda612ba.chunk.js.map" - }, - "entrypoints": [ - "static/css/main.e6c13ad2.css", - "static/js/main.e3956d9b.js" - ] -} \ No newline at end of file diff --git a/frontend/build/assets/css/style.backup.css b/frontend/build/assets/css/style.backup.css deleted file mode 100644 index f863250..0000000 --- a/frontend/build/assets/css/style.backup.css +++ /dev/null @@ -1,22375 +0,0 @@ -@charset "UTF-8"; -/*! -* -* Template:Noteplus - Responsive Bootstrap 4 Admin Dashboard Template -* Author: iqonic.design -* Design and Developed by: iqonic.design -* NOTE: This file contains the styling for responsive Template. -* -*/ -@import url("https://fonts.googleapis.com/css2?family=Jost&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap"); -:root { - --iq-primary: #1f1c2f; - --iq-secondary: #6c757d; - --iq-success: #8ac3a3; - --iq-info: #0077ff; - --iq-warning: #f0864a; - --iq-danger: #f674ad; - --iq-light: #848486; - --iq-dark: #01041b; - --iq-purple: #AA87F5; - --iq-primary: #1f1c2f; - --iq-secondary: #6c757d; - --iq-success: #8ac3a3; - --iq-info: #87baf5; - --iq-warning: #f0864a; - --iq-danger: #f674ad; - --iq-light: #848486; - --iq-dark: #01041b; - --iq-purple: #AA87F5; } - -:root { - --blue: #1f1c2f; - --indigo: #6610f2; - --purple: #AA87F5; - --pink: #ffd3e2; - --red: #f674ad; - --orange: #f0864a; - --yellow: #f0864a; - --green: #8ac3a3; - --teal: #20c997; - --cyan: #87baf5; - --white: #fff; - --gray: #6c757d; - --gray-dark: #01041b; - --skyblue: #158df7; - --primary: #1f1c2f; - --secondary: #6c757d; - --success: #8ac3a3; - --info: #0077ff; - --warning: #f0864a; - --danger: #f674ad; - --light: #848486; - --dark: #01041b; - --purple: #AA87F5; - --breakpoint-xs: 0; - --breakpoint-sm: 576px; - --breakpoint-md: 768px; - --breakpoint-lg: 992px; - --breakpoint-xl: 1200px; - --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - -*, -*::before, -*::after { - 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); } - -article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { - display: block; } - -body { - margin: 0; - font-family: "Roboto", sans-serif; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: #768492; - text-align: left; - background-color: #f3f6fd; } - -[tabindex="-1"]:focus:not(:focus-visible) { - outline: 0 !important; } - -hr { - box-sizing: content-box; - height: 0; - overflow: visible; } - -h1, h2, h3, h4, h5, h6 { - margin-top: 0; - margin-bottom: 0.5rem; } - -p { - margin-top: 0; - margin-bottom: 1rem; } - -abbr[title], -abbr[data-original-title] { - text-decoration: underline; - text-decoration: underline dotted; - cursor: help; - border-bottom: 0; - text-decoration-skip-ink: none; } - -address { - margin-bottom: 1rem; - font-style: normal; - line-height: inherit; } - -ol, -ul, -dl { - margin-top: 0; - margin-bottom: 1rem; } - -ol ol, -ul ul, -ol ul, -ul ol { - margin-bottom: 0; } - -dt { - font-weight: 700; } - -dd { - margin-bottom: .5rem; - margin-left: 0; } - -blockquote { - margin: 0 0 1rem; } - -b, -strong { - font-weight: bolder; } - -small { - font-size: 80%; } - -sub, -sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; } - -sub { - bottom: -.25em; } - -sup { - top: -.5em; } - -a { - color: #1f1c2f; - text-decoration: none; - background-color: transparent; } - a:hover { - color: black; - text-decoration: none; } - -a:not([href]) { - color: inherit; - text-decoration: none; } - a:not([href]):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; } - -pre { - margin-top: 0; - margin-bottom: 1rem; - overflow: auto; - -ms-overflow-style: scrollbar; } - -figure { - margin: 0 0 1rem; } - -img { - vertical-align: middle; - border-style: none; } - -svg { - overflow: hidden; - vertical-align: middle; } - -table { - border-collapse: collapse; } - -caption { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - color: #6c757d; - text-align: left; - caption-side: bottom; } - -th { - text-align: inherit; } - -label { - display: inline-block; - margin-bottom: 0.5rem; } - -button { - border-radius: 0; } - -button:focus { - outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; } - -input, -button, -select, -optgroup, -textarea { - margin: 0; - font-family: inherit; - font-size: inherit; - line-height: inherit; } - -button, -input { - overflow: visible; } - -button, -select { - text-transform: none; } - -[role="button"] { - cursor: pointer; } - -select { - word-wrap: normal; } - -button, -[type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; } - -button:not(:disabled), -[type="button"]:not(:disabled), -[type="reset"]:not(:disabled), -[type="submit"]:not(:disabled) { - 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; } - -input[type="radio"], -input[type="checkbox"] { - box-sizing: border-box; - padding: 0; } - -textarea { - overflow: auto; - resize: vertical; } - -fieldset { - min-width: 0; - padding: 0; - margin: 0; - border: 0; } - -legend { - display: block; - width: 100%; - max-width: 100%; - padding: 0; - margin-bottom: .5rem; - font-size: 1.5rem; - line-height: inherit; - color: inherit; - white-space: normal; } - @media (max-width: 1200px) { - legend { - font-size: calc(1.275rem + 0.3vw) ; } } - -progress { - vertical-align: baseline; } - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -[type="search"] { - outline-offset: -2px; - -webkit-appearance: none; } - -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -::-webkit-file-upload-button { - font: inherit; - -webkit-appearance: button; } - -output { - display: inline-block; } - -summary { - display: list-item; - cursor: pointer; } - -template { - display: none; } - -[hidden] { - display: none !important; } - -h1, h2, h3, h4, h5, h6, -.h1, .h2, .h3, .h4, .h5, .h6 { - margin-bottom: 0.5rem; - font-weight: 500; - line-height: 1.2; } - -h1, .h1 { - font-size: 2.488rem; } - @media (max-width: 1200px) { - h1, .h1 { - font-size: calc(1.3738rem + 1.4856vw) ; } } - -h2, .h2 { - font-size: 2.074em; } - -h3, .h3 { - font-size: 1.728em; } - -h4, .h4 { - font-size: 1.44em; } - -h5, .h5 { - font-size: 1.2em; } - -h6, .h6 { - font-size: 1em; } - -.lead { - font-size: 1.25rem; - font-weight: 300; } - -.display-1 { - font-size: 6rem; - font-weight: 300; - line-height: 1.2; } - @media (max-width: 1200px) { - .display-1 { - font-size: calc(1.725rem + 5.7vw) ; } } - -.display-2 { - font-size: 5.5rem; - font-weight: 300; - line-height: 1.2; } - @media (max-width: 1200px) { - .display-2 { - font-size: calc(1.675rem + 5.1vw) ; } } - -.display-3 { - font-size: 4.5rem; - font-weight: 300; - line-height: 1.2; } - @media (max-width: 1200px) { - .display-3 { - font-size: calc(1.575rem + 3.9vw) ; } } - -.display-4 { - font-size: 3.5rem; - font-weight: 300; - line-height: 1.2; } - @media (max-width: 1200px) { - .display-4 { - font-size: calc(1.475rem + 2.7vw) ; } } - -hr { - margin-top: 1rem; - margin-bottom: 1rem; - border: 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); } - -small, -.small { - font-size: 80%; - font-weight: 400; } - -mark, -.mark { - padding: 0.2em; - background-color: #fcf8e3; } - -.list-unstyled { - padding-left: 0; - list-style: none; } - -.list-inline { - padding-left: 0; - list-style: none; } - -.list-inline-item { - display: inline-block; } - .list-inline-item:not(:last-child) { - margin-right: 0.5rem; } - -.initialism { - font-size: 90%; - text-transform: uppercase; } - -.blockquote { - margin-bottom: 1rem; - font-size: 1.25rem; } - -.blockquote-footer { - display: block; - font-size: 80%; - color: #6c757d; } - .blockquote-footer::before { - content: "\2014\00A0"; } - -.img-fluid { - max-width: 100%; - height: auto; } - -.img-thumbnail { - padding: 0.25rem; - background-color: #f3f6fd; - border: 1px solid #ccced2; - border-radius: 10px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); - max-width: 100%; - height: auto; } - -.figure { - display: inline-block; } - -.figure-img { - margin-bottom: 0.5rem; - line-height: 1; } - -.figure-caption { - font-size: 90%; - color: #6c757d; } - -code { - font-size: 87.5%; - color: #ffd3e2; - word-wrap: break-word; } - a > code { - color: inherit; } - -kbd { - padding: 0.2rem 0.4rem; - font-size: 87.5%; - color: #fff; - background-color: #363636; - border-radius: 10px; - box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); } - kbd kbd { - padding: 0; - font-size: 100%; - font-weight: 700; - box-shadow: none; } - -pre { - display: block; - font-size: 87.5%; - color: #363636; } - pre code { - font-size: inherit; - color: inherit; - word-break: normal; } - -.pre-scrollable { - max-height: 340px; - overflow-y: scroll; } - -.container { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; } - @media (min-width: 576px) { - .container { - max-width: 540px; } } - @media (min-width: 768px) { - .container { - max-width: 720px; } } - @media (min-width: 992px) { - .container { - max-width: 960px; } } - @media (min-width: 1200px) { - .container { - max-width: 1140px; } } - -.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; } - -@media (min-width: 576px) { - .container, .container-sm { - max-width: 540px; } } - -@media (min-width: 768px) { - .container, .container-sm, .container-md { - max-width: 720px; } } - -@media (min-width: 992px) { - .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; } } - -.row { - display: flex; - flex-wrap: wrap; - margin-right: -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 { - position: relative; - width: 100%; - padding-right: 15px; - padding-left: 15px; } - -.col { - flex-basis: 0; - flex-grow: 1; - min-width: 0; - max-width: 100%; } - -.row-cols-1 > * { - flex: 0 0 100%; - max-width: 100%; } - -.row-cols-2 > * { - flex: 0 0 50%; - max-width: 50%; } - -.row-cols-3 > * { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - -.row-cols-4 > * { - flex: 0 0 25%; - max-width: 25%; } - -.row-cols-5 > * { - flex: 0 0 20%; - max-width: 20%; } - -.row-cols-6 > * { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - -.col-auto { - flex: 0 0 auto; - width: auto; - max-width: 100%; } - -.col-1 { - flex: 0 0 8.33333%; - max-width: 8.33333%; } - -.col-2 { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - -.col-3 { - flex: 0 0 25%; - max-width: 25%; } - -.col-4 { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - -.col-5 { - flex: 0 0 41.66667%; - max-width: 41.66667%; } - -.col-6 { - flex: 0 0 50%; - max-width: 50%; } - -.col-7 { - flex: 0 0 58.33333%; - max-width: 58.33333%; } - -.col-8 { - flex: 0 0 66.66667%; - max-width: 66.66667%; } - -.col-9 { - flex: 0 0 75%; - max-width: 75%; } - -.col-10 { - flex: 0 0 83.33333%; - max-width: 83.33333%; } - -.col-11 { - flex: 0 0 91.66667%; - max-width: 91.66667%; } - -.col-12 { - flex: 0 0 100%; - max-width: 100%; } - -.order-first { - order: -1; } - -.order-last { - order: 13; } - -.order-0 { - order: 0; } - -.order-1 { - order: 1; } - -.order-2 { - order: 2; } - -.order-3 { - order: 3; } - -.order-4 { - order: 4; } - -.order-5 { - order: 5; } - -.order-6 { - order: 6; } - -.order-7 { - order: 7; } - -.order-8 { - order: 8; } - -.order-9 { - order: 9; } - -.order-10 { - order: 10; } - -.order-11 { - order: 11; } - -.order-12 { - order: 12; } - -.offset-1 { - margin-left: 8.33333%; } - -.offset-2 { - margin-left: 16.66667%; } - -.offset-3 { - margin-left: 25%; } - -.offset-4 { - margin-left: 33.33333%; } - -.offset-5 { - margin-left: 41.66667%; } - -.offset-6 { - margin-left: 50%; } - -.offset-7 { - margin-left: 58.33333%; } - -.offset-8 { - margin-left: 66.66667%; } - -.offset-9 { - margin-left: 75%; } - -.offset-10 { - margin-left: 83.33333%; } - -.offset-11 { - margin-left: 91.66667%; } - -@media (min-width: 576px) { - .col-sm { - flex-basis: 0; - flex-grow: 1; - min-width: 0; - max-width: 100%; } - .row-cols-sm-1 > * { - flex: 0 0 100%; - max-width: 100%; } - .row-cols-sm-2 > * { - flex: 0 0 50%; - max-width: 50%; } - .row-cols-sm-3 > * { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - .row-cols-sm-4 > * { - flex: 0 0 25%; - max-width: 25%; } - .row-cols-sm-5 > * { - flex: 0 0 20%; - max-width: 20%; } - .row-cols-sm-6 > * { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-sm-auto { - flex: 0 0 auto; - width: auto; - max-width: 100%; } - .col-sm-1 { - flex: 0 0 8.33333%; - max-width: 8.33333%; } - .col-sm-2 { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-sm-3 { - flex: 0 0 25%; - max-width: 25%; } - .col-sm-4 { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - .col-sm-5 { - flex: 0 0 41.66667%; - max-width: 41.66667%; } - .col-sm-6 { - flex: 0 0 50%; - max-width: 50%; } - .col-sm-7 { - flex: 0 0 58.33333%; - max-width: 58.33333%; } - .col-sm-8 { - flex: 0 0 66.66667%; - max-width: 66.66667%; } - .col-sm-9 { - flex: 0 0 75%; - max-width: 75%; } - .col-sm-10 { - flex: 0 0 83.33333%; - max-width: 83.33333%; } - .col-sm-11 { - flex: 0 0 91.66667%; - max-width: 91.66667%; } - .col-sm-12 { - flex: 0 0 100%; - max-width: 100%; } - .order-sm-first { - order: -1; } - .order-sm-last { - order: 13; } - .order-sm-0 { - order: 0; } - .order-sm-1 { - order: 1; } - .order-sm-2 { - order: 2; } - .order-sm-3 { - order: 3; } - .order-sm-4 { - order: 4; } - .order-sm-5 { - order: 5; } - .order-sm-6 { - order: 6; } - .order-sm-7 { - order: 7; } - .order-sm-8 { - order: 8; } - .order-sm-9 { - order: 9; } - .order-sm-10 { - order: 10; } - .order-sm-11 { - order: 11; } - .order-sm-12 { - order: 12; } - .offset-sm-0 { - margin-left: 0; } - .offset-sm-1 { - margin-left: 8.33333%; } - .offset-sm-2 { - margin-left: 16.66667%; } - .offset-sm-3 { - margin-left: 25%; } - .offset-sm-4 { - margin-left: 33.33333%; } - .offset-sm-5 { - margin-left: 41.66667%; } - .offset-sm-6 { - margin-left: 50%; } - .offset-sm-7 { - margin-left: 58.33333%; } - .offset-sm-8 { - margin-left: 66.66667%; } - .offset-sm-9 { - margin-left: 75%; } - .offset-sm-10 { - margin-left: 83.33333%; } - .offset-sm-11 { - margin-left: 91.66667%; } } - -@media (min-width: 768px) { - .col-md { - flex-basis: 0; - flex-grow: 1; - min-width: 0; - max-width: 100%; } - .row-cols-md-1 > * { - flex: 0 0 100%; - max-width: 100%; } - .row-cols-md-2 > * { - flex: 0 0 50%; - max-width: 50%; } - .row-cols-md-3 > * { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - .row-cols-md-4 > * { - flex: 0 0 25%; - max-width: 25%; } - .row-cols-md-5 > * { - flex: 0 0 20%; - max-width: 20%; } - .row-cols-md-6 > * { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-md-auto { - flex: 0 0 auto; - width: auto; - max-width: 100%; } - .col-md-1 { - flex: 0 0 8.33333%; - max-width: 8.33333%; } - .col-md-2 { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-md-3 { - flex: 0 0 25%; - max-width: 25%; } - .col-md-4 { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - .col-md-5 { - flex: 0 0 41.66667%; - max-width: 41.66667%; } - .col-md-6 { - flex: 0 0 50%; - max-width: 50%; } - .col-md-7 { - flex: 0 0 58.33333%; - max-width: 58.33333%; } - .col-md-8 { - flex: 0 0 66.66667%; - max-width: 66.66667%; } - .col-md-9 { - flex: 0 0 75%; - max-width: 75%; } - .col-md-10 { - flex: 0 0 83.33333%; - max-width: 83.33333%; } - .col-md-11 { - flex: 0 0 91.66667%; - max-width: 91.66667%; } - .col-md-12 { - flex: 0 0 100%; - max-width: 100%; } - .order-md-first { - order: -1; } - .order-md-last { - order: 13; } - .order-md-0 { - order: 0; } - .order-md-1 { - order: 1; } - .order-md-2 { - order: 2; } - .order-md-3 { - order: 3; } - .order-md-4 { - order: 4; } - .order-md-5 { - order: 5; } - .order-md-6 { - order: 6; } - .order-md-7 { - order: 7; } - .order-md-8 { - order: 8; } - .order-md-9 { - order: 9; } - .order-md-10 { - order: 10; } - .order-md-11 { - order: 11; } - .order-md-12 { - order: 12; } - .offset-md-0 { - margin-left: 0; } - .offset-md-1 { - margin-left: 8.33333%; } - .offset-md-2 { - margin-left: 16.66667%; } - .offset-md-3 { - margin-left: 25%; } - .offset-md-4 { - margin-left: 33.33333%; } - .offset-md-5 { - margin-left: 41.66667%; } - .offset-md-6 { - margin-left: 50%; } - .offset-md-7 { - margin-left: 58.33333%; } - .offset-md-8 { - margin-left: 66.66667%; } - .offset-md-9 { - margin-left: 75%; } - .offset-md-10 { - margin-left: 83.33333%; } - .offset-md-11 { - margin-left: 91.66667%; } } - -@media (min-width: 992px) { - .col-lg { - flex-basis: 0; - flex-grow: 1; - min-width: 0; - max-width: 100%; } - .row-cols-lg-1 > * { - flex: 0 0 100%; - max-width: 100%; } - .row-cols-lg-2 > * { - flex: 0 0 50%; - max-width: 50%; } - .row-cols-lg-3 > * { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - .row-cols-lg-4 > * { - flex: 0 0 25%; - max-width: 25%; } - .row-cols-lg-5 > * { - flex: 0 0 20%; - max-width: 20%; } - .row-cols-lg-6 > * { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-lg-auto { - flex: 0 0 auto; - width: auto; - max-width: 100%; } - .col-lg-1 { - flex: 0 0 8.33333%; - max-width: 8.33333%; } - .col-lg-2 { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-lg-3 { - flex: 0 0 25%; - max-width: 25%; } - .col-lg-4 { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - .col-lg-5 { - flex: 0 0 41.66667%; - max-width: 41.66667%; } - .col-lg-6 { - flex: 0 0 50%; - max-width: 50%; } - .col-lg-7 { - flex: 0 0 58.33333%; - max-width: 58.33333%; } - .col-lg-8 { - flex: 0 0 66.66667%; - max-width: 66.66667%; } - .col-lg-9 { - flex: 0 0 75%; - max-width: 75%; } - .col-lg-10 { - flex: 0 0 83.33333%; - max-width: 83.33333%; } - .col-lg-11 { - flex: 0 0 91.66667%; - max-width: 91.66667%; } - .col-lg-12 { - flex: 0 0 100%; - max-width: 100%; } - .order-lg-first { - order: -1; } - .order-lg-last { - order: 13; } - .order-lg-0 { - order: 0; } - .order-lg-1 { - order: 1; } - .order-lg-2 { - order: 2; } - .order-lg-3 { - order: 3; } - .order-lg-4 { - order: 4; } - .order-lg-5 { - order: 5; } - .order-lg-6 { - order: 6; } - .order-lg-7 { - order: 7; } - .order-lg-8 { - order: 8; } - .order-lg-9 { - order: 9; } - .order-lg-10 { - order: 10; } - .order-lg-11 { - order: 11; } - .order-lg-12 { - order: 12; } - .offset-lg-0 { - margin-left: 0; } - .offset-lg-1 { - margin-left: 8.33333%; } - .offset-lg-2 { - margin-left: 16.66667%; } - .offset-lg-3 { - margin-left: 25%; } - .offset-lg-4 { - margin-left: 33.33333%; } - .offset-lg-5 { - margin-left: 41.66667%; } - .offset-lg-6 { - margin-left: 50%; } - .offset-lg-7 { - margin-left: 58.33333%; } - .offset-lg-8 { - margin-left: 66.66667%; } - .offset-lg-9 { - margin-left: 75%; } - .offset-lg-10 { - margin-left: 83.33333%; } - .offset-lg-11 { - margin-left: 91.66667%; } } - -@media (min-width: 1200px) { - .col-xl { - flex-basis: 0; - flex-grow: 1; - min-width: 0; - max-width: 100%; } - .row-cols-xl-1 > * { - flex: 0 0 100%; - max-width: 100%; } - .row-cols-xl-2 > * { - flex: 0 0 50%; - max-width: 50%; } - .row-cols-xl-3 > * { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - .row-cols-xl-4 > * { - flex: 0 0 25%; - max-width: 25%; } - .row-cols-xl-5 > * { - flex: 0 0 20%; - max-width: 20%; } - .row-cols-xl-6 > * { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-xl-auto { - flex: 0 0 auto; - width: auto; - max-width: 100%; } - .col-xl-1 { - flex: 0 0 8.33333%; - max-width: 8.33333%; } - .col-xl-2 { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-xl-3 { - flex: 0 0 25%; - max-width: 25%; } - .col-xl-4 { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - .col-xl-5 { - flex: 0 0 41.66667%; - max-width: 41.66667%; } - .col-xl-6 { - flex: 0 0 50%; - max-width: 50%; } - .col-xl-7 { - flex: 0 0 58.33333%; - max-width: 58.33333%; } - .col-xl-8 { - flex: 0 0 66.66667%; - max-width: 66.66667%; } - .col-xl-9 { - flex: 0 0 75%; - max-width: 75%; } - .col-xl-10 { - flex: 0 0 83.33333%; - max-width: 83.33333%; } - .col-xl-11 { - flex: 0 0 91.66667%; - max-width: 91.66667%; } - .col-xl-12 { - flex: 0 0 100%; - max-width: 100%; } - .order-xl-first { - order: -1; } - .order-xl-last { - order: 13; } - .order-xl-0 { - order: 0; } - .order-xl-1 { - order: 1; } - .order-xl-2 { - order: 2; } - .order-xl-3 { - order: 3; } - .order-xl-4 { - order: 4; } - .order-xl-5 { - order: 5; } - .order-xl-6 { - order: 6; } - .order-xl-7 { - order: 7; } - .order-xl-8 { - order: 8; } - .order-xl-9 { - order: 9; } - .order-xl-10 { - order: 10; } - .order-xl-11 { - order: 11; } - .order-xl-12 { - order: 12; } - .offset-xl-0 { - margin-left: 0; } - .offset-xl-1 { - margin-left: 8.33333%; } - .offset-xl-2 { - margin-left: 16.66667%; } - .offset-xl-3 { - margin-left: 25%; } - .offset-xl-4 { - margin-left: 33.33333%; } - .offset-xl-5 { - margin-left: 41.66667%; } - .offset-xl-6 { - margin-left: 50%; } - .offset-xl-7 { - margin-left: 58.33333%; } - .offset-xl-8 { - margin-left: 66.66667%; } - .offset-xl-9 { - margin-left: 75%; } - .offset-xl-10 { - margin-left: 83.33333%; } - .offset-xl-11 { - margin-left: 91.66667%; } } - -.table { - width: 100%; - margin-bottom: 1rem; - color: #768492; } - .table th, - .table td { - padding: 0.75rem; - vertical-align: top; - border-top: 1px solid #DCDDDF; } - .table thead th { - vertical-align: bottom; - border-bottom: 2px solid #DCDDDF; } - .table tbody + tbody { - border-top: 2px solid #DCDDDF; } - -.table-sm th, -.table-sm td { - padding: 0.3rem; } - -.table-bordered { - border: 1px solid #DCDDDF; } - .table-bordered th, - .table-bordered td { - border: 1px solid #DCDDDF; } - .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-striped tbody tr:nth-of-type(odd) { - background-color: rgba(0, 0, 0, 0.05); } - -.table-hover tbody tr:hover { - color: #768492; - background-color: rgba(0, 0, 0, 0.075); } - -.table-primary, -.table-primary > th, -.table-primary > td { - background-color: #c0bfc5; } - -.table-primary th, -.table-primary td, -.table-primary thead th, -.table-primary tbody + tbody { - border-color: #8b8993; } - -.table-hover .table-primary:hover { - background-color: #b3b2b9; } - .table-hover .table-primary:hover > td, - .table-hover .table-primary:hover > th { - background-color: #b3b2b9; } - -.table-secondary, -.table-secondary > th, -.table-secondary > td { - background-color: #d6d8db; } - -.table-secondary th, -.table-secondary td, -.table-secondary thead th, -.table-secondary tbody + tbody { - border-color: #b3b7bb; } - -.table-hover .table-secondary:hover { - background-color: #c8cbcf; } - .table-hover .table-secondary:hover > td, - .table-hover .table-secondary:hover > th { - background-color: #c8cbcf; } - -.table-success, -.table-success > th, -.table-success > td { - background-color: #deeee5; } - -.table-success th, -.table-success td, -.table-success thead th, -.table-success tbody + tbody { - border-color: #c2e0cf; } - -.table-hover .table-success:hover { - background-color: #cde5d8; } - .table-hover .table-success:hover > td, - .table-hover .table-success:hover > th { - background-color: #cde5d8; } - -.table-info, -.table-info > th, -.table-info > td { - background-color: #ddecfc; } - -.table-info th, -.table-info td, -.table-info thead th, -.table-info tbody + tbody { - border-color: #c1dbfa; } - -.table-hover .table-info:hover { - background-color: #c6dffa; } - .table-hover .table-info:hover > td, - .table-hover .table-info:hover > th { - background-color: #c6dffa; } - -.table-warning, -.table-warning > th, -.table-warning > td { - background-color: #fbddcc; } - -.table-warning th, -.table-warning td, -.table-warning thead th, -.table-warning tbody + tbody { - border-color: #f7c0a1; } - -.table-hover .table-warning:hover { - background-color: #f9cdb4; } - .table-hover .table-warning:hover > td, - .table-hover .table-warning:hover > th { - background-color: #f9cdb4; } - -.table-danger, -.table-danger > th, -.table-danger > td { - background-color: #fcd8e8; } - -.table-danger th, -.table-danger td, -.table-danger thead th, -.table-danger tbody + tbody { - border-color: #fab7d4; } - -.table-hover .table-danger:hover { - background-color: #fac0da; } - .table-hover .table-danger:hover > td, - .table-hover .table-danger:hover > th { - background-color: #fac0da; } - -.table-light, -.table-light > th, -.table-light > td { - background-color: #dddddd; } - -.table-light th, -.table-light td, -.table-light thead th, -.table-light tbody + tbody { - border-color: #bfbfc0; } - -.table-hover .table-light:hover { - background-color: #d0d0d0; } - .table-hover .table-light:hover > td, - .table-hover .table-light:hover > th { - background-color: #d0d0d0; } - -.table-dark, -.table-dark > th, -.table-dark > td { - background-color: #b8b9bf; } - -.table-dark th, -.table-dark td, -.table-dark thead th, -.table-dark tbody + tbody { - border-color: #7b7c88; } - -.table-hover .table-dark:hover { - background-color: #abacb3; } - .table-hover .table-dark:hover > td, - .table-hover .table-dark:hover > th { - background-color: #abacb3; } - -.table-purple, -.table-purple > th, -.table-purple > td { - background-color: #e7ddfc; } - -.table-purple th, -.table-purple td, -.table-purple thead th, -.table-purple tbody + tbody { - border-color: #d3c1fa; } - -.table-hover .table-purple:hover { - background-color: #d6c6fa; } - .table-hover .table-purple:hover > td, - .table-hover .table-purple:hover > th { - background-color: #d6c6fa; } - -.table-active, -.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); } - -.table .thead-dark th { - color: #fff; - background-color: #01041b; - border-color: #020940; } - -.table .thead-light th { - color: #495057; - background-color: #e9ecef; - border-color: #DCDDDF; } - -.table-dark { - color: #fff; - background-color: #01041b; } - .table-dark th, - .table-dark td, - .table-dark thead th { - border-color: #020940; } - .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; } } - -@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; } } - -@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; } } - -@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; } } - -.table-responsive { - display: block; - width: 100%; - overflow-x: auto; - -webkit-overflow-scrolling: touch; } - .table-responsive > .table-bordered { - border: 0; } - -.form-control { - display: block; - width: 100%; - height: calc(1.5em + 0.75rem + 2px); - padding: 0.375rem 0.75rem; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: #495057; - background-color: #fff; - background-clip: padding-box; - border: 1px solid #ced4da; - border-radius: 10px; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - 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: #544c7f; - outline: 0; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(31, 28, 47, 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; } - -select.form-control:focus::-ms-value { - color: #495057; - background-color: #fff; } - -.form-control-file, -.form-control-range { - display: block; - 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; } - -.col-form-label-lg { - padding-top: calc(0.5rem + 1px); - padding-bottom: calc(0.5rem + 1px); - font-size: 0.75rem; - line-height: 1.5; } - -.col-form-label-sm { - padding-top: calc(0.25rem + 1px); - padding-bottom: calc(0.25rem + 1px); - font-size: 0.75rem; - line-height: 1.5; } - -.form-control-plaintext { - display: block; - width: 100%; - padding: 0.375rem 0; - margin-bottom: 0; - font-size: 1rem; - line-height: 1.5; - color: #768492; - 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; } - -.form-control-sm { - height: calc(1.5em + 0.5rem + 2px); - padding: 0.25rem 0.5rem; - font-size: 0.75rem; - line-height: 1.5; - border-radius: 10px; } - -.form-control-lg { - height: calc(1.5em + 1rem + 2px); - padding: 0.5rem 1rem; - font-size: 0.75rem; - line-height: 1.5; - border-radius: 10px; } - -select.form-control[size], select.form-control[multiple] { - height: auto; } - -textarea.form-control { - height: auto; } - -.form-group { - margin-bottom: 1rem; } - -.form-text { - display: block; - 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; } - -.form-check { - position: relative; - display: block; - 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: #6c757d; } - -.form-check-label { - 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; } - -.valid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 80%; - color: #8ac3a3; } - -.valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 0.25rem 0.5rem; - margin-top: .1rem; - font-size: 0.75rem; - line-height: 1.5; - color: #fff; - background-color: rgba(138, 195, 163, 0.9); - border-radius: 10px; } - -.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 { - border-color: #8ac3a3; - 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='%238ac3a3' 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: #8ac3a3; - box-shadow: 0 0 0 0.2rem rgba(138, 195, 163, 0.25); } - -.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); } - -.was-validated .custom-select:valid, .custom-select.is-valid { - border-color: #8ac3a3; - 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='%2301041b' 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='%238ac3a3' 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: #8ac3a3; - box-shadow: 0 0 0 0.2rem rgba(138, 195, 163, 0.25); } - -.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { - color: #8ac3a3; } - -.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: #8ac3a3; } - .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { - border-color: #8ac3a3; } - -.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { - border-color: #acd4be; - background-color: #acd4be; } - -.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(138, 195, 163, 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: #8ac3a3; } - -.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { - border-color: #8ac3a3; } - -.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { - border-color: #8ac3a3; - box-shadow: 0 0 0 0.2rem rgba(138, 195, 163, 0.25); } - -.invalid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 80%; - color: #f674ad; } - -.invalid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 0.25rem 0.5rem; - margin-top: .1rem; - font-size: 0.75rem; - line-height: 1.5; - color: #fff; - background-color: rgba(246, 116, 173, 0.9); - border-radius: 10px; } - -.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 { - border-color: #f674ad; - 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='%23f674ad' 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='%23f674ad' 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: #f674ad; - box-shadow: 0 0 0 0.2rem rgba(246, 116, 173, 0.25); } - -.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); } - -.was-validated .custom-select:invalid, .custom-select.is-invalid { - border-color: #f674ad; - 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='%2301041b' 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='%23f674ad' 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='%23f674ad' 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: #f674ad; - box-shadow: 0 0 0 0.2rem rgba(246, 116, 173, 0.25); } - -.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { - color: #f674ad; } - -.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: #f674ad; } - .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { - border-color: #f674ad; } - -.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { - border-color: #f9a4c9; - background-color: #f9a4c9; } - -.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(246, 116, 173, 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: #f674ad; } - -.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { - border-color: #f674ad; } - -.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { - border-color: #f674ad; - box-shadow: 0 0 0 0.2rem rgba(246, 116, 173, 0.25); } - -.form-inline { - display: flex; - flex-flow: row wrap; - 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 { - 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; } } - -.fade { - transition: opacity 0.15s linear; } - @media (prefers-reduced-motion: reduce) { - .fade { - transition: none; } } - .fade:not(.show) { - opacity: 0; } - -.collapse:not(.show) { - display: none; } - -.collapsing { - position: relative; - height: 0; - overflow: hidden; - transition: height 0.35s ease; } - @media (prefers-reduced-motion: reduce) { - .collapsing { - transition: none; } } - -.dropup, -.dropright, -.dropdown, -.dropleft { - position: relative; } - -.dropdown-toggle { - white-space: nowrap; } - .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid; - border-right: 0.3em solid transparent; - border-bottom: 0; - border-left: 0.3em solid transparent; } - .dropdown-toggle:empty::after { - margin-left: 0; } - -.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: 1rem; - color: #768492; - text-align: left; - list-style: none; - background-color: #fff; - background-clip: padding-box; - border: 0 solid rgba(0, 0, 0, 0.15); - border-radius: 10px; - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); } - -.dropdown-menu-left { - right: auto; - left: 0; } - -.dropdown-menu-right { - right: 0; - left: auto; } - -@media (min-width: 576px) { - .dropdown-menu-sm-left { - right: auto; - left: 0; } - .dropdown-menu-sm-right { - right: 0; - left: auto; } } - -@media (min-width: 768px) { - .dropdown-menu-md-left { - right: auto; - left: 0; } - .dropdown-menu-md-right { - right: 0; - left: auto; } } - -@media (min-width: 992px) { - .dropdown-menu-lg-left { - right: auto; - left: 0; } - .dropdown-menu-lg-right { - right: 0; - left: auto; } } - -@media (min-width: 1200px) { - .dropdown-menu-xl-left { - right: auto; - left: 0; } - .dropdown-menu-xl-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; } - -.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; } - -.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; } - -.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { - right: auto; - bottom: auto; } - -.dropdown-divider { - height: 0; - margin: 0.5rem 0; - overflow: hidden; - border-top: 1px solid #e9ecef; } - -.dropdown-item { - display: block; - width: 100%; - padding: 0.25rem 1.5rem; - clear: both; - font-weight: 400; - color: #363636; - text-align: inherit; - white-space: nowrap; - background-color: transparent; - border: 0; } - .dropdown-item:hover, .dropdown-item:focus { - color: #292929; - text-decoration: none; - background-color: #f8f9fa; } - .dropdown-item.active, .dropdown-item:active { - color: #fff; - text-decoration: none; - background-color: #1f1c2f; } - .dropdown-item.disabled, .dropdown-item:disabled { - color: #6c757d; - pointer-events: none; - background-color: transparent; } - -.dropdown-menu.show { - display: block; } - -.dropdown-header { - display: block; - padding: 0.5rem 1.5rem; - margin-bottom: 0; - font-size: 0.75rem; - color: #6c757d; - white-space: nowrap; } - -.dropdown-item-text { - display: block; - padding: 0.25rem 1.5rem; - color: #363636; } - -.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-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; } - -.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.show .dropdown-toggle { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } - .btn-group.show .dropdown-toggle.btn-link { - box-shadow: none; } - -.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; } - -.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; } - -.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; } - -.input-group-prepend { - margin-right: -1px; } - -.input-group-append { - margin-left: -1px; } - -.input-group-text { - display: flex; - align-items: center; - padding: 0.375rem 0.75rem; - margin-bottom: 0; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: #495057; - text-align: center; - white-space: nowrap; - background-color: #e9ecef; - border: 1px solid #ced4da; - border-radius: 10px; } - .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: 0.75rem; - line-height: 1.5; - border-radius: 10px; } - -.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.75rem; - line-height: 1.5; - border-radius: 10px; } - -.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; - display: block; - min-height: 24; - padding-left: 1.5rem; } - -.custom-control-inline { - display: inline-flex; - margin-right: 1rem; } - -.custom-control-input { - position: absolute; - left: 0; - z-index: -1; - width: 1rem; - height: 12.5rem; - opacity: 0; } - .custom-control-input:checked ~ .custom-control-label::before { - color: #fff; - border-color: #1f1c2f; - background-color: #1f1c2f; - box-shadow: none; } - .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(31, 28, 47, 0.25); } - .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { - border-color: #544c7f; } - .custom-control-input:not(:disabled):active ~ .custom-control-label::before { - color: #fff; - background-color: #695f9f; - border-color: #695f9f; - box-shadow: none; } - .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { - color: #6c757d; } - .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { - background-color: #e9ecef; } - -.custom-control-label { - position: relative; - margin-bottom: 0; - vertical-align: top; } - .custom-control-label::before { - position: absolute; - top: 11.5rem; - left: -1.5rem; - display: block; - width: 1rem; - height: 1rem; - pointer-events: none; - content: ""; - background-color: #fff; - border: #adb5bd solid 1px; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .custom-control-label::after { - position: absolute; - top: 11.5rem; - left: -1.5rem; - display: block; - width: 1rem; - height: 1rem; - content: ""; - background: no-repeat 50% / 50% 50%; } - -.custom-checkbox .custom-control-label::before { - border-radius: 10px; } - -.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: #1f1c2f; - background-color: #1f1c2f; - box-shadow: none; } - -.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(31, 28, 47, 0.5); } - -.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { - background-color: rgba(31, 28, 47, 0.5); } - -.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(31, 28, 47, 0.5); } - -.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(11.5rem + 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(31, 28, 47, 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: 1rem; - 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='%2301041b' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; - border: 1px solid #ced4da; - border-radius: 10px; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); - appearance: none; } - .custom-select:focus { - border-color: #544c7f; - outline: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(31, 28, 47, 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; } - -.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.75rem; } - -.custom-select-lg { - height: calc(1.5em + 1rem + 2px); - padding-top: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 1rem; - font-size: 0.75rem; } - -.custom-file { - position: relative; - display: inline-block; - width: 100%; - height: calc(1.5em + 0.75rem + 2px); - margin-bottom: 0; } - -.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: #544c7f; - box-shadow: 0 0 0 0.2rem rgba(31, 28, 47, 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); } - -.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 #ced4da; - border-radius: 10px; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .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 10px 10px 0; } - -.custom-range { - width: 100%; - height: 1.4rem; - padding: 0; - background-color: transparent; - appearance: none; } - .custom-range:focus { - outline: none; } - .custom-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #f3f6fd, 0 0 0 0.2rem rgba(31, 28, 47, 0.25); } - .custom-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #f3f6fd, 0 0 0 0.2rem rgba(31, 28, 47, 0.25); } - .custom-range:focus::-ms-thumb { - box-shadow: 0 0 0 1px #f3f6fd, 0 0 0 0.2rem rgba(31, 28, 47, 0.25); } - .custom-range::-moz-focus-outer { - border: 0; } - .custom-range::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - margin-top: -0.25rem; - background-color: #1f1c2f; - border: 0; - border-radius: 1rem; - box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); - 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: #695f9f; } - .custom-range::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #ccced2; - border-color: transparent; - border-radius: 1rem; - box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } - .custom-range::-moz-range-thumb { - width: 1rem; - height: 1rem; - background-color: #1f1c2f; - border: 0; - border-radius: 1rem; - box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); - 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: #695f9f; } - .custom-range::-moz-range-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #ccced2; - border-color: transparent; - border-radius: 1rem; - box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } - .custom-range::-ms-thumb { - width: 1rem; - height: 1rem; - margin-top: 0; - margin-right: 0.2rem; - margin-left: 0.2rem; - background-color: #1f1c2f; - border: 0; - border-radius: 1rem; - box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); - 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: #695f9f; } - .custom-range::-ms-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: transparent; - border-color: transparent; - border-width: 0.5rem; - box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } - .custom-range::-ms-fill-lower { - background-color: #ccced2; - border-radius: 1rem; } - .custom-range::-ms-fill-upper { - margin-right: 15px; - background-color: #ccced2; - 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; } - -.nav-tabs { - border-bottom: 1px solid #ccced2; } - .nav-tabs .nav-item { - margin-bottom: -1px; } - .nav-tabs .nav-link { - border: 1px solid transparent; - border-top-left-radius: 10px; - border-top-right-radius: 10px; } - .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { - border-color: #e9ecef #e9ecef #ccced2; } - .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: #f3f6fd; - border-color: #ccced2 #ccced2 #f3f6fd; } - .nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - -.nav-pills .nav-link { - border-radius: 10px; } - -.nav-pills .nav-link.active, -.nav-pills .show > .nav-link { - color: #fff; - background-color: #1f1c2f; } - -.nav-fill .nav-item { - flex: 1 1 auto; - text-align: center; } - -.nav-justified .nav-item { - flex-basis: 0; - flex-grow: 1; - text-align: center; } - -.tab-content > .tab-pane { - display: none; } - -.tab-content > .active { - display: block; } - -.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; } - -.navbar-brand { - display: inline-block; - padding-top: 3.5rem; - padding-bottom: 3.5rem; - margin-right: 1rem; - font-size: 0.75rem; - line-height: inherit; - white-space: nowrap; } - .navbar-brand:hover, .navbar-brand:focus { - text-decoration: none; } - -.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; } - -.navbar-text { - display: inline-block; - padding-top: 0.5rem; - padding-bottom: 0.5rem; } - -.navbar-collapse { - flex-basis: 100%; - flex-grow: 1; - align-items: center; } - -.navbar-toggler { - padding: 0.25rem 0.75rem; - font-size: 0.75rem; - line-height: 1; - background-color: transparent; - border: 1px solid transparent; - border-radius: 10px; } - .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; } } - -.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: #ffffff; - background-clip: border-box; - border: 1px solid rgba(0, 0, 0, 0.125); - border-radius: 10px; } - .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: 9px; - border-top-right-radius: 9px; } - .card > .list-group:last-child { - border-bottom-width: 0; - border-bottom-right-radius: 9px; - border-bottom-left-radius: 9px; } - -.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; } - -.card-link:hover { - text-decoration: none; } - -.card-link + .card-link { - margin-left: 1.25rem; } - -.card-header { - padding: 0.75rem 1.25rem; - margin-bottom: 0; - background-color: rgba(0, 0, 0, 0.03); - border-bottom: 1px solid rgba(0, 0, 0, 0.125); } - .card-header:first-child { - border-radius: 9px 9px 0 0; } - .card-header + .list-group .list-group-item:first-child { - border-top: 0; } - -.card-footer { - padding: 0.75rem 1.25rem; - background-color: rgba(0, 0, 0, 0.03); - border-top: 1px solid rgba(0, 0, 0, 0.125); } - .card-footer:last-child { - border-radius: 0 0 9px 9px; } - -.card-header-tabs { - margin-right: -0.625rem; - margin-bottom: -0.75rem; - margin-left: -0.625rem; - border-bottom: 0; } - -.card-header-pills { - margin-right: -0.625rem; - margin-left: -0.625rem; } - -.card-img-overlay { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 1.25rem; } - -.card-img, -.card-img-top, -.card-img-bottom { - flex-shrink: 0; - width: 100%; } - -.card-img, -.card-img-top { - border-top-left-radius: 9px; - border-top-right-radius: 9px; } - -.card-img, -.card-img-bottom { - border-bottom-right-radius: 9px; - border-bottom-left-radius: 9px; } - -.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; } } - -.card-columns .card { - margin-bottom: 20px; } - -@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%; } } - -.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; } - -.breadcrumb { - display: flex; - flex-wrap: wrap; - padding: 0.75rem 1rem; - margin-bottom: 1rem; - list-style: none; - background-color: #e9ecef; - border-radius: 10px; } - -.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; } - -.pagination { - display: flex; - padding-left: 0; - list-style: none; - border-radius: 10px; } - -.page-link { - position: relative; - display: block; - padding: 0.5rem 0.75rem; - margin-left: -1px; - line-height: 1.25; - color: #1f1c2f; - background-color: #fff; - border: 1px solid #ccced2; } - .page-link:hover { - z-index: 2; - color: black; - text-decoration: none; - background-color: #e9ecef; - border-color: #ccced2; } - .page-link:focus { - z-index: 3; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(31, 28, 47, 0.25); } - -.page-item:first-child .page-link { - margin-left: 0; - border-top-left-radius: 10px; - border-bottom-left-radius: 10px; } - -.page-item:last-child .page-link { - border-top-right-radius: 10px; - border-bottom-right-radius: 10px; } - -.page-item.active .page-link { - z-index: 3; - color: #fff; - background-color: #1f1c2f; - border-color: #1f1c2f; } - -.page-item.disabled .page-link { - color: #6c757d; - pointer-events: none; - cursor: auto; - background-color: #fff; - border-color: #ccced2; } - -.pagination-lg .page-link { - padding: 0.75rem 1.5rem; - font-size: 0.75rem; - line-height: 1.5; } - -.pagination-lg .page-item:first-child .page-link { - border-top-left-radius: 10px; - border-bottom-left-radius: 10px; } - -.pagination-lg .page-item:last-child .page-link { - border-top-right-radius: 10px; - border-bottom-right-radius: 10px; } - -.pagination-sm .page-link { - padding: 0.25rem 0.5rem; - font-size: 0.75rem; - line-height: 1.5; } - -.pagination-sm .page-item:first-child .page-link { - border-top-left-radius: 10px; - border-bottom-left-radius: 10px; } - -.pagination-sm .page-item:last-child .page-link { - border-top-right-radius: 10px; - border-bottom-right-radius: 10px; } - -.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: 10px; - 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 .badge { - position: relative; - top: -1px; } - -.badge-pill { - padding-right: 0.6em; - padding-left: 0.6em; - border-radius: 10rem; } - -.badge-primary { - color: #fff; - background-color: #1f1c2f; } - a.badge-primary:hover, a.badge-primary:focus { - color: #fff; - background-color: #0a090f; } - a.badge-primary:focus, a.badge-primary.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(31, 28, 47, 0.5); } - -.badge-secondary { - color: #fff; - background-color: #6c757d; } - a.badge-secondary:hover, a.badge-secondary:focus { - color: #fff; - background-color: #545b62; } - a.badge-secondary:focus, a.badge-secondary.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } - -.badge-success { - color: #fff; - background-color: #8ac3a3; } - a.badge-success:hover, a.badge-success:focus { - color: #fff; - background-color: #68b288; } - a.badge-success:focus, a.badge-success.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(138, 195, 163, 0.5); } - -.badge-info { - color: #fff; - background-color: #87baf5; } - a.badge-info:hover, a.badge-info:focus { - color: #fff; - background-color: #589ff1; } - a.badge-info:focus, a.badge-info.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(135, 186, 245, 0.5); } - -.badge-warning { - color: #fff; - background-color: #f0864a; } - a.badge-warning:hover, a.badge-warning:focus { - color: #fff; - background-color: #ec671b; } - a.badge-warning:focus, a.badge-warning.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(240, 134, 74, 0.5); } - -.badge-danger { - color: #fff; - background-color: #f674ad; } - a.badge-danger:hover, a.badge-danger:focus { - color: #fff; - background-color: #f34491; } - a.badge-danger:focus, a.badge-danger.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(246, 116, 173, 0.5); } - -.badge-light { - color: #fff; - background-color: #848486; } - a.badge-light:hover, a.badge-light:focus { - color: #fff; - background-color: #6b6b6c; } - a.badge-light:focus, a.badge-light.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(132, 132, 134, 0.5); } - -.badge-dark { - color: #fff; - background-color: #01041b; } - a.badge-dark:hover, a.badge-dark:focus { - color: #fff; - background-color: black; } - a.badge-dark:focus, a.badge-dark.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(1, 4, 27, 0.5); } - -.badge-purple { - color: #fff; - background-color: #AA87F5; } - a.badge-purple:hover, a.badge-purple:focus { - color: #fff; - background-color: #8958f1; } - a.badge-purple:focus, a.badge-purple.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(170, 135, 245, 0.5); } - -.alert { - position: relative; - padding: 0.75rem 1.25rem; - margin-bottom: 1rem; - border: 1px solid transparent; - border-radius: 10px; } - -.alert-heading { - color: inherit; } - -.alert-link { - font-weight: 700; } - -.alert-dismissible { - padding-right: 26.5rem; } - .alert-dismissible .close { - position: absolute; - top: 0; - right: 0; - padding: 0.75rem 1.25rem; - color: inherit; } - -.alert-primary { - color: #100f18; - background-color: #d2d2d5; - border-color: #c0bfc5; } - .alert-primary hr { - border-top-color: #b3b2b9; } - .alert-primary .alert-link { - color: black; } - -.alert-secondary { - color: #383d41; - background-color: #e2e3e5; - border-color: #d6d8db; } - .alert-secondary hr { - border-top-color: #c8cbcf; } - .alert-secondary .alert-link { - color: #202326; } - -.alert-success { - color: #486555; - background-color: #e8f3ed; - border-color: #deeee5; } - .alert-success hr { - border-top-color: #cde5d8; } - .alert-success .alert-link { - color: #33473c; } - -.alert-info { - color: #46617f; - background-color: #e7f1fd; - border-color: #ddecfc; } - .alert-info hr { - border-top-color: #c6dffa; } - .alert-info .alert-link { - color: #34485e; } - -.alert-warning { - color: #7d4626; - background-color: #fce7db; - border-color: #fbddcc; } - .alert-warning hr { - border-top-color: #f9cdb4; } - .alert-warning .alert-link { - color: #56301a; } - -.alert-danger { - color: #803c5a; - background-color: #fde3ef; - border-color: #fcd8e8; } - .alert-danger hr { - border-top-color: #fac0da; } - .alert-danger .alert-link { - color: #5d2c42; } - -.alert-light { - color: #454546; - background-color: #e6e6e7; - border-color: #dddddd; } - .alert-light hr { - border-top-color: #d0d0d0; } - .alert-light .alert-link { - color: #2c2c2c; } - -.alert-dark { - color: #01020e; - background-color: #cccdd1; - border-color: #b8b9bf; } - .alert-dark hr { - border-top-color: #abacb3; } - .alert-dark .alert-link { - color: black; } - -.alert-purple { - color: #58467f; - background-color: #eee7fd; - border-color: #e7ddfc; } - .alert-purple hr { - border-top-color: #d6c6fa; } - .alert-purple .alert-link { - color: #41345e; } - -@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.75rem; - background-color: #e9ecef; - border-radius: 10px; - box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); } - -.progress-bar { - display: flex; - flex-direction: column; - justify-content: center; - overflow: hidden; - color: #fff; - text-align: center; - white-space: nowrap; - background-color: #1f1c2f; - transition: width 0.6s ease; } - @media (prefers-reduced-motion: reduce) { - .progress-bar { - transition: none; } } - -.progress-bar-striped { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-size: 1rem 1rem; } - -.progress-bar-animated { - animation: progress-bar-stripes 1s linear infinite; } - @media (prefers-reduced-motion: reduce) { - .progress-bar-animated { - animation: none; } } - -.media { - display: flex; - align-items: flex-start; } - -.media-body { - flex: 1; } - -.list-group { - display: flex; - flex-direction: column; - padding-left: 0; - margin-bottom: 0; - border-radius: 10px; } - -.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: #768492; - background-color: #e9ecef; } - -.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: #1f1c2f; - border-color: #1f1c2f; } - .list-group-item + .list-group-item { - border-top-width: 0; } - .list-group-item + .list-group-item.active { - margin-top: -1px; - border-top-width: 1px; } - -.list-group-horizontal { - flex-direction: row; } - .list-group-horizontal > .list-group-item:first-child { - border-bottom-left-radius: 10px; - border-top-right-radius: 0; } - .list-group-horizontal > .list-group-item:last-child { - border-top-right-radius: 10px; - 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; } - -@media (min-width: 576px) { - .list-group-horizontal-sm { - flex-direction: row; } - .list-group-horizontal-sm > .list-group-item:first-child { - border-bottom-left-radius: 10px; - border-top-right-radius: 0; } - .list-group-horizontal-sm > .list-group-item:last-child { - border-top-right-radius: 10px; - 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: 10px; - border-top-right-radius: 0; } - .list-group-horizontal-md > .list-group-item:last-child { - border-top-right-radius: 10px; - 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: 10px; - border-top-right-radius: 0; } - .list-group-horizontal-lg > .list-group-item:last-child { - border-top-right-radius: 10px; - 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: 10px; - border-top-right-radius: 0; } - .list-group-horizontal-xl > .list-group-item:last-child { - border-top-right-radius: 10px; - 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; } } - -.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; } - -.list-group-item-primary { - color: #100f18; - background-color: #c0bfc5; } - .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { - color: #100f18; - background-color: #b3b2b9; } - .list-group-item-primary.list-group-item-action.active { - color: #fff; - background-color: #100f18; - border-color: #100f18; } - -.list-group-item-secondary { - color: #383d41; - background-color: #d6d8db; } - .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { - color: #383d41; - background-color: #c8cbcf; } - .list-group-item-secondary.list-group-item-action.active { - color: #fff; - background-color: #383d41; - border-color: #383d41; } - -.list-group-item-success { - color: #486555; - background-color: #deeee5; } - .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { - color: #486555; - background-color: #cde5d8; } - .list-group-item-success.list-group-item-action.active { - color: #fff; - background-color: #486555; - border-color: #486555; } - -.list-group-item-info { - color: #46617f; - background-color: #ddecfc; } - .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { - color: #46617f; - background-color: #c6dffa; } - .list-group-item-info.list-group-item-action.active { - color: #fff; - background-color: #46617f; - border-color: #46617f; } - -.list-group-item-warning { - color: #7d4626; - background-color: #fbddcc; } - .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { - color: #7d4626; - background-color: #f9cdb4; } - .list-group-item-warning.list-group-item-action.active { - color: #fff; - background-color: #7d4626; - border-color: #7d4626; } - -.list-group-item-danger { - color: #803c5a; - background-color: #fcd8e8; } - .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { - color: #803c5a; - background-color: #fac0da; } - .list-group-item-danger.list-group-item-action.active { - color: #fff; - background-color: #803c5a; - border-color: #803c5a; } - -.list-group-item-light { - color: #454546; - background-color: #dddddd; } - .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { - color: #454546; - background-color: #d0d0d0; } - .list-group-item-light.list-group-item-action.active { - color: #fff; - background-color: #454546; - border-color: #454546; } - -.list-group-item-dark { - color: #01020e; - background-color: #b8b9bf; } - .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { - color: #01020e; - background-color: #abacb3; } - .list-group-item-dark.list-group-item-action.active { - color: #fff; - background-color: #01020e; - border-color: #01020e; } - -.list-group-item-purple { - color: #58467f; - background-color: #e7ddfc; } - .list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { - color: #58467f; - background-color: #d6c6fa; } - .list-group-item-purple.list-group-item-action.active { - color: #fff; - background-color: #58467f; - border-color: #58467f; } - -.close { - float: right; - font-size: 1.5rem; - font-weight: 700; - line-height: 1; - color: #000; - text-shadow: 0 1px 0 #fff; - opacity: .5; } - @media (max-width: 1200px) { - .close { - font-size: calc(1.275rem + 0.3vw) ; } } - .close:hover { - color: #000; - text-decoration: none; } - .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { - opacity: .75; } - -button.close { - padding: 0; - background-color: transparent; - border: 0; } - -a.close.disabled { - pointer-events: none; } - -.modal-open { - overflow: hidden; } - .modal-open .modal { - overflow-x: hidden; - overflow-y: auto; } - -.modal { - position: fixed; - top: 0; - left: 0; - z-index: 1050; - display: none; - width: 100%; - height: 100%; - overflow: hidden; - outline: 0; } - -.modal-dialog { - position: relative; - 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; } - -.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; } - -.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: 10px; - box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5); - 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; } - -.modal-header { - display: flex; - align-items: flex-start; - justify-content: space-between; - padding: 1rem 1rem; - border-bottom: 1px solid #DCDDDF; - border-top-left-radius: 9px; - border-top-right-radius: 9px; } - .modal-header .close { - padding: 1rem 1rem; - margin: -1rem -1rem -1rem auto; } - -.modal-title { - margin-bottom: 0; - line-height: 1.5; } - -.modal-body { - position: relative; - flex: 1 1 auto; - padding: 1.25rem; } - -.modal-footer { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: flex-end; - padding: 1rem; - border-top: 1px solid #DCDDDF; - border-bottom-right-radius: 9px; - border-bottom-left-radius: 9px; } - .modal-footer > * { - margin: 0.25rem; } - -.modal-scrollbar-measure { - position: absolute; - top: -9999px; - width: 50px; - height: 50px; - overflow: scroll; } - -@media (min-width: 576px) { - .modal-dialog { - max-width: 500px; - margin: 1.75rem auto; } - .modal-dialog-scrollable { - max-height: calc(100% - 3.5rem); } - .modal-dialog-scrollable .modal-content { - max-height: calc(100vh - 3.5rem); } - .modal-dialog-centered { - min-height: calc(100% - 3.5rem); } - .modal-dialog-centered::before { - height: calc(100vh - 3.5rem); - height: min-content; } - .modal-content { - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5); } - .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.75rem; - word-wrap: break-word; - opacity: 0; } - .tooltip.show { - opacity: 0.9; } - .tooltip .arrow { - position: absolute; - display: block; - width: 0.8rem; - height: 0.4rem; } - .tooltip .arrow::before { - position: absolute; - content: ""; - border-color: transparent; - border-style: solid; } - -.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: 10px; } - -.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.75rem; - word-wrap: break-word; - background-color: #fff; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 10px; - box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); } - .popover .arrow { - position: absolute; - display: block; - width: 1rem; - height: 0.5rem; - margin: 0 10px; } - .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: 10px 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; } - -.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: 10px 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; } - -.popover-header { - padding: 0.5rem 0.75rem; - margin-bottom: 0; - font-size: 1rem; - background-color: #f7f7f7; - border-bottom: 1px solid #ebebeb; - border-top-left-radius: 9px; - border-top-right-radius: 9px; } - .popover-header:empty { - display: none; } - -.popover-body { - padding: 0.5rem 0.75rem; - color: #768492; } - -.carousel { - position: relative; } - -.carousel.pointer-event { - touch-action: pan-y; } - -.carousel-inner { - position: relative; - width: 100%; - overflow: hidden; } - .carousel-inner::after { - display: block; - clear: both; - content: ""; } - -.carousel-item { - 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; } } - -.carousel-item.active, -.carousel-item-next, -.carousel-item-prev { - display: block; } - -.carousel-item-next:not(.carousel-item-left), -.active.carousel-item-right { - transform: translateX(100%); } - -.carousel-item-prev:not(.carousel-item-right), -.active.carousel-item-left { - transform: translateX(-100%); } - -.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; } } - -.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; } - @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; } - -.carousel-control-prev { - left: 0; } - -.carousel-control-next { - right: 0; } - -.carousel-control-prev-icon, -.carousel-control-next-icon { - display: inline-block; - width: 20px; - height: 20px; - background: no-repeat 50% / 100% 100%; } - -.carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' 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"); } - -.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"); } - -.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; } - .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; } - -.carousel-caption { - position: absolute; - right: 15%; - bottom: 20px; - left: 15%; - z-index: 10; - padding-top: 20px; - padding-bottom: 20px; - color: #fff; - text-align: center; } - -.align-baseline { - vertical-align: baseline !important; } - -.align-top { - vertical-align: top !important; } - -.align-middle { - vertical-align: middle !important; } - -.align-bottom { - vertical-align: bottom !important; } - -.align-text-bottom { - vertical-align: text-bottom !important; } - -.align-text-top { - vertical-align: text-top !important; } - -.bg-primary { - color: black; - background-color: #1f1c2f; } - -a.bg-primary:hover, a.bg-primary:focus, -button.bg-primary:hover, -button.bg-primary:focus { - color: black; - background-color: #0a090f; } - -.bg-secondary { - color: black; - background-color: #6c757d; } - -a.bg-secondary:hover, a.bg-secondary:focus, -button.bg-secondary:hover, -button.bg-secondary:focus { - color: black; - background-color: #545b62; } - -.bg-success { - color: #1a3425; - background-color: #8ac3a3; } - -a.bg-success:hover, a.bg-success:focus, -button.bg-success:hover, -button.bg-success:focus { - color: #1a3425; - background-color: #68b288; } - -.bg-info { - color: #0a3b73; - background-color: #87baf5; } - -a.bg-info:hover, a.bg-info:focus, -button.bg-info:hover, -button.bg-info:focus { - color: #0a3b73; - background-color: #589ff1; } - -.bg-warning { - color: #361705; - background-color: #f0864a; } - -a.bg-warning:hover, a.bg-warning:focus, -button.bg-warning:hover, -button.bg-warning:focus { - color: #361705; - background-color: #ec671b; } - -.bg-danger { - color: #640730; - background-color: #f674ad; } - -a.bg-danger:hover, a.bg-danger:focus, -button.bg-danger:hover, -button.bg-danger:focus { - color: #640730; - background-color: #f34491; } - -.bg-light { - color: #050506; - background-color: #848486; } - -a.bg-light:hover, a.bg-light:focus, -button.bg-light:hover, -button.bg-light:focus { - color: #050506; - background-color: #6b6b6c; } - -.bg-dark { - color: black; - background-color: #01041b; } - -a.bg-dark:hover, a.bg-dark:focus, -button.bg-dark:hover, -button.bg-dark:focus { - color: black; - background-color: black; } - -.bg-purple { - color: #2b0a73; - background-color: #AA87F5; } - -a.bg-purple:hover, a.bg-purple:focus, -button.bg-purple:hover, -button.bg-purple:focus { - color: #2b0a73; - background-color: #8958f1; } - -.bg-white { - background-color: #fff !important; } - -.bg-transparent { - background-color: transparent !important; } - -.border { - border: 1px solid #DCDDDF !important; } - -.border-top { - border-top: 1px solid #DCDDDF !important; } - -.border-right { - border-right: 1px solid #DCDDDF !important; } - -.border-bottom { - border-bottom: 1px solid #DCDDDF !important; } - -.border-left { - border-left: 1px solid #DCDDDF !important; } - -.border-0 { - border: 0 !important; } - -.border-top-0 { - border-top: 0 !important; } - -.border-right-0 { - border-right: 0 !important; } - -.border-bottom-0 { - border-bottom: 0 !important; } - -.border-left-0 { - border-left: 0 !important; } - -.border-primary { - border-color: #1f1c2f !important; } - -.border-secondary { - border-color: #6c757d !important; } - -.border-success { - border-color: #8ac3a3 !important; } - -.border-info { - border-color: #87baf5 !important; } - -.border-warning { - border-color: #f0864a !important; } - -.border-danger { - border-color: #f674ad !important; } - -.border-light { - border-color: #848486 !important; } - -.border-dark { - border-color: #01041b !important; } - -.border-purple { - border-color: #AA87F5 !important; } - -.border-white { - border-color: #fff !important; } - -.rounded-sm { - border-radius: 10px !important; } - -.rounded { - border-radius: 10px !important; } - -.rounded-top { - border-top-left-radius: 10px !important; - border-top-right-radius: 10px !important; } - -.rounded-right { - border-top-right-radius: 10px !important; - border-bottom-right-radius: 10px !important; } - -.rounded-bottom { - border-bottom-right-radius: 10px !important; - border-bottom-left-radius: 10px !important; } - -.rounded-left { - border-top-left-radius: 10px !important; - border-bottom-left-radius: 10px !important; } - -.rounded-lg { - border-radius: 10px !important; } - -.rounded-circle { - border-radius: 50% !important; } - -.rounded-pill { - border-radius: 50px !important; } - -.rounded-0 { - border-radius: 0 !important; } - -.clearfix::after { - display: block; - clear: both; - content: ""; } - -.d-none { - display: none !important; } - -.d-inline { - display: inline !important; } - -.d-inline-block { - display: inline-block !important; } - -.d-block { - display: block !important; } - -.d-table { - display: table !important; } - -.d-table-row { - display: table-row !important; } - -.d-table-cell { - display: table-cell !important; } - -.d-flex { - display: flex !important; } - -.d-inline-flex { - display: inline-flex !important; } - -@media (min-width: 576px) { - .d-sm-none { - display: none !important; } - .d-sm-inline { - display: inline !important; } - .d-sm-inline-block { - display: inline-block !important; } - .d-sm-block { - display: block !important; } - .d-sm-table { - display: table !important; } - .d-sm-table-row { - display: table-row !important; } - .d-sm-table-cell { - display: table-cell !important; } - .d-sm-flex { - display: flex !important; } - .d-sm-inline-flex { - display: inline-flex !important; } } - -@media (min-width: 768px) { - .d-md-none { - display: none !important; } - .d-md-inline { - display: inline !important; } - .d-md-inline-block { - display: inline-block !important; } - .d-md-block { - display: block !important; } - .d-md-table { - display: table !important; } - .d-md-table-row { - display: table-row !important; } - .d-md-table-cell { - display: table-cell !important; } - .d-md-flex { - display: flex !important; } - .d-md-inline-flex { - display: inline-flex !important; } } - -@media (min-width: 992px) { - .d-lg-none { - display: none !important; } - .d-lg-inline { - display: inline !important; } - .d-lg-inline-block { - display: inline-block !important; } - .d-lg-block { - display: block !important; } - .d-lg-table { - display: table !important; } - .d-lg-table-row { - display: table-row !important; } - .d-lg-table-cell { - display: table-cell !important; } - .d-lg-flex { - display: flex !important; } - .d-lg-inline-flex { - display: inline-flex !important; } } - -@media (min-width: 1200px) { - .d-xl-none { - display: none !important; } - .d-xl-inline { - display: inline !important; } - .d-xl-inline-block { - display: inline-block !important; } - .d-xl-block { - display: block !important; } - .d-xl-table { - display: table !important; } - .d-xl-table-row { - display: table-row !important; } - .d-xl-table-cell { - display: table-cell !important; } - .d-xl-flex { - display: flex !important; } - .d-xl-inline-flex { - display: inline-flex !important; } } - -@media print { - .d-print-none { - display: none !important; } - .d-print-inline { - display: inline !important; } - .d-print-inline-block { - display: inline-block !important; } - .d-print-block { - display: block !important; } - .d-print-table { - display: table !important; } - .d-print-table-row { - display: table-row !important; } - .d-print-table-cell { - display: table-cell !important; } - .d-print-flex { - display: flex !important; } - .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; } - -.embed-responsive-21by9::before { - padding-top: 42.85714%; } - -.embed-responsive-16by9::before { - padding-top: 56.25%; } - -.embed-responsive-4by3::before { - padding-top: 75%; } - -.embed-responsive-1by1::before { - padding-top: 100%; } - -.flex-row { - flex-direction: row !important; } - -.flex-column { - flex-direction: column !important; } - -.flex-row-reverse { - flex-direction: row-reverse !important; } - -.flex-column-reverse { - flex-direction: column-reverse !important; } - -.flex-wrap { - flex-wrap: wrap !important; } - -.flex-nowrap { - flex-wrap: nowrap !important; } - -.flex-wrap-reverse { - flex-wrap: wrap-reverse !important; } - -.flex-fill { - flex: 1 1 auto !important; } - -.flex-grow-0 { - flex-grow: 0 !important; } - -.flex-grow-1 { - flex-grow: 1 !important; } - -.flex-shrink-0 { - flex-shrink: 0 !important; } - -.flex-shrink-1 { - flex-shrink: 1 !important; } - -.justify-content-start { - justify-content: flex-start !important; } - -.justify-content-end { - justify-content: flex-end !important; } - -.justify-content-center { - justify-content: center !important; } - -.justify-content-between { - justify-content: space-between !important; } - -.justify-content-around { - justify-content: space-around !important; } - -.align-items-start { - align-items: flex-start !important; } - -.align-items-end { - align-items: flex-end !important; } - -.align-items-center { - align-items: center !important; } - -.align-items-baseline { - align-items: baseline !important; } - -.align-items-stretch { - align-items: stretch !important; } - -.align-content-start { - align-content: flex-start !important; } - -.align-content-end { - align-content: flex-end !important; } - -.align-content-center { - align-content: center !important; } - -.align-content-between { - align-content: space-between !important; } - -.align-content-around { - align-content: space-around !important; } - -.align-content-stretch { - align-content: stretch !important; } - -.align-self-auto { - align-self: auto !important; } - -.align-self-start { - align-self: flex-start !important; } - -.align-self-end { - align-self: flex-end !important; } - -.align-self-center { - align-self: center !important; } - -.align-self-baseline { - align-self: baseline !important; } - -.align-self-stretch { - align-self: stretch !important; } - -@media (min-width: 576px) { - .flex-sm-row { - flex-direction: row !important; } - .flex-sm-column { - flex-direction: column !important; } - .flex-sm-row-reverse { - flex-direction: row-reverse !important; } - .flex-sm-column-reverse { - flex-direction: column-reverse !important; } - .flex-sm-wrap { - flex-wrap: wrap !important; } - .flex-sm-nowrap { - flex-wrap: nowrap !important; } - .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse !important; } - .flex-sm-fill { - flex: 1 1 auto !important; } - .flex-sm-grow-0 { - flex-grow: 0 !important; } - .flex-sm-grow-1 { - flex-grow: 1 !important; } - .flex-sm-shrink-0 { - flex-shrink: 0 !important; } - .flex-sm-shrink-1 { - flex-shrink: 1 !important; } - .justify-content-sm-start { - justify-content: flex-start !important; } - .justify-content-sm-end { - justify-content: flex-end !important; } - .justify-content-sm-center { - justify-content: center !important; } - .justify-content-sm-between { - justify-content: space-between !important; } - .justify-content-sm-around { - justify-content: space-around !important; } - .align-items-sm-start { - align-items: flex-start !important; } - .align-items-sm-end { - align-items: flex-end !important; } - .align-items-sm-center { - align-items: center !important; } - .align-items-sm-baseline { - align-items: baseline !important; } - .align-items-sm-stretch { - align-items: stretch !important; } - .align-content-sm-start { - align-content: flex-start !important; } - .align-content-sm-end { - align-content: flex-end !important; } - .align-content-sm-center { - align-content: center !important; } - .align-content-sm-between { - align-content: space-between !important; } - .align-content-sm-around { - align-content: space-around !important; } - .align-content-sm-stretch { - align-content: stretch !important; } - .align-self-sm-auto { - align-self: auto !important; } - .align-self-sm-start { - align-self: flex-start !important; } - .align-self-sm-end { - align-self: flex-end !important; } - .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; } - .flex-md-column { - flex-direction: column !important; } - .flex-md-row-reverse { - flex-direction: row-reverse !important; } - .flex-md-column-reverse { - flex-direction: column-reverse !important; } - .flex-md-wrap { - flex-wrap: wrap !important; } - .flex-md-nowrap { - flex-wrap: nowrap !important; } - .flex-md-wrap-reverse { - flex-wrap: wrap-reverse !important; } - .flex-md-fill { - flex: 1 1 auto !important; } - .flex-md-grow-0 { - flex-grow: 0 !important; } - .flex-md-grow-1 { - flex-grow: 1 !important; } - .flex-md-shrink-0 { - flex-shrink: 0 !important; } - .flex-md-shrink-1 { - flex-shrink: 1 !important; } - .justify-content-md-start { - justify-content: flex-start !important; } - .justify-content-md-end { - justify-content: flex-end !important; } - .justify-content-md-center { - justify-content: center !important; } - .justify-content-md-between { - justify-content: space-between !important; } - .justify-content-md-around { - justify-content: space-around !important; } - .align-items-md-start { - align-items: flex-start !important; } - .align-items-md-end { - align-items: flex-end !important; } - .align-items-md-center { - align-items: center !important; } - .align-items-md-baseline { - align-items: baseline !important; } - .align-items-md-stretch { - align-items: stretch !important; } - .align-content-md-start { - align-content: flex-start !important; } - .align-content-md-end { - align-content: flex-end !important; } - .align-content-md-center { - align-content: center !important; } - .align-content-md-between { - align-content: space-between !important; } - .align-content-md-around { - align-content: space-around !important; } - .align-content-md-stretch { - align-content: stretch !important; } - .align-self-md-auto { - align-self: auto !important; } - .align-self-md-start { - align-self: flex-start !important; } - .align-self-md-end { - align-self: flex-end !important; } - .align-self-md-center { - align-self: center !important; } - .align-self-md-baseline { - align-self: baseline !important; } - .align-self-md-stretch { - align-self: stretch !important; } } - -@media (min-width: 992px) { - .flex-lg-row { - flex-direction: row !important; } - .flex-lg-column { - flex-direction: column !important; } - .flex-lg-row-reverse { - flex-direction: row-reverse !important; } - .flex-lg-column-reverse { - flex-direction: column-reverse !important; } - .flex-lg-wrap { - flex-wrap: wrap !important; } - .flex-lg-nowrap { - flex-wrap: nowrap !important; } - .flex-lg-wrap-reverse { - flex-wrap: wrap-reverse !important; } - .flex-lg-fill { - flex: 1 1 auto !important; } - .flex-lg-grow-0 { - flex-grow: 0 !important; } - .flex-lg-grow-1 { - flex-grow: 1 !important; } - .flex-lg-shrink-0 { - flex-shrink: 0 !important; } - .flex-lg-shrink-1 { - flex-shrink: 1 !important; } - .justify-content-lg-start { - justify-content: flex-start !important; } - .justify-content-lg-end { - justify-content: flex-end !important; } - .justify-content-lg-center { - justify-content: center !important; } - .justify-content-lg-between { - justify-content: space-between !important; } - .justify-content-lg-around { - justify-content: space-around !important; } - .align-items-lg-start { - align-items: flex-start !important; } - .align-items-lg-end { - align-items: flex-end !important; } - .align-items-lg-center { - align-items: center !important; } - .align-items-lg-baseline { - align-items: baseline !important; } - .align-items-lg-stretch { - align-items: stretch !important; } - .align-content-lg-start { - align-content: flex-start !important; } - .align-content-lg-end { - align-content: flex-end !important; } - .align-content-lg-center { - align-content: center !important; } - .align-content-lg-between { - align-content: space-between !important; } - .align-content-lg-around { - align-content: space-around !important; } - .align-content-lg-stretch { - align-content: stretch !important; } - .align-self-lg-auto { - align-self: auto !important; } - .align-self-lg-start { - align-self: flex-start !important; } - .align-self-lg-end { - align-self: flex-end !important; } - .align-self-lg-center { - align-self: center !important; } - .align-self-lg-baseline { - align-self: baseline !important; } - .align-self-lg-stretch { - align-self: stretch !important; } } - -@media (min-width: 1200px) { - .flex-xl-row { - flex-direction: row !important; } - .flex-xl-column { - flex-direction: column !important; } - .flex-xl-row-reverse { - flex-direction: row-reverse !important; } - .flex-xl-column-reverse { - flex-direction: column-reverse !important; } - .flex-xl-wrap { - flex-wrap: wrap !important; } - .flex-xl-nowrap { - flex-wrap: nowrap !important; } - .flex-xl-wrap-reverse { - flex-wrap: wrap-reverse !important; } - .flex-xl-fill { - flex: 1 1 auto !important; } - .flex-xl-grow-0 { - flex-grow: 0 !important; } - .flex-xl-grow-1 { - flex-grow: 1 !important; } - .flex-xl-shrink-0 { - flex-shrink: 0 !important; } - .flex-xl-shrink-1 { - flex-shrink: 1 !important; } - .justify-content-xl-start { - justify-content: flex-start !important; } - .justify-content-xl-end { - justify-content: flex-end !important; } - .justify-content-xl-center { - justify-content: center !important; } - .justify-content-xl-between { - justify-content: space-between !important; } - .justify-content-xl-around { - justify-content: space-around !important; } - .align-items-xl-start { - align-items: flex-start !important; } - .align-items-xl-end { - align-items: flex-end !important; } - .align-items-xl-center { - align-items: center !important; } - .align-items-xl-baseline { - align-items: baseline !important; } - .align-items-xl-stretch { - align-items: stretch !important; } - .align-content-xl-start { - align-content: flex-start !important; } - .align-content-xl-end { - align-content: flex-end !important; } - .align-content-xl-center { - align-content: center !important; } - .align-content-xl-between { - align-content: space-between !important; } - .align-content-xl-around { - align-content: space-around !important; } - .align-content-xl-stretch { - align-content: stretch !important; } - .align-self-xl-auto { - align-self: auto !important; } - .align-self-xl-start { - align-self: flex-start !important; } - .align-self-xl-end { - align-self: flex-end !important; } - .align-self-xl-center { - align-self: center !important; } - .align-self-xl-baseline { - align-self: baseline !important; } - .align-self-xl-stretch { - align-self: stretch !important; } } - -.float-left { - float: left !important; } - -.float-right { - float: right !important; } - -.float-none { - float: none !important; } - -@media (min-width: 576px) { - .float-sm-left { - float: left !important; } - .float-sm-right { - float: right !important; } - .float-sm-none { - float: none !important; } } - -@media (min-width: 768px) { - .float-md-left { - float: left !important; } - .float-md-right { - float: right !important; } - .float-md-none { - float: none !important; } } - -@media (min-width: 992px) { - .float-lg-left { - float: left !important; } - .float-lg-right { - float: right !important; } - .float-lg-none { - float: none !important; } } - -@media (min-width: 1200px) { - .float-xl-left { - float: left !important; } - .float-xl-right { - float: right !important; } - .float-xl-none { - float: none !important; } } - -.user-select-all { - user-select: all !important; } - -.user-select-auto { - user-select: auto !important; } - -.user-select-none { - user-select: none !important; } - -.overflow-auto { - overflow: auto !important; } - -.overflow-hidden { - overflow: hidden !important; } - -.position-static { - position: static !important; } - -.position-relative { - position: relative !important; } - -.position-absolute { - position: absolute !important; } - -.position-fixed { - position: fixed !important; } - -.position-sticky { - position: sticky !important; } - -.fixed-top { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030; } - -.fixed-bottom { - position: fixed; - right: 0; - bottom: 0; - left: 0; - z-index: 1030; } - -@supports (position: sticky) { - .sticky-top { - position: sticky; - top: 0; - z-index: 1020; } } - -.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; } - -.sr-only-focusable:active, .sr-only-focusable:focus { - position: static; - width: auto; - height: auto; - overflow: visible; - clip: auto; - white-space: normal; } - -.shadow-sm { - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05) !important; } - -.shadow { - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05) !important; } - -.shadow-lg { - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05) !important; } - -.shadow-none { - box-shadow: none !important; } - -.w-25 { - width: 25% !important; } - -.w-50 { - width: 50% !important; } - -.w-75 { - width: 75% !important; } - -.w-100 { - width: 100% !important; } - -.w-auto { - width: auto !important; } - -.h-25 { - height: 25% !important; } - -.h-50 { - height: 50% !important; } - -.h-75 { - height: 75% !important; } - -.h-100 { - height: 100% !important; } - -.h-auto { - height: auto !important; } - -.mw-100 { - max-width: 100% !important; } - -.mh-100 { - max-height: 100% !important; } - -.min-vw-100 { - min-width: 100vw !important; } - -.min-vh-100 { - min-height: 100vh !important; } - -.vw-100 { - width: 100vw !important; } - -.vh-100 { - height: 100vh !important; } - -.m-0 { - margin: 0 !important; } - -.mt-0, -.my-0 { - margin-top: 0 !important; } - -.mr-0, -.mx-0 { - margin-right: 0 !important; } - -.mb-0, -.my-0 { - margin-bottom: 0 !important; } - -.ml-0, -.mx-0 { - margin-left: 0 !important; } - -.m-1 { - margin: 0.25rem !important; } - -.mt-1, -.my-1 { - margin-top: 0.25rem !important; } - -.mr-1, -.mx-1 { - margin-right: 0.25rem !important; } - -.mb-1, -.my-1 { - margin-bottom: 0.25rem !important; } - -.ml-1, -.mx-1 { - margin-left: 0.25rem !important; } - -.m-2 { - margin: 0.5rem !important; } - -.mt-2, -.my-2 { - margin-top: 0.5rem !important; } - -.mr-2, -.mx-2 { - margin-right: 0.5rem !important; } - -.mb-2, -.my-2 { - margin-bottom: 0.5rem !important; } - -.ml-2, -.mx-2 { - margin-left: 0.5rem !important; } - -.m-3 { - margin: 1rem !important; } - -.mt-3, -.my-3 { - margin-top: 1rem !important; } - -.mr-3, -.mx-3 { - margin-right: 1rem !important; } - -.mb-3, -.my-3 { - margin-bottom: 1rem !important; } - -.ml-3, -.mx-3 { - margin-left: 1rem !important; } - -.m-4 { - margin: 1.5rem !important; } - -.mt-4, -.my-4 { - margin-top: 1.5rem !important; } - -.mr-4, -.mx-4 { - margin-right: 1.5rem !important; } - -.mb-4, -.my-4 { - margin-bottom: 1.5rem !important; } - -.ml-4, -.mx-4 { - margin-left: 1.5rem !important; } - -.m-5 { - margin: 3rem !important; } - -.mt-5, -.my-5 { - margin-top: 3rem !important; } - -.mr-5, -.mx-5 { - margin-right: 3rem !important; } - -.mb-5, -.my-5 { - margin-bottom: 3rem !important; } - -.ml-5, -.mx-5 { - margin-left: 3rem !important; } - -.p-0 { - padding: 0 !important; } - -.pt-0, -.py-0 { - padding-top: 0 !important; } - -.pr-0, -.px-0 { - padding-right: 0 !important; } - -.pb-0, -.py-0 { - padding-bottom: 0 !important; } - -.pl-0, -.px-0 { - padding-left: 0 !important; } - -.p-1 { - padding: 0.25rem !important; } - -.pt-1, -.py-1 { - padding-top: 0.25rem !important; } - -.pr-1, -.px-1 { - padding-right: 0.25rem !important; } - -.pb-1, -.py-1 { - padding-bottom: 0.25rem !important; } - -.pl-1, -.px-1 { - padding-left: 0.25rem !important; } - -.p-2 { - padding: 0.5rem !important; } - -.pt-2, -.py-2 { - padding-top: 0.5rem !important; } - -.pr-2, -.px-2 { - padding-right: 0.5rem !important; } - -.pb-2, -.py-2 { - padding-bottom: 0.5rem !important; } - -.pl-2, -.px-2 { - padding-left: 0.5rem !important; } - -.p-3 { - padding: 1rem !important; } - -.pt-3, -.py-3 { - padding-top: 1rem !important; } - -.pr-3, -.px-3 { - padding-right: 1rem !important; } - -.pb-3, -.py-3 { - padding-bottom: 1rem !important; } - -.pl-3, -.px-3 { - padding-left: 1rem !important; } - -.p-4 { - padding: 1.5rem !important; } - -.pt-4, -.py-4 { - padding-top: 1.5rem !important; } - -.pr-4, -.px-4 { - padding-right: 1.5rem !important; } - -.pb-4, -.py-4 { - padding-bottom: 1.5rem !important; } - -.pl-4, -.px-4 { - padding-left: 1.5rem !important; } - -.p-5 { - padding: 3rem !important; } - -.pt-5, -.py-5 { - padding-top: 3rem !important; } - -.pr-5, -.px-5 { - padding-right: 3rem !important; } - -.pb-5, -.py-5 { - padding-bottom: 3rem !important; } - -.pl-5, -.px-5 { - padding-left: 3rem !important; } - -.m-n1 { - margin: -0.25rem !important; } - -.mt-n1, -.my-n1 { - margin-top: -0.25rem !important; } - -.mr-n1, -.mx-n1 { - margin-right: -0.25rem !important; } - -.mb-n1, -.my-n1 { - margin-bottom: -0.25rem !important; } - -.ml-n1, -.mx-n1 { - margin-left: -0.25rem !important; } - -.m-n2 { - margin: -0.5rem !important; } - -.mt-n2, -.my-n2 { - margin-top: -0.5rem !important; } - -.mr-n2, -.mx-n2 { - margin-right: -0.5rem !important; } - -.mb-n2, -.my-n2 { - margin-bottom: -0.5rem !important; } - -.ml-n2, -.mx-n2 { - margin-left: -0.5rem !important; } - -.m-n3 { - margin: -1rem !important; } - -.mt-n3, -.my-n3 { - margin-top: -1rem !important; } - -.mr-n3, -.mx-n3 { - margin-right: -1rem !important; } - -.mb-n3, -.my-n3 { - margin-bottom: -1rem !important; } - -.ml-n3, -.mx-n3 { - margin-left: -1rem !important; } - -.m-n4 { - margin: -1.5rem !important; } - -.mt-n4, -.my-n4 { - margin-top: -1.5rem !important; } - -.mr-n4, -.mx-n4 { - margin-right: -1.5rem !important; } - -.mb-n4, -.my-n4 { - margin-bottom: -1.5rem !important; } - -.ml-n4, -.mx-n4 { - margin-left: -1.5rem !important; } - -.m-n5 { - margin: -3rem !important; } - -.mt-n5, -.my-n5 { - margin-top: -3rem !important; } - -.mr-n5, -.mx-n5 { - margin-right: -3rem !important; } - -.mb-n5, -.my-n5 { - margin-bottom: -3rem !important; } - -.ml-n5, -.mx-n5 { - margin-left: -3rem !important; } - -.m-auto { - margin: auto !important; } - -.mt-auto, -.my-auto { - margin-top: auto !important; } - -.mr-auto, -.mx-auto { - margin-right: auto !important; } - -.mb-auto, -.my-auto { - margin-bottom: auto !important; } - -.ml-auto, -.mx-auto { - margin-left: auto !important; } - -@media (min-width: 576px) { - .m-sm-0 { - margin: 0 !important; } - .mt-sm-0, - .my-sm-0 { - margin-top: 0 !important; } - .mr-sm-0, - .mx-sm-0 { - margin-right: 0 !important; } - .mb-sm-0, - .my-sm-0 { - margin-bottom: 0 !important; } - .ml-sm-0, - .mx-sm-0 { - margin-left: 0 !important; } - .m-sm-1 { - margin: 0.25rem !important; } - .mt-sm-1, - .my-sm-1 { - margin-top: 0.25rem !important; } - .mr-sm-1, - .mx-sm-1 { - margin-right: 0.25rem !important; } - .mb-sm-1, - .my-sm-1 { - margin-bottom: 0.25rem !important; } - .ml-sm-1, - .mx-sm-1 { - margin-left: 0.25rem !important; } - .m-sm-2 { - margin: 0.5rem !important; } - .mt-sm-2, - .my-sm-2 { - margin-top: 0.5rem !important; } - .mr-sm-2, - .mx-sm-2 { - margin-right: 0.5rem !important; } - .mb-sm-2, - .my-sm-2 { - margin-bottom: 0.5rem !important; } - .ml-sm-2, - .mx-sm-2 { - margin-left: 0.5rem !important; } - .m-sm-3 { - margin: 1rem !important; } - .mt-sm-3, - .my-sm-3 { - margin-top: 1rem !important; } - .mr-sm-3, - .mx-sm-3 { - margin-right: 1rem !important; } - .mb-sm-3, - .my-sm-3 { - margin-bottom: 1rem !important; } - .ml-sm-3, - .mx-sm-3 { - margin-left: 1rem !important; } - .m-sm-4 { - margin: 1.5rem !important; } - .mt-sm-4, - .my-sm-4 { - margin-top: 1.5rem !important; } - .mr-sm-4, - .mx-sm-4 { - margin-right: 1.5rem !important; } - .mb-sm-4, - .my-sm-4 { - margin-bottom: 1.5rem !important; } - .ml-sm-4, - .mx-sm-4 { - margin-left: 1.5rem !important; } - .m-sm-5 { - margin: 3rem !important; } - .mt-sm-5, - .my-sm-5 { - margin-top: 3rem !important; } - .mr-sm-5, - .mx-sm-5 { - margin-right: 3rem !important; } - .mb-sm-5, - .my-sm-5 { - margin-bottom: 3rem !important; } - .ml-sm-5, - .mx-sm-5 { - margin-left: 3rem !important; } - .p-sm-0 { - padding: 0 !important; } - .pt-sm-0, - .py-sm-0 { - padding-top: 0 !important; } - .pr-sm-0, - .px-sm-0 { - padding-right: 0 !important; } - .pb-sm-0, - .py-sm-0 { - padding-bottom: 0 !important; } - .pl-sm-0, - .px-sm-0 { - padding-left: 0 !important; } - .p-sm-1 { - padding: 0.25rem !important; } - .pt-sm-1, - .py-sm-1 { - padding-top: 0.25rem !important; } - .pr-sm-1, - .px-sm-1 { - padding-right: 0.25rem !important; } - .pb-sm-1, - .py-sm-1 { - padding-bottom: 0.25rem !important; } - .pl-sm-1, - .px-sm-1 { - padding-left: 0.25rem !important; } - .p-sm-2 { - padding: 0.5rem !important; } - .pt-sm-2, - .py-sm-2 { - padding-top: 0.5rem !important; } - .pr-sm-2, - .px-sm-2 { - padding-right: 0.5rem !important; } - .pb-sm-2, - .py-sm-2 { - padding-bottom: 0.5rem !important; } - .pl-sm-2, - .px-sm-2 { - padding-left: 0.5rem !important; } - .p-sm-3 { - padding: 1rem !important; } - .pt-sm-3, - .py-sm-3 { - padding-top: 1rem !important; } - .pr-sm-3, - .px-sm-3 { - padding-right: 1rem !important; } - .pb-sm-3, - .py-sm-3 { - padding-bottom: 1rem !important; } - .pl-sm-3, - .px-sm-3 { - padding-left: 1rem !important; } - .p-sm-4 { - padding: 1.5rem !important; } - .pt-sm-4, - .py-sm-4 { - padding-top: 1.5rem !important; } - .pr-sm-4, - .px-sm-4 { - padding-right: 1.5rem !important; } - .pb-sm-4, - .py-sm-4 { - padding-bottom: 1.5rem !important; } - .pl-sm-4, - .px-sm-4 { - padding-left: 1.5rem !important; } - .p-sm-5 { - padding: 3rem !important; } - .pt-sm-5, - .py-sm-5 { - padding-top: 3rem !important; } - .pr-sm-5, - .px-sm-5 { - padding-right: 3rem !important; } - .pb-sm-5, - .py-sm-5 { - padding-bottom: 3rem !important; } - .pl-sm-5, - .px-sm-5 { - padding-left: 3rem !important; } - .m-sm-n1 { - margin: -0.25rem !important; } - .mt-sm-n1, - .my-sm-n1 { - margin-top: -0.25rem !important; } - .mr-sm-n1, - .mx-sm-n1 { - margin-right: -0.25rem !important; } - .mb-sm-n1, - .my-sm-n1 { - margin-bottom: -0.25rem !important; } - .ml-sm-n1, - .mx-sm-n1 { - margin-left: -0.25rem !important; } - .m-sm-n2 { - margin: -0.5rem !important; } - .mt-sm-n2, - .my-sm-n2 { - margin-top: -0.5rem !important; } - .mr-sm-n2, - .mx-sm-n2 { - margin-right: -0.5rem !important; } - .mb-sm-n2, - .my-sm-n2 { - margin-bottom: -0.5rem !important; } - .ml-sm-n2, - .mx-sm-n2 { - margin-left: -0.5rem !important; } - .m-sm-n3 { - margin: -1rem !important; } - .mt-sm-n3, - .my-sm-n3 { - margin-top: -1rem !important; } - .mr-sm-n3, - .mx-sm-n3 { - margin-right: -1rem !important; } - .mb-sm-n3, - .my-sm-n3 { - margin-bottom: -1rem !important; } - .ml-sm-n3, - .mx-sm-n3 { - margin-left: -1rem !important; } - .m-sm-n4 { - margin: -1.5rem !important; } - .mt-sm-n4, - .my-sm-n4 { - margin-top: -1.5rem !important; } - .mr-sm-n4, - .mx-sm-n4 { - margin-right: -1.5rem !important; } - .mb-sm-n4, - .my-sm-n4 { - margin-bottom: -1.5rem !important; } - .ml-sm-n4, - .mx-sm-n4 { - margin-left: -1.5rem !important; } - .m-sm-n5 { - margin: -3rem !important; } - .mt-sm-n5, - .my-sm-n5 { - margin-top: -3rem !important; } - .mr-sm-n5, - .mx-sm-n5 { - margin-right: -3rem !important; } - .mb-sm-n5, - .my-sm-n5 { - margin-bottom: -3rem !important; } - .ml-sm-n5, - .mx-sm-n5 { - margin-left: -3rem !important; } - .m-sm-auto { - margin: auto !important; } - .mt-sm-auto, - .my-sm-auto { - margin-top: auto !important; } - .mr-sm-auto, - .mx-sm-auto { - margin-right: auto !important; } - .mb-sm-auto, - .my-sm-auto { - margin-bottom: auto !important; } - .ml-sm-auto, - .mx-sm-auto { - margin-left: auto !important; } } - -@media (min-width: 768px) { - .m-md-0 { - margin: 0 !important; } - .mt-md-0, - .my-md-0 { - margin-top: 0 !important; } - .mr-md-0, - .mx-md-0 { - margin-right: 0 !important; } - .mb-md-0, - .my-md-0 { - margin-bottom: 0 !important; } - .ml-md-0, - .mx-md-0 { - margin-left: 0 !important; } - .m-md-1 { - margin: 0.25rem !important; } - .mt-md-1, - .my-md-1 { - margin-top: 0.25rem !important; } - .mr-md-1, - .mx-md-1 { - margin-right: 0.25rem !important; } - .mb-md-1, - .my-md-1 { - margin-bottom: 0.25rem !important; } - .ml-md-1, - .mx-md-1 { - margin-left: 0.25rem !important; } - .m-md-2 { - margin: 0.5rem !important; } - .mt-md-2, - .my-md-2 { - margin-top: 0.5rem !important; } - .mr-md-2, - .mx-md-2 { - margin-right: 0.5rem !important; } - .mb-md-2, - .my-md-2 { - margin-bottom: 0.5rem !important; } - .ml-md-2, - .mx-md-2 { - margin-left: 0.5rem !important; } - .m-md-3 { - margin: 1rem !important; } - .mt-md-3, - .my-md-3 { - margin-top: 1rem !important; } - .mr-md-3, - .mx-md-3 { - margin-right: 1rem !important; } - .mb-md-3, - .my-md-3 { - margin-bottom: 1rem !important; } - .ml-md-3, - .mx-md-3 { - margin-left: 1rem !important; } - .m-md-4 { - margin: 1.5rem !important; } - .mt-md-4, - .my-md-4 { - margin-top: 1.5rem !important; } - .mr-md-4, - .mx-md-4 { - margin-right: 1.5rem !important; } - .mb-md-4, - .my-md-4 { - margin-bottom: 1.5rem !important; } - .ml-md-4, - .mx-md-4 { - margin-left: 1.5rem !important; } - .m-md-5 { - margin: 3rem !important; } - .mt-md-5, - .my-md-5 { - margin-top: 3rem !important; } - .mr-md-5, - .mx-md-5 { - margin-right: 3rem !important; } - .mb-md-5, - .my-md-5 { - margin-bottom: 3rem !important; } - .ml-md-5, - .mx-md-5 { - margin-left: 3rem !important; } - .p-md-0 { - padding: 0 !important; } - .pt-md-0, - .py-md-0 { - padding-top: 0 !important; } - .pr-md-0, - .px-md-0 { - padding-right: 0 !important; } - .pb-md-0, - .py-md-0 { - padding-bottom: 0 !important; } - .pl-md-0, - .px-md-0 { - padding-left: 0 !important; } - .p-md-1 { - padding: 0.25rem !important; } - .pt-md-1, - .py-md-1 { - padding-top: 0.25rem !important; } - .pr-md-1, - .px-md-1 { - padding-right: 0.25rem !important; } - .pb-md-1, - .py-md-1 { - padding-bottom: 0.25rem !important; } - .pl-md-1, - .px-md-1 { - padding-left: 0.25rem !important; } - .p-md-2 { - padding: 0.5rem !important; } - .pt-md-2, - .py-md-2 { - padding-top: 0.5rem !important; } - .pr-md-2, - .px-md-2 { - padding-right: 0.5rem !important; } - .pb-md-2, - .py-md-2 { - padding-bottom: 0.5rem !important; } - .pl-md-2, - .px-md-2 { - padding-left: 0.5rem !important; } - .p-md-3 { - padding: 1rem !important; } - .pt-md-3, - .py-md-3 { - padding-top: 1rem !important; } - .pr-md-3, - .px-md-3 { - padding-right: 1rem !important; } - .pb-md-3, - .py-md-3 { - padding-bottom: 1rem !important; } - .pl-md-3, - .px-md-3 { - padding-left: 1rem !important; } - .p-md-4 { - padding: 1.5rem !important; } - .pt-md-4, - .py-md-4 { - padding-top: 1.5rem !important; } - .pr-md-4, - .px-md-4 { - padding-right: 1.5rem !important; } - .pb-md-4, - .py-md-4 { - padding-bottom: 1.5rem !important; } - .pl-md-4, - .px-md-4 { - padding-left: 1.5rem !important; } - .p-md-5 { - padding: 3rem !important; } - .pt-md-5, - .py-md-5 { - padding-top: 3rem !important; } - .pr-md-5, - .px-md-5 { - padding-right: 3rem !important; } - .pb-md-5, - .py-md-5 { - padding-bottom: 3rem !important; } - .pl-md-5, - .px-md-5 { - padding-left: 3rem !important; } - .m-md-n1 { - margin: -0.25rem !important; } - .mt-md-n1, - .my-md-n1 { - margin-top: -0.25rem !important; } - .mr-md-n1, - .mx-md-n1 { - margin-right: -0.25rem !important; } - .mb-md-n1, - .my-md-n1 { - margin-bottom: -0.25rem !important; } - .ml-md-n1, - .mx-md-n1 { - margin-left: -0.25rem !important; } - .m-md-n2 { - margin: -0.5rem !important; } - .mt-md-n2, - .my-md-n2 { - margin-top: -0.5rem !important; } - .mr-md-n2, - .mx-md-n2 { - margin-right: -0.5rem !important; } - .mb-md-n2, - .my-md-n2 { - margin-bottom: -0.5rem !important; } - .ml-md-n2, - .mx-md-n2 { - margin-left: -0.5rem !important; } - .m-md-n3 { - margin: -1rem !important; } - .mt-md-n3, - .my-md-n3 { - margin-top: -1rem !important; } - .mr-md-n3, - .mx-md-n3 { - margin-right: -1rem !important; } - .mb-md-n3, - .my-md-n3 { - margin-bottom: -1rem !important; } - .ml-md-n3, - .mx-md-n3 { - margin-left: -1rem !important; } - .m-md-n4 { - margin: -1.5rem !important; } - .mt-md-n4, - .my-md-n4 { - margin-top: -1.5rem !important; } - .mr-md-n4, - .mx-md-n4 { - margin-right: -1.5rem !important; } - .mb-md-n4, - .my-md-n4 { - margin-bottom: -1.5rem !important; } - .ml-md-n4, - .mx-md-n4 { - margin-left: -1.5rem !important; } - .m-md-n5 { - margin: -3rem !important; } - .mt-md-n5, - .my-md-n5 { - margin-top: -3rem !important; } - .mr-md-n5, - .mx-md-n5 { - margin-right: -3rem !important; } - .mb-md-n5, - .my-md-n5 { - margin-bottom: -3rem !important; } - .ml-md-n5, - .mx-md-n5 { - margin-left: -3rem !important; } - .m-md-auto { - margin: auto !important; } - .mt-md-auto, - .my-md-auto { - margin-top: auto !important; } - .mr-md-auto, - .mx-md-auto { - margin-right: auto !important; } - .mb-md-auto, - .my-md-auto { - margin-bottom: auto !important; } - .ml-md-auto, - .mx-md-auto { - margin-left: auto !important; } } - -@media (min-width: 992px) { - .m-lg-0 { - margin: 0 !important; } - .mt-lg-0, - .my-lg-0 { - margin-top: 0 !important; } - .mr-lg-0, - .mx-lg-0 { - margin-right: 0 !important; } - .mb-lg-0, - .my-lg-0 { - margin-bottom: 0 !important; } - .ml-lg-0, - .mx-lg-0 { - margin-left: 0 !important; } - .m-lg-1 { - margin: 0.25rem !important; } - .mt-lg-1, - .my-lg-1 { - margin-top: 0.25rem !important; } - .mr-lg-1, - .mx-lg-1 { - margin-right: 0.25rem !important; } - .mb-lg-1, - .my-lg-1 { - margin-bottom: 0.25rem !important; } - .ml-lg-1, - .mx-lg-1 { - margin-left: 0.25rem !important; } - .m-lg-2 { - margin: 0.5rem !important; } - .mt-lg-2, - .my-lg-2 { - margin-top: 0.5rem !important; } - .mr-lg-2, - .mx-lg-2 { - margin-right: 0.5rem !important; } - .mb-lg-2, - .my-lg-2 { - margin-bottom: 0.5rem !important; } - .ml-lg-2, - .mx-lg-2 { - margin-left: 0.5rem !important; } - .m-lg-3 { - margin: 1rem !important; } - .mt-lg-3, - .my-lg-3 { - margin-top: 1rem !important; } - .mr-lg-3, - .mx-lg-3 { - margin-right: 1rem !important; } - .mb-lg-3, - .my-lg-3 { - margin-bottom: 1rem !important; } - .ml-lg-3, - .mx-lg-3 { - margin-left: 1rem !important; } - .m-lg-4 { - margin: 1.5rem !important; } - .mt-lg-4, - .my-lg-4 { - margin-top: 1.5rem !important; } - .mr-lg-4, - .mx-lg-4 { - margin-right: 1.5rem !important; } - .mb-lg-4, - .my-lg-4 { - margin-bottom: 1.5rem !important; } - .ml-lg-4, - .mx-lg-4 { - margin-left: 1.5rem !important; } - .m-lg-5 { - margin: 3rem !important; } - .mt-lg-5, - .my-lg-5 { - margin-top: 3rem !important; } - .mr-lg-5, - .mx-lg-5 { - margin-right: 3rem !important; } - .mb-lg-5, - .my-lg-5 { - margin-bottom: 3rem !important; } - .ml-lg-5, - .mx-lg-5 { - margin-left: 3rem !important; } - .p-lg-0 { - padding: 0 !important; } - .pt-lg-0, - .py-lg-0 { - padding-top: 0 !important; } - .pr-lg-0, - .px-lg-0 { - padding-right: 0 !important; } - .pb-lg-0, - .py-lg-0 { - padding-bottom: 0 !important; } - .pl-lg-0, - .px-lg-0 { - padding-left: 0 !important; } - .p-lg-1 { - padding: 0.25rem !important; } - .pt-lg-1, - .py-lg-1 { - padding-top: 0.25rem !important; } - .pr-lg-1, - .px-lg-1 { - padding-right: 0.25rem !important; } - .pb-lg-1, - .py-lg-1 { - padding-bottom: 0.25rem !important; } - .pl-lg-1, - .px-lg-1 { - padding-left: 0.25rem !important; } - .p-lg-2 { - padding: 0.5rem !important; } - .pt-lg-2, - .py-lg-2 { - padding-top: 0.5rem !important; } - .pr-lg-2, - .px-lg-2 { - padding-right: 0.5rem !important; } - .pb-lg-2, - .py-lg-2 { - padding-bottom: 0.5rem !important; } - .pl-lg-2, - .px-lg-2 { - padding-left: 0.5rem !important; } - .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; } - .mb-lg-auto, - .my-lg-auto { - margin-bottom: auto !important; } - .ml-lg-auto, - .mx-lg-auto { - margin-left: auto !important; } } - -@media (min-width: 1200px) { - .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; } - .mb-xl-0, - .my-xl-0 { - margin-bottom: 0 !important; } - .ml-xl-0, - .mx-xl-0 { - margin-left: 0 !important; } - .m-xl-1 { - margin: 0.25rem !important; } - .mt-xl-1, - .my-xl-1 { - margin-top: 0.25rem !important; } - .mr-xl-1, - .mx-xl-1 { - margin-right: 0.25rem !important; } - .mb-xl-1, - .my-xl-1 { - margin-bottom: 0.25rem !important; } - .ml-xl-1, - .mx-xl-1 { - margin-left: 0.25rem !important; } - .m-xl-2 { - margin: 0.5rem !important; } - .mt-xl-2, - .my-xl-2 { - margin-top: 0.5rem !important; } - .mr-xl-2, - .mx-xl-2 { - margin-right: 0.5rem !important; } - .mb-xl-2, - .my-xl-2 { - margin-bottom: 0.5rem !important; } - .ml-xl-2, - .mx-xl-2 { - margin-left: 0.5rem !important; } - .m-xl-3 { - margin: 1rem !important; } - .mt-xl-3, - .my-xl-3 { - margin-top: 1rem !important; } - .mr-xl-3, - .mx-xl-3 { - margin-right: 1rem !important; } - .mb-xl-3, - .my-xl-3 { - margin-bottom: 1rem !important; } - .ml-xl-3, - .mx-xl-3 { - margin-left: 1rem !important; } - .m-xl-4 { - margin: 1.5rem !important; } - .mt-xl-4, - .my-xl-4 { - margin-top: 1.5rem !important; } - .mr-xl-4, - .mx-xl-4 { - margin-right: 1.5rem !important; } - .mb-xl-4, - .my-xl-4 { - margin-bottom: 1.5rem !important; } - .ml-xl-4, - .mx-xl-4 { - margin-left: 1.5rem !important; } - .m-xl-5 { - margin: 3rem !important; } - .mt-xl-5, - .my-xl-5 { - margin-top: 3rem !important; } - .mr-xl-5, - .mx-xl-5 { - margin-right: 3rem !important; } - .mb-xl-5, - .my-xl-5 { - margin-bottom: 3rem !important; } - .ml-xl-5, - .mx-xl-5 { - margin-left: 3rem !important; } - .p-xl-0 { - padding: 0 !important; } - .pt-xl-0, - .py-xl-0 { - padding-top: 0 !important; } - .pr-xl-0, - .px-xl-0 { - padding-right: 0 !important; } - .pb-xl-0, - .py-xl-0 { - padding-bottom: 0 !important; } - .pl-xl-0, - .px-xl-0 { - padding-left: 0 !important; } - .p-xl-1 { - padding: 0.25rem !important; } - .pt-xl-1, - .py-xl-1 { - padding-top: 0.25rem !important; } - .pr-xl-1, - .px-xl-1 { - padding-right: 0.25rem !important; } - .pb-xl-1, - .py-xl-1 { - padding-bottom: 0.25rem !important; } - .pl-xl-1, - .px-xl-1 { - padding-left: 0.25rem !important; } - .p-xl-2 { - padding: 0.5rem !important; } - .pt-xl-2, - .py-xl-2 { - padding-top: 0.5rem !important; } - .pr-xl-2, - .px-xl-2 { - padding-right: 0.5rem !important; } - .pb-xl-2, - .py-xl-2 { - padding-bottom: 0.5rem !important; } - .pl-xl-2, - .px-xl-2 { - padding-left: 0.5rem !important; } - .p-xl-3 { - padding: 1rem !important; } - .pt-xl-3, - .py-xl-3 { - padding-top: 1rem !important; } - .pr-xl-3, - .px-xl-3 { - padding-right: 1rem !important; } - .pb-xl-3, - .py-xl-3 { - padding-bottom: 1rem !important; } - .pl-xl-3, - .px-xl-3 { - padding-left: 1rem !important; } - .p-xl-4 { - padding: 1.5rem !important; } - .pt-xl-4, - .py-xl-4 { - padding-top: 1.5rem !important; } - .pr-xl-4, - .px-xl-4 { - padding-right: 1.5rem !important; } - .pb-xl-4, - .py-xl-4 { - padding-bottom: 1.5rem !important; } - .pl-xl-4, - .px-xl-4 { - padding-left: 1.5rem !important; } - .p-xl-5 { - padding: 3rem !important; } - .pt-xl-5, - .py-xl-5 { - padding-top: 3rem !important; } - .pr-xl-5, - .px-xl-5 { - padding-right: 3rem !important; } - .pb-xl-5, - .py-xl-5 { - padding-bottom: 3rem !important; } - .pl-xl-5, - .px-xl-5 { - padding-left: 3rem !important; } - .m-xl-n1 { - margin: -0.25rem !important; } - .mt-xl-n1, - .my-xl-n1 { - margin-top: -0.25rem !important; } - .mr-xl-n1, - .mx-xl-n1 { - margin-right: -0.25rem !important; } - .mb-xl-n1, - .my-xl-n1 { - margin-bottom: -0.25rem !important; } - .ml-xl-n1, - .mx-xl-n1 { - margin-left: -0.25rem !important; } - .m-xl-n2 { - margin: -0.5rem !important; } - .mt-xl-n2, - .my-xl-n2 { - margin-top: -0.5rem !important; } - .mr-xl-n2, - .mx-xl-n2 { - margin-right: -0.5rem !important; } - .mb-xl-n2, - .my-xl-n2 { - margin-bottom: -0.5rem !important; } - .ml-xl-n2, - .mx-xl-n2 { - margin-left: -0.5rem !important; } - .m-xl-n3 { - margin: -1rem !important; } - .mt-xl-n3, - .my-xl-n3 { - margin-top: -1rem !important; } - .mr-xl-n3, - .mx-xl-n3 { - margin-right: -1rem !important; } - .mb-xl-n3, - .my-xl-n3 { - margin-bottom: -1rem !important; } - .ml-xl-n3, - .mx-xl-n3 { - margin-left: -1rem !important; } - .m-xl-n4 { - margin: -1.5rem !important; } - .mt-xl-n4, - .my-xl-n4 { - margin-top: -1.5rem !important; } - .mr-xl-n4, - .mx-xl-n4 { - margin-right: -1.5rem !important; } - .mb-xl-n4, - .my-xl-n4 { - margin-bottom: -1.5rem !important; } - .ml-xl-n4, - .mx-xl-n4 { - margin-left: -1.5rem !important; } - .m-xl-n5 { - margin: -3rem !important; } - .mt-xl-n5, - .my-xl-n5 { - margin-top: -3rem !important; } - .mr-xl-n5, - .mx-xl-n5 { - margin-right: -3rem !important; } - .mb-xl-n5, - .my-xl-n5 { - margin-bottom: -3rem !important; } - .ml-xl-n5, - .mx-xl-n5 { - margin-left: -3rem !important; } - .m-xl-auto { - margin: auto !important; } - .mt-xl-auto, - .my-xl-auto { - margin-top: auto !important; } - .mr-xl-auto, - .mx-xl-auto { - margin-right: auto !important; } - .mb-xl-auto, - .my-xl-auto { - margin-bottom: auto !important; } - .ml-xl-auto, - .mx-xl-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); } - -.text-monospace { - font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } - -.text-justify { - text-align: justify !important; } - -.text-wrap { - white-space: normal !important; } - -.text-nowrap { - white-space: nowrap !important; } - -.text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; } - -.text-left { - text-align: left !important; } - -.text-right { - text-align: right !important; } - -.text-center { - text-align: center !important; } - -@media (min-width: 576px) { - .text-sm-left { - text-align: left !important; } - .text-sm-right { - text-align: right !important; } - .text-sm-center { - text-align: center !important; } } - -@media (min-width: 768px) { - .text-md-left { - text-align: left !important; } - .text-md-right { - text-align: right !important; } - .text-md-center { - text-align: center !important; } } - -@media (min-width: 992px) { - .text-lg-left { - text-align: left !important; } - .text-lg-right { - text-align: right !important; } - .text-lg-center { - text-align: center !important; } } - -@media (min-width: 1200px) { - .text-xl-left { - text-align: left !important; } - .text-xl-right { - text-align: right !important; } - .text-xl-center { - text-align: center !important; } } - -.text-lowercase { - text-transform: lowercase !important; } - -.text-uppercase { - text-transform: uppercase !important; } - -.text-capitalize { - text-transform: capitalize !important; } - -.font-weight-light { - font-weight: 300 !important; } - -.font-weight-lighter { - font-weight: lighter !important; } - -.font-weight-normal { - font-weight: 400 !important; } - -.font-weight-bold { - font-weight: 700 !important; } - -.font-weight-bolder { - font-weight: bolder !important; } - -.font-italic { - font-style: italic !important; } - -.text-white { - color: #fff !important; } - -.text-primary { - color: #1f1c2f !important; } - -a.text-primary:hover, a.text-primary:focus { - color: black !important; } - -.text-secondary { - color: #6c757d !important; } - -a.text-secondary:hover, a.text-secondary:focus { - color: #494f54 !important; } - -.text-success { - color: #8ac3a3 !important; } - -a.text-success:hover, a.text-success:focus { - color: #57a97b !important; } - -.text-info { - color: var(--info) !important; } - -a.text-info:hover, a.text-info:focus { - color: #4091ef !important; } - -.text-warning { - color: #f0864a !important; } - -a.text-warning:hover, a.text-warning:focus { - color: #db5b12 !important; } - -.text-danger { - color: #f674ad !important; } - -a.text-danger:hover, a.text-danger:focus { - color: #f12c83 !important; } - -.text-light { - color: #848486 !important; } - -a.text-light:hover, a.text-light:focus { - color: #5e5e60 !important; } - -.text-dark { - color: #01041b !important; } - -a.text-dark:hover, a.text-dark:focus { - color: black !important; } - -.text-purple { - color: #AA87F5 !important; } - -a.text-purple:hover, a.text-purple:focus { - color: #7840ef !important; } - -.text-body { - color: #768492 !important; } - -.text-muted { - color: #6c757d !important; } - -.text-black-50 { - color: rgba(0, 0, 0, 0.5) !important; } - -.text-white-50 { - color: rgba(255, 255, 255, 0.5) !important; } - -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; } - -.text-decoration-none { - text-decoration: none !important; } - -.text-break { - word-wrap: break-word !important; } - -.text-reset { - color: inherit !important; } - -.visible { - visibility: visible !important; } - -.invisible { - visibility: hidden !important; } - -@media print { - *, - *::before, - *::after { - text-shadow: none !important; - box-shadow: none !important; } - a:not(.btn) { - text-decoration: underline; } - abbr[title]::after { - content: " (" attr(title) ")"; } - pre { - white-space: pre-wrap !important; } - pre, - blockquote { - border: 1px solid #adb5bd; - page-break-inside: avoid; } - thead { - display: table-header-group; } - tr, - img { - page-break-inside: avoid; } - p, - h2, - h3 { - orphans: 3; - widows: 3; } - h2, - h3 { - page-break-after: avoid; } - @page { - size: a3; } - body { - min-width: 992px !important; } - .container { - min-width: 992px !important; } - .navbar { - display: none; } - .badge { - border: 1px solid #000; } - .table { - border-collapse: collapse !important; } - .table td, - .table th { - background-color: #fff !important; } - .table-bordered th, - .table-bordered td { - border: 1px solid #ccced2 !important; } - .table-dark { - color: inherit; } - .table-dark th, - .table-dark td, - .table-dark thead th, - .table-dark tbody + tbody { - border-color: #DCDDDF; } - .table .thead-dark th { - color: inherit; - border-color: #DCDDDF; } } - -/*----------------- Grid Boxes -----------------*/ -.card { - background: #fff; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - margin-bottom: 30px; - border: none; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); } - .card .card-header { - background: transparent; - border-radius: 0; - padding: 20px; - margin-bottom: 0; - -ms-flex-align: center !important; - align-items: center !important; - border-bottom: 1px solid #DCDDDF; } - .card .card-header .header-title .card-title { - margin-bottom: 0; } - .card .card-body { - padding: 20px; } - -.card-transparent { - background: transparent; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - margin-bottom: 30px; - border: none; - box-shadow: none; } - .card-transparent .card-header { - background: transparent; - border-radius: 0; - padding: 20px; - margin-bottom: 0; - -ms-flex-align: center !important; - align-items: center !important; - border: none; } - .card-transparent .card-header .header-title .card-title { - margin-bottom: 0; } - -.card-header-toolbar .nav-item a { - color: #768492; - padding: 4px 12px; - font-size: 14px; } - -.card-header-toolbar .dropdown-toggle i { - font-size: 20px; - line-height: normal; - vertical-align: text-bottom; } - -.card-header-toolbar .dropdown-toggle::after { - display: none; } - -.card-header .dropdown-bg { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.card-block.card-stretch { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; } - -.card-block.card-height-third { - height: calc(33.33% - 30px); } - -.card-block.card-height-half { - height: calc(50% - 30px); } - -.card-block.card-height { - height: calc(100% - 30px); } - -.card-block { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - -.card-primary { - background: #797782; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-primary .card-header { - border-bottom: 1px solid; - border-color: black; } - .card-primary:hover { - background: rgba(210, 210, 213, 0.8); } - -.card-secondary { - background: #a7acb1; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-secondary .card-header { - border-bottom: 1px solid; - border-color: #25282b; } - .card-secondary:hover { - background: rgba(226, 227, 229, 0.8); } - -.card-success { - background: #b9dbc8; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-success .card-header { - border-bottom: 1px solid; - border-color: #3d7756; } - .card-success:hover { - background: rgba(232, 243, 237, 0.8); } - -.card-info { - background: #b7d6f9; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-info .card-header { - border-bottom: 1px solid; - border-color: #116bd2; } - .card-info:hover { - background: rgba(231, 241, 253, 0.8); } - -.card-warning { - background: #f6b692; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-warning .card-header { - border-bottom: 1px solid; - border-color: #953e0c; } - .card-warning:hover { - background: rgba(252, 231, 219, 0.8); } - -.card-danger { - background: #faacce; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-danger .card-header { - border-bottom: 1px solid; - border-color: #c40d5d; } - .card-danger:hover { - background: rgba(253, 227, 239, 0.8); } - -.card-light { - background: #b5b5b6; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-light .card-header { - border-bottom: 1px solid; - border-color: #383839; } - .card-light:hover { - background: rgba(230, 230, 231, 0.8); } - -.card-dark { - background: #676876; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-dark .card-header { - border-bottom: 1px solid; - border-color: black; } - .card-dark:hover { - background: rgba(204, 205, 209, 0.8); } - -.card-purple { - background: #ccb7f9; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-purple .card-header { - border-bottom: 1px solid; - border-color: #4f11d2; } - .card-purple:hover { - background: rgba(238, 231, 253, 0.8); } - -.iq-sidebar { - position: fixed; - z-index: 1000; - top: 0; - margin: 30px; - width: 260px; - height: 100%; - background: #ffffff; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -#sidebar-scrollbar { - height: 100vh; } - -.scroll-content div.p-3 { - height: 100px; } - -.iq-sidebar-menu { - position: relative; - margin: 0 20px; } - .iq-sidebar-menu .iq-menu { - margin: 0; - padding: 0; - list-style-type: none; } - .iq-sidebar-menu .iq-menu .iq-menu-title { - display: block; - color: #768492; - font-size: 15px; - position: relative; - padding: 15px; - font-weight: 500; - line-height: 18px; } - .iq-sidebar-menu .iq-menu .iq-menu-title i { - display: none; } - .iq-sidebar-menu .iq-menu li { - list-style-type: none; - position: relative; - white-space: nowrap; } - .iq-sidebar-menu .iq-menu li li { - margin: 0; - background: transparent !important; } - .iq-sidebar-menu .iq-menu li li a { - font-size: 16px; } - .iq-sidebar-menu .iq-menu li a { - font-size: 16px; - white-space: nowrap; - display: block; - color: #848486; - position: relative; - padding: 15px 18px; - line-height: 18px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - overflow: hidden; - text-transform: capitalize; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } - .iq-sidebar-menu .iq-menu li a i { - vertical-align: middle; - width: 20px; - display: inline-block; - margin-right: 8px; - font-size: 16px; } - .iq-sidebar-menu .iq-menu li a span { - white-space: nowrap; - padding: 0; - display: inline-block; - -webkit-transition: none; - -moz-transition: none; - -ms-transition: none; - -o-transition: none; - transition: none; } - .iq-sidebar-menu .iq-menu li a .iq-arrow-right { - margin-right: 0px; - margin-left: auto; - font-size: 15px; - width: 15px; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - .iq-sidebar-menu .iq-menu li a .badge { - position: absolute; - right: 15px; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - .iq-sidebar-menu .iq-menu li a[aria-expanded="true"] .iq-arrow-right { - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - .iq-sidebar-menu .iq-menu li ul { - padding-left: 0; - position: relative; } - .iq-sidebar-menu .iq-menu li .iq-submenu li a[aria-expanded="true"] { - box-shadow: none; } - .iq-sidebar-menu .iq-menu li.active-menu > a { - color: #1f1c2f; - text-decoration: none; - border-radius: 0; - transition: none; } - .iq-sidebar-menu .iq-menu li.active .iq-submenu li > a { - background: transparent; } - -.iq-sidebar .add-btn { - margin: 0 20px; - width: 200px; - text-align: left; - padding-left: 10px; - padding-right: 10px; } - -.iq-sidebar .iq-search-bar { - margin: 0 20px; } - .iq-sidebar .iq-search-bar .searchbox { - width: 220px; - position: relative; } - .iq-sidebar .iq-search-bar .search-input { - width: 100%; - height: 40px; - padding: 5px 15px 5px 40px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - border: unset; - background-color: #f3f6fd; } - .iq-sidebar .iq-search-bar .search-link { - position: absolute; - left: 10px; - top: 6px; } - -.sidebar-default .iq-sidebar-menu .iq-menu li a { - padding-left: 0; - padding-right: 0; } - .sidebar-default .iq-sidebar-menu .iq-menu li a:hover { - color: #1f1c2f; } - -.sidebar-default .iq-sidebar-menu .iq-menu li a[aria-expanded="true"] { - color: #1f1c2f; - text-decoration: none; - transition: none; } - .sidebar-default .iq-sidebar-menu .iq-menu li a[aria-expanded="true"] i.iq-arrow-left { - color: #1f1c2f; } - -.sidebar-default .iq-sidebar-menu .iq-menu li .iq-submenu li a:hover { - background: transparent; } - -.sidebar-default .iq-sidebar-menu .iq-menu li ul a:hover { - color: #1f1c2f; - text-decoration: none; - background: transparent; } - -.sidebar-default .iq-sidebar-menu .iq-menu li ul li a { - padding-left: 20px; } - -.sidebar-default .iq-sidebar-menu .iq-menu li ul ul li > a { - padding-left: 40px; } - -.sidebar-default .iq-sidebar-menu .iq-menu li ul ul ul li > a { - padding-left: 80px; } - -.sidebar-default .iq-sidebar-menu .iq-menu li ul.iq-submenu-data li { - margin: 0; } - -.sidebar-default .iq-sidebar-menu .iq-menu > li.active > a { - color: #1f1c2f; - text-decoration: none; - background: transparent; } - -.sidebar-default .iq-sidebar-menu .iq-menu li.active .iq-submenu li.active > a { - color: #1f1c2f; - border-radius: 0; } - -.sidebar-default .iq-sidebar-menu .iq-menu li.active .iq-submenu li:last-child > a { - -webkit-border-radius: 0 0 10px 10px; - -moz-border-radius: 0 0 10px 10px; - -ms-border-radius: 0 0 10px 10px; - -o-border-radius: 0 0 10px 10px; - border-radius: 0 0 10px 10px; } - -.sidebar-default .iq-sidebar-menu .iq-menu li.active .iq-submenu li a[aria-expanded="true"] { - box-shadow: none; } - -.sidebar-default .iq-sidebar-menu .iq-menu .iq-submenu .iq-submenu-data { - box-shadow: none; } - -.sidebar-default .iq-sidebar .iq-sidebar-menu .iq-menu .iq-submenu li:before { - content: ''; - width: 3px; - height: 35px; - background: #1f1c2f; - position: absolute; - left: 30px; - top: 8px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } - -.sidebar-default .iq-sidebar .iq-sidebar-menu .iq-menu .iq-submenu li.active:before { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } - -.sidebar-default .iq-sidebar .iq-sidebar-menu .iq-menu li.active ul.iq-submenu .iq-submenu:before { - left: 48px; - width: 2px; } - -.sidebar-default .iq-sidebar .iq-sidebar-menu .iq-menu li.active ul.iq-submenu .iq-submenu li::before { - left: 48px; - width: 2px; } - -.sidebar-default .sidebar-main .iq-sidebar-menu .iq-menu li ul { - padding-left: 0; } - -.sidebar-default .sidebar-bottom { - padding: 120px 15px 0px !important; } - .sidebar-default .sidebar-bottom .sidebarbottom-content { - text-align: center; } - .sidebar-default .sidebar-bottom .image { - margin-top: -132px; } - -.iq-sidebar-menu .iq-menu li a .iq-arrow-right.arrow-hover { - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - display: none; } - -.iq-sidebar-menu .iq-menu li a[aria-expanded="true"] .iq-arrow-right.arrow-active { - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - display: none; } - -.iq-sidebar-menu .iq-menu li a[aria-expanded="true"] .iq-arrow-right.arrow-hover { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; - display: block; } - -.sidebar-btn { - margin: 0 20px; - width: 220px; } - .sidebar-btn .btn-title i { - vertical-align: bottom; } - .sidebar-btn .note-add-btn { - padding: 7px 5px 3px 10px; - text-align: center; - position: absolute; - right: 0; - background: #07060E; - -webkit-border-radius: 0px 10px 10px 0px; - -moz-border-radius: 0px 10px 10px 0px; - -ms-border-radius: 0px 10px 10px 0px; - -o-border-radius: 0px 10px 10px 0px; - border-radius: 0px 10px 10px 0px; } - -.iq-sidebar-logo { - padding: 20px 0px 20px; - margin: 0 20px 20px; - width: auto; - position: relative; - border-bottom: 1px solid #DCDDDF; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - .iq-sidebar-logo a { - display: flex; - align-items: flex-start; } - .iq-sidebar-logo a span { - margin-left: 10px; - font-size: 19px; - line-height: 42px; - padding-left: 1px; - letter-spacing: 1.5px; - font-weight: 600; - flex: 1; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - .iq-sidebar-logo a span.logo-text { - font-size: 10px; - letter-spacing: 5px; } - .iq-sidebar-logo a:hover { - text-decoration: none; } - .iq-sidebar-logo a:focus { - text-decoration: none; } - .iq-sidebar-logo .logo-title { - padding-top: 20px; } - .iq-sidebar-logo img { - height: 60px; } - -.iq-saidbar-logo img { - width: 60%; } - -.logo-text { - color: #768492; - text-transform: uppercase; - font-size: 10px; - letter-spacing: 5px; } - -.iq-top-navbar .wrapper-menu { - margin: 0 15px 0 0; } - -.wrapper-menu { - font-size: 30px; - text-align: center; - color: #1f1c2f; - position: relative; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - -.sidebar-caption { - margin: 0 20px 20px; } - .sidebar-caption .caption { - display: flex; - justify-content: space-between; - flex-grow: 1; } - .sidebar-caption .iq-user-dropdown { - position: fixed; - left: 0; - right: auto; - width: 300px; - top: 30px; - bottom: 0; - background: #fff; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - visibility: hidden; - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -ms-transform: translateX(0); - -o-transform: translateX(0); - transform: translateX(0); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .sidebar-caption.show-data .iq-user-dropdown { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; - visibility: visible; - -webkit-transform: translateX(100%); - -moz-transform: translateX(100%); - -ms-transform: translateX(100%); - -o-transform: translateX(100%); - transform: translateX(100%); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .sidebar-caption .profile-details .iq-card-icon { - line-height: 43px; } - .sidebar-caption .profile-details .iq-card-icon i { - font-size: 30px; } - -@media (min-width: 1300px) { - .iq-top-navbar .iq-navbar-custom .wrapper-menu { - display: none; } - .iq-menu-bt-sidebar { - display: none; } - body.sidebar-main .iq-sidebar { - width: 80px; } - body.sidebar-main .iq-sidebar .iq-sidebar-menu .iq-menu li a span { - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - display: none; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - body.sidebar-main .iq-sidebar .iq-sidebar-menu .iq-menu li a .iq-arrow-right { - display: none; } - body.sidebar-main .iq-sidebar-logo a { - display: none; } - body.sidebar-main .iq-sidebar-logo a span { - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - display: none; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - body.sidebar-main .iq-sidebar-menu .iq-menu li a .badge { - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - display: none; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - body.sidebar-main .iq-sidebar-menu .iq-menu li a .iq-arrow-right { - margin-right: 0; - display: none; } - body.sidebar-main .iq-sidebar-menu .iq-menu li a i.iq-arrow-left { - margin: 0 auto; } - body.sidebar-main .iq-sidebar-menu .iq-menu li li a i { - margin: 0 auto; - text-align: center; } - body.sidebar-main .sidebar-default .iq-sidebar-menu .iq-menu li ul li a { - padding-left: 18px; } - .sidebar-main .iq-sidebar .iq-submenu li a { - font-size: 0; } - .sidebar-main .iq-sidebar .sidebar-bottom { - display: none; } } - -@media (max-width: 1299px) { - .iq-sidebar-logo { - margin-bottom: 0; } - .iq-sidebar { - display: inline-block; - z-index: 99; - left: -300px; - top: 0px; - margin: 0px; } - .iq-sidebar .device-search, .iq-sidebar .sidebar-caption { - display: none; } - body.sidebar-main .iq-sidebar { - width: 260px; - left: 0; - z-index: 999; } } - -@keyframes shadowDots { - 0% { - box-shadow: 0 0 0 0px rgba(0, 177, 255, 0.2); } - 100% { - box-shadow: 0 0 0 15px rgba(0, 177, 255, 0); } } - -@keyframes shadow-pulse { - 0% { - box-shadow: 0 0 0 0px rgba(0, 177, 255, 0.2); } - 100% { - box-shadow: 0 0 0 15px rgba(0, 177, 255, 0); } } - -@keyframes shadow-pulse-dots-danger { - 0% { - box-shadow: 0 0 0 0px rgba(255, 155, 138, 0.2); } - 100% { - box-shadow: 0 0 0 15px rgba(255, 155, 138, 0); } } - -@keyframes shadow-pulse-danger { - 0% { - box-shadow: 0 0 0 0px rgba(255, 155, 138, 0.2); } - 100% { - box-shadow: 0 0 0 15px rgba(255, 155, 138, 0); } } - -@-webkit-keyframes fade-in-bottom { - 0% { - -webkit-transform: translateY(50px); - transform: translateY(50px); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } } - -@keyframes fade-in-bottom { - 0% { - -webkit-transform: translateY(50px); - transform: translateY(50px); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } } - -.iq-top-navbar { - background: #fff; - padding: 0 30px 0 30px; - min-height: 73px; - line-height: 73px; - position: fixed; - top: 0; - left: auto; - right: 0; - width: calc(100% - 260px); - display: inline-block; - z-index: 99; - margin: 0; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); } - .iq-top-navbar .iq-navbar-custom .navbar-breadcrumb { - display: block; - margin-left: 0px; - padding: 20px 0; } - .iq-top-navbar .iq-navbar-custom .navbar-nav .dropdown-menu { - min-width: 15rem; - position: absolute; } - .iq-top-navbar .iq-navbar-custom .navbar-nav .dropdown-menu .dropdown-item { - line-height: normal; } - .iq-top-navbar .breadcrumb { - background: transparent; - padding: 0; - margin: 0; } - .iq-top-navbar .breadcrumb .breadcrumb-item.active { - color: #768492; } - .iq-top-navbar .breadcrumb li { - list-style-type: none; - font-size: 14px; } - .iq-top-navbar .breadcrumb li a { - text-decoration: none; } - .iq-top-navbar .breadcrumb li a:hover { - text-decoration: none; } - .iq-top-navbar .navbar-expand-lg { - justify-content: space-between !important; } - .iq-top-navbar .iq-sub-dropdown { - width: 300px; - position: absolute; - top: 100%; - right: 0; - left: auto; - border: none; - -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; - animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; - -webkit-transform: translateY(100%); - transform: translateY(100%); - background-color: #fff; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - padding: 0; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .iq-top-navbar .iq-sub-dropdown .iq-card-body div { - -webkit-border-radius: 10px 10px 0 0; - -moz-border-radius: 10px 10px 0 0; - -ms-border-radius: 10px 10px 0 0; - -o-border-radius: 10px 10px 0 0; - border-radius: 10px 10px 0 0; } - .iq-top-navbar .lang .iq-sub-dropdown { - width: auto; } - .iq-top-navbar .iq-user-dropdown { - position: fixed; - left: auto; - right: 0; - width: 350px; - top: 0; - bottom: 0; - height: 100vh; - background: #fff; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - visibility: hidden; - -webkit-transform: translateX(100%); - -moz-transform: translateX(100%); - -ms-transform: translateX(100%); - -o-transform: translateX(100%); - transform: translateX(100%); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .iq-top-navbar .navbar-brand { - padding: 0; } - -body.sidebar-main .iq-top-navbar { - width: calc(100% - 80px); } - -.iq-top-navbar.fixed-header { - margin: 0; - right: 0; - width: calc(100% - 330px); - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - border-radius: 0; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.navbar-breadcrumb .breadcrumb { - padding: 0; - background: none; - margin-top: 5px; } - -.breadcrumb-item + .breadcrumb-item::before { - content: "\ea5f"; - font-family: 'remixicon'; - font-size: 14px; - vertical-align: sub; - color: #768492; } - -.navbar-list { - margin: 0; - padding: 0; - float: right; } - .navbar-list li { - float: left; - list-style-type: none; - position: relative; } - .navbar-list li > .dropdown { - line-height: 73px; - cursor: pointer; } - .navbar-list li > .dropdown .dropdown-menu { - -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; - animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; - -webkit-transform: translateY(100%); - -moz-transform: translateY(100%); - -ms-transform: translateY(100%); - -o-transform: translateY(100%); - transform: translateY(100%); } - .navbar-list li .dropdown-toggle::after { - display: none; } - .navbar-list li > a.language-title { - font-size: 16px; } - .navbar-list li:first-child { - padding-left: 10px; } - .navbar-list li > a { - color: #768492; - font-size: 21px; - padding: 0 20px; - display: block; - line-height: 37px; } - .navbar-list li > a > img { - width: 50px; - height: 50px; - min-width: 50px; } - .navbar-list li > a.nav-icon-1 { - height: 38px; - width: 38px; - line-height: 30px; - font-size: 20px; - text-align: center; - background: #f3f6fd; - padding: 0; - margin: 0 10px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .navbar-list li a:hover { - text-decoration: none; } - .navbar-list li .caption { - line-height: 16px; } - .navbar-list li .caption p { - color: #768492; - font-size: 12px; } - .navbar-list li .iq-sub-dropdown .iq-sub-card { - font-size: inherit; - padding-bottom: 18px; - line-height: normal; - color: inherit; - display: inline-block; - width: 100%; } - .navbar-list li .iq-sub-dropdown .iq-sub-card:last-child { - padding-bottom: 0; } - .navbar-list li .iq-sub-dropdown .iq-sub-card.iq-sub-card-big { - width: auto; } - .navbar-list li.iq-nav-user { - display: flex; - align-items: flex-start; } - .navbar-list li.iq-nav-user span { - flex: 1; - font-size: 14px; } - .navbar-list .caption-content { - line-height: normal; } - -.card-content-right ul li a.nav-icon-1 { - line-height: 38px; - text-align: center; - background: #f3f6fd; - padding: 8px 10px 10px 10px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card-content-right ul li a.nav-icon-1:after { - display: none; } - -.card-content-right ul li .iq-sub-dropdown { - width: 320px; - top: 50px !important; - left: auto !important; - right: 0px; - padding: 0; } - -.menu-tag { - position: absolute; - background: #768492; - color: #fff; - display: inline-block; - top: 18px; - left: 18px; - font-size: 12px; - border-radius: 90px; - line-height: normal; - height: 18px; - width: 18px; - line-height: 18px; - text-align: center; - display: inline-block; } - -.iq-breadcrumb { - display: none; } - -.toggle-cart-info img { - width: 50px; } - -.nav-item span.dots { - height: 6px; - width: 6px; - font-size: 0; - text-align: center; - padding: 0; - position: absolute; - top: 18px; - right: 3px; - border: 0; - animation: shadowDots 1s infinite; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } - -.nav-item .count-mail { - height: 15px; - width: 15px; - font-size: 10px; - text-align: center; - line-height: 15px; - padding: 0; - position: absolute; - top: -6px; - right: 0px; - animation: none; } - .nav-item .count-mail.mail { - top: -6px; - right: 0px; } - -.nav-item .badge.count-cart { - height: 15px; - width: 15px; - font-size: 10px; - text-align: center; - line-height: 15px; - padding: 0; - position: absolute; - top: 13px; - right: 0px; } - -.navbar-expand-lg .navbar-nav .dropdown-menu { - left: auto; - right: 0; - min-width: 270px; - padding: 0; } - -.top-nav-bottom { - margin-left: 260px; - border-top: 1px solid #B2B2B2; } - -.topnav-toolbar li a { - display: block; - padding: 10px 15px; - text-transform: capitalize; - color: #6c757d; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.topnav-toolbar li.date-today { - background: #848486; } - -.topnav-toolbar li.active a { - background: #B2B2B2; - color: #1f1c2f; } - -.topnav-toolbar ul li { - list-style: none; - padding: 13px 0; } - -.iq-search-bar .searchbox { - width: 228px; - position: relative; } - -.iq-search-bar .search-input { - width: 100%; - height: 40px; - padding: 5px 65px 5px 40px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - border: 0px solid #DCDDDF; - background-color: #f3f6fd; } - -.iq-search-bar .search-link { - position: absolute; - left: 10px; - top: 11px; } - -.iq-navbar-logo { - padding: 0; - width: auto; - position: relative; - background: #fff; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - background: transparent; } - .iq-navbar-logo a { - display: flex; - align-items: center; } - .iq-navbar-logo a span { - margin-left: 10px; - font-size: 28px; - line-height: 26px; - font-weight: 500; - color: #01041b; - text-transform: capitalize; - flex: 1; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .iq-navbar-logo a:hover { - text-decoration: none; } - .iq-navbar-logo a:focus { - text-decoration: none; } - .iq-navbar-logo img { - height: 50px; } - -.iq-sub-dropdown.iq-sub-dropdown-large { - width: 500px; } - -.cust-title { - border-bottom: 1px solid #DCDDDF; } - -.crt-img { - background: #f3f6fd; - padding: 10px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.cust-dd .btn { - -webkit-border-radius: 0 0 10px 10px; - -moz-border-radius: 0 0 10px 10px; - -ms-border-radius: 0 0 10px 10px; - -o-border-radius: 0 0 10px 10px; - border-radius: 0 0 10px 10px; } - -.dd-icon { - position: absolute; - right: 0; - bottom: 0; - width: 40px; - height: 40px; - background: #07060E; - color: #fff; - border-radius: 0 0 0 10px; - text-align: center; - line-height: 40px; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - display: flex; - align-items: center; - justify-content: center; } - -.right-ic { - -webkit-border-radius: 0 0 10px 10px; - -moz-border-radius: 0 0 10px 10px; - -ms-border-radius: 0 0 10px 10px; - -o-border-radius: 0 0 10px 10px; - border-radius: 0 0 10px 10px; - overflow: hidden; - border: none !important; } - .right-ic:hover .dd-icon { - background: #1f1c2f; } - -.iq-show .iq-sub-dropdown { - display: inline-block; } - -.iq-sub-dropdown .iq-card-icon { - width: 45px; - height: 45px; - line-height: 40px; - font-size: 22px; } - -.show-data .iq-user-dropdown { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; - visibility: visible; - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -ms-transform: translateX(0); - -o-transform: translateX(0); - transform: translateX(0); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.iq-card-icon-small { - height: 40px; - width: 40px; - min-width: 40px; - display: inline-block; - line-height: 40px; - text-align: center; - font-size: 22px; } - -.profile-details > a { - margin-bottom: 15px; - display: block; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.data-scrollbar { - height: 85vh; } - -.navbar-toggler { - outline: none; } - -@media (min-width: 1300px) { - .iq-navbar-logo { - display: none !important; } - .iq-navbar-logo > a { - display: none; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li a.collapsed { - pointer-events: none; } } - -@media (max-width: 1199px) { - .iq-search-bar .searchbox { - width: 320px; } } - -@media (min-width: 1299px) { - .iq-top-navbar { - display: none; } } - -@media (max-width: 1299px) { - .iq-top-navbar { - width: 100%; } - .iq-top-navbar .iq-search-bar.device-search { - margin-left: 20px; } - body.sidebar-main .iq-top-navbar { - width: 100%; } } - -@media (min-width: 992px) { - .search-content { - display: none; } } - -@media (max-width: 991px) { - .device-search { - display: none; } - .navbar-collapse { - position: absolute; - top: 100%; - left: 0; - width: 100%; - background: #fff; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); } - .navbar-collapse .mail-content { - margin-top: 7px; } - .navbar-nav.navbar-list { - display: inline-block; } - .iq-top-navbar { - padding: 16px 15px !important; - line-height: normal; - min-height: unset; } - .iq-top-navbar .navbar-toggler { - color: #1f1c2f; - background: none; - border: none; - padding: 3px 10px 3px; - border-radius: 5px; - font-size: 24px; } - .iq-top-navbar .iq-navbar-logo img { - height: 40px; } - .iq-top-navbar .iq-search-bar { - line-height: normal; } - .iq-search-bar .searchbox { - width: 100%; } - .iq-sidebar-logo { - margin-bottom: 20px; } - li.nav-item.nav-icon.search-content { - margin-top: 7px; } - .iq-top-navbar .iq-navbar-custom .navbar-nav .dropdown-menu { - right: 0px; - left: auto; } } - -@media (max-width: 767px) { - .iq-top-navbar .lang .iq-sub-dropdown { - width: 150px; } } - -@media (max-width: 575px) { - .search-toggle { - position: relative; } - .iq-top-navbar .iq-sub-dropdown { - left: 0; - right: 0; - margin: 0 auto; - width: 270px; } - .iq-top-navbar .iq-search-bar { - width: 100%; } - .iq-top-navbar .iq-user-dropdown { - width: 300px; } - .navbar-list li { - position: static; } - .navbar-list li > a.language-title { - font-size: 0; } } - -@media (max-width: 479px) { - .navbar-list li > a { - padding: 0 10px; } - .navbar-list li > a > img { - width: 40px; - height: 40px; - min-width: 40px; } } - -.desktop-header { - display: flex; - align-items: center; - justify-content: center; - } - -.topnav-left { - flex: 1; } - .topnav-left h4 { - line-height: 38px; } - -.topnav-right { - margin-left: 30px; } - -@media (max-width: 991px) { - .topnav-right { - display: none; } } - -.iq-right-fixed { - margin: 0 15px; } - -.right-sidebar-mini { - top: 0px; - z-index: 100; - position: fixed; - width: 280px; - right: 0; - transform: translateX(calc(111% + -2em)); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); } - .right-sidebar-mini .side-left-icon { - display: none; } - -.right-sidebar-toggle { - position: absolute; - margin-left: -44px; - background: #fff; - padding: 15px; - display: inline; - top: 0; - z-index: 99; - -webkit-border-radius: 50px 0 0 50px; - -moz-border-radius: 50px 0 0 50px; - -ms-border-radius: 50px 0 0 50px; - -o-border-radius: 50px 0 0 50px; - border-radius: 50px 0 0 50px; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - cursor: pointer; } - .right-sidebar-toggle .side-right-icon { - font-size: 22px; } - -.right-sidebar-panel { - background-color: #fff; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - height: 100vh; - padding: 15px; - overflow-y: scroll; } - -.right-sidebar { - transform: translateX(calc(10% + -1em)); } - .right-sidebar .side-right-icon { - display: none; } - .right-sidebar .side-left-icon { - display: block; } - -.right-sidebar-mini { - transform: translateX(calc(10% + -1em)); } - -.right-sidebar-toggle { - z-index: -1; - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; - margin-left: -44px; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.right-sidebar-mini.right-sidebar { - transform: translateX(calc(111% + -2em)); } - .right-sidebar-mini.right-sidebar .right-sidebar-toggle { - margin-left: 0px; - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } - -body.right-sidebar-close footer { - width: calc(100vw - 260px); } - -.basic-drop-shadow { - box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } - -.bottom-left { - box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.15); } - -.bottom-right { - box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15); } - -.top-left { - box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.15); } - -.top-right { - box-shadow: 5px -5px 10px rgba(0, 0, 0, 0.15); } - -.shadow-bottom { - box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.15); } - -.inner-shadow { - box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15); } - -.blur-shadow { - box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.15); } - -.media-support { - display: inline-block; - width: 100%; } - -.media-support-user-img img { - height: 60px; } - -.media-support-header { - display: flex; - align-items: flex-start; } - -.media-support-info { - flex: 1; } - -.projects-media img { - height: 60px; } - -.iq-media-group .iq-media { - margin-left: -20px; - position: relative; - z-index: 0; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .iq-media-group .iq-media:hover { - z-index: 9; } - .iq-media-group .iq-media img { - border: 2px solid #DCDDDF; } - .iq-media-group .iq-media:first-child { - margin-left: 0; } - -.iq-media-group .iq-media.border { - border: 2px solid #DCDDDF; } - -.iq-media { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - background-repeat: no-repeat; - background-position: center center; - background-size: cover; } - .iq-media:hover { - text-decoration: none; } - -.media-pl { - text-align: center; } - -.badge { - padding: .3em .6em; - line-height: 1.3; - text-transform: capitalize; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.breadcrumb.bg-primary .breadcrumb-item + .breadcrumb-item::before { - color: #fff; } - -.badge-primary.active { - background-color: black; } - -.badge-primary:hover { - background-color: #1f1c2f; } - -.badge-secondary.active { - background-color: #25282b; } - -.badge-secondary:hover { - background-color: #6c757d; } - -.badge-success.active { - background-color: #3d7756; } - -.badge-success:hover { - background-color: #8ac3a3; } - -.badge-info.active { - background-color: #116bd2; } - -.badge-info:hover { - background-color: #87baf5; } - -.badge-warning.active { - background-color: #953e0c; } - -.badge-warning:hover { - background-color: #f0864a; } - -.badge-danger.active { - background-color: #c40d5d; } - -.badge-danger:hover { - background-color: #f674ad; } - -.badge-light.active { - background-color: #383839; } - -.badge-light:hover { - background-color: #848486; } - -.badge-dark.active { - background-color: black; } - -.badge-dark:hover { - background-color: #01041b; } - -.badge-purple.active { - background-color: #4f11d2; } - -.badge-purple:hover { - background-color: #aa87f5; } - -.alert { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; } - .alert.bg-white { - border-width: 2px; } - .alert .iq-alert-icon { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 0 1.30rem 0 0; } - .alert .iq-alert-icon i { - font-size: 2.441em; - line-height: normal; } - .alert .iq-alert-text { - -ms-flex-item-align: center; - align-self: center; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - .alert .close { - float: right; - font-size: 20px; - font-weight: 400; - line-height: 1; - color: #fff; - text-shadow: none; - opacity: 1; } - -.close:not(:disabled):not(.disabled):focus { - outline: none; } - -.close:not(:disabled):not(.disabled):hover { - outline: none; } - -.dark .alert-primary { - color: #1f1c2f; - background-color: rgba(31, 28, 47, 0.2); - border-color: #c0bfc5; } - .dark .alert-primary hr { - border-top-color: #b3b2b9; } - .dark .alert-primary .alert-link { - color: #0a090f; } - .dark .alert-primary.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.dark .alert-secondary { - color: #6c757d; - background-color: rgba(108, 117, 125, 0.2); - border-color: #d6d8db; } - .dark .alert-secondary hr { - border-top-color: #c8cbcf; } - .dark .alert-secondary .alert-link { - color: #545b62; } - .dark .alert-secondary.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.dark .alert-success { - color: #8ac3a3; - background-color: rgba(138, 195, 163, 0.2); - border-color: #deeee5; } - .dark .alert-success hr { - border-top-color: #cde5d8; } - .dark .alert-success .alert-link { - color: #68b288; } - .dark .alert-success.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.dark .alert-info { - color: #87baf5; - background-color: rgba(135, 186, 245, 0.2); - border-color: #ddecfc; } - .dark .alert-info hr { - border-top-color: #c6dffa; } - .dark .alert-info .alert-link { - color: #589ff1; } - .dark .alert-info.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.dark .alert-warning { - color: #f0864a; - background-color: rgba(240, 134, 74, 0.2); - border-color: #fbddcc; } - .dark .alert-warning hr { - border-top-color: #f9cdb4; } - .dark .alert-warning .alert-link { - color: #ec671b; } - .dark .alert-warning.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.dark .alert-danger { - color: #f674ad; - background-color: rgba(246, 116, 173, 0.2); - border-color: #fcd8e8; } - .dark .alert-danger hr { - border-top-color: #fac0da; } - .dark .alert-danger .alert-link { - color: #f34491; } - .dark .alert-danger.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.dark .alert-light { - color: #848486; - background-color: rgba(132, 132, 134, 0.2); - border-color: #dddddd; } - .dark .alert-light hr { - border-top-color: #d0d0d0; } - .dark .alert-light .alert-link { - color: #6b6b6c; } - .dark .alert-light.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.dark .alert-dark { - color: #01041b; - background-color: rgba(1, 4, 27, 0.2); - border-color: #b8b9bf; } - .dark .alert-dark hr { - border-top-color: #abacb3; } - .dark .alert-dark .alert-link { - color: black; } - .dark .alert-dark.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.dark .alert-purple { - color: #aa87f5; - background-color: rgba(170, 135, 245, 0.2); - border-color: #e7ddfc; } - .dark .alert-purple hr { - border-top-color: #d6c6fa; } - .dark .alert-purple .alert-link { - color: #8958f1; } - .dark .alert-purple.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.iq-example-row .row > .col { - padding-top: .75rem; - color: #768492; - padding-bottom: .75rem; - background-color: rgba(86, 61, 124, 0.15); - border: 1px solid rgba(86, 61, 124, 0.2); } - -.iq-example-row .row > [class^=col-] { - padding-top: .75rem; - color: #768492; - padding-bottom: .75rem; - background-color: rgba(86, 61, 124, 0.15); - border: 1px solid rgba(86, 61, 124, 0.2); } - -.iq-example-row-flex-cols .row { - margin-bottom: 15px; - min-height: 10rem; - background-color: rgba(255, 0, 0, 0.1); } - -.table, .tbl-server-info { - border: 1px solid rgba(31, 28, 47, 0.4); - border-radius: 10px; - overflow: hidden; - color: #131313; } - .table span, .table p, .tbl-server-info span, .tbl-server-info p { - color: #768492; } - .table .ligth th, .tbl-server-info .ligth th { - padding: .50rem 1.5rem; - text-transform: uppercase; - font-size: 14px; - letter-spacing: 1px; - background: #1f1c2f; - color: #fff; - border-top: 0px; - font-weight: 700 !important; } - .table td, .tbl-server-info td { - padding: 1.875rem 1.5rem; - border-top: 0px; - border-bottom: 1px solid #DCDDDF; } - -.nav-pills .nav-item a { - color: #768492; } - -.nav-pills .nav-link.active { - color: #1f1c2f; - background: #B2B2B2; } - -.nav-pills .show > .nav-link { - color: #1f1c2f; - background: #B2B2B2; } - -.nav-pills .nav-link:hover { - color: #1f1c2f; } - -.nav-tabs { - border-bottom: 2px solid #B2B2B2; - margin-bottom: 15px; } - .nav-tabs .nav-item { - margin-bottom: -2px; } - .nav-tabs .nav-item a { - color: #768492; - border: none; - border-bottom: 2px solid transparent; } - .nav-tabs .nav-item.show .nav-link { - border-bottom: 2px solid #1f1c2f; - color: #1f1c2f; } - .nav-tabs .nav-link.active { - border-bottom: 2px solid #1f1c2f; - color: #1f1c2f; } - -.custom-checkbox.custom-checkbox-color input.bg-primary ~ label::before { - background-color: #1f1c2f !important; - border-color: #1f1c2f !important; } - -.custom-checkbox.custom-checkbox-color input.bg-success ~ label::before { - background-color: #8ac3a3 !important; - border-color: #8ac3a3 !important; } - -.custom-checkbox.custom-checkbox-color input.bg-danger ~ label::before { - background-color: #f674ad !important; - border-color: #f674ad !important; } - -.custom-checkbox.custom-checkbox-color input.bg-warning ~ label::before { - background-color: #f0864a !important; - border-color: #f0864a !important; } - -.custom-checkbox.custom-checkbox-color input.bg-dark ~ label::before { - background-color: #768492 !important; - border-color: #768492 !important; } - -.custom-checkbox.custom-checkbox-color input.bg-info ~ label::before { - background-color: #87baf5 !important; - border-color: #87baf5 !important; } - -.custom-checkbox.custom-checkbox-color-check input:checked.bg-primary ~ label::before { - background-color: #1f1c2f !important; - border-color: #1f1c2f !important; } - -.custom-checkbox.custom-checkbox-color-check input:checked.bg-success ~ label::before { - background-color: #8ac3a3 !important; - border-color: #8ac3a3 !important; } - -.custom-checkbox.custom-checkbox-color-check input:checked.bg-danger ~ label::before { - background-color: #f674ad !important; - border-color: #f674ad !important; } - -.custom-checkbox.custom-checkbox-color-check input:checked.bg-warning ~ label::before { - background-color: #f0864a !important; - border-color: #f0864a !important; } - -.custom-checkbox.custom-checkbox-color-check input:checked.bg-dark ~ label::before { - background-color: #768492 !important; - border-color: #768492 !important; } - -.custom-checkbox.custom-checkbox-color-check input:checked.bg-info ~ label::before { - background-color: #87baf5 !important; - border-color: #87baf5 !important; } - -.custom-radio.custom-radio-color input.bg-primary ~ label::before { - background-color: #1f1c2f !important; - border-color: #1f1c2f !important; } - -.custom-radio.custom-radio-color input.bg-success ~ label::before { - background-color: #8ac3a3 !important; - border-color: #8ac3a3 !important; } - -.custom-radio.custom-radio-color input.bg-danger ~ label::before { - background-color: #f674ad !important; - border-color: #f674ad !important; } - -.custom-radio.custom-radio-color input.bg-warning ~ label::before { - background-color: #f0864a !important; - border-color: #f0864a !important; } - -.custom-radio.custom-radio-color input.bg-dark ~ label::before { - background-color: #768492 !important; - border-color: #768492 !important; } - -.custom-radio.custom-radio-color input.bg-info ~ label::before { - background-color: #87baf5 !important; - border-color: #87baf5 !important; } - -.custom-radio.custom-radio-color-checked input:checked.bg-primary ~ label::before { - background-color: #1f1c2f !important; - border-color: #1f1c2f !important; } - -.custom-radio.custom-radio-color-checked input:checked.bg-success ~ label::before { - background-color: #8ac3a3 !important; - border-color: #8ac3a3 !important; } - -.custom-radio.custom-radio-color-checked input:checked.bg-danger ~ label::before { - background-color: #f674ad !important; - border-color: #f674ad !important; } - -.custom-radio.custom-radio-color-checked input:checked.bg-warning ~ label::before { - background-color: #f0864a !important; - border-color: #f0864a !important; } - -.custom-radio.custom-radio-color-checked input:checked.bg-dark ~ label::before { - background-color: #768492 !important; - border-color: #768492 !important; } - -.custom-radio.custom-radio-color-checked input:checked.bg-info ~ label::before { - background-color: #87baf5 !important; - border-color: #87baf5 !important; } - -.custom-switch.custom-switch-color input:checked.bg-primary ~ label::before { - background-color: #1f1c2f !important; - border-color: #1f1c2f !important; } - -.custom-switch.custom-switch-color input:checked.bg-success ~ label::before { - background-color: #8ac3a3 !important; - border-color: #8ac3a3 !important; } - -.custom-switch.custom-switch-color input:checked.bg-danger ~ label::before { - background-color: #f674ad !important; - border-color: #f674ad !important; } - -.custom-switch.custom-switch-color input:checked.bg-warning ~ label::before { - background-color: #f0864a !important; - border-color: #f0864a !important; } - -.custom-switch.custom-switch-color input:checked.bg-dark ~ label::before { - background-color: #768492 !important; - border-color: #768492 !important; } - -.custom-switch.custom-switch-color input:checked.bg-info ~ label::before { - background-color: #87baf5 !important; - border-color: #87baf5 !important; } - -.custom-checkbox.checkbox-icon label i { - position: absolute; - top: 6px; - left: -21px; - font-size: 10px; - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.custom-checkbox.checkbox-icon input:checked ~ label i { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); - color: #fff; } - -.custom-checkbox.checkbox-icon input:checked ~ label::after { - display: none; } - -.custom-control-input:checked ~ .custom-control-label::before { - background-color: #1f1c2f; - border-color: #1f1c2f; } - -.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: #B2B2B2; - color: #1f1c2f; } - -.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: #B2B2B2; - color: #1f1c2f; } - -.custom-select:focus { - box-shadow: none; } - -.custom-switch.custom-switch-icon { - padding-left: 0; } - .custom-switch.custom-switch-icon label .switch-icon-left { - position: absolute; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - top: -3px; - left: 8px; - right: auto; - color: #fff; } - .custom-switch.custom-switch-icon label .switch-icon-left i { - font-size: 10px; } - .custom-switch.custom-switch-icon label .switch-icon-right { - position: absolute; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - top: -3px; - right: 5px; - left: auto; } - .custom-switch.custom-switch-icon label .switch-icon-right i { - font-size: 10px; } - .custom-switch.custom-switch-icon .custom-control-label { - height: 20px; - width: 42px; - padding: 0; } - .custom-switch.custom-switch-icon .custom-control-label::before { - height: 20px; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - user-select: none; - top: 0; - left: 1px; - width: 2.75rem; } - .custom-switch.custom-switch-icon .custom-control-label:after { - position: absolute; - top: 1px; - left: 2px; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - user-select: none; - height: 18px; - width: 18px; } - .custom-switch.custom-switch-icon .custom-control-input:checked ~ .custom-control-label::after { - -webkit-transform: translateX(1.4rem); - -moz-transform: translateX(1.4rem); - -ms-transform: translateX(1.4rem); - -o-transform: translateX(1.4rem); - transform: translateX(1.4rem); } - -.custom-switch.custom-switch-text { - padding-left: 0; } - .custom-switch.custom-switch-text label .switch-icon-left { - position: absolute; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - top: -3px; - left: 8px; - right: auto; - color: #fff; } - .custom-switch.custom-switch-text label .switch-icon-right { - position: absolute; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - top: -3px; - right: 5px; - left: auto; } - .custom-switch.custom-switch-text label::before { - color: #000; - content: attr(data-off-label); - width: 2.85rem; - height: 20px; - padding: 0 4px; - font-size: 11px; - line-height: 18px; - text-align: right; } - .custom-switch.custom-switch-text label:after { - position: absolute; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - user-select: none; - height: 16px; - width: 16px; } - .custom-switch.custom-switch-text .custom-control-label { - width: 46px; } - .custom-switch.custom-switch-text .custom-control-label::before { - height: 20px; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - user-select: none; - top: 0; - left: 1px; - width: 2.75rem; - width: 100%; } - .custom-switch.custom-switch-text .custom-control-label:after { - position: absolute; - top: 1px; - left: 2px; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - user-select: none; - height: 18px; - width: 18px; } - .custom-switch.custom-switch-text .custom-control-input:checked ~ .custom-control-label::after { - -webkit-transform: translateX(1.6rem); - -moz-transform: translateX(1.6rem); - -ms-transform: translateX(1.6rem); - -o-transform: translateX(1.6rem); - transform: translateX(1.6rem); } - .custom-switch.custom-switch-text input:checked ~ label::before { - color: #fff; - content: attr(data-on-label); - text-align: left; } - .custom-switch.custom-switch-text input:checked ~ label.custom-control-label::after { - -webkit-transform: translateX(1.6rem); - -moz-transform: translateX(1.6rem); - -ms-transform: translateX(1.6rem); - -o-transform: translateX(1.6rem); - transform: translateX(1.6rem); } - -.custom-switch-inner { - display: block; - text-align: center; } - -.form-label-group { - position: relative; - margin-bottom: 1.5rem; } - .form-label-group > label { - position: absolute; - top: 0; - left: 0; - display: block; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - padding: .6rem; - color: #475F7B; - font-size: .85rem; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } - -.counter-value { - color: #fff; - padding: 1px 6px; - font-size: .6rem; - -webkit-border-radius: 0 0 10px 10px; - -moz-border-radius: 0 0 10px 10px; - -ms-border-radius: 0 0 10px 10px; - -o-border-radius: 0 0 10px 10px; - border-radius: 0 0 10px 10px; - margin-right: 1rem; } - -.vector-map.h-500 { - width: 100%; - height: 500px; } - -.countdown { - margin: 60px 0 0; - padding: 0; } - .countdown li span { - font-size: 60px; - display: inline-block; - width: 100%; - color: #1f1c2f; } - .countdown li:last-child { - margin-right: 0; } - -.iq-comingsoon-form { - position: relative; } - .iq-comingsoon-form button { - position: absolute; - right: 0; - top: 0; - padding: 11px 30px; } - -.btn { - display: inline-block; - font-family: "Roboto", sans-serif; - font-weight: 400; - color: #768492; - text-align: center; - vertical-align: middle; - user-select: none; - background-color: transparent; - border: 1px solid transparent; - padding: 0.375rem 0.75rem; - font-size: 1rem; - line-height: 1.5; - border-radius: 10px; - 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: #768492; - text-decoration: none; } - .btn:focus, .btn.focus { - outline: none; - box-shadow: none; } - .btn.disabled, .btn:disabled { - opacity: 0.65; - box-shadow: none; } - .btn:not(:disabled):not(.disabled) { - cursor: pointer; } - .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { - box-shadow: none; } - .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus { - box-shadow: none; } - -a.btn.disabled, -fieldset:disabled a.btn { - pointer-events: none; } - -.btn-primary { - color: #fff; - background-color: #1f1c2f; - border-color: #1f1c2f; - box-shadow: unset; } - .btn-primary:hover { - color: #fff; - background-color: #0f0e17; - border-color: #0a090f; } - .btn-primary:focus, .btn-primary.focus { - color: #fff; - background-color: #0f0e17; - border-color: #0a090f; - box-shadow: unset, 0 0 0 0.2rem rgba(65, 62, 78, 0.5); } - .btn-primary.disabled, .btn-primary:disabled { - color: #fff; - background-color: #1f1c2f; - border-color: #1f1c2f; } - .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, - .show > .btn-primary.dropdown-toggle { - color: #fff; - background-color: #0a090f; - border-color: #050407; } - .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, - .show > .btn-primary.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(65, 62, 78, 0.5); } - -.btn-secondary { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; - box-shadow: unset; } - .btn-secondary:hover { - color: #fff; - background-color: #5a6268; - border-color: #545b62; } - .btn-secondary:focus, .btn-secondary.focus { - color: #fff; - background-color: #5a6268; - border-color: #545b62; - box-shadow: unset, 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } - .btn-secondary.disabled, .btn-secondary:disabled { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; } - .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, - .show > .btn-secondary.dropdown-toggle { - color: #fff; - background-color: #545b62; - border-color: #4e555b; } - .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, - .show > .btn-secondary.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } - -.btn-success { - color: #fff; - background-color: #8ac3a3; - border-color: #8ac3a3; - box-shadow: unset; } - .btn-success:hover { - color: #fff; - background-color: #71b68f; - border-color: #68b288; } - .btn-success:focus, .btn-success.focus { - color: #fff; - background-color: #71b68f; - border-color: #68b288; - box-shadow: unset, 0 0 0 0.2rem rgba(156, 204, 177, 0.5); } - .btn-success.disabled, .btn-success:disabled { - color: #fff; - background-color: #8ac3a3; - border-color: #8ac3a3; } - .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, - .show > .btn-success.dropdown-toggle { - color: #fff; - background-color: #68b288; - border-color: #60ad82; } - .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, - .show > .btn-success.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(156, 204, 177, 0.5); } - -.btn-info { - color: #fff; - background-color: #87baf5; - border-color: #87baf5; - box-shadow: unset; } - .btn-info:hover { - color: #fff; - background-color: #64a6f2; - border-color: #589ff1; } - .btn-info:focus, .btn-info.focus { - color: #fff; - background-color: #64a6f2; - border-color: #589ff1; - box-shadow: unset, 0 0 0 0.2rem rgba(153, 196, 247, 0.5); } - .btn-info.disabled, .btn-info:disabled { - color: #fff; - background-color: #87baf5; - border-color: #87baf5; } - .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, - .show > .btn-info.dropdown-toggle { - color: #fff; - background-color: #589ff1; - border-color: #4c98f0; } - .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, - .show > .btn-info.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(153, 196, 247, 0.5); } - -.btn-warning { - color: #fff; - background-color: #f0864a; - border-color: #f0864a; - box-shadow: unset; } - .btn-warning:hover { - color: #fff; - background-color: #ed6e27; - border-color: #ec671b; } - .btn-warning:focus, .btn-warning.focus { - color: #fff; - background-color: #ed6e27; - border-color: #ec671b; - box-shadow: unset, 0 0 0 0.2rem rgba(242, 152, 101, 0.5); } - .btn-warning.disabled, .btn-warning:disabled { - color: #fff; - background-color: #f0864a; - border-color: #f0864a; } - .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, - .show > .btn-warning.dropdown-toggle { - color: #fff; - background-color: #ec671b; - border-color: #e76013; } - .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, - .show > .btn-warning.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(242, 152, 101, 0.5); } - -.btn-danger { - color: #fff; - background-color: #f674ad; - border-color: #f674ad; - box-shadow: unset; } - .btn-danger:hover { - color: #fff; - background-color: #f45098; - border-color: #f34491; } - .btn-danger:focus, .btn-danger.focus { - color: #fff; - background-color: #f45098; - border-color: #f34491; - box-shadow: unset, 0 0 0 0.2rem rgba(247, 137, 185, 0.5); } - .btn-danger.disabled, .btn-danger:disabled { - color: #fff; - background-color: #f674ad; - border-color: #f674ad; } - .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, - .show > .btn-danger.dropdown-toggle { - color: #fff; - background-color: #f34491; - border-color: #f2388a; } - .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, - .show > .btn-danger.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(247, 137, 185, 0.5); } - -.btn-light { - color: #fff; - background-color: #848486; - border-color: #848486; - box-shadow: unset; } - .btn-light:hover { - color: #fff; - background-color: #717173; - border-color: #6b6b6c; } - .btn-light:focus, .btn-light.focus { - color: #fff; - background-color: #717173; - border-color: #6b6b6c; - box-shadow: unset, 0 0 0 0.2rem rgba(150, 150, 152, 0.5); } - .btn-light.disabled, .btn-light:disabled { - color: #fff; - background-color: #848486; - border-color: #848486; } - .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, - .show > .btn-light.dropdown-toggle { - color: #fff; - background-color: #6b6b6c; - border-color: #646466; } - .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, - .show > .btn-light.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(150, 150, 152, 0.5); } - -.btn-dark { - color: #fff; - background-color: #01041b; - border-color: #01041b; - box-shadow: unset; } - .btn-dark:hover { - color: #fff; - background-color: black; - border-color: black; } - .btn-dark:focus, .btn-dark.focus { - color: #fff; - background-color: black; - border-color: black; - box-shadow: unset, 0 0 0 0.2rem rgba(39, 42, 61, 0.5); } - .btn-dark.disabled, .btn-dark:disabled { - color: #fff; - background-color: #01041b; - border-color: #01041b; } - .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, - .show > .btn-dark.dropdown-toggle { - color: #fff; - background-color: black; - border-color: black; } - .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, - .show > .btn-dark.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(39, 42, 61, 0.5); } - -.btn-purple { - color: #fff; - background-color: #AA87F5; - border-color: #AA87F5; - box-shadow: unset; } - .btn-purple:hover { - color: #fff; - background-color: #9164f2; - border-color: #8958f1; } - .btn-purple:focus, .btn-purple.focus { - color: #fff; - background-color: #9164f2; - border-color: #8958f1; - box-shadow: unset, 0 0 0 0.2rem rgba(183, 153, 247, 0.5); } - .btn-purple.disabled, .btn-purple:disabled { - color: #fff; - background-color: #AA87F5; - border-color: #AA87F5; } - .btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, - .show > .btn-purple.dropdown-toggle { - color: #fff; - background-color: #8958f1; - border-color: #804cf0; } - .btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, - .show > .btn-purple.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(183, 153, 247, 0.5); } - -.btn-outline-primary { - color: #1f1c2f; - border-color: #1f1c2f; } - .btn-outline-primary:hover { - color: #fff; - background-color: #1f1c2f; - border-color: #1f1c2f; } - .btn-outline-primary:focus, .btn-outline-primary.focus { - box-shadow: 0 0 0 0.2rem rgba(31, 28, 47, 0.5); } - .btn-outline-primary.disabled, .btn-outline-primary:disabled { - color: #1f1c2f; - 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: #1f1c2f; - border-color: #1f1c2f; } - .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(31, 28, 47, 0.5); } - -.btn-outline-secondary { - color: #6c757d; - border-color: #6c757d; } - .btn-outline-secondary:hover { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; } - .btn-outline-secondary:focus, .btn-outline-secondary.focus { - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } - .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { - color: #6c757d; - background-color: transparent; } - .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, - .show > .btn-outline-secondary.dropdown-toggle { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; } - .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-secondary.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } - -.btn-outline-success { - color: #8ac3a3; - border-color: #8ac3a3; } - .btn-outline-success:hover { - color: #fff; - background-color: #8ac3a3; - border-color: #8ac3a3; } - .btn-outline-success:focus, .btn-outline-success.focus { - box-shadow: 0 0 0 0.2rem rgba(138, 195, 163, 0.5); } - .btn-outline-success.disabled, .btn-outline-success:disabled { - color: #8ac3a3; - 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: #8ac3a3; - border-color: #8ac3a3; } - .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(138, 195, 163, 0.5); } - -.btn-outline-info { - color: #87baf5; - border-color: #87baf5; } - .btn-outline-info:hover { - color: #fff; - background-color: #87baf5; - border-color: #87baf5; } - .btn-outline-info:focus, .btn-outline-info.focus { - box-shadow: 0 0 0 0.2rem rgba(135, 186, 245, 0.5); } - .btn-outline-info.disabled, .btn-outline-info:disabled { - color: #87baf5; - 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: #87baf5; - border-color: #87baf5; } - .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(135, 186, 245, 0.5); } - -.btn-outline-warning { - color: #f0864a; - border-color: #f0864a; } - .btn-outline-warning:hover { - color: #fff; - background-color: #f0864a; - border-color: #f0864a; } - .btn-outline-warning:focus, .btn-outline-warning.focus { - box-shadow: 0 0 0 0.2rem rgba(240, 134, 74, 0.5); } - .btn-outline-warning.disabled, .btn-outline-warning:disabled { - color: #f0864a; - 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: #fff; - background-color: #f0864a; - border-color: #f0864a; } - .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(240, 134, 74, 0.5); } - -.btn-outline-danger { - color: #f674ad; - border-color: #f674ad; } - .btn-outline-danger:hover { - color: #fff; - background-color: #f674ad; - border-color: #f674ad; } - .btn-outline-danger:focus, .btn-outline-danger.focus { - box-shadow: 0 0 0 0.2rem rgba(246, 116, 173, 0.5); } - .btn-outline-danger.disabled, .btn-outline-danger:disabled { - color: #f674ad; - 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: #f674ad; - border-color: #f674ad; } - .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(246, 116, 173, 0.5); } - -.btn-outline-light { - color: #848486; - border-color: #848486; } - .btn-outline-light:hover { - color: #fff; - background-color: #848486; - border-color: #848486; } - .btn-outline-light:focus, .btn-outline-light.focus { - box-shadow: 0 0 0 0.2rem rgba(132, 132, 134, 0.5); } - .btn-outline-light.disabled, .btn-outline-light:disabled { - color: #848486; - 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: #fff; - background-color: #848486; - border-color: #848486; } - .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(132, 132, 134, 0.5); } - -.btn-outline-dark { - color: #01041b; - border-color: #01041b; } - .btn-outline-dark:hover { - color: #fff; - background-color: #01041b; - border-color: #01041b; } - .btn-outline-dark:focus, .btn-outline-dark.focus { - box-shadow: 0 0 0 0.2rem rgba(1, 4, 27, 0.5); } - .btn-outline-dark.disabled, .btn-outline-dark:disabled { - color: #01041b; - background-color: transparent; } - .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, - .show > .btn-outline-dark.dropdown-toggle { - color: #fff; - background-color: #01041b; - border-color: #01041b; } - .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(1, 4, 27, 0.5); } - -.btn-outline-purple { - color: #AA87F5; - border-color: #AA87F5; } - .btn-outline-purple:hover { - color: #fff; - background-color: #AA87F5; - border-color: #AA87F5; } - .btn-outline-purple:focus, .btn-outline-purple.focus { - box-shadow: 0 0 0 0.2rem rgba(170, 135, 245, 0.5); } - .btn-outline-purple.disabled, .btn-outline-purple:disabled { - color: #AA87F5; - background-color: transparent; } - .btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, - .show > .btn-outline-purple.dropdown-toggle { - color: #fff; - background-color: #AA87F5; - border-color: #AA87F5; } - .btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-purple.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(170, 135, 245, 0.5); } - -.btn-link { - font-weight: 400; - color: #1f1c2f; - text-decoration: none; } - .btn-link:hover { - color: black; - text-decoration: none; } - .btn-link:focus, .btn-link.focus { - text-decoration: none; } - .btn-link:disabled, .btn-link.disabled { - color: #6c757d; - pointer-events: none; } - -.btn-lg, .btn-group-lg > .btn { - padding: 0.5rem 1rem; - font-size: 0.75rem; - line-height: 1.5; - border-radius: 10px; } - -.btn-sm, .btn-group-sm > .btn { - padding: 0.25rem 0.5rem; - font-size: 0.75rem; - line-height: 1.5; - border-radius: 10px; } - -.btn-block { - display: block; - width: 100%; } - .btn-block + .btn-block { - margin-top: 0.5rem; } - -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; } - -.iq-progress-bar { - background: #848486; - box-shadow: 0 0 0; - height: 6px; - margin: 0; - position: relative; - width: 100%; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .iq-progress-bar > span { - position: relative; - display: block; - height: 100%; - width: 0; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .iq-progress-bar .progress-text { - position: absolute; - right: -10px; - top: -25px; - font-size: 13px; - font-weight: 500; } - -.iq-progress-bar.iq-progress-bar-icon > span:after { - content: ""; - width: 12px; - height: 12px; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - background: #fff; - border: 3px solid transparent; - position: absolute; - bottom: -3px; - right: 0; - z-index: 1; } - -.iq-progress-bar.iq-progress-bar-icon > span.bg-primary:after { - border-color: #1f1c2f; } - -.iq-progress-bar.iq-progress-bar-icon > span.bg-danger:after { - border-color: #f674ad; } - -.iq-progress-bar.iq-progress-bar-icon > span.bg-success:after { - border-color: #8ac3a3; } - -.iq-progress-bar.iq-progress-bar-icon > span.bg-warning:after { - border-color: #f0864a; } - -.iq-progress-bar.iq-progress-bar-icon > span.bg-info:after { - border-color: #87baf5; } - -.iq-progress-bar.iq-progress-bar-icon > span.bg-dark:after { - border-color: #01041b; } - -.progress-round.heatmap-progress { - height: 97px; - width: 97px; } - .progress-round.heatmap-progress .progress-bar { - border-width: 10px; } - .progress-round.heatmap-progress::after { - border: 10px solid #ff9273; } - -.progress-round.income-progress .progress-bar { - border-width: 10px; } - -.progress-round.income-progress::after { - border: 10px solid #ff9273; } - -.progress-round.alarams-progress { - height: 110px; - width: 110px; } - -.iq-progress-bar .progress-text-one { - position: absolute; - right: -20px; - top: -30px; - font-size: 13px; - font-weight: 500; - padding: 0px 5px; } - -.iq-progress-bar > span.bg-primary .progress-text-one:after { - border-color: #1f1c2f transparent transparent transparent; } - -.iq-progress-bar > span.bg-success .progress-text-one:after { - border-color: #8ac3a3 transparent transparent transparent; } - -.iq-progress-bar > span.bg-warning .progress-text-one:after { - border-color: #f0864a transparent transparent transparent; } - -.iq-progress-bar > span.bg-orange .progress-text-one:after { - border-color: #f0864a transparent transparent transparent; } - -.iq-progress-bar > span.bg-danger .progress-text-one:after { - border-color: #f674ad transparent transparent transparent; } - -.iq-progress-bar > span.bg-dark .progress-text-one:after { - border-color: #01041b transparent transparent transparent; } - -.iq-progress-bar > span.bg-info .progress-text-one:after { - border-color: #87baf5 transparent transparent transparent; } - -.iq-progress-bar > span.bg-skyblue .progress-text-one:after { - border-color: #158df7 transparent transparent transparent; } - -.progress-text-one { - position: relative; } - .progress-text-one:after { - content: ""; - position: absolute; - top: 100%; - left: 50%; - margin-left: -5px; - border-width: 5px; - border-style: solid; } - -.iq-circle-progressbar { - margin: 0 auto; - width: 100px !important; - height: 100px !important; } - .iq-circle-progressbar .percent { - font-size: 1.3rem !important; } - .iq-circle-progressbar svg { - width: 100px !important; - height: 100px !important; } - -.progress-round { - width: 50px; - height: 50px; - background: none; - position: relative; } - .progress-round::after { - content: ""; - width: 100%; - height: 100%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - border: 3px solid #DCDDDF; - position: absolute; - top: 0; - left: 0; } - .progress-round > span { - width: 50%; - height: 100%; - overflow: hidden; - position: absolute; - top: 0; - z-index: 1; } - .progress-round .progress-left { - left: 0; } - .progress-round .progress-left .progress-bar { - left: 100%; - border-top-right-radius: 80px; - border-bottom-right-radius: 80px; - border-left: 0; - -webkit-transform-origin: center left; - transform-origin: center left; } - .progress-round .progress-bar { - width: 100%; - height: 100%; - background: none; - border-width: 3px; - border-style: solid; - position: absolute; - top: 0; } - .progress-round .progress-right { - right: 0; } - .progress-round .progress-right .progress-bar { - left: -100%; - border-top-left-radius: 80px; - border-bottom-left-radius: 80px; - border-right: 0; - -webkit-transform-origin: center right; - transform-origin: center right; } - .progress-round .progress-value { - position: absolute; - top: 0; - left: 0; } - -.progress-round.income-progress { - height: 78px; - width: 78px; } - .progress-round.income-progress .progress-bar { - border-width: 10px; } - .progress-round.income-progress::after { - border: 10px solid #ff9273; } - -.progress-round.alarams-progress { - height: 110px; - width: 110px; } - -.progress-round.goal-progress { - width: 130px; - height: 130px; } - -.progress-round.goal-progress .progress-bar { - border-width: 10px; } - -.progress-round.goal-progress::after { - border: 10px solid #f4f4f4; } - -@keyframes progress-loading-1 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); } } - -@keyframes progress-loading-2 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(80deg); - -moz-transform: rotate(80deg); - -ms-transform: rotate(80deg); - -o-transform: rotate(80deg); - transform: rotate(80deg); } } - -.progress.progress-round { - width: 60px; - height: 60px; - line-height: 60px; - background: none; - margin: 0 auto; - box-shadow: none; - position: relative; } - .progress.progress-round > span { - width: 50%; - height: 100%; - overflow: hidden; - position: absolute; - top: 0; - z-index: 1; } - .progress.progress-round .progress-left { - left: 0; } - .progress.progress-round .progress-left .progress-bar { - left: 100%; - border-top-right-radius: 80px; - border-bottom-right-radius: 80px; - border-left: 0; - -webkit-transform-origin: center left; - transform-origin: center left; - animation: progress-loading-2 1.5s linear forwards 1.8s; } - .progress.progress-round .progress-bar { - border-width: 5px; } - .progress.progress-round .progress-right { - right: 0; } - .progress.progress-round .progress-right .progress-bar { - left: -100%; - border-top-left-radius: 80px; - border-bottom-left-radius: 80px; - border-right: 0; - -webkit-transform-origin: center right; - transform-origin: center right; - animation: progress-loading-1 1.8s linear forwards; } - .progress.progress-round:after { - content: ""; - width: 100%; - height: 100%; - border-radius: 50%; - border: 5px solid #848486; - position: absolute; - top: 0; - left: 0; } - .progress.progress-round .progress-value { - font-size: 16px; - left: 18px; } - -.progress.danger .progress-bar { - border-color: #f674ad; } - -.progress.warning .progress-bar { - border-color: #f0864a; } - -.progress.success .progress-bar { - border-color: #8ac3a3; } - -.progress.info .progress-bar { - border-color: #87baf5; } - -.progress.primary .progress-bar { - border-color: #1f1c2f; } - -.progress.orange .progress-bar { - border-color: #f0864a; } - -.page-link { - border-color: #1f1c2f; } - -.br-theme-bars-1to10 .br-widget { - height: 50px; - white-space: nowrap; } - .br-theme-bars-1to10 .br-widget a { - display: block; - width: 12px; - padding: 5px 0; - height: 28px; - float: left; - background-color: #ddd; - margin: 1px; - text-align: center; } - .br-theme-bars-1to10 .br-widget a.br-active { - background-color: #1f1c2f; } - .br-theme-bars-1to10 .br-widget a.br-selected { - background-color: #1f1c2f; } - .br-theme-bars-1to10 .br-widget .br-current-rating { - font-size: 20px; - line-height: 2; - float: right; - color: #1f1c2f; - font-weight: 400; } - -.br-theme-bars-1to10 .br-readonly a { - cursor: default; } - -.br-theme-bars-1to10 .br-readonly a.br-active { - background-color: #f2cd95; } - -.br-theme-bars-1to10 .br-readonly a.br-selected { - background-color: #f2cd95; } - -.br-theme-bars-1to10 .br-readonly .br-current-rating { - color: #f2cd95; } - -.br-theme-bars-pill .br-widget { - white-space: nowrap; } - .br-theme-bars-pill .br-widget a { - padding: 7px 15px; - background-color: #ddd; - color: #768492; - text-decoration: none; - font-size: 13px; - line-height: 3; - text-align: center; - font-weight: 400; } - .br-theme-bars-pill .br-widget a:first-child { - -webkit-border-top-left-radius: 999px; - -webkit-border-bottom-left-radius: 999px; - -moz-border-radius-topleft: 999px; - -moz-border-radius-bottomleft: 999px; - border-top-left-radius: 999px; - border-bottom-left-radius: 999px; } - .br-theme-bars-pill .br-widget a:last-child { - -webkit-border-top-right-radius: 999px; - -webkit-border-bottom-right-radius: 999px; - -moz-border-radius-top-right: 999px; - -moz-border-radius-bottom-right: 999px; - border-top-right-radius: 999px !important; - border-bottom-right-radius: 999px !important; } - .br-theme-bars-pill .br-widget a.br-active { - background-color: #1f1c2f; - color: white; } - .br-theme-bars-pill .br-widget a.br-selected { - background-color: #1f1c2f; - color: white; } - -.br-theme-bars-pill .br-readonly a { - cursor: default; } - -.br-theme-bars-pill .br-readonly a.br-active { - background-color: #7cead1; } - -.br-theme-bars-pill .br-readonly a.br-selected { - background-color: #7cead1; } - -.br-theme-fontawesome-stars .br-widget a { - margin-right: 8px !important; } - .br-theme-fontawesome-stars .br-widget a:after { - font-family: "Font Awesome 5 Free"; - font-weight: 900; } - -i.amber-text { - color: #1f1c2f !important; } - -#rateMe1 i { - font-size: 18px; } - -.mdb-rating .rate-popover { - color: #808080; } - -.mdb-rating .live { - color: #000; } - -.mdb-rating .oneStar { - color: #44370f; } - -.mdb-rating .twoStars { - color: #96781e; } - -.mdb-rating .threeStars { - color: #e2b52e; } - -.mdb-rating .fourStars { - color: #f1ba12; } - -.mdb-rating .fiveStars { - color: #f3cb06; } - -.mdb-rating .amber-text { - color: #ffc107; } - -.rating-faces i { - font-size: 21px; } - -.br-theme-bars-movie .br-widget { - white-space: nowrap; } - .br-theme-bars-movie .br-widget a { - display: block; - width: 60px; - height: 10px; - float: left; - background-color: transparent; - border: 1px solid #1f1c2f; - margin: 1px; } - .br-theme-bars-movie .br-widget a.br-active { - background-color: #1f1c2f; } - .br-theme-bars-movie .br-widget a.br-selected { - background-color: #1f1c2f; } - .br-theme-bars-movie .br-widget .br-current-rating { - clear: both; - width: 240px; - text-align: center; - font-weight: 600; - display: block; - padding-top: .5em; - color: #1f1c2f; - font-weight: 400; } - -.br-theme-bars-movie .br-readonly a { - cursor: default; } - -.br-theme-bars-movie .br-readonly a.br-active { - background-color: #729bf8; } - -.br-theme-bars-movie .br-readonly a.br-selected { - background-color: #729bf8; } - -.br-theme-bars-movie .br-readonly .br-current-rating { - color: #729bf8; } - -.br-theme-fontawesome-stars .br-widget { - height: 28px; - white-space: nowrap; } - .br-theme-fontawesome-stars .br-widget a { - text-rendering: auto; - -webkit-font-smoothing: antialiased; - text-decoration: none; - margin-right: 2px; } - .br-theme-fontawesome-stars .br-widget a:after { - content: '\f005'; - color: #d2d2d2; } - .br-theme-fontawesome-stars .br-widget a.br-active:after { - color: #edb867; } - .br-theme-fontawesome-stars .br-widget a.br-selected:after { - color: #edb867; } - .br-theme-fontawesome-stars .br-widget .br-current-rating { - display: none; } - -.br-theme-fontawesome-stars .br-readonly a { - cursor: default; } - -/*------------ Basic Tree -------------------------------------*/ -/*-------------------- Checkbox Tree ----------------------------*/ -.basic-tree li { - list-style-type: none; - margin: 0; - padding: 10px 5px 0 5px; - position: relative; - color: #131313; } - .basic-tree li::before { - content: ''; - left: -20px; - position: absolute; - right: auto; - border-left: 1px solid #999; - bottom: 50px; - height: 100%; - top: 0; - width: 1px; } - .basic-tree li::after { - content: ''; - left: -20px; - position: absolute; - right: auto; - border-top: 1px solid #999; - height: 20px; - top: 25px; - width: 25px; } - .basic-tree li:last-child::before { - height: 30px; } - -.basic-tree li.t-parent > span { - cursor: pointer; } - .basic-tree li.t-parent > span:hover { - color: #1f1c2f; - color: #1f1c2f; } - -.basic-tree > ul > li::before { - border: 0; } - -.basic-tree > ul > li::after { - border: 0; } - -.flex-tree li { - position: relative; - list-style: none; - margin: 0; } - .flex-tree li::before { - content: ''; - left: -20px; - position: absolute; - right: auto; - border-left: 1px solid #999; - bottom: 50px; - height: 100%; - top: 0; - width: 1px; - left: -25px; } - .flex-tree li::after { - content: ''; - left: -20px; - position: absolute; - right: auto; - border-top: 1px solid #999; - height: 20px; - top: 25px; - width: 25px; - top: 12px; - left: -25px; } - .flex-tree li:last-child::before { - height: 25px; } - .flex-tree li label { - cursor: pointer; } - .flex-tree li span { - cursor: pointer; } - .flex-tree li span label { - cursor: pointer; } - .flex-tree li span.open:after { - content: "\025BE"; - display: inline-block; - font: 400 16px/1 Arial, "Helvetica Neue", Helvetica, sans-serif; - width: 20px; - margin-top: 4px; - padding-left: 3px; - color: #ababab; } - .flex-tree li span.closed:after { - content: "\025BE"; - display: inline-block; - font: 400 16px/1 Arial, "Helvetica Neue", Helvetica, sans-serif; - width: 20px; - margin-top: 4px; - padding-left: 3px; - color: #ababab; - content: "\025B4"; } - -.flex-tree > ul > li::before { - border: 0; } - -.flex-tree > ul > li::after { - border: 0; } - -.flex-tree label { - font-weight: normal; } - -.flex-tree label.node { - font-weight: bold; } - -.flex-tree input[type="checkbox"] { - border: 1px solid #b4b9be; - background: #fff; - color: #555; - clear: none; - cursor: pointer; - display: inline-block; - line-height: 0; - height: 16px; - margin: -4px 4px 0 0; - outline: 0; - padding: 0; - text-align: center; - vertical-align: middle; - width: 16px; - min-width: 16px; - -webkit-appearance: none; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - transition: 0.05s border-color ease-in-out; } - .flex-tree input[type="checkbox"]:focus { - border-color: #5b9dd9; - box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } - .flex-tree input[type="checkbox"]:checked { - background: #1f1c2f; - border: none; } - .flex-tree input[type="checkbox"]:checked:before { - float: left; - display: inline-block; - vertical-align: middle; - width: 16px; - font: 400 20px/1 Arial, "Helvetica Neue", Helvetica, sans-serif; - -webkit-font-smoothing: antialiased; - content: "\02713"; - color: var(--white); - margin: 1px 0 0 0; - font-size: 17px !important; } - .flex-tree input[type="checkbox"]:indeterminate:before { - float: left; - display: inline-block; - vertical-align: middle; - width: 16px; - font: 400 20px/1 Arial, "Helvetica Neue", Helvetica, sans-serif; - -webkit-font-smoothing: antialiased; - content: "\02043"; - color: #1f1c2f; - margin: -4px 0 0 -1px; } - -.flex-tree input[type="checkbox"].indeterminate { - background-color: #eee; } - -.ic-square { - width: 20px; - height: 20px; - background: transparent; - border: 1px solid #768492; - text-align: center; - line-height: 19px; - font-size: 12px; } - -.tree-box { - margin: 0; } - -.footer { - padding: 15px; - margin-left: 320px; - margin-bottom: 30px; - width: calc(100vw - 355px); - background: #fff; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .footer ul li { - color: #768492; } - .footer ul li:hover { - color: var(--info); - text-decoration: none; } - -body.tab-horizontal .footer { - margin-left: 0; - width: 100%; } - -.iq-mt--70 { - margin-top: -70px; } - -.banner-main-text { - position: absolute; - left: 15%; - bottom: 13%; } - -.nav.nav-pills.style-three { - margin-top: 10px; } - .nav.nav-pills.style-three .nav-link.active:before { - display: inline-block; - width: 100%; - height: 3px; - background: #1f1c2f; - content: ""; - position: absolute; - left: 0; - bottom: 0px; } - .nav.nav-pills.style-three .nav-link:hover:before { - display: inline-block; - width: 100%; - height: 3px; - background: #1f1c2f; - content: ""; - position: absolute; - left: 0; - bottom: 0px; } - .nav.nav-pills.style-three .nav-link:before { - width: 0; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - height: 3px; - background: #1f1c2f; - content: ""; - position: absolute; - right: 0; - bottom: 0px; } - .nav.nav-pills.style-three a { - background: transparent; - position: relative; - margin-right: 30px; - padding: 10px 0px; } - .nav.nav-pills.style-three a:last-child { - margin-right: 0px; } - -.iq-card-body.banner-box { - padding-bottom: 0; } - -@media (min-width: 1300px) { - body.sidebar-main .footer { - margin-left: 80px; - width: calc(100vw - 85px); } } - -@media (max-width: 1299px) { - .footer { - padding: 15px 10px; - margin-left: 0; - width: 100%; } - body.sidebar-main .footer { - padding: 15px 10px; - margin-left: 0; - width: 100%; } - .without-right-sidebar .footer { - width: 100%; } } - -@media (max-width: 991px) { - .footer { - text-align: center !important; } - .footer .col-lg-6.text-right { - text-align: center !important; } } - -.clear { - clear: both; } - -@media (min-width: 1300px) { - .iq-menu-horizontal .iq-sidebar-menu li .iq-submenu.iq-submenu-data { - position: static; } - .iq-menu-horizontal .iq-sidebar-menu .iq-sidebar-logo { - display: none !important; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li:first-child a { - padding-left: 0px; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li a:hover { - color: #1f1c2f; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li li .iq-arrow-right { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li ul { - display: block; - position: absolute; - top: 100%; - padding: 10px 0px; - min-width: 200px; - background: #fff; - z-index: 9; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - display: none; - animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; - -webkit-transform: translateY(100%); - -moz-transform: translateY(100%); - -ms-transform: translateY(100%); - -o-transform: translateY(100%); - transform: translateY(100%); - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu .iq-submenu li a { - padding: 12px 13px 12px 15px; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu > li:hover > a { - color: #1f1c2f; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li.menu-open .iq-arrow-right { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); } - .iq-menu-horizontal .iq-sidebar-menu li:hover > .iq-submenu { - display: block; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .iq-menu-horizontal .iq-sidebar-menu li:hover > .iq-submenu.iq-submenu-data { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .iq-menu-horizontal .iq-sidebar-menu li > .iq-submenu.iq-submenu-data { - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - visibility: visible; - left: 100%; - top: 0; - transform-origin: left center 0; } - .iq-menu-horizontal .iq-sidebar-menu li > .iq-submenu .iq-arrow-right { - margin-right: 0px; } - .iq-menu-horizontal .sub-scrll { - max-height: 315px; - overflow-y: scroll; - overflow-x: hidden; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li:hover .iq-arrow-right { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li:hover li .iq-arrow-right { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } } - -@media (max-width: 1299px) { - .iq-menu-horizontal { - position: fixed; - left: 0; - right: 0; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - top: 0; - width: 0; - background: #fff; - height: 100vh; - z-index: 9; - overflow-y: scroll; - overflow-x: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .iq-menu-horizontal ul.iq-menu { - display: block !important; - background: #fff; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li a { - padding: 15px 20px 15px 30px; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li a:hover { - color: #1f1c2f; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li ul { - position: static; - box-shadow: none; } - .iq-menu-horizontal ul.iq-menu li a[aria-expanded=true] .iq-arrow-right { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); } - .sidebar-main .iq-menu-horizontal { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; - width: 260px; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } } - -.tab-pane.fade { - transition: all 0.3s; - transform: translateY(1rem); } - .tab-pane.fade.show { - transform: translateY(0rem); } - -.dropdown-menu { - animation: slideDown 300ms ease forwards; - transform-origin: top center; - top: auto !important; - right: 0 !important; - left: auto !important; } - -@keyframes rotateMenu { - 0% { - transform: rotateX(-90deg); } - 70% { - transform: rotateX(20deg); } - 100% { - transform: rotateX(0deg); } } - -@keyframes rotateY { - 0% { - transform: rotateY(90deg); } - 80% { - transform: rotateY(-10deg); } - 100% { - transform: rotateY(0); } } - -@keyframes slideDown { - 0% { - opacity: 0; - transform: translateY(-20px); } - 100% { - opacity: 1; - transform: translateY(0); } } - -.card.card-bottom-border-primary { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-primary:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #1f1c2f; - background-color: #1f1c2f; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-primary .card-header { - border-bottom: 0px; } - .card.card-bottom-border-primary .icon { - border: 1px solid transparent; - color: #1f1c2f; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-primary .icon.icon-border-primary { - border: 1px solid; - border-color: #1f1c2f; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-primary .card-title { - width: 100%; } - .card.card-bottom-border-primary .card-text-primary { - margin-bottom: 10px; - color: #1f1c2f; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-primary .note-text-primary i { - color: #1f1c2f; } - .card.card-bottom-border-primary:hover { - background: #1f1c2f; } - .card.card-bottom-border-primary:hover .card-title, .card.card-bottom-border-primary:hover p, .card.card-bottom-border-primary:hover a:not(.dropdown-item), .card.card-bottom-border-primary:hover span { - color: #fff; } - .card.card-bottom-border-primary:hover:after { - transform: translateY(-8px); } - .card.card-bottom-border-primary:hover .icon { - color: #fff; } - .card.card-bottom-border-primary:hover .icon.icon-border-primary { - border-color: #fff; } - .card.card-bottom-border-primary:hover .card-text { - color: #fff; } - .card.card-bottom-border-primary:hover .note-text i { - color: #fff; } - -.card.card-bottom-border-secondary { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-secondary:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #6c757d; - background-color: #6c757d; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-secondary .card-header { - border-bottom: 0px; } - .card.card-bottom-border-secondary .icon { - border: 1px solid transparent; - color: #6c757d; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-secondary .icon.icon-border-secondary { - border: 1px solid; - border-color: #6c757d; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-secondary .card-title { - width: 100%; } - .card.card-bottom-border-secondary .card-text-secondary { - margin-bottom: 10px; - color: #6c757d; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-secondary .note-text-secondary i { - color: #6c757d; } - .card.card-bottom-border-secondary:hover { - background: #6c757d; } - .card.card-bottom-border-secondary:hover .card-title, .card.card-bottom-border-secondary:hover p, .card.card-bottom-border-secondary:hover a:not(.dropdown-item), .card.card-bottom-border-secondary:hover span { - color: #fff; } - .card.card-bottom-border-secondary:hover:after { - transform: translateY(-8px); } - .card.card-bottom-border-secondary:hover .icon { - color: #fff; } - .card.card-bottom-border-secondary:hover .icon.icon-border-secondary { - border-color: #fff; } - .card.card-bottom-border-secondary:hover .card-text { - color: #fff; } - .card.card-bottom-border-secondary:hover .note-text i { - color: #fff; } - -.card.card-bottom-border-success { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-success:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #8ac3a3; - background-color: #8ac3a3; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-success .card-header { - border-bottom: 0px; } - .card.card-bottom-border-success .icon { - border: 1px solid transparent; - color: #8ac3a3; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-success .icon.icon-border-success { - border: 1px solid; - border-color: #8ac3a3; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-success .card-title { - width: 100%; } - .card.card-bottom-border-success .card-text-success { - margin-bottom: 10px; - color: #8ac3a3; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-success .note-text-success i { - color: #8ac3a3; } - .card.card-bottom-border-success:hover { - background: #8ac3a3; } - .card.card-bottom-border-success:hover .card-title, .card.card-bottom-border-success:hover p, .card.card-bottom-border-success:hover a:not(.dropdown-item), .card.card-bottom-border-success:hover span { - color: #fff; } - .card.card-bottom-border-success:hover:after { - transform: translateY(-8px); } - .card.card-bottom-border-success:hover .icon { - color: #fff; } - .card.card-bottom-border-success:hover .icon.icon-border-success { - border-color: #fff; } - .card.card-bottom-border-success:hover .card-text { - color: #fff; } - .card.card-bottom-border-success:hover .note-text i { - color: #fff; } - -.card.card-bottom-border-info { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-info:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #87baf5; - background-color: #87baf5; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-info .card-header { - border-bottom: 0px; } - .card.card-bottom-border-info .icon { - border: 1px solid transparent; - color: #87baf5; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-info .icon.icon-border-info { - border: 1px solid; - border-color: #87baf5; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-info .card-title { - width: 100%; } - .card.card-bottom-border-info .card-text-info { - margin-bottom: 10px; - color: #87baf5; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-info .note-text-info i { - color: #87baf5; } - .card.card-bottom-border-info:hover { - background: #87baf5; } - .card.card-bottom-border-info:hover .card-title, .card.card-bottom-border-info:hover p, .card.card-bottom-border-info:hover a:not(.dropdown-item), .card.card-bottom-border-info:hover span { - color: #fff; } - .card.card-bottom-border-info:hover:after { - transform: translateY(-8px); } - .card.card-bottom-border-info:hover .icon { - color: #fff; } - .card.card-bottom-border-info:hover .icon.icon-border-info { - border-color: #fff; } - .card.card-bottom-border-info:hover .card-text { - color: #fff; } - .card.card-bottom-border-info:hover .note-text i { - color: #fff; } - -.card.card-bottom-border-warning { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-warning:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #f0864a; - background-color: #f0864a; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-warning .card-header { - border-bottom: 0px; } - .card.card-bottom-border-warning .icon { - border: 1px solid transparent; - color: #f0864a; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-warning .icon.icon-border-warning { - border: 1px solid; - border-color: #f0864a; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-warning .card-title { - width: 100%; } - .card.card-bottom-border-warning .card-text-warning { - margin-bottom: 10px; - color: #f0864a; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-warning .note-text-warning i { - color: #f0864a; } - .card.card-bottom-border-warning:hover { - background: #f0864a; } - .card.card-bottom-border-warning:hover .card-title, .card.card-bottom-border-warning:hover p, .card.card-bottom-border-warning:hover a:not(.dropdown-item), .card.card-bottom-border-warning:hover span { - color: #fff; } - .card.card-bottom-border-warning:hover:after { - transform: translateY(-8px); } - .card.card-bottom-border-warning:hover .icon { - color: #fff; } - .card.card-bottom-border-warning:hover .icon.icon-border-warning { - border-color: #fff; } - .card.card-bottom-border-warning:hover .card-text { - color: #fff; } - .card.card-bottom-border-warning:hover .note-text i { - color: #fff; } - -.card.card-bottom-border-danger { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-danger:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #f674ad; - background-color: #f674ad; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-danger .card-header { - border-bottom: 0px; } - .card.card-bottom-border-danger .icon { - border: 1px solid transparent; - color: #f674ad; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-danger .icon.icon-border-danger { - border: 1px solid; - border-color: #f674ad; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-danger .card-title { - width: 100%; } - .card.card-bottom-border-danger .card-text-danger { - margin-bottom: 10px; - color: #f674ad; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-danger .note-text-danger i { - color: #f674ad; } - .card.card-bottom-border-danger:hover { - background: #f674ad; } - .card.card-bottom-border-danger:hover .card-title, .card.card-bottom-border-danger:hover p, .card.card-bottom-border-danger:hover a:not(.dropdown-item), .card.card-bottom-border-danger:hover span { - color: #fff; } - .card.card-bottom-border-danger:hover:after { - transform: translateY(-8px); } - .card.card-bottom-border-danger:hover .icon { - color: #fff; } - .card.card-bottom-border-danger:hover .icon.icon-border-danger { - border-color: #fff; } - .card.card-bottom-border-danger:hover .card-text { - color: #fff; } - .card.card-bottom-border-danger:hover .note-text i { - color: #fff; } - -.card.card-bottom-border-light { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-light:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #848486; - background-color: #848486; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-light .card-header { - border-bottom: 0px; } - .card.card-bottom-border-light .icon { - border: 1px solid transparent; - color: #848486; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-light .icon.icon-border-light { - border: 1px solid; - border-color: #848486; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-light .card-title { - width: 100%; } - .card.card-bottom-border-light .card-text-light { - margin-bottom: 10px; - color: #848486; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-light .note-text-light i { - color: #848486; } - .card.card-bottom-border-light:hover { - background: #848486; } - .card.card-bottom-border-light:hover .card-title, .card.card-bottom-border-light:hover p, .card.card-bottom-border-light:hover a:not(.dropdown-item), .card.card-bottom-border-light:hover span { - color: #fff; } - .card.card-bottom-border-light:hover:after { - transform: translateY(-8px); } - .card.card-bottom-border-light:hover .icon { - color: #fff; } - .card.card-bottom-border-light:hover .icon.icon-border-light { - border-color: #fff; } - .card.card-bottom-border-light:hover .card-text { - color: #fff; } - .card.card-bottom-border-light:hover .note-text i { - color: #fff; } - -.card.card-bottom-border-dark { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-dark:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #01041b; - background-color: #01041b; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-dark .card-header { - border-bottom: 0px; } - .card.card-bottom-border-dark .icon { - border: 1px solid transparent; - color: #01041b; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-dark .icon.icon-border-dark { - border: 1px solid; - border-color: #01041b; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-dark .card-title { - width: 100%; } - .card.card-bottom-border-dark .card-text-dark { - margin-bottom: 10px; - color: #01041b; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-dark .note-text-dark i { - color: #01041b; } - .card.card-bottom-border-dark:hover { - background: #01041b; } - .card.card-bottom-border-dark:hover .card-title, .card.card-bottom-border-dark:hover p, .card.card-bottom-border-dark:hover a:not(.dropdown-item), .card.card-bottom-border-dark:hover span { - color: #fff; } - .card.card-bottom-border-dark:hover:after { - transform: translateY(-8px); } - .card.card-bottom-border-dark:hover .icon { - color: #fff; } - .card.card-bottom-border-dark:hover .icon.icon-border-dark { - border-color: #fff; } - .card.card-bottom-border-dark:hover .card-text { - color: #fff; } - .card.card-bottom-border-dark:hover .note-text i { - color: #fff; } - -.card.card-bottom-border-purple { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-purple:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #aa87f5; - background-color: #aa87f5; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-purple .card-header { - border-bottom: 0px; } - .card.card-bottom-border-purple .icon { - border: 1px solid transparent; - color: #aa87f5; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-purple .icon.icon-border-purple { - border: 1px solid; - border-color: #aa87f5; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-purple .card-title { - width: 100%; } - .card.card-bottom-border-purple .card-text-purple { - margin-bottom: 10px; - color: #aa87f5; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-purple .note-text-purple i { - color: #aa87f5; } - .card.card-bottom-border-purple:hover { - background: #aa87f5; } - .card.card-bottom-border-purple:hover .card-title, .card.card-bottom-border-purple:hover p, .card.card-bottom-border-purple:hover a:not(.dropdown-item), .card.card-bottom-border-purple:hover span { - color: #fff; } - .card.card-bottom-border-purple:hover:after { - transform: translateY(-8px); } - .card.card-bottom-border-purple:hover .icon { - color: #fff; } - .card.card-bottom-border-purple:hover .icon.icon-border-purple { - border-color: #fff; } - .card.card-bottom-border-purple:hover .card-text { - color: #fff; } - .card.card-bottom-border-purple:hover .note-text i { - color: #fff; } - -.note-detail .card-footer { - background: unset; - border: 0; - padding-top: 0; - padding-bottom: 20px; } - -.note-detail .note-text { - font-weight: 700; - font-size: 14px; - letter-spacing: 1px; - text-transform: capitalize; } - .note-detail .note-text i { - vertical-align: text-top; } - -.note-details .form-control { - font-size: 16px; - line-height: 31px; - border: 0; - border-bottom: 2px solid #DCDDDF; - border-radius: 0; - padding-left: 0; - padding-right: 0; - background: none; - color: #768492; } - -.note-details .bootstrap-select .dropdown-toggle { - padding: .25rem .5rem; - font-size: 16px; - line-height: 38px; - border: 0; - border-radius: 0; - border-bottom: 2px solid #DCDDDF; } - .note-details .bootstrap-select .dropdown-toggle:focus { - outline: unset !important; } - -.note-details .dropdown-item:active { - background-color: #f3f6fd; } - -.card-description { - position: relative; } - .card-description.short { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; } - -.ellipsis-text { - flex-grow: 1; - overflow: hidden; - line-height: 20px; } - .ellipsis-text.short { - white-space: nowrap; - text-overflow: ellipsis; } - -.edit-notes .card .card-footer { - background-color: transparent !important; - border: 0; - padding: 0; } - -/* - * Background color - */ -.bg-blue { - color: #fff; - background-color: #1f1c2f; } - -a.bg-blue:hover, a.bg-blue:focus, -button.bg-blue:hover, -button.bg-blue:focus { - color: #fff; - background-color: #0a090f; } - -.bg-indigo { - color: #fff; - background-color: #6610f2; } - -a.bg-indigo:hover, a.bg-indigo:focus, -button.bg-indigo:hover, -button.bg-indigo:focus { - color: #fff; - background-color: #510bc4; } - -.bg-purple { - color: #fff; - background-color: #AA87F5; } - -a.bg-purple:hover, a.bg-purple:focus, -button.bg-purple:hover, -button.bg-purple:focus { - color: #fff; - background-color: #8958f1; } - -.bg-pink { - color: #363636; - background-color: #ffd3e2; } - -a.bg-pink:hover, a.bg-pink:focus, -button.bg-pink:hover, -button.bg-pink:focus { - color: #fff; - background-color: #ffa0c0; } - -.bg-red { - color: #fff; - background-color: #f674ad; } - -a.bg-red:hover, a.bg-red:focus, -button.bg-red:hover, -button.bg-red:focus { - color: #fff; - background-color: #f34491; } - -.bg-orange { - color: #fff; - background-color: #f0864a; } - -a.bg-orange:hover, a.bg-orange:focus, -button.bg-orange:hover, -button.bg-orange:focus { - color: #fff; - background-color: #ec671b; } - -.bg-yellow { - color: #fff; - background-color: #f0864a; } - -a.bg-yellow:hover, a.bg-yellow:focus, -button.bg-yellow:hover, -button.bg-yellow:focus { - color: #fff; - background-color: #ec671b; } - -.bg-green { - color: #fff; - background-color: #8ac3a3; } - -a.bg-green:hover, a.bg-green:focus, -button.bg-green:hover, -button.bg-green:focus { - color: #fff; - background-color: #68b288; } - -.bg-teal { - color: #fff; - background-color: #20c997; } - -a.bg-teal:hover, a.bg-teal:focus, -button.bg-teal:hover, -button.bg-teal:focus { - color: #fff; - background-color: #199d76; } - -.bg-cyan { - color: #fff; - background-color: #87baf5; } - -a.bg-cyan:hover, a.bg-cyan:focus, -button.bg-cyan:hover, -button.bg-cyan:focus { - color: #fff; - background-color: #589ff1; } - -.bg-white { - color: #363636; - background-color: #fff; } - -a.bg-white:hover, a.bg-white:focus, -button.bg-white:hover, -button.bg-white:focus { - color: #fff; - background-color: #e6e6e6; } - -.bg-gray { - color: #fff; - background-color: #6c757d; } - -a.bg-gray:hover, a.bg-gray:focus, -button.bg-gray:hover, -button.bg-gray:focus { - color: #fff; - background-color: #545b62; } - -.bg-gray-dark { - color: #fff; - background-color: #01041b; } - -a.bg-gray-dark:hover, a.bg-gray-dark:focus, -button.bg-gray-dark:hover, -button.bg-gray-dark:focus { - color: #fff; - background-color: black; } - -.bg-skyblue { - color: #fff; - background-color: #158df7; } - -a.bg-skyblue:hover, a.bg-skyblue:focus, -button.bg-skyblue:hover, -button.bg-skyblue:focus { - color: #fff; - background-color: #0773d2; } - -.bg-gradient-blue { - background: #1f1c2f linear-gradient(180deg, #3f3d4e, #1f1c2f) repeat-x; } - -.bg-gradient-indigo { - background: #6610f2 linear-gradient(180deg, #7b33f4, #6610f2) repeat-x; } - -.bg-gradient-purple { - background: #AA87F5 linear-gradient(180deg, #b598f6, #AA87F5) repeat-x; } - -.bg-gradient-pink { - background: #ffd3e2 linear-gradient(180deg, #fdd8e6, #ffd3e2) repeat-x; } - -.bg-gradient-red { - background: #f674ad linear-gradient(180deg, #f688b9, #f674ad) repeat-x; } - -.bg-gradient-orange { - background: #f0864a linear-gradient(180deg, #f09765, #f0864a) repeat-x; } - -.bg-gradient-yellow { - background: #f0864a linear-gradient(180deg, #f09765, #f0864a) repeat-x; } - -.bg-gradient-green { - background: #8ac3a3 linear-gradient(180deg, #9acbb1, #8ac3a3) repeat-x; } - -.bg-gradient-teal { - background: #20c997 linear-gradient(180deg, #40d0a6, #20c997) repeat-x; } - -.bg-gradient-cyan { - background: #87baf5 linear-gradient(180deg, #97c3f6, #87baf5) repeat-x; } - -.bg-gradient-white { - background: #fff linear-gradient(180deg, #fdfeff, #fff) repeat-x; } - -.bg-gradient-gray { - background: #6c757d linear-gradient(180deg, #808890, #6c757d) repeat-x; } - -.bg-gradient-gray-dark { - background: #01041b linear-gradient(180deg, #25283d, #01041b) repeat-x; } - -.bg-gradient-skyblue { - background: #158df7 linear-gradient(180deg, #369df8, #158df7) repeat-x; } - -.bg-gradient-primary { - background: #1f1c2f linear-gradient(180deg, #3f3d4e, #1f1c2f) repeat-x; } - -.bg-gradient-secondary { - background: #6c757d linear-gradient(180deg, #808890, #6c757d) repeat-x; } - -.bg-gradient-success { - background: #8ac3a3 linear-gradient(180deg, #9acbb1, #8ac3a3) repeat-x; } - -.bg-gradient-info { - background: #87baf5 linear-gradient(180deg, #97c3f6, #87baf5) repeat-x; } - -.bg-gradient-warning { - background: #f0864a linear-gradient(180deg, #f09765, #f0864a) repeat-x; } - -.bg-gradient-danger { - background: #f674ad linear-gradient(180deg, #f688b9, #f674ad) repeat-x; } - -.bg-gradient-light { - background: #848486 linear-gradient(180deg, #959598, #848486) repeat-x; } - -.bg-gradient-dark { - background: #01041b linear-gradient(180deg, #25283d, #01041b) repeat-x; } - -.bg-gradient-purple { - background: #AA87F5 linear-gradient(180deg, #b598f6, #AA87F5) repeat-x; } - -.bg-primary { - color: #fff; - background-color: #1f1c2f; } - -a.bg-primary:hover, a.bg-primary:focus, -button.bg-primary:hover, -button.bg-primary:focus { - color: #fff; - background-color: #0a090f; } - -.badge-primary { - color: #fff; - background-color: #1f1c2f; } - -a.badge-primary:hover, a.badge-primary:focus, -button.badge-primary:hover, -button.badge-primary:focus { - color: #fff; - background-color: #0a090f; } - -.bg-secondary { - color: #fff; - background-color: #6c757d; } - -a.bg-secondary:hover, a.bg-secondary:focus, -button.bg-secondary:hover, -button.bg-secondary:focus { - color: #fff; - background-color: #545b62; } - -.badge-secondary { - color: #fff; - background-color: #6c757d; } - -a.badge-secondary:hover, a.badge-secondary:focus, -button.badge-secondary:hover, -button.badge-secondary:focus { - color: #fff; - background-color: #545b62; } - -.bg-success { - color: #fff; - background-color: #8ac3a3; } - -a.bg-success:hover, a.bg-success:focus, -button.bg-success:hover, -button.bg-success:focus { - color: #fff; - background-color: #68b288; } - -.badge-success { - color: #fff; - background-color: #8ac3a3; } - -a.badge-success:hover, a.badge-success:focus, -button.badge-success:hover, -button.badge-success:focus { - color: #fff; - background-color: #68b288; } - -.bg-info { - color: #fff; - background-color: #87baf5; } - -a.bg-info:hover, a.bg-info:focus, -button.bg-info:hover, -button.bg-info:focus { - color: #fff; - background-color: #589ff1; } - -.badge-info { - color: #fff; - background-color: #87baf5; } - -a.badge-info:hover, a.badge-info:focus, -button.badge-info:hover, -button.badge-info:focus { - color: #fff; - background-color: #589ff1; } - -.bg-warning { - color: #fff; - background-color: #f0864a; } - -a.bg-warning:hover, a.bg-warning:focus, -button.bg-warning:hover, -button.bg-warning:focus { - color: #fff; - background-color: #ec671b; } - -.badge-warning { - color: #fff; - background-color: #f0864a; } - -a.badge-warning:hover, a.badge-warning:focus, -button.badge-warning:hover, -button.badge-warning:focus { - color: #fff; - background-color: #ec671b; } - -.bg-danger { - color: #fff; - background-color: #f674ad; } - -a.bg-danger:hover, a.bg-danger:focus, -button.bg-danger:hover, -button.bg-danger:focus { - color: #fff; - background-color: #f34491; } - -.badge-danger { - color: #fff; - background-color: #f674ad; } - -a.badge-danger:hover, a.badge-danger:focus, -button.badge-danger:hover, -button.badge-danger:focus { - color: #fff; - background-color: #f34491; } - -.bg-light { - color: #fff; - background-color: #848486; } - -a.bg-light:hover, a.bg-light:focus, -button.bg-light:hover, -button.bg-light:focus { - color: #fff; - background-color: #6b6b6c; } - -.badge-light { - color: #fff; - background-color: #848486; } - -a.badge-light:hover, a.badge-light:focus, -button.badge-light:hover, -button.badge-light:focus { - color: #fff; - background-color: #6b6b6c; } - -.bg-dark { - color: #fff; - background-color: #01041b; } - -a.bg-dark:hover, a.bg-dark:focus, -button.bg-dark:hover, -button.bg-dark:focus { - color: #fff; - background-color: black; } - -.badge-dark { - color: #fff; - background-color: #01041b; } - -a.badge-dark:hover, a.badge-dark:focus, -button.badge-dark:hover, -button.badge-dark:focus { - color: #fff; - background-color: black; } - -.bg-purple { - color: #fff; - background-color: #AA87F5; } - -a.bg-purple:hover, a.bg-purple:focus, -button.bg-purple:hover, -button.bg-purple:focus { - color: #fff; - background-color: #8958f1; } - -.badge-purple { - color: #fff; - background-color: #AA87F5; } - -a.badge-purple:hover, a.badge-purple:focus, -button.badge-purple:hover, -button.badge-purple:focus { - color: #fff; - background-color: #8958f1; } - -.bg-primary-light { - color: #403f46; - background-color: #c0bfc5; } - -a.bg-primary-light:hover, a.bg-primary-light:focus, -button.bg-primary-light:hover, -button.bg-primary-light:focus { - color: #403f46; - background-color: #a6a4ad; } - -.bg-secondary-light { - color: #53585f; - background-color: #d6d8db; } - -a.bg-secondary-light:hover, a.bg-secondary-light:focus, -button.bg-secondary-light:hover, -button.bg-secondary-light:focus { - color: #53585f; - background-color: #bbbec3; } - -.bg-success-light { - color: #468762; - background-color: #deeee5; } - -a.bg-success-light:hover, a.bg-success-light:focus, -button.bg-success-light:hover, -button.bg-success-light:focus { - color: #468762; - background-color: #bcddca; } - -.bg-info-light { - color: #126ac8; - background-color: #ddecfc; } - -a.bg-info-light:hover, a.bg-info-light:focus, -button.bg-info-light:hover, -button.bg-info-light:focus { - color: #126ac8; - background-color: #aed2f8; } - -.bg-warning-light { - color: #b94c0f; - background-color: #fbddcc; } - -a.bg-warning-light:hover, a.bg-warning-light:focus, -button.bg-warning-light:hover, -button.bg-warning-light:focus { - color: #b94c0f; - background-color: #f7bd9d; } - -.bg-danger-light { - color: #c60f60; - background-color: #fcd8e8; } - -a.bg-danger-light:hover, a.bg-danger-light:focus, -button.bg-danger-light:hover, -button.bg-danger-light:focus { - color: #c60f60; - background-color: #f8a9cc; } - -.bg-light-light { - color: #5e5e5e; - background-color: #dddddd; } - -a.bg-light-light:hover, a.bg-light-light:focus, -button.bg-light-light:hover, -button.bg-light-light:focus { - color: #5e5e5e; - background-color: #c4c4c4; } - -.bg-dark-light { - color: #393a3f; - background-color: #b8b9bf; } - -a.bg-dark-light:hover, a.bg-dark-light:focus, -button.bg-dark-light:hover, -button.bg-dark-light:focus { - color: #393a3f; - background-color: #9d9fa7; } - -.bg-purple-light { - color: #4d12c8; - background-color: #e7ddfc; } - -a.bg-purple-light:hover, a.bg-purple-light:focus, -button.bg-purple-light:hover, -button.bg-purple-light:focus { - color: #4d12c8; - background-color: #c6aef8; } - -/*** Sections backgrounds ***/ -/*** Background colors with transparency ***/ -.avatar-30 { - height: 30px; - width: 30px; - line-height: 30px; - min-width: 30px; } - -.avatar-35 { - height: 35px; - width: 35px; - line-height: 35px; - min-width: 35px; } - -.avatar-40 { - height: 40px; - width: 40px; - line-height: 40px; - min-width: 40px; } - -.avatar-45 { - height: 45px; - width: 45px; - line-height: 45px; - min-width: 45px; } - -.avatar-50 { - height: 50px; - width: 50px; - line-height: 50px; - min-width: 50px; } - -.avatar-60 { - height: 60px; - width: 60px; - line-height: 60px; - min-width: 60px; } - -.avatar-70 { - height: 70px; - width: 70px; - line-height: 70px; - min-width: 70px; } - -.avatar-80 { - height: 80px; - width: 80px; - line-height: 80px; - min-width: 80px; } - -.avatar-90 { - height: 90px; - width: 90px; - line-height: 90px; - min-width: 90px; } - -.avatar-100 { - height: 100px; - width: 100px; - line-height: 100px; - min-width: 100px; } - -.avatar-110 { - height: 110px; - width: 110px; - line-height: 110px; - min-width: 110px; } - -.avatar-120 { - height: 120px; - width: 120px; - line-height: 120px; - min-width: 120px; } - -.avatar-130 { - height: 130px; - width: 130px; - line-height: 130px; - min-width: 130px; } - -.avatar-155 { - height: 155px; - width: 155px; - line-height: 155px; - min-width: 155px; } - -.avatar-235 { - height: 235px; - width: 235px; - line-height: 235px; - min-width: 235px; } - -/* - * Font Helper - */ -.font-size-12 { - font-size: 12px !important; } - -.font-size-14 { - font-size: 14px !important; } - -.font-size-16 { - font-size: 16px !important; } - -.font-size-18 { - font-size: 18px !important; } - -.font-size-20 { - font-size: 20px !important; } - -.font-size-32 { - font-size: 32px !important; } - -.font-size-40 { - font-size: 40px !important; } - -/*** Weight and italics ***/ -.font-weight-300 { - font-weight: 300 !important; } - -.font-weight-400 { - font-weight: 400 !important; } - -.font-weight-500 { - font-weight: 500 !important; } - -.font-weight-600 { - font-weight: 600 !important; } - -.font-weight-700 { - font-weight: 700 !important; } - -.font-weight-800 { - font-weight: 800 !important; } - -.font-weight-900 { - font-weight: 900 !important; } - -/*** Text decorations ***/ -.text-underline { - text-decoration: underline; } - -.text-through { - text-decoration: line-through; } - -/*** Text size ***/ -.text-sm { - font-size: 12 !important; } - -.text-lg { - font-size: 12 !important; } - -.text-xl { - font-size: 12 !important; } - -/*** Line heights ***/ -.line-height-100 { - line-height: 1; } - -.line-height-110 { - line-height: 1.1; } - -.line-height-120 { - line-height: 1.2; } - -.line-height-130 { - line-height: 1.3; } - -.line-height-140 { - line-height: 1.4; } - -.line-height-150 { - line-height: 1.5; } - -.line-height-160 { - line-height: 1.6; } - -.line-height-170 { - line-height: 1.7; } - -.line-height-180 { - line-height: 1.8; } - -/*** Letter spacings ***/ -.letter-spacing-1 { - letter-spacing: .0625rem; } - -.letter-spacing-15 { - letter-spacing: .09375rem; } - -.letter-spacing-2 { - letter-spacing: 0.125rem; } - -/*** Text color variations ***/ -.text-blue { - color: #1f1c2f !important; } - -a.text-blue:hover, a.text-blue:focus { - color: black !important; } - -.text-indigo { - color: #6610f2 !important; } - -a.text-indigo:hover, a.text-indigo:focus { - color: #4709ac !important; } - -.text-purple { - color: #AA87F5 !important; } - -a.text-purple:hover, a.text-purple:focus { - color: #7840ef !important; } - -.text-pink { - color: #ffd3e2 !important; } - -a.text-pink:hover, a.text-pink:focus { - color: #ff87b0 !important; } - -.text-red { - color: #f674ad !important; } - -a.text-red:hover, a.text-red:focus { - color: #f12c83 !important; } - -.text-orange { - color: #f0864a !important; } - -a.text-orange:hover, a.text-orange:focus { - color: #db5b12 !important; } - -.text-yellow { - color: #f0864a !important; } - -a.text-yellow:hover, a.text-yellow:focus { - color: #db5b12 !important; } - -.text-green { - color: #8ac3a3 !important; } - -a.text-green:hover, a.text-green:focus { - color: #57a97b !important; } - -.text-teal { - color: #20c997 !important; } - -a.text-teal:hover, a.text-teal:focus { - color: #158765 !important; } - -.text-cyan { - color: #87baf5 !important; } - -a.text-cyan:hover, a.text-cyan:focus { - color: #4091ef !important; } - -.text-white { - color: #fff !important; } - -a.text-white:hover, a.text-white:focus { - color: #d9d9d9 !important; } - -.text-gray { - color: #6c757d !important; } - -a.text-gray:hover, a.text-gray:focus { - color: #494f54 !important; } - -.text-gray-dark { - color: #01041b !important; } - -a.text-gray-dark:hover, a.text-gray-dark:focus { - color: black !important; } - -.text-skyblue { - color: #158df7 !important; } - -a.text-skyblue:hover, a.text-skyblue:focus { - color: #0665b9 !important; } - -.text-ellipsis.short-1 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-2 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-3 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-4 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 4; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-5 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 5; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-6 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 6; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-7 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 7; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-8 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 8; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-9 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 9; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-10 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 10; - -webkit-box-orient: vertical; } - -.cursor-pointer { - cursor: pointer; } - .cursor-pointer :hover { - color: #0a090f; } - -@-webkit-keyframes custom_fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 20%, 0); - transform: translate3d(0, 20%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); } } - -@keyframes custom_fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 20%, 0); - transform: translate3d(0, 20%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); } } - -.animate_custom_fadeInUp { - -webkit-animation-name: custom_fadeInUp; - animation-name: custom_fadeInUp; } - -:root { - --animate-duration: 100ms; - --animate-delay: 2s; - --animate-repeat: 0.5; } - -.swal2-icon.swal2-warning { - border-color: rgba(246, 116, 173, 0.8) !important; - color: #f674ad !important; } - -.swal2-icon.swal2-success .swal2-success-ring { - border: 0.25em solid rgba(138, 195, 163, 0.5); } - -.swal2-icon.swal2-success [class^='swal2-success-line'] { - background-color: #8ac3a3 !important; } - -.select2-container--default .select2-selection--single { - font-size: 14px !important; - border-radius: 10px !important; - background: unset !important; - border-color: #DCDDDF !important; } - -.select2-results__option { - background: #f3f6fd !important; } - -.select2-container--default .select2-results__option--highlighted { - background: #f3f6fd !important; } - -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: #1f1c2f !important; - color: #fff !important; } - -.select2-container--open .select2-dropdown--below { - border: unset; - -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); } - -.select2-container--open .select2-dropdown--above { - border: unset; - -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); } - -/*! -Animate.css - http://daneden.me/animate -Licensed under the MIT license - -Copyright (c) 2013 Daniel Eden - -Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -*/ -.animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; } - -.animated.hinge { - -webkit-animation-duration: 2s; - animation-duration: 2s; } - -@-webkit-keyframes bounce { - 0%, 20%, 50%, 80%, 100% { - -webkit-transform: translateY(0); - transform: translateY(0); } - 40% { - -webkit-transform: translateY(-30px); - transform: translateY(-30px); } - 60% { - -webkit-transform: translateY(-15px); - transform: translateY(-15px); } } - -@keyframes bounce { - 0%, 20%, 50%, 80%, 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - 40% { - -webkit-transform: translateY(-30px); - -ms-transform: translateY(-30px); - transform: translateY(-30px); } - 60% { - -webkit-transform: translateY(-15px); - -ms-transform: translateY(-15px); - transform: translateY(-15px); } } - -.bounce { - -webkit-animation-name: bounce; - animation-name: bounce; } - -@-webkit-keyframes flash { - 0%, 50%, 100% { - opacity: 1; } - 25%, 75% { - opacity: 0; } } - -@keyframes flash { - 0%, 50%, 100% { - opacity: 1; } - 25%, 75% { - opacity: 0; } } - -.flash { - -webkit-animation-name: flash; - animation-name: flash; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes pulse { - 0% { - -webkit-transform: scale(1); - transform: scale(1); } - 50% { - -webkit-transform: scale(1.1); - transform: scale(1.1); } - 100% { - -webkit-transform: scale(1); - transform: scale(1); } } - -@keyframes pulse { - 0% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); } - 50% { - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); } - 100% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); } } - -.pulse { - -webkit-animation-name: pulse; - animation-name: pulse; } - -@-webkit-keyframes shake { - 0%, 100% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); } - 20%, 40%, 60%, 80% { - -webkit-transform: translateX(10px); - transform: translateX(10px); } } - -@keyframes shake { - 0%, 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translateX(-10px); - -ms-transform: translateX(-10px); - transform: translateX(-10px); } - 20%, 40%, 60%, 80% { - -webkit-transform: translateX(10px); - -ms-transform: translateX(10px); - transform: translateX(10px); } } - -.shake { - -webkit-animation-name: shake; - animation-name: shake; } - -@-webkit-keyframes swing { - 20% { - -webkit-transform: rotate(15deg); - transform: rotate(15deg); } - 40% { - -webkit-transform: rotate(-10deg); - transform: rotate(-10deg); } - 60% { - -webkit-transform: rotate(5deg); - transform: rotate(5deg); } - 80% { - -webkit-transform: rotate(-5deg); - transform: rotate(-5deg); } - 100% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); } } - -@keyframes swing { - 20% { - -webkit-transform: rotate(15deg); - -ms-transform: rotate(15deg); - transform: rotate(15deg); } - 40% { - -webkit-transform: rotate(-10deg); - -ms-transform: rotate(-10deg); - transform: rotate(-10deg); } - 60% { - -webkit-transform: rotate(5deg); - -ms-transform: rotate(5deg); - transform: rotate(5deg); } - 80% { - -webkit-transform: rotate(-5deg); - -ms-transform: rotate(-5deg); - transform: rotate(-5deg); } - 100% { - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); } } - -.swing { - -webkit-transform-origin: top center; - -ms-transform-origin: top center; - transform-origin: top center; - -webkit-animation-name: swing; - animation-name: swing; } - -@-webkit-keyframes tada { - 0% { - -webkit-transform: scale(1); - transform: scale(1); } - 10%, 20% { - -webkit-transform: scale(0.9) rotate(-3deg); - transform: scale(0.9) rotate(-3deg); } - 30%, 50%, 70%, 90% { - -webkit-transform: scale(1.1) rotate(3deg); - transform: scale(1.1) rotate(3deg); } - 40%, 60%, 80% { - -webkit-transform: scale(1.1) rotate(-3deg); - transform: scale(1.1) rotate(-3deg); } - 100% { - -webkit-transform: scale(1) rotate(0); - transform: scale(1) rotate(0); } } - -@keyframes tada { - 0% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); } - 10%, 20% { - -webkit-transform: scale(0.9) rotate(-3deg); - -ms-transform: scale(0.9) rotate(-3deg); - transform: scale(0.9) rotate(-3deg); } - 30%, 50%, 70%, 90% { - -webkit-transform: scale(1.1) rotate(3deg); - -ms-transform: scale(1.1) rotate(3deg); - transform: scale(1.1) rotate(3deg); } - 40%, 60%, 80% { - -webkit-transform: scale(1.1) rotate(-3deg); - -ms-transform: scale(1.1) rotate(-3deg); - transform: scale(1.1) rotate(-3deg); } - 100% { - -webkit-transform: scale(1) rotate(0); - -ms-transform: scale(1) rotate(0); - transform: scale(1) rotate(0); } } - -.tada { - -webkit-animation-name: tada; - animation-name: tada; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes wobble { - 0% { - -webkit-transform: translateX(0%); - transform: translateX(0%); } - 15% { - -webkit-transform: translateX(-25%) rotate(-5deg); - transform: translateX(-25%) rotate(-5deg); } - 30% { - -webkit-transform: translateX(20%) rotate(3deg); - transform: translateX(20%) rotate(3deg); } - 45% { - -webkit-transform: translateX(-15%) rotate(-3deg); - transform: translateX(-15%) rotate(-3deg); } - 60% { - -webkit-transform: translateX(10%) rotate(2deg); - transform: translateX(10%) rotate(2deg); } - 75% { - -webkit-transform: translateX(-5%) rotate(-1deg); - transform: translateX(-5%) rotate(-1deg); } - 100% { - -webkit-transform: translateX(0%); - transform: translateX(0%); } } - -@keyframes wobble { - 0% { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); } - 15% { - -webkit-transform: translateX(-25%) rotate(-5deg); - -ms-transform: translateX(-25%) rotate(-5deg); - transform: translateX(-25%) rotate(-5deg); } - 30% { - -webkit-transform: translateX(20%) rotate(3deg); - -ms-transform: translateX(20%) rotate(3deg); - transform: translateX(20%) rotate(3deg); } - 45% { - -webkit-transform: translateX(-15%) rotate(-3deg); - -ms-transform: translateX(-15%) rotate(-3deg); - transform: translateX(-15%) rotate(-3deg); } - 60% { - -webkit-transform: translateX(10%) rotate(2deg); - -ms-transform: translateX(10%) rotate(2deg); - transform: translateX(10%) rotate(2deg); } - 75% { - -webkit-transform: translateX(-5%) rotate(-1deg); - -ms-transform: translateX(-5%) rotate(-1deg); - transform: translateX(-5%) rotate(-1deg); } - 100% { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); } } - -.wobble { - -webkit-animation-name: wobble; - animation-name: wobble; } - -@-webkit-keyframes bounceIn { - 0% { - opacity: 0; - -webkit-transform: scale(0.3); - transform: scale(0.3); } - 50% { - opacity: 1; - -webkit-transform: scale(1.05); - transform: scale(1.05); } - 70% { - -webkit-transform: scale(0.9); - transform: scale(0.9); } - 100% { - -webkit-transform: scale(1); - transform: scale(1); } } - -@keyframes bounceIn { - 0% { - opacity: 0; - -webkit-transform: scale(0.3); - -ms-transform: scale(0.3); - transform: scale(0.3); } - 50% { - opacity: 1; - -webkit-transform: scale(1.05); - -ms-transform: scale(1.05); - transform: scale(1.05); } - 70% { - -webkit-transform: scale(0.9); - -ms-transform: scale(0.9); - transform: scale(0.9); } - 100% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); } } - -.bounceIn { - -webkit-animation-name: bounceIn; - animation-name: bounceIn; } - -@-webkit-keyframes bounceInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); } - 60% { - opacity: 1; - -webkit-transform: translateY(30px); - transform: translateY(30px); } - 80% { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); } } - -@keyframes bounceInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); } - 60% { - opacity: 1; - -webkit-transform: translateY(30px); - -ms-transform: translateY(30px); - transform: translateY(30px); } - 80% { - -webkit-transform: translateY(-10px); - -ms-transform: translateY(-10px); - transform: translateY(-10px); } - 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } } - -.bounceInDown { - -webkit-animation-name: bounceInDown; - animation-name: bounceInDown; } - -@-webkit-keyframes bounceInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); } - 60% { - opacity: 1; - -webkit-transform: translateX(30px); - transform: translateX(30px); } - 80% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes bounceInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); } - 60% { - opacity: 1; - -webkit-transform: translateX(30px); - -ms-transform: translateX(30px); - transform: translateX(30px); } - 80% { - -webkit-transform: translateX(-10px); - -ms-transform: translateX(-10px); - transform: translateX(-10px); } - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } } - -.bounceInLeft { - -webkit-animation-name: bounceInLeft; - animation-name: bounceInLeft; } - -@-webkit-keyframes bounceInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); } - 60% { - opacity: 1; - -webkit-transform: translateX(-30px); - transform: translateX(-30px); } - 80% { - -webkit-transform: translateX(10px); - transform: translateX(10px); } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes bounceInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); } - 60% { - opacity: 1; - -webkit-transform: translateX(-30px); - -ms-transform: translateX(-30px); - transform: translateX(-30px); } - 80% { - -webkit-transform: translateX(10px); - -ms-transform: translateX(10px); - transform: translateX(10px); } - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } } - -.bounceInRight { - -webkit-animation-name: bounceInRight; - animation-name: bounceInRight; } - -@-webkit-keyframes bounceInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px); } - 60% { - opacity: 1; - -webkit-transform: translateY(-30px); - transform: translateY(-30px); } - 80% { - -webkit-transform: translateY(10px); - transform: translateY(10px); } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); } } - -@keyframes bounceInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px); } - 60% { - opacity: 1; - -webkit-transform: translateY(-30px); - -ms-transform: translateY(-30px); - transform: translateY(-30px); } - 80% { - -webkit-transform: translateY(10px); - -ms-transform: translateY(10px); - transform: translateY(10px); } - 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } } - -.bounceInUp { - -webkit-animation-name: bounceInUp; - animation-name: bounceInUp; } - -@-webkit-keyframes bounceOut { - 0% { - -webkit-transform: scale(1); - transform: scale(1); } - 25% { - -webkit-transform: scale(0.95); - transform: scale(0.95); } - 50% { - opacity: 1; - -webkit-transform: scale(1.1); - transform: scale(1.1); } - 100% { - opacity: 0; - -webkit-transform: scale(0.3); - transform: scale(0.3); } } - -@keyframes bounceOut { - 0% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); } - 25% { - -webkit-transform: scale(0.95); - -ms-transform: scale(0.95); - transform: scale(0.95); } - 50% { - opacity: 1; - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); } - 100% { - opacity: 0; - -webkit-transform: scale(0.3); - -ms-transform: scale(0.3); - transform: scale(0.3); } } - -.bounceOut { - -webkit-animation-name: bounceOut; - animation-name: bounceOut; } - -@-webkit-keyframes bounceOutDown { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); } - 20% { - opacity: 1; - -webkit-transform: translateY(-20px); - transform: translateY(-20px); } - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px); } } - -@keyframes bounceOutDown { - 0% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - 20% { - opacity: 1; - -webkit-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px); } - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px); } } - -.bounceOutDown { - -webkit-animation-name: bounceOutDown; - animation-name: bounceOutDown; } - -@-webkit-keyframes bounceOutLeft { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 20% { - opacity: 1; - -webkit-transform: translateX(20px); - transform: translateX(20px); } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); } } - -@keyframes bounceOutLeft { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 20% { - opacity: 1; - -webkit-transform: translateX(20px); - -ms-transform: translateX(20px); - transform: translateX(20px); } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); } } - -.bounceOutLeft { - -webkit-animation-name: bounceOutLeft; - animation-name: bounceOutLeft; } - -@-webkit-keyframes bounceOutRight { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 20% { - opacity: 1; - -webkit-transform: translateX(-20px); - transform: translateX(-20px); } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); } } - -@keyframes bounceOutRight { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 20% { - opacity: 1; - -webkit-transform: translateX(-20px); - -ms-transform: translateX(-20px); - transform: translateX(-20px); } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); } } - -.bounceOutRight { - -webkit-animation-name: bounceOutRight; - animation-name: bounceOutRight; } - -@-webkit-keyframes bounceOutUp { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); } - 20% { - opacity: 1; - -webkit-transform: translateY(20px); - transform: translateY(20px); } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); } } - -@keyframes bounceOutUp { - 0% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - 20% { - opacity: 1; - -webkit-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); } } - -.bounceOutUp { - -webkit-animation-name: bounceOutUp; - animation-name: bounceOutUp; } - -@-webkit-keyframes fadeIn { - 0% { - opacity: 0; } - 100% { - opacity: 1; } } - -@keyframes fadeIn { - 0% { - opacity: 0; } - 100% { - opacity: 1; } } - -.fadeIn { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; } - -@-webkit-keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-20px); - transform: translateY(-20px); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } } - -@keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } } - -.fadeInDown { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; } - -@-webkit-keyframes fadeInDownBig { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } } - -@keyframes fadeInDownBig { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } } - -.fadeInDownBig { - -webkit-animation-name: fadeInDownBig; - animation-name: fadeInDownBig; } - -@-webkit-keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-20px); - transform: translateX(-20px); } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-20px); - -ms-transform: translateX(-20px); - transform: translateX(-20px); } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } } - -.fadeInLeft { - -webkit-animation-name: fadeInLeft; - animation-name: fadeInLeft; } - -@-webkit-keyframes fadeInLeftBig { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes fadeInLeftBig { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } } - -.fadeInLeftBig { - -webkit-animation-name: fadeInLeftBig; - animation-name: fadeInLeftBig; } - -@-webkit-keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(20px); - transform: translateX(20px); } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(20px); - -ms-transform: translateX(20px); - transform: translateX(20px); } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } } - -.fadeInRight { - -webkit-animation-name: fadeInRight; - animation-name: fadeInRight; } - -@-webkit-keyframes fadeInRightBig { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes fadeInRightBig { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } } - -.fadeInRightBig { - -webkit-animation-name: fadeInRightBig; - animation-name: fadeInRightBig; } - -@-webkit-keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(20px); - transform: translateY(20px); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } } - -@keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } } - -.fadeInUp { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; } - -@-webkit-keyframes fadeInUpBig { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } } - -@keyframes fadeInUpBig { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } } - -.fadeInUpBig { - -webkit-animation-name: fadeInUpBig; - animation-name: fadeInUpBig; } - -@-webkit-keyframes fadeOut { - 0% { - opacity: 1; } - 100% { - opacity: 0; } } - -@keyframes fadeOut { - 0% { - opacity: 1; } - 100% { - opacity: 0; } } - -.fadeOut { - -webkit-animation-name: fadeOut; - animation-name: fadeOut; } - -@-webkit-keyframes fadeOutDown { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(20px); - transform: translateY(20px); } } - -@keyframes fadeOutDown { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); } } - -.fadeOutDown { - -webkit-animation-name: fadeOutDown; - animation-name: fadeOutDown; } - -@-webkit-keyframes fadeOutDownBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px); } } - -@keyframes fadeOutDownBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px); } } - -.fadeOutDownBig { - -webkit-animation-name: fadeOutDownBig; - animation-name: fadeOutDownBig; } - -@-webkit-keyframes fadeOutLeft { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(-20px); - transform: translateX(-20px); } } - -@keyframes fadeOutLeft { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(-20px); - -ms-transform: translateX(-20px); - transform: translateX(-20px); } } - -.fadeOutLeft { - -webkit-animation-name: fadeOutLeft; - animation-name: fadeOutLeft; } - -@-webkit-keyframes fadeOutLeftBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); } } - -@keyframes fadeOutLeftBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); } } - -.fadeOutLeftBig { - -webkit-animation-name: fadeOutLeftBig; - animation-name: fadeOutLeftBig; } - -@-webkit-keyframes fadeOutRight { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(20px); - transform: translateX(20px); } } - -@keyframes fadeOutRight { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(20px); - -ms-transform: translateX(20px); - transform: translateX(20px); } } - -.fadeOutRight { - -webkit-animation-name: fadeOutRight; - animation-name: fadeOutRight; } - -@-webkit-keyframes fadeOutRightBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); } } - -@keyframes fadeOutRightBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); } } - -.fadeOutRightBig { - -webkit-animation-name: fadeOutRightBig; - animation-name: fadeOutRightBig; } - -@-webkit-keyframes fadeOutUp { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(-20px); - transform: translateY(-20px); } } - -@keyframes fadeOutUp { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px); } } - -.fadeOutUp { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp; } - -@-webkit-keyframes fadeOutUpBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); } } - -@keyframes fadeOutUpBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); } } - -.fadeOutUpBig { - -webkit-animation-name: fadeOutUpBig; - animation-name: fadeOutUpBig; } - -@-webkit-keyframes flip { - 0% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 40% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 50% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 80% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 100% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } } - -@keyframes flip { - 0% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 40% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 50% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 80% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 100% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } } - -.animated.flip { - -webkit-backface-visibility: visible; - -ms-backface-visibility: visible; - backface-visibility: visible; - -webkit-animation-name: flip; - animation-name: flip; } - -@-webkit-keyframes flipInX { - 0% { - -webkit-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotateX(-10deg); - transform: perspective(400px) rotateX(-10deg); } - 70% { - -webkit-transform: perspective(400px) rotateX(10deg); - transform: perspective(400px) rotateX(10deg); } - 100% { - -webkit-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1; } } - -@keyframes flipInX { - 0% { - -webkit-transform: perspective(400px) rotateX(90deg); - -ms-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotateX(-10deg); - -ms-transform: perspective(400px) rotateX(-10deg); - transform: perspective(400px) rotateX(-10deg); } - 70% { - -webkit-transform: perspective(400px) rotateX(10deg); - -ms-transform: perspective(400px) rotateX(10deg); - transform: perspective(400px) rotateX(10deg); } - 100% { - -webkit-transform: perspective(400px) rotateX(0deg); - -ms-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1; } } - -.flipInX { - -webkit-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInX; - animation-name: flipInX; } - -@-webkit-keyframes flipInY { - 0% { - -webkit-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotateY(-10deg); - transform: perspective(400px) rotateY(-10deg); } - 70% { - -webkit-transform: perspective(400px) rotateY(10deg); - transform: perspective(400px) rotateY(10deg); } - 100% { - -webkit-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1; } } - -@keyframes flipInY { - 0% { - -webkit-transform: perspective(400px) rotateY(90deg); - -ms-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotateY(-10deg); - -ms-transform: perspective(400px) rotateY(-10deg); - transform: perspective(400px) rotateY(-10deg); } - 70% { - -webkit-transform: perspective(400px) rotateY(10deg); - -ms-transform: perspective(400px) rotateY(10deg); - transform: perspective(400px) rotateY(10deg); } - 100% { - -webkit-transform: perspective(400px) rotateY(0deg); - -ms-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1; } } - -.flipInY { - -webkit-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInY; - animation-name: flipInY; } - -@-webkit-keyframes flipOutX { - 0% { - -webkit-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1; } - 100% { - -webkit-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0; } } - -@keyframes flipOutX { - 0% { - -webkit-transform: perspective(400px) rotateX(0deg); - -ms-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1; } - 100% { - -webkit-transform: perspective(400px) rotateX(90deg); - -ms-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0; } } - -.flipOutX { - -webkit-animation-name: flipOutX; - animation-name: flipOutX; - -webkit-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; } - -@-webkit-keyframes flipOutY { - 0% { - -webkit-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1; } - 100% { - -webkit-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0; } } - -@keyframes flipOutY { - 0% { - -webkit-transform: perspective(400px) rotateY(0deg); - -ms-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1; } - 100% { - -webkit-transform: perspective(400px) rotateY(90deg); - -ms-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0; } } - -.flipOutY { - -webkit-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipOutY; - animation-name: flipOutY; } - -@-webkit-keyframes lightSpeedIn { - 0% { - -webkit-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0; } - 60% { - -webkit-transform: translateX(-20%) skewX(30deg); - transform: translateX(-20%) skewX(30deg); - opacity: 1; } - 80% { - -webkit-transform: translateX(0%) skewX(-15deg); - transform: translateX(0%) skewX(-15deg); - opacity: 1; } - 100% { - -webkit-transform: translateX(0%) skewX(0deg); - transform: translateX(0%) skewX(0deg); - opacity: 1; } } - -@keyframes lightSpeedIn { - 0% { - -webkit-transform: translateX(100%) skewX(-30deg); - -ms-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0; } - 60% { - -webkit-transform: translateX(-20%) skewX(30deg); - -ms-transform: translateX(-20%) skewX(30deg); - transform: translateX(-20%) skewX(30deg); - opacity: 1; } - 80% { - -webkit-transform: translateX(0%) skewX(-15deg); - -ms-transform: translateX(0%) skewX(-15deg); - transform: translateX(0%) skewX(-15deg); - opacity: 1; } - 100% { - -webkit-transform: translateX(0%) skewX(0deg); - -ms-transform: translateX(0%) skewX(0deg); - transform: translateX(0%) skewX(0deg); - opacity: 1; } } - -.lightSpeedIn { - -webkit-animation-name: lightSpeedIn; - animation-name: lightSpeedIn; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - -@-webkit-keyframes lightSpeedOut { - 0% { - -webkit-transform: translateX(0%) skewX(0deg); - transform: translateX(0%) skewX(0deg); - opacity: 1; } - 100% { - -webkit-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0; } } - -@keyframes lightSpeedOut { - 0% { - -webkit-transform: translateX(0%) skewX(0deg); - -ms-transform: translateX(0%) skewX(0deg); - transform: translateX(0%) skewX(0deg); - opacity: 1; } - 100% { - -webkit-transform: translateX(100%) skewX(-30deg); - -ms-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0; } } - -.lightSpeedOut { - -webkit-animation-name: lightSpeedOut; - animation-name: lightSpeedOut; - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - -@-webkit-keyframes rotateIn { - 0% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(-200deg); - transform: rotate(-200deg); - opacity: 0; } - 100% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -@keyframes rotateIn { - 0% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(-200deg); - -ms-transform: rotate(-200deg); - transform: rotate(-200deg); - opacity: 0; } - 100% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -.rotateIn { - -webkit-animation-name: rotateIn; - animation-name: rotateIn; } - -@-webkit-keyframes rotateInDownLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; } - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -@keyframes rotateInDownLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; } - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -.rotateInDownLeft { - -webkit-animation-name: rotateInDownLeft; - animation-name: rotateInDownLeft; } - -@-webkit-keyframes rotateInDownRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; } - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -@keyframes rotateInDownRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; } - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -.rotateInDownRight { - -webkit-animation-name: rotateInDownRight; - animation-name: rotateInDownRight; } - -@-webkit-keyframes rotateInUpLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; } - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -@keyframes rotateInUpLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; } - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -.rotateInUpLeft { - -webkit-animation-name: rotateInUpLeft; - animation-name: rotateInUpLeft; } - -@-webkit-keyframes rotateInUpRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; } - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -@keyframes rotateInUpRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; } - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -.rotateInUpRight { - -webkit-animation-name: rotateInUpRight; - animation-name: rotateInUpRight; } - -@-webkit-keyframes rotateOut { - 0% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(200deg); - transform: rotate(200deg); - opacity: 0; } } - -@keyframes rotateOut { - 0% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(200deg); - -ms-transform: rotate(200deg); - transform: rotate(200deg); - opacity: 0; } } - -.rotateOut { - -webkit-animation-name: rotateOut; - animation-name: rotateOut; } - -@-webkit-keyframes rotateOutDownLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; } } - -@keyframes rotateOutDownLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; } } - -.rotateOutDownLeft { - -webkit-animation-name: rotateOutDownLeft; - animation-name: rotateOutDownLeft; } - -@-webkit-keyframes rotateOutDownRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; } } - -@keyframes rotateOutDownRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; } } - -.rotateOutDownRight { - -webkit-animation-name: rotateOutDownRight; - animation-name: rotateOutDownRight; } - -@-webkit-keyframes rotateOutUpLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; } } - -@keyframes rotateOutUpLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; } } - -.rotateOutUpLeft { - -webkit-animation-name: rotateOutUpLeft; - animation-name: rotateOutUpLeft; } - -@-webkit-keyframes rotateOutUpRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; } } - -@keyframes rotateOutUpRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; } } - -.rotateOutUpRight { - -webkit-animation-name: rotateOutUpRight; - animation-name: rotateOutUpRight; } - -@-webkit-keyframes slideInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); } } - -@keyframes slideInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); } - 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } } - -.slideInDown { - -webkit-animation-name: slideInDown; - animation-name: slideInDown; } - -@-webkit-keyframes slideInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes slideInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); } - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } } - -.slideInLeft { - -webkit-animation-name: slideInLeft; - animation-name: slideInLeft; } - -@-webkit-keyframes slideInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes slideInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); } - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } } - -.slideInRight { - -webkit-animation-name: slideInRight; - animation-name: slideInRight; } - -@-webkit-keyframes slideOutLeft { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); } } - -@keyframes slideOutLeft { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); } } - -.slideOutLeft { - -webkit-animation-name: slideOutLeft; - animation-name: slideOutLeft; } - -@-webkit-keyframes slideOutRight { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); } } - -@keyframes slideOutRight { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); } } - -.slideOutRight { - -webkit-animation-name: slideOutRight; - animation-name: slideOutRight; } - -@-webkit-keyframes slideOutUp { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); } } - -@keyframes slideOutUp { - 0% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); } } - -.slideOutUp { - -webkit-animation-name: slideOutUp; - animation-name: slideOutUp; } - -@-webkit-keyframes hinge { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 20%, 60% { - -webkit-transform: rotate(80deg); - transform: rotate(80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 40% { - -webkit-transform: rotate(60deg); - transform: rotate(60deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 80% { - -webkit-transform: rotate(60deg) translateY(0); - transform: rotate(60deg) translateY(0); - opacity: 1; - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 100% { - -webkit-transform: translateY(700px); - transform: translateY(700px); - opacity: 0; } } - -@keyframes hinge { - 0% { - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 20%, 60% { - -webkit-transform: rotate(80deg); - -ms-transform: rotate(80deg); - transform: rotate(80deg); - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 40% { - -webkit-transform: rotate(60deg); - -ms-transform: rotate(60deg); - transform: rotate(60deg); - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 80% { - -webkit-transform: rotate(60deg) translateY(0); - -ms-transform: rotate(60deg) translateY(0); - transform: rotate(60deg) translateY(0); - opacity: 1; - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 100% { - -webkit-transform: translateY(700px); - -ms-transform: translateY(700px); - transform: translateY(700px); - opacity: 0; } } - -.hinge { - -webkit-animation-name: hinge; - animation-name: hinge; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes rollIn { - 0% { - opacity: 0; - -webkit-transform: translateX(-100%) rotate(-120deg); - transform: translateX(-100%) rotate(-120deg); } - 100% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - transform: translateX(0px) rotate(0deg); } } - -@keyframes rollIn { - 0% { - opacity: 0; - -webkit-transform: translateX(-100%) rotate(-120deg); - -ms-transform: translateX(-100%) rotate(-120deg); - transform: translateX(-100%) rotate(-120deg); } - 100% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - -ms-transform: translateX(0px) rotate(0deg); - transform: translateX(0px) rotate(0deg); } } - -.rollIn { - -webkit-animation-name: rollIn; - animation-name: rollIn; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes rollOut { - 0% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - transform: translateX(0px) rotate(0deg); } - 100% { - opacity: 0; - -webkit-transform: translateX(100%) rotate(120deg); - transform: translateX(100%) rotate(120deg); } } - -@keyframes rollOut { - 0% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - -ms-transform: translateX(0px) rotate(0deg); - transform: translateX(0px) rotate(0deg); } - 100% { - opacity: 0; - -webkit-transform: translateX(100%) rotate(120deg); - -ms-transform: translateX(100%) rotate(120deg); - transform: translateX(100%) rotate(120deg); } } - -.rollOut { - -webkit-animation-name: rollOut; - animation-name: rollOut; } - -.swal2-popup.swal2-toast { - flex-direction: row; - align-items: center; - width: auto; - padding: 0.625em; - overflow-y: hidden; - background: #fff; - box-shadow: 0 0 0.625em #d9d9d9; } - .swal2-popup.swal2-toast .swal2-header { - flex-direction: row; - padding: 0; } - .swal2-popup.swal2-toast .swal2-title { - flex-grow: 1; - justify-content: flex-start; - margin: 0 0.6em; - font-size: 1em; } - .swal2-popup.swal2-toast .swal2-footer { - margin: 0.5em 0 0; - padding: 0.5em 0 0; - font-size: 0.8em; } - .swal2-popup.swal2-toast .swal2-close { - position: static; - width: 0.8em; - height: 0.8em; - line-height: 0.8; } - .swal2-popup.swal2-toast .swal2-content { - justify-content: flex-start; - padding: 0; - font-size: 1em; } - .swal2-popup.swal2-toast .swal2-icon { - width: 2em; - min-width: 2em; - height: 2em; - margin: 0; } - .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { - display: flex; - align-items: center; - font-size: 1.8em; - font-weight: bold; } - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { - font-size: .25em; } } - .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { - width: 2em; - height: 2em; } - .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { - top: .875em; - width: 1.375em; } - .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] { - left: .3125em; } - .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] { - right: .3125em; } - .swal2-popup.swal2-toast .swal2-actions { - flex-basis: auto !important; - width: auto; - height: auto; - margin: 0 .3125em; - padding: 0; } - .swal2-popup.swal2-toast .swal2-styled { - margin: 0 .3125em; - padding: .3125em .625em; - font-size: 1em; } - .swal2-popup.swal2-toast .swal2-styled:focus { - box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(100, 150, 200, 0.5); } - .swal2-popup.swal2-toast .swal2-success { - border-color: #a5dc86; } - .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] { - position: absolute; - width: 1.6em; - height: 3em; - transform: rotate(45deg); - border-radius: 50%; } - .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] { - top: -.8em; - left: -.5em; - transform: rotate(-45deg); - transform-origin: 2em 2em; - border-radius: 4em 0 0 4em; } - .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] { - top: -.25em; - left: .9375em; - transform-origin: 0 1.5em; - border-radius: 0 4em 4em 0; } - .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { - width: 2em; - height: 2em; } - .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { - top: 0; - left: .4375em; - width: .4375em; - height: 2.6875em; } - .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] { - height: .3125em; } - .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] { - top: 1.125em; - left: .1875em; - width: .75em; } - .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] { - top: .9375em; - right: .1875em; - width: 1.375em; } - .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { - animation: swal2-toast-animate-success-line-tip .75s; } - .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { - animation: swal2-toast-animate-success-line-long .75s; } - .swal2-popup.swal2-toast.swal2-show { - animation: swal2-toast-show 0.5s; } - .swal2-popup.swal2-toast.swal2-hide { - animation: swal2-toast-hide 0.1s forwards; } - -.swal2-container { - display: flex; - position: fixed; - z-index: 1060; - top: 0; - right: 0; - bottom: 0; - left: 0; - flex-direction: row; - align-items: center; - justify-content: center; - padding: 0.625em; - overflow-x: hidden; - transition: background-color 0.1s; - -webkit-overflow-scrolling: touch; } - .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation { - background: rgba(0, 0, 0, 0.4); } - .swal2-container.swal2-backdrop-hide { - background: transparent !important; } - .swal2-container.swal2-top { - align-items: flex-start; } - .swal2-container.swal2-top-start, .swal2-container.swal2-top-left { - align-items: flex-start; - justify-content: flex-start; } - .swal2-container.swal2-top-end, .swal2-container.swal2-top-right { - align-items: flex-start; - justify-content: flex-end; } - .swal2-container.swal2-center { - align-items: center; } - .swal2-container.swal2-center-start, .swal2-container.swal2-center-left { - align-items: center; - justify-content: flex-start; } - .swal2-container.swal2-center-end, .swal2-container.swal2-center-right { - align-items: center; - justify-content: flex-end; } - .swal2-container.swal2-bottom { - align-items: flex-end; } - .swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left { - align-items: flex-end; - justify-content: flex-start; } - .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right { - align-items: flex-end; - justify-content: flex-end; } - .swal2-container.swal2-bottom > :first-child, - .swal2-container.swal2-bottom-start > :first-child, - .swal2-container.swal2-bottom-left > :first-child, - .swal2-container.swal2-bottom-end > :first-child, - .swal2-container.swal2-bottom-right > :first-child { - margin-top: auto; } - .swal2-container.swal2-grow-fullscreen > .swal2-modal { - display: flex !important; - flex: 1; - align-self: stretch; - justify-content: center; } - .swal2-container.swal2-grow-row > .swal2-modal { - display: flex !important; - flex: 1; - align-content: center; - justify-content: center; } - .swal2-container.swal2-grow-column { - flex: 1; - flex-direction: column; } - .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom { - align-items: center; } - .swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left { - align-items: flex-start; } - .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right { - align-items: flex-end; } - .swal2-container.swal2-grow-column > .swal2-modal { - display: flex !important; - flex: 1; - align-content: center; - justify-content: center; } - .swal2-container.swal2-no-transition { - transition: none !important; } - .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal { - margin: auto; } - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .swal2-container .swal2-modal { - margin: 0 !important; } } - -.swal2-popup { - display: none; - position: relative; - box-sizing: border-box; - flex-direction: column; - justify-content: center; - width: 32em; - max-width: 100%; - padding: 1.25em; - border: none; - border-radius: 5px; - background: #fff; - font-family: inherit; - font-size: 1rem; } - .swal2-popup:focus { - outline: none; } - .swal2-popup.swal2-loading { - overflow-y: hidden; } - -.swal2-header { - display: flex; - flex-direction: column; - align-items: center; - padding: 0 1.8em; } - -.swal2-title { - position: relative; - max-width: 100%; - margin: 0 0 0.4em; - padding: 0; - color: #595959; - font-size: 1.875em; - font-weight: 600; - text-align: center; - text-transform: none; - word-wrap: break-word; } - -.swal2-actions { - display: flex; - z-index: 1; - box-sizing: border-box; - flex-wrap: wrap; - align-items: center; - justify-content: center; - width: 100%; - margin: 1.25em auto 0; - padding: 0 1.6em; } - .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { - opacity: .4; } - .swal2-actions:not(.swal2-loading) .swal2-styled:hover { - background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } - .swal2-actions:not(.swal2-loading) .swal2-styled:active { - background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } - -.swal2-loader { - display: none; - align-items: center; - justify-content: center; - width: 2.2em; - height: 2.2em; - margin: 0 1.875em; - animation: swal2-rotate-loading 1.5s linear 0s infinite normal; - border-width: 0.25em; - border-style: solid; - border-radius: 100%; - border-color: #2778c4 transparent #2778c4 transparent; } - -.swal2-styled { - margin: 0.3125em; - padding: 0.625em 1.1em; - box-shadow: none; - font-weight: 500; } - .swal2-styled:not([disabled]) { - cursor: pointer; } - .swal2-styled.swal2-confirm { - border: 0; - border-radius: 0.25em; - background: initial; - background-color: #2778c4; - color: #fff; - font-size: 1.0625em; } - .swal2-styled.swal2-deny { - border: 0; - border-radius: 0.25em; - background: initial; - background-color: #d14529; - color: #fff; - font-size: 1.0625em; } - .swal2-styled.swal2-cancel { - border: 0; - border-radius: 0.25em; - background: initial; - background-color: #757575; - color: #fff; - font-size: 1.0625em; } - .swal2-styled:focus { - outline: none; - box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5); } - .swal2-styled::-moz-focus-inner { - border: 0; } - -.swal2-footer { - justify-content: center; - margin: 1.25em 0 0; - padding: 1em 0 0; - border-top: 1px solid #eee; - color: #545454; - font-size: 1em; } - -.swal2-timer-progress-bar-container { - position: absolute; - right: 0; - bottom: 0; - left: 0; - height: 0.25em; - overflow: hidden; - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; } - -.swal2-timer-progress-bar { - width: 100%; - height: 0.25em; - background: rgba(0, 0, 0, 0.2); } - -.swal2-image { - max-width: 100%; - margin: 1.25em auto; } - -.swal2-close { - position: absolute; - z-index: 2; - top: 0; - right: 0; - align-items: center; - justify-content: center; - width: 1.2em; - height: 1.2em; - padding: 0; - overflow: hidden; - transition: color 0.1s ease-out; - border: none; - border-radius: 5px; - background: transparent; - color: #cccccc; - font-family: serif; - font-size: 2.5em; - line-height: 1.2; - cursor: pointer; } - .swal2-close:hover { - transform: none; - background: transparent; - color: #f27474; } - .swal2-close:focus { - outline: none; - box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5); } - .swal2-close::-moz-focus-inner { - border: 0; } - -.swal2-content { - z-index: 1; - justify-content: center; - margin: 0; - padding: 0 1.6em; - color: #545454; - font-size: 1.125em; - font-weight: normal; - line-height: normal; - text-align: center; - word-wrap: break-word; } - -.swal2-input, -.swal2-file, -.swal2-textarea, -.swal2-select, -.swal2-radio, -.swal2-checkbox { - margin: 1em auto; } - -.swal2-input, -.swal2-file, -.swal2-textarea { - box-sizing: border-box; - width: 100%; - transition: border-color 0.3s, box-shadow 0.3s; - border: 1px solid #d9d9d9; - border-radius: 0.1875em; - background: inherit; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); - color: inherit; - font-size: 1.125em; } - .swal2-input.swal2-inputerror, - .swal2-file.swal2-inputerror, - .swal2-textarea.swal2-inputerror { - border-color: #f27474 !important; - box-shadow: 0 0 2px #f27474 !important; } - .swal2-input:focus, - .swal2-file:focus, - .swal2-textarea:focus { - border: 1px solid #b4dbed; - outline: none; - box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5); } - .swal2-input::placeholder, - .swal2-file::placeholder, - .swal2-textarea::placeholder { - color: #cccccc; } - -.swal2-range { - margin: 1em auto; - background: #fff; } - .swal2-range input { - width: 80%; } - .swal2-range output { - width: 20%; - color: inherit; - font-weight: 600; - text-align: center; } - .swal2-range input, - .swal2-range output { - height: 2.625em; - padding: 0; - font-size: 1.125em; - line-height: 2.625em; } - -.swal2-input { - height: 2.625em; - padding: 0 0.75em; } - .swal2-input[type='number'] { - max-width: 10em; } - -.swal2-file { - background: inherit; - font-size: 1.125em; } - -.swal2-textarea { - height: 6.75em; - padding: 0.75em; } - -.swal2-select { - min-width: 50%; - max-width: 100%; - padding: .375em .625em; - background: inherit; - color: inherit; - font-size: 1.125em; } - -.swal2-radio, -.swal2-checkbox { - align-items: center; - justify-content: center; - background: #fff; - color: inherit; } - .swal2-radio label, - .swal2-checkbox label { - margin: 0 .6em; - font-size: 1.125em; } - .swal2-radio input, - .swal2-checkbox input { - margin: 0 .4em; } - -.swal2-input-label { - display: flex; - justify-content: center; - margin: 1em auto; } - -.swal2-validation-message { - display: none; - align-items: center; - justify-content: center; - margin: 0 -2.7em; - padding: 0.625em; - overflow: hidden; - background: #f0f0f0; - color: #666666; - font-size: 1em; - font-weight: 300; } - .swal2-validation-message::before { - content: '!'; - display: inline-block; - width: 1.5em; - min-width: 1.5em; - height: 1.5em; - margin: 0 .625em; - border-radius: 50%; - background-color: #f27474; - color: #fff; - font-weight: 600; - line-height: 1.5em; - text-align: center; } - -.swal2-icon { - position: relative; - box-sizing: content-box; - justify-content: center; - width: 5em; - height: 5em; - margin: 1.25em auto 1.875em; - border: .25em solid transparent; - border-radius: 50%; - font-family: inherit; - line-height: 5em; - cursor: default; - user-select: none; } - .swal2-icon .swal2-icon-content { - display: flex; - align-items: center; - font-size: 3.75em; } - .swal2-icon.swal2-error { - border-color: #f27474; - color: #f27474; } - .swal2-icon.swal2-error .swal2-x-mark { - position: relative; - flex-grow: 1; } - .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { - display: block; - position: absolute; - top: 2.3125em; - width: 2.9375em; - height: .3125em; - border-radius: .125em; - background-color: #f27474; } - .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] { - left: 1.0625em; - transform: rotate(45deg); } - .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] { - right: 1em; - transform: rotate(-45deg); } - .swal2-icon.swal2-error.swal2-icon-show { - animation: swal2-animate-error-icon .5s; } - .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark { - animation: swal2-animate-error-x-mark .5s; } - .swal2-icon.swal2-warning { - border-color: #facea8; - color: #f8bb86; } - .swal2-icon.swal2-info { - border-color: #9de0f6; - color: #3fc3ee; } - .swal2-icon.swal2-question { - border-color: #c9dae1; - color: #87adbd; } - .swal2-icon.swal2-success { - border-color: #a5dc86; - color: #a5dc86; } - .swal2-icon.swal2-success [class^='swal2-success-circular-line'] { - position: absolute; - width: 3.75em; - height: 7.5em; - transform: rotate(45deg); - border-radius: 50%; } - .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] { - top: -.4375em; - left: -2.0635em; - transform: rotate(-45deg); - transform-origin: 3.75em 3.75em; - border-radius: 7.5em 0 0 7.5em; } - .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] { - top: -.6875em; - left: 1.875em; - transform: rotate(-45deg); - transform-origin: 0 3.75em; - border-radius: 0 7.5em 7.5em 0; } - .swal2-icon.swal2-success .swal2-success-ring { - position: absolute; - z-index: 2; - top: -.25em; - left: -.25em; - box-sizing: content-box; - width: 100%; - height: 100%; - border: 0.25em solid rgba(165, 220, 134, 0.3); - border-radius: 50%; } - .swal2-icon.swal2-success .swal2-success-fix { - position: absolute; - z-index: 1; - top: .5em; - left: 1.625em; - width: .4375em; - height: 5.625em; - transform: rotate(-45deg); } - .swal2-icon.swal2-success [class^='swal2-success-line'] { - display: block; - position: absolute; - z-index: 2; - height: .3125em; - border-radius: .125em; - background-color: #a5dc86; } - .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] { - top: 2.875em; - left: .8125em; - width: 1.5625em; - transform: rotate(45deg); } - .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] { - top: 2.375em; - right: .5em; - width: 2.9375em; - transform: rotate(-45deg); } - .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip { - animation: swal2-animate-success-line-tip .75s; } - .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long { - animation: swal2-animate-success-line-long .75s; } - .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right { - animation: swal2-rotate-success-circular-line 4.25s ease-in; } - -.swal2-progress-steps { - flex-wrap: wrap; - align-items: center; - max-width: 100%; - margin: 0 0 1.25em; - padding: 0; - background: inherit; - font-weight: 600; } - .swal2-progress-steps li { - display: inline-block; - position: relative; } - .swal2-progress-steps .swal2-progress-step { - z-index: 20; - flex-shrink: 0; - width: 2em; - height: 2em; - border-radius: 2em; - background: #2778c4; - color: #fff; - line-height: 2em; - text-align: center; } - .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { - background: #2778c4; } - .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { - background: #add8e6; - color: #fff; } - .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { - background: #add8e6; } - .swal2-progress-steps .swal2-progress-step-line { - z-index: 10; - flex-shrink: 0; - width: 2.5em; - height: .4em; - margin: 0 -1px; - background: #2778c4; } - -[class^='swal2'] { - -webkit-tap-highlight-color: transparent; } - -.swal2-show { - animation: swal2-show 0.3s; } - -.swal2-hide { - animation: swal2-hide 0.15s forwards; } - -.swal2-noanimation { - transition: none; } - -.swal2-scrollbar-measure { - position: absolute; - top: -9999px; - width: 50px; - height: 50px; - overflow: scroll; } - -.swal2-rtl .swal2-close { - right: auto; - left: 0; } - -.swal2-rtl .swal2-timer-progress-bar { - right: 0; - left: auto; } - -@supports (-ms-accelerator: true) { - .swal2-range input { - width: 100% !important; } - .swal2-range output { - display: none; } } - -@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .swal2-range input { - width: 100% !important; } - .swal2-range output { - display: none; } } - -@keyframes swal2-toast-show { - 0% { - transform: translateY(-0.625em) rotateZ(2deg); } - 33% { - transform: translateY(0) rotateZ(-2deg); } - 66% { - transform: translateY(0.3125em) rotateZ(2deg); } - 100% { - transform: translateY(0) rotateZ(0deg); } } - -@keyframes swal2-toast-hide { - 100% { - transform: rotateZ(1deg); - opacity: 0; } } - -@keyframes swal2-toast-animate-success-line-tip { - 0% { - top: .5625em; - left: .0625em; - width: 0; } - 54% { - top: .125em; - left: .125em; - width: 0; } - 70% { - top: .625em; - left: -.25em; - width: 1.625em; } - 84% { - top: 1.0625em; - left: .75em; - width: .5em; } - 100% { - top: 1.125em; - left: .1875em; - width: .75em; } } - -@keyframes swal2-toast-animate-success-line-long { - 0% { - top: 1.625em; - right: 1.375em; - width: 0; } - 65% { - top: 1.25em; - right: .9375em; - width: 0; } - 84% { - top: .9375em; - right: 0; - width: 1.125em; } - 100% { - top: .9375em; - right: .1875em; - width: 1.375em; } } - -@keyframes swal2-show { - 0% { - transform: scale(0.7); } - 45% { - transform: scale(1.05); } - 80% { - transform: scale(0.95); } - 100% { - transform: scale(1); } } - -@keyframes swal2-hide { - 0% { - transform: scale(1); - opacity: 1; } - 100% { - transform: scale(0.5); - opacity: 0; } } - -@keyframes swal2-animate-success-line-tip { - 0% { - top: 1.1875em; - left: .0625em; - width: 0; } - 54% { - top: 1.0625em; - left: .125em; - width: 0; } - 70% { - top: 2.1875em; - left: -.375em; - width: 3.125em; } - 84% { - top: 3em; - left: 1.3125em; - width: 1.0625em; } - 100% { - top: 2.8125em; - left: .8125em; - width: 1.5625em; } } - -@keyframes swal2-animate-success-line-long { - 0% { - top: 3.375em; - right: 2.875em; - width: 0; } - 65% { - top: 3.375em; - right: 2.875em; - width: 0; } - 84% { - top: 2.1875em; - right: 0; - width: 3.4375em; } - 100% { - top: 2.375em; - right: .5em; - width: 2.9375em; } } - -@keyframes swal2-rotate-success-circular-line { - 0% { - transform: rotate(-45deg); } - 5% { - transform: rotate(-45deg); } - 12% { - transform: rotate(-405deg); } - 100% { - transform: rotate(-405deg); } } - -@keyframes swal2-animate-error-x-mark { - 0% { - margin-top: 1.625em; - transform: scale(0.4); - opacity: 0; } - 50% { - margin-top: 1.625em; - transform: scale(0.4); - opacity: 0; } - 80% { - margin-top: -.375em; - transform: scale(1.15); } - 100% { - margin-top: 0; - transform: scale(1); - opacity: 1; } } - -@keyframes swal2-animate-error-icon { - 0% { - transform: rotateX(100deg); - opacity: 0; } - 100% { - transform: rotateX(0deg); - opacity: 1; } } - -@keyframes swal2-rotate-loading { - 0% { - transform: rotate(0deg); } - 100% { - transform: rotate(360deg); } } - -body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { - overflow: hidden; } - -body.swal2-height-auto { - height: auto !important; } - -body.swal2-no-backdrop .swal2-container { - top: auto; - right: auto; - bottom: auto; - left: auto; - max-width: calc(100% - 0.625em * 2); - background-color: transparent !important; } - body.swal2-no-backdrop .swal2-container > .swal2-modal { - box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } - body.swal2-no-backdrop .swal2-container.swal2-top { - top: 0; - left: 50%; - transform: translateX(-50%); } - body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left { - top: 0; - left: 0; } - body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right { - top: 0; - right: 0; } - body.swal2-no-backdrop .swal2-container.swal2-center { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); } - body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left { - top: 50%; - left: 0; - transform: translateY(-50%); } - body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right { - top: 50%; - right: 0; - transform: translateY(-50%); } - body.swal2-no-backdrop .swal2-container.swal2-bottom { - bottom: 0; - left: 50%; - transform: translateX(-50%); } - body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left { - bottom: 0; - left: 0; } - body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right { - right: 0; - bottom: 0; } - -@media print { - body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { - overflow-y: scroll !important; } - body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden='true'] { - display: none; } - body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { - position: static !important; } } - -body.swal2-toast-shown .swal2-container { - background-color: transparent; } - body.swal2-toast-shown .swal2-container.swal2-top { - top: 0; - right: auto; - bottom: auto; - left: 50%; - transform: translateX(-50%); } - body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { - top: 0; - right: 0; - bottom: auto; - left: auto; } - body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { - top: 0; - right: auto; - bottom: auto; - left: 0; } - body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { - top: 50%; - right: auto; - bottom: auto; - left: 0; - transform: translateY(-50%); } - body.swal2-toast-shown .swal2-container.swal2-center { - top: 50%; - right: auto; - bottom: auto; - left: 50%; - transform: translate(-50%, -50%); } - body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { - top: 50%; - right: 0; - bottom: auto; - left: auto; - transform: translateY(-50%); } - body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { - top: auto; - right: auto; - bottom: 0; - left: 0; } - body.swal2-toast-shown .swal2-container.swal2-bottom { - top: auto; - right: auto; - bottom: 0; - left: 50%; - transform: translateX(-50%); } - body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { - top: auto; - right: 0; - bottom: 0; - left: auto; } - -body.swal2-toast-column .swal2-toast { - flex-direction: column; - align-items: stretch; } - body.swal2-toast-column .swal2-toast .swal2-actions { - flex: 1; - align-self: stretch; - height: 2.2em; - margin-top: .3125em; } - body.swal2-toast-column .swal2-toast .swal2-loading { - justify-content: center; } - body.swal2-toast-column .swal2-toast .swal2-input { - height: 2em; - margin: .3125em auto; - font-size: 1em; } - body.swal2-toast-column .swal2-toast .swal2-validation-message { - font-size: 1em; } - -.croppy-round .cropper-view-box, -.croppy-round .cropper-face { - border-radius: 50%; } - -.noteplus-layout .ql-toolbar.ql-snow { - position: absolute; - top: 18px; } - -/*! - * animate.css - https://animate.style/ - * Version - 4.1.1 - * Licensed under the MIT license - http://opensource.org/licenses/MIT - * - * Copyright (c) 2020 Animate.css - */ -:root { - --animate-duration: 1s; - --animate-delay: 1s; - --animate-repeat: 1; } - -.animate__animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-duration: var(--animate-duration); - animation-duration: var(--animate-duration); - -webkit-animation-fill-mode: both; - animation-fill-mode: both; } - -.animate__animated.animate__infinite { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; } - -.animate__animated.animate__repeat-1 { - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; - -webkit-animation-iteration-count: var(--animate-repeat); - animation-iteration-count: var(--animate-repeat); } - -.animate__animated.animate__repeat-2 { - -webkit-animation-iteration-count: calc(1 * 2); - animation-iteration-count: calc(1 * 2); - -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); - animation-iteration-count: calc(var(--animate-repeat) * 2); } - -.animate__animated.animate__repeat-3 { - -webkit-animation-iteration-count: calc(1 * 3); - animation-iteration-count: calc(1 * 3); - -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); - animation-iteration-count: calc(var(--animate-repeat) * 3); } - -.animate__animated.animate__delay-1s { - -webkit-animation-delay: 1s; - animation-delay: 1s; - -webkit-animation-delay: var(--animate-delay); - animation-delay: var(--animate-delay); } - -.animate__animated.animate__delay-2s { - -webkit-animation-delay: calc(1s * 2); - animation-delay: calc(1s * 2); - -webkit-animation-delay: calc(var(--animate-delay) * 2); - animation-delay: calc(var(--animate-delay) * 2); } - -.animate__animated.animate__delay-3s { - -webkit-animation-delay: calc(1s * 3); - animation-delay: calc(1s * 3); - -webkit-animation-delay: calc(var(--animate-delay) * 3); - animation-delay: calc(var(--animate-delay) * 3); } - -.animate__animated.animate__delay-4s { - -webkit-animation-delay: calc(1s * 4); - animation-delay: calc(1s * 4); - -webkit-animation-delay: calc(var(--animate-delay) * 4); - animation-delay: calc(var(--animate-delay) * 4); } - -.animate__animated.animate__delay-5s { - -webkit-animation-delay: calc(1s * 5); - animation-delay: calc(1s * 5); - -webkit-animation-delay: calc(var(--animate-delay) * 5); - animation-delay: calc(var(--animate-delay) * 5); } - -.animate__animated.animate__faster { - -webkit-animation-duration: calc(1s / 2); - animation-duration: calc(1s / 2); - -webkit-animation-duration: calc(var(--animate-duration) / 2); - animation-duration: calc(var(--animate-duration) / 2); } - -.animate__animated.animate__fast { - -webkit-animation-duration: calc(1s * 0.8); - animation-duration: calc(1s * 0.8); - -webkit-animation-duration: calc(var(--animate-duration) * 0.8); - animation-duration: calc(var(--animate-duration) * 0.8); } - -.animate__animated.animate__slow { - -webkit-animation-duration: calc(1s * 2); - animation-duration: calc(1s * 2); - -webkit-animation-duration: calc(var(--animate-duration) * 2); - animation-duration: calc(var(--animate-duration) * 2); } - -.animate__animated.animate__slower { - -webkit-animation-duration: calc(1s * 3); - animation-duration: calc(1s * 3); - -webkit-animation-duration: calc(var(--animate-duration) * 3); - animation-duration: calc(var(--animate-duration) * 3); } - -@media print, (prefers-reduced-motion: reduce) { - .animate__animated { - -webkit-animation-duration: 1ms !important; - animation-duration: 1ms !important; - -webkit-transition-duration: 1ms !important; - transition-duration: 1ms !important; - -webkit-animation-iteration-count: 1 !important; - animation-iteration-count: 1 !important; } - .animate__animated[class*='Out'] { - opacity: 0; } } - -/* Attention seekers */ -@-webkit-keyframes bounce { - from, - 20%, - 53%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 40%, - 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); - transform: translate3d(0, -30px, 0) scaleY(1.1); } - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); - transform: translate3d(0, -15px, 0) scaleY(1.05); } - 80% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); - transform: translate3d(0, 0, 0) scaleY(0.95); } - 90% { - -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); - transform: translate3d(0, -4px, 0) scaleY(1.02); } } - -@keyframes bounce { - from, - 20%, - 53%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 40%, - 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); - transform: translate3d(0, -30px, 0) scaleY(1.1); } - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); - transform: translate3d(0, -15px, 0) scaleY(1.05); } - 80% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); - transform: translate3d(0, 0, 0) scaleY(0.95); } - 90% { - -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); - transform: translate3d(0, -4px, 0) scaleY(1.02); } } - -.animate__bounce { - -webkit-animation-name: bounce; - animation-name: bounce; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; } - -@-webkit-keyframes flash { - from, - 50%, - to { - opacity: 1; } - 25%, - 75% { - opacity: 0; } } - -@keyframes flash { - from, - 50%, - to { - opacity: 1; } - 25%, - 75% { - opacity: 0; } } - -.animate__flash { - -webkit-animation-name: flash; - animation-name: flash; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes pulse { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } - -@keyframes pulse { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } - -.animate__pulse { - -webkit-animation-name: pulse; - animation-name: pulse; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - -@-webkit-keyframes rubberBand { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); } - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); } - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); } - 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); } - 75% { - -webkit-transform: scale3d(1.05, 0.95, 1); - transform: scale3d(1.05, 0.95, 1); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } - -@keyframes rubberBand { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 30% { - -webkit-transform: scale3d(1.05, 0.75, 1); - transform: scale3d(1.05, 0.75, 1); } - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); } - 50% { - -webkit-transform: scale3d(1.08, 0.75, 1); - transform: scale3d(1.08, 0.75, 1); } - 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); } - 75% { - -webkit-transform: scale3d(1.02, 0.95, 1); - transform: scale3d(1.02, 0.95, 1); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } - -.animate__rubberBand { - -webkit-animation-name: rubberBand; - animation-name: rubberBand; } - -@-webkit-keyframes shakeX { - from, - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); } } - -@keyframes shakeX { - from, - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); } } - -.animate__shakeX { - -webkit-animation-name: shakeX; - animation-name: shakeX; } - -@-webkit-keyframes shakeY { - from, - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); } } - -@keyframes shakeY { - from, - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); } } - -.animate__shakeY { - -webkit-animation-name: shakeY; - animation-name: shakeY; } - -@-webkit-keyframes headShake { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 6.5% { - -webkit-transform: translateX(-6px) rotateY(-9deg); - transform: translateX(-6px) rotateY(-9deg); } - 18.5% { - -webkit-transform: translateX(5px) rotateY(7deg); - transform: translateX(5px) rotateY(7deg); } - 31.5% { - -webkit-transform: translateX(-3px) rotateY(-5deg); - transform: translateX(-3px) rotateY(-5deg); } - 43.5% { - -webkit-transform: translateX(2px) rotateY(3deg); - transform: translateX(2px) rotateY(3deg); } - 50% { - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes headShake { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 6.5% { - -webkit-transform: translateX(-6px) rotateY(-9deg); - transform: translateX(-6px) rotateY(-9deg); } - 18.5% { - -webkit-transform: translateX(5px) rotateY(7deg); - transform: translateX(5px) rotateY(7deg); } - 31.5% { - -webkit-transform: translateX(-3px) rotateY(-5deg); - transform: translateX(-3px) rotateY(-5deg); } - 43.5% { - -webkit-transform: translateX(2px) rotateY(3deg); - transform: translateX(2px) rotateY(3deg); } - 50% { - -webkit-transform: translateX(0); - transform: translateX(0); } } - -.animate__headShake { - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-name: headShake; - animation-name: headShake; } - -@-webkit-keyframes swing { - 20% { - -webkit-transform: rotate3d(0, 0, 1, 15deg); - transform: rotate3d(0, 0, 1, 15deg); } - 40% { - -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); } - 60% { - -webkit-transform: rotate3d(0, 0, 1, 5deg); - transform: rotate3d(0, 0, 1, 5deg); } - 80% { - -webkit-transform: rotate3d(0, 0, 1, -5deg); - transform: rotate3d(0, 0, 1, -5deg); } - to { - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 0deg); } } - -@keyframes swing { - 20% { - -webkit-transform: rotate3d(0, 0, 1, 15deg); - transform: rotate3d(0, 0, 1, 15deg); } - 40% { - -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); } - 60% { - -webkit-transform: rotate3d(0, 0, 1, 5deg); - transform: rotate3d(0, 0, 1, 5deg); } - 80% { - -webkit-transform: rotate3d(0, 0, 1, -5deg); - transform: rotate3d(0, 0, 1, -5deg); } - to { - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 0deg); } } - -.animate__swing { - -webkit-transform-origin: top center; - transform-origin: top center; - -webkit-animation-name: swing; - animation-name: swing; } - -@-webkit-keyframes tada { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 10%, - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } - 30%, - 50%, - 70%, - 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } - 40%, - 60%, - 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } - -@keyframes tada { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 10%, - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } - 30%, - 50%, - 70%, - 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } - 40%, - 60%, - 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } - -.animate__tada { - -webkit-animation-name: tada; - animation-name: tada; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes wobble { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes wobble { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__wobble { - -webkit-animation-name: wobble; - animation-name: wobble; } - -@-webkit-keyframes jello { - from, - 11.1%, - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 22.2% { - -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); - transform: skewX(-12.5deg) skewY(-12.5deg); } - 33.3% { - -webkit-transform: skewX(6.25deg) skewY(6.25deg); - transform: skewX(6.25deg) skewY(6.25deg); } - 44.4% { - -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); - transform: skewX(-3.125deg) skewY(-3.125deg); } - 55.5% { - -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); - transform: skewX(1.5625deg) skewY(1.5625deg); } - 66.6% { - -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); } - 77.7% { - -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); - transform: skewX(0.39062deg) skewY(0.39062deg); } - 88.8% { - -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); - transform: skewX(-0.19531deg) skewY(-0.19531deg); } } - -@keyframes jello { - from, - 11.1%, - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 22.2% { - -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); - transform: skewX(-12.5deg) skewY(-12.5deg); } - 33.3% { - -webkit-transform: skewX(6.25deg) skewY(6.25deg); - transform: skewX(6.25deg) skewY(6.25deg); } - 44.4% { - -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); - transform: skewX(-3.125deg) skewY(-3.125deg); } - 55.5% { - -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); - transform: skewX(1.5625deg) skewY(1.5625deg); } - 66.6% { - -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); } - 77.7% { - -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); - transform: skewX(0.39062deg) skewY(0.39062deg); } - 88.8% { - -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); - transform: skewX(-0.19531deg) skewY(-0.19531deg); } } - -.animate__jello { - -webkit-animation-name: jello; - animation-name: jello; - -webkit-transform-origin: center; - transform-origin: center; } - -@-webkit-keyframes heartBeat { - 0% { - -webkit-transform: scale(1); - transform: scale(1); } - 14% { - -webkit-transform: scale(1.3); - transform: scale(1.3); } - 28% { - -webkit-transform: scale(1); - transform: scale(1); } - 42% { - -webkit-transform: scale(1.3); - transform: scale(1.3); } - 70% { - -webkit-transform: scale(1); - transform: scale(1); } } - -@keyframes heartBeat { - 0% { - -webkit-transform: scale(1); - transform: scale(1); } - 14% { - -webkit-transform: scale(1.3); - transform: scale(1.3); } - 28% { - -webkit-transform: scale(1); - transform: scale(1); } - 42% { - -webkit-transform: scale(1.3); - transform: scale(1.3); } - 70% { - -webkit-transform: scale(1); - transform: scale(1); } } - -.animate__heartBeat { - -webkit-animation-name: heartBeat; - animation-name: heartBeat; - -webkit-animation-duration: calc(1s * 1.3); - animation-duration: calc(1s * 1.3); - -webkit-animation-duration: calc(var(--animate-duration) * 1.3); - animation-duration: calc(var(--animate-duration) * 1.3); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - -/* Back entrances */ -@-webkit-keyframes backInDown { - 0% { - -webkit-transform: translateY(-1200px) scale(0.7); - transform: translateY(-1200px) scale(0.7); - opacity: 0.7; } - 80% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -@keyframes backInDown { - 0% { - -webkit-transform: translateY(-1200px) scale(0.7); - transform: translateY(-1200px) scale(0.7); - opacity: 0.7; } - 80% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -.animate__backInDown { - -webkit-animation-name: backInDown; - animation-name: backInDown; } - -@-webkit-keyframes backInLeft { - 0% { - -webkit-transform: translateX(-2000px) scale(0.7); - transform: translateX(-2000px) scale(0.7); - opacity: 0.7; } - 80% { - -webkit-transform: translateX(0px) scale(0.7); - transform: translateX(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -@keyframes backInLeft { - 0% { - -webkit-transform: translateX(-2000px) scale(0.7); - transform: translateX(-2000px) scale(0.7); - opacity: 0.7; } - 80% { - -webkit-transform: translateX(0px) scale(0.7); - transform: translateX(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -.animate__backInLeft { - -webkit-animation-name: backInLeft; - animation-name: backInLeft; } - -@-webkit-keyframes backInRight { - 0% { - -webkit-transform: translateX(2000px) scale(0.7); - transform: translateX(2000px) scale(0.7); - opacity: 0.7; } - 80% { - -webkit-transform: translateX(0px) scale(0.7); - transform: translateX(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -@keyframes backInRight { - 0% { - -webkit-transform: translateX(2000px) scale(0.7); - transform: translateX(2000px) scale(0.7); - opacity: 0.7; } - 80% { - -webkit-transform: translateX(0px) scale(0.7); - transform: translateX(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -.animate__backInRight { - -webkit-animation-name: backInRight; - animation-name: backInRight; } - -@-webkit-keyframes backInUp { - 0% { - -webkit-transform: translateY(1200px) scale(0.7); - transform: translateY(1200px) scale(0.7); - opacity: 0.7; } - 80% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -@keyframes backInUp { - 0% { - -webkit-transform: translateY(1200px) scale(0.7); - transform: translateY(1200px) scale(0.7); - opacity: 0.7; } - 80% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -.animate__backInUp { - -webkit-animation-name: backInUp; - animation-name: backInUp; } - -/* Back exits */ -@-webkit-keyframes backOutDown { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 20% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: translateY(700px) scale(0.7); - transform: translateY(700px) scale(0.7); - opacity: 0.7; } } - -@keyframes backOutDown { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 20% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: translateY(700px) scale(0.7); - transform: translateY(700px) scale(0.7); - opacity: 0.7; } } - -.animate__backOutDown { - -webkit-animation-name: backOutDown; - animation-name: backOutDown; } - -@-webkit-keyframes backOutLeft { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 20% { - -webkit-transform: translateX(0px) scale(0.7); - transform: translateX(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: translateX(-2000px) scale(0.7); - transform: translateX(-2000px) scale(0.7); - opacity: 0.7; } } - -@keyframes backOutLeft { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 20% { - -webkit-transform: translateX(0px) scale(0.7); - transform: translateX(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: translateX(-2000px) scale(0.7); - transform: translateX(-2000px) scale(0.7); - opacity: 0.7; } } - -.animate__backOutLeft { - -webkit-animation-name: backOutLeft; - animation-name: backOutLeft; } - -@-webkit-keyframes backOutRight { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 20% { - -webkit-transform: translateX(0px) scale(0.7); - transform: translateX(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: translateX(2000px) scale(0.7); - transform: translateX(2000px) scale(0.7); - opacity: 0.7; } } - -@keyframes backOutRight { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 20% { - -webkit-transform: translateX(0px) scale(0.7); - transform: translateX(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: translateX(2000px) scale(0.7); - transform: translateX(2000px) scale(0.7); - opacity: 0.7; } } - -.animate__backOutRight { - -webkit-animation-name: backOutRight; - animation-name: backOutRight; } - -@-webkit-keyframes backOutUp { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 20% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: translateY(-700px) scale(0.7); - transform: translateY(-700px) scale(0.7); - opacity: 0.7; } } - -@keyframes backOutUp { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 20% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: translateY(-700px) scale(0.7); - transform: translateY(-700px) scale(0.7); - opacity: 0.7; } } - -.animate__backOutUp { - -webkit-animation-name: backOutUp; - animation-name: backOutUp; } - -/* Bouncing entrances */ -@-webkit-keyframes bounceIn { - from, - 20%, - 40%, - 60%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); } - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); } - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); } - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); } - to { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } - -@keyframes bounceIn { - from, - 20%, - 40%, - 60%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); } - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); } - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); } - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); } - to { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } - -.animate__bounceIn { - -webkit-animation-duration: calc(1s * 0.75); - animation-duration: calc(1s * 0.75); - -webkit-animation-duration: calc(var(--animate-duration) * 0.75); - animation-duration: calc(var(--animate-duration) * 0.75); - -webkit-animation-name: bounceIn; - animation-name: bounceIn; } - -@-webkit-keyframes bounceInDown { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); - transform: translate3d(0, -3000px, 0) scaleY(3); } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); - transform: translate3d(0, 25px, 0) scaleY(0.9); } - 75% { - -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); - transform: translate3d(0, -10px, 0) scaleY(0.95); } - 90% { - -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); - transform: translate3d(0, 5px, 0) scaleY(0.985); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes bounceInDown { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); - transform: translate3d(0, -3000px, 0) scaleY(3); } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); - transform: translate3d(0, 25px, 0) scaleY(0.9); } - 75% { - -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); - transform: translate3d(0, -10px, 0) scaleY(0.95); } - 90% { - -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); - transform: translate3d(0, 5px, 0) scaleY(0.985); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__bounceInDown { - -webkit-animation-name: bounceInDown; - animation-name: bounceInDown; } - -@-webkit-keyframes bounceInLeft { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); - transform: translate3d(-3000px, 0, 0) scaleX(3); } - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0) scaleX(1); - transform: translate3d(25px, 0, 0) scaleX(1); } - 75% { - -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); - transform: translate3d(-10px, 0, 0) scaleX(0.98); } - 90% { - -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); - transform: translate3d(5px, 0, 0) scaleX(0.995); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes bounceInLeft { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); - transform: translate3d(-3000px, 0, 0) scaleX(3); } - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0) scaleX(1); - transform: translate3d(25px, 0, 0) scaleX(1); } - 75% { - -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); - transform: translate3d(-10px, 0, 0) scaleX(0.98); } - 90% { - -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); - transform: translate3d(5px, 0, 0) scaleX(0.995); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__bounceInLeft { - -webkit-animation-name: bounceInLeft; - animation-name: bounceInLeft; } - -@-webkit-keyframes bounceInRight { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - from { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); - transform: translate3d(3000px, 0, 0) scaleX(3); } - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); - transform: translate3d(-25px, 0, 0) scaleX(1); } - 75% { - -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); - transform: translate3d(10px, 0, 0) scaleX(0.98); } - 90% { - -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); - transform: translate3d(-5px, 0, 0) scaleX(0.995); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes bounceInRight { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - from { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); - transform: translate3d(3000px, 0, 0) scaleX(3); } - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); - transform: translate3d(-25px, 0, 0) scaleX(1); } - 75% { - -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); - transform: translate3d(10px, 0, 0) scaleX(0.98); } - 90% { - -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); - transform: translate3d(-5px, 0, 0) scaleX(0.995); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__bounceInRight { - -webkit-animation-name: bounceInRight; - animation-name: bounceInRight; } - -@-webkit-keyframes bounceInUp { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - from { - opacity: 0; - -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); - transform: translate3d(0, 3000px, 0) scaleY(5); } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); - transform: translate3d(0, -20px, 0) scaleY(0.9); } - 75% { - -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); - transform: translate3d(0, 10px, 0) scaleY(0.95); } - 90% { - -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); - transform: translate3d(0, -5px, 0) scaleY(0.985); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes bounceInUp { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - from { - opacity: 0; - -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); - transform: translate3d(0, 3000px, 0) scaleY(5); } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); - transform: translate3d(0, -20px, 0) scaleY(0.9); } - 75% { - -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); - transform: translate3d(0, 10px, 0) scaleY(0.95); } - 90% { - -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); - transform: translate3d(0, -5px, 0) scaleY(0.985); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__bounceInUp { - -webkit-animation-name: bounceInUp; - animation-name: bounceInUp; } - -/* Bouncing exits */ -@-webkit-keyframes bounceOut { - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); } - 50%, - 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); } - to { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } } - -@keyframes bounceOut { - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); } - 50%, - 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); } - to { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } } - -.animate__bounceOut { - -webkit-animation-duration: calc(1s * 0.75); - animation-duration: calc(1s * 0.75); - -webkit-animation-duration: calc(var(--animate-duration) * 0.75); - animation-duration: calc(var(--animate-duration) * 0.75); - -webkit-animation-name: bounceOut; - animation-name: bounceOut; } - -@-webkit-keyframes bounceOutDown { - 20% { - -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); - transform: translate3d(0, 10px, 0) scaleY(0.985); } - 40%, - 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); - transform: translate3d(0, -20px, 0) scaleY(0.9); } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); - transform: translate3d(0, 2000px, 0) scaleY(3); } } - -@keyframes bounceOutDown { - 20% { - -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); - transform: translate3d(0, 10px, 0) scaleY(0.985); } - 40%, - 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); - transform: translate3d(0, -20px, 0) scaleY(0.9); } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); - transform: translate3d(0, 2000px, 0) scaleY(3); } } - -.animate__bounceOutDown { - -webkit-animation-name: bounceOutDown; - animation-name: bounceOutDown; } - -@-webkit-keyframes bounceOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); - transform: translate3d(20px, 0, 0) scaleX(0.9); } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); - transform: translate3d(-2000px, 0, 0) scaleX(2); } } - -@keyframes bounceOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); - transform: translate3d(20px, 0, 0) scaleX(0.9); } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); - transform: translate3d(-2000px, 0, 0) scaleX(2); } } - -.animate__bounceOutLeft { - -webkit-animation-name: bounceOutLeft; - animation-name: bounceOutLeft; } - -@-webkit-keyframes bounceOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); - transform: translate3d(-20px, 0, 0) scaleX(0.9); } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); - transform: translate3d(2000px, 0, 0) scaleX(2); } } - -@keyframes bounceOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); - transform: translate3d(-20px, 0, 0) scaleX(0.9); } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); - transform: translate3d(2000px, 0, 0) scaleX(2); } } - -.animate__bounceOutRight { - -webkit-animation-name: bounceOutRight; - animation-name: bounceOutRight; } - -@-webkit-keyframes bounceOutUp { - 20% { - -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); - transform: translate3d(0, -10px, 0) scaleY(0.985); } - 40%, - 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); - transform: translate3d(0, 20px, 0) scaleY(0.9); } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); - transform: translate3d(0, -2000px, 0) scaleY(3); } } - -@keyframes bounceOutUp { - 20% { - -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); - transform: translate3d(0, -10px, 0) scaleY(0.985); } - 40%, - 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); - transform: translate3d(0, 20px, 0) scaleY(0.9); } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); - transform: translate3d(0, -2000px, 0) scaleY(3); } } - -.animate__bounceOutUp { - -webkit-animation-name: bounceOutUp; - animation-name: bounceOutUp; } - -/* Fading entrances */ -@-webkit-keyframes fadeIn { - from { - opacity: 0; } - to { - opacity: 1; } } - -@keyframes fadeIn { - from { - opacity: 0; } - to { - opacity: 1; } } - -.animate__fadeIn { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; } - -@-webkit-keyframes fadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInDown { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; } - -@-webkit-keyframes fadeInDownBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInDownBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInDownBig { - -webkit-animation-name: fadeInDownBig; - animation-name: fadeInDownBig; } - -@-webkit-keyframes fadeInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInLeft { - -webkit-animation-name: fadeInLeft; - animation-name: fadeInLeft; } - -@-webkit-keyframes fadeInLeftBig { - from { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInLeftBig { - from { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInLeftBig { - -webkit-animation-name: fadeInLeftBig; - animation-name: fadeInLeftBig; } - -@-webkit-keyframes fadeInRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInRight { - -webkit-animation-name: fadeInRight; - animation-name: fadeInRight; } - -@-webkit-keyframes fadeInRightBig { - from { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInRightBig { - from { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInRightBig { - -webkit-animation-name: fadeInRightBig; - animation-name: fadeInRightBig; } - -@-webkit-keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInUp { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; } - -@-webkit-keyframes fadeInUpBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInUpBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInUpBig { - -webkit-animation-name: fadeInUpBig; - animation-name: fadeInUpBig; } - -@-webkit-keyframes fadeInTopLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, -100%, 0); - transform: translate3d(-100%, -100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInTopLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, -100%, 0); - transform: translate3d(-100%, -100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInTopLeft { - -webkit-animation-name: fadeInTopLeft; - animation-name: fadeInTopLeft; } - -@-webkit-keyframes fadeInTopRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, -100%, 0); - transform: translate3d(100%, -100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInTopRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, -100%, 0); - transform: translate3d(100%, -100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInTopRight { - -webkit-animation-name: fadeInTopRight; - animation-name: fadeInTopRight; } - -@-webkit-keyframes fadeInBottomLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 100%, 0); - transform: translate3d(-100%, 100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInBottomLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 100%, 0); - transform: translate3d(-100%, 100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInBottomLeft { - -webkit-animation-name: fadeInBottomLeft; - animation-name: fadeInBottomLeft; } - -@-webkit-keyframes fadeInBottomRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 100%, 0); - transform: translate3d(100%, 100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInBottomRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 100%, 0); - transform: translate3d(100%, 100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInBottomRight { - -webkit-animation-name: fadeInBottomRight; - animation-name: fadeInBottomRight; } - -/* Fading exits */ -@-webkit-keyframes fadeOut { - from { - opacity: 1; } - to { - opacity: 0; } } - -@keyframes fadeOut { - from { - opacity: 1; } - to { - opacity: 0; } } - -.animate__fadeOut { - -webkit-animation-name: fadeOut; - animation-name: fadeOut; } - -@-webkit-keyframes fadeOutDown { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } } - -@keyframes fadeOutDown { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } } - -.animate__fadeOutDown { - -webkit-animation-name: fadeOutDown; - animation-name: fadeOutDown; } - -@-webkit-keyframes fadeOutDownBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); } } - -@keyframes fadeOutDownBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); } } - -.animate__fadeOutDownBig { - -webkit-animation-name: fadeOutDownBig; - animation-name: fadeOutDownBig; } - -@-webkit-keyframes fadeOutLeft { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } } - -@keyframes fadeOutLeft { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } } - -.animate__fadeOutLeft { - -webkit-animation-name: fadeOutLeft; - animation-name: fadeOutLeft; } - -@-webkit-keyframes fadeOutLeftBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); } } - -@keyframes fadeOutLeftBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); } } - -.animate__fadeOutLeftBig { - -webkit-animation-name: fadeOutLeftBig; - animation-name: fadeOutLeftBig; } - -@-webkit-keyframes fadeOutRight { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } } - -@keyframes fadeOutRight { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } } - -.animate__fadeOutRight { - -webkit-animation-name: fadeOutRight; - animation-name: fadeOutRight; } - -@-webkit-keyframes fadeOutRightBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); } } - -@keyframes fadeOutRightBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); } } - -.animate__fadeOutRightBig { - -webkit-animation-name: fadeOutRightBig; - animation-name: fadeOutRightBig; } - -@-webkit-keyframes fadeOutUp { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } } - -@keyframes fadeOutUp { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } } - -.animate__fadeOutUp { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp; } - -@-webkit-keyframes fadeOutUpBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); } } - -@keyframes fadeOutUpBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); } } - -.animate__fadeOutUpBig { - -webkit-animation-name: fadeOutUpBig; - animation-name: fadeOutUpBig; } - -@-webkit-keyframes fadeOutTopLeft { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, -100%, 0); - transform: translate3d(-100%, -100%, 0); } } - -@keyframes fadeOutTopLeft { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, -100%, 0); - transform: translate3d(-100%, -100%, 0); } } - -.animate__fadeOutTopLeft { - -webkit-animation-name: fadeOutTopLeft; - animation-name: fadeOutTopLeft; } - -@-webkit-keyframes fadeOutTopRight { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(100%, -100%, 0); - transform: translate3d(100%, -100%, 0); } } - -@keyframes fadeOutTopRight { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(100%, -100%, 0); - transform: translate3d(100%, -100%, 0); } } - -.animate__fadeOutTopRight { - -webkit-animation-name: fadeOutTopRight; - animation-name: fadeOutTopRight; } - -@-webkit-keyframes fadeOutBottomRight { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 100%, 0); - transform: translate3d(100%, 100%, 0); } } - -@keyframes fadeOutBottomRight { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 100%, 0); - transform: translate3d(100%, 100%, 0); } } - -.animate__fadeOutBottomRight { - -webkit-animation-name: fadeOutBottomRight; - animation-name: fadeOutBottomRight; } - -@-webkit-keyframes fadeOutBottomLeft { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 100%, 0); - transform: translate3d(-100%, 100%, 0); } } - -@keyframes fadeOutBottomLeft { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 100%, 0); - transform: translate3d(-100%, 100%, 0); } } - -.animate__fadeOutBottomLeft { - -webkit-animation-name: fadeOutBottomLeft; - animation-name: fadeOutBottomLeft; } - -/* Flippers */ -@-webkit-keyframes flip { - from { - -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); - transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 40% { - -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 50% { - -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 80% { - -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); - transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - to { - -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); - transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } } - -@keyframes flip { - from { - -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); - transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 40% { - -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 50% { - -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 80% { - -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); - transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - to { - -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); - transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } } - -.animate__animated.animate__flip { - -webkit-backface-visibility: visible; - backface-visibility: visible; - -webkit-animation-name: flip; - animation-name: flip; } - -@-webkit-keyframes flipInX { - from { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; } - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); } } - -@keyframes flipInX { - from { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; } - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); } } - -.animate__flipInX { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInX; - animation-name: flipInX; } - -@-webkit-keyframes flipInY { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 60% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; } - 80% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); } } - -@keyframes flipInY { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 60% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; } - 80% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); } } - -.animate__flipInY { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInY; - animation-name: flipInY; } - -@-webkit-keyframes flipOutX { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); } - 30% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; } - to { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; } } - -@keyframes flipOutX { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); } - 30% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; } - to { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; } } - -.animate__flipOutX { - -webkit-animation-duration: calc(1s * 0.75); - animation-duration: calc(1s * 0.75); - -webkit-animation-duration: calc(var(--animate-duration) * 0.75); - animation-duration: calc(var(--animate-duration) * 0.75); - -webkit-animation-name: flipOutX; - animation-name: flipOutX; - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; } - -@-webkit-keyframes flipOutY { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); } - 30% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; } - to { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; } } - -@keyframes flipOutY { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); } - 30% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; } - to { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; } } - -.animate__flipOutY { - -webkit-animation-duration: calc(1s * 0.75); - animation-duration: calc(1s * 0.75); - -webkit-animation-duration: calc(var(--animate-duration) * 0.75); - animation-duration: calc(var(--animate-duration) * 0.75); - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipOutY; - animation-name: flipOutY; } - -/* Lightspeed */ -@-webkit-keyframes lightSpeedInRight { - from { - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; } - 60% { - -webkit-transform: skewX(20deg); - transform: skewX(20deg); - opacity: 1; } - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes lightSpeedInRight { - from { - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; } - 60% { - -webkit-transform: skewX(20deg); - transform: skewX(20deg); - opacity: 1; } - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__lightSpeedInRight { - -webkit-animation-name: lightSpeedInRight; - animation-name: lightSpeedInRight; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - -@-webkit-keyframes lightSpeedInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); - transform: translate3d(-100%, 0, 0) skewX(30deg); - opacity: 0; } - 60% { - -webkit-transform: skewX(-20deg); - transform: skewX(-20deg); - opacity: 1; } - 80% { - -webkit-transform: skewX(5deg); - transform: skewX(5deg); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes lightSpeedInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); - transform: translate3d(-100%, 0, 0) skewX(30deg); - opacity: 0; } - 60% { - -webkit-transform: skewX(-20deg); - transform: skewX(-20deg); - opacity: 1; } - 80% { - -webkit-transform: skewX(5deg); - transform: skewX(5deg); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__lightSpeedInLeft { - -webkit-animation-name: lightSpeedInLeft; - animation-name: lightSpeedInLeft; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - -@-webkit-keyframes lightSpeedOutRight { - from { - opacity: 1; } - to { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; } } - -@keyframes lightSpeedOutRight { - from { - opacity: 1; } - to { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; } } - -.animate__lightSpeedOutRight { - -webkit-animation-name: lightSpeedOutRight; - animation-name: lightSpeedOutRight; - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - -@-webkit-keyframes lightSpeedOutLeft { - from { - opacity: 1; } - to { - -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); - transform: translate3d(-100%, 0, 0) skewX(-30deg); - opacity: 0; } } - -@keyframes lightSpeedOutLeft { - from { - opacity: 1; } - to { - -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); - transform: translate3d(-100%, 0, 0) skewX(-30deg); - opacity: 0; } } - -.animate__lightSpeedOutLeft { - -webkit-animation-name: lightSpeedOutLeft; - animation-name: lightSpeedOutLeft; - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - -/* Rotating entrances */ -@-webkit-keyframes rotateIn { - from { - -webkit-transform: rotate3d(0, 0, 1, -200deg); - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@keyframes rotateIn { - from { - -webkit-transform: rotate3d(0, 0, 1, -200deg); - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -.animate__rotateIn { - -webkit-animation-name: rotateIn; - animation-name: rotateIn; - -webkit-transform-origin: center; - transform-origin: center; } - -@-webkit-keyframes rotateInDownLeft { - from { - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@keyframes rotateInDownLeft { - from { - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -.animate__rotateInDownLeft { - -webkit-animation-name: rotateInDownLeft; - animation-name: rotateInDownLeft; - -webkit-transform-origin: left bottom; - transform-origin: left bottom; } - -@-webkit-keyframes rotateInDownRight { - from { - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@keyframes rotateInDownRight { - from { - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -.animate__rotateInDownRight { - -webkit-animation-name: rotateInDownRight; - animation-name: rotateInDownRight; - -webkit-transform-origin: right bottom; - transform-origin: right bottom; } - -@-webkit-keyframes rotateInUpLeft { - from { - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@keyframes rotateInUpLeft { - from { - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -.animate__rotateInUpLeft { - -webkit-animation-name: rotateInUpLeft; - animation-name: rotateInUpLeft; - -webkit-transform-origin: left bottom; - transform-origin: left bottom; } - -@-webkit-keyframes rotateInUpRight { - from { - -webkit-transform: rotate3d(0, 0, 1, -90deg); - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@keyframes rotateInUpRight { - from { - -webkit-transform: rotate3d(0, 0, 1, -90deg); - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -.animate__rotateInUpRight { - -webkit-animation-name: rotateInUpRight; - animation-name: rotateInUpRight; - -webkit-transform-origin: right bottom; - transform-origin: right bottom; } - -/* Rotating exits */ -@-webkit-keyframes rotateOut { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, 200deg); - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; } } - -@keyframes rotateOut { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, 200deg); - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; } } - -.animate__rotateOut { - -webkit-animation-name: rotateOut; - animation-name: rotateOut; - -webkit-transform-origin: center; - transform-origin: center; } - -@-webkit-keyframes rotateOutDownLeft { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } } - -@keyframes rotateOutDownLeft { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } } - -.animate__rotateOutDownLeft { - -webkit-animation-name: rotateOutDownLeft; - animation-name: rotateOutDownLeft; - -webkit-transform-origin: left bottom; - transform-origin: left bottom; } - -@-webkit-keyframes rotateOutDownRight { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } } - -@keyframes rotateOutDownRight { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } } - -.animate__rotateOutDownRight { - -webkit-animation-name: rotateOutDownRight; - animation-name: rotateOutDownRight; - -webkit-transform-origin: right bottom; - transform-origin: right bottom; } - -@-webkit-keyframes rotateOutUpLeft { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } } - -@keyframes rotateOutUpLeft { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } } - -.animate__rotateOutUpLeft { - -webkit-animation-name: rotateOutUpLeft; - animation-name: rotateOutUpLeft; - -webkit-transform-origin: left bottom; - transform-origin: left bottom; } - -@-webkit-keyframes rotateOutUpRight { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, 90deg); - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; } } - -@keyframes rotateOutUpRight { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, 90deg); - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; } } - -.animate__rotateOutUpRight { - -webkit-animation-name: rotateOutUpRight; - animation-name: rotateOutUpRight; - -webkit-transform-origin: right bottom; - transform-origin: right bottom; } - -/* Specials */ -@-webkit-keyframes hinge { - 0% { - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 20%, - 60% { - -webkit-transform: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 40%, - 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 60deg); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1; } - to { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - opacity: 0; } } - -@keyframes hinge { - 0% { - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 20%, - 60% { - -webkit-transform: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 40%, - 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 60deg); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1; } - to { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - opacity: 0; } } - -.animate__hinge { - -webkit-animation-duration: calc(1s * 2); - animation-duration: calc(1s * 2); - -webkit-animation-duration: calc(var(--animate-duration) * 2); - animation-duration: calc(var(--animate-duration) * 2); - -webkit-animation-name: hinge; - animation-name: hinge; - -webkit-transform-origin: top left; - transform-origin: top left; } - -@-webkit-keyframes jackInTheBox { - from { - opacity: 0; - -webkit-transform: scale(0.1) rotate(30deg); - transform: scale(0.1) rotate(30deg); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; } - 50% { - -webkit-transform: rotate(-10deg); - transform: rotate(-10deg); } - 70% { - -webkit-transform: rotate(3deg); - transform: rotate(3deg); } - to { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); } } - -@keyframes jackInTheBox { - from { - opacity: 0; - -webkit-transform: scale(0.1) rotate(30deg); - transform: scale(0.1) rotate(30deg); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; } - 50% { - -webkit-transform: rotate(-10deg); - transform: rotate(-10deg); } - 70% { - -webkit-transform: rotate(3deg); - transform: rotate(3deg); } - to { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); } } - -.animate__jackInTheBox { - -webkit-animation-name: jackInTheBox; - animation-name: jackInTheBox; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes rollIn { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes rollIn { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__rollIn { - -webkit-animation-name: rollIn; - animation-name: rollIn; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes rollOut { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } - -@keyframes rollOut { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } - -.animate__rollOut { - -webkit-animation-name: rollOut; - animation-name: rollOut; } - -/* Zooming entrances */ -@-webkit-keyframes zoomIn { - from { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - 50% { - opacity: 1; } } - -@keyframes zoomIn { - from { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - 50% { - opacity: 1; } } - -.animate__zoomIn { - -webkit-animation-name: zoomIn; - animation-name: zoomIn; } - -@-webkit-keyframes zoomInDown { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -@keyframes zoomInDown { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -.animate__zoomInDown { - -webkit-animation-name: zoomInDown; - animation-name: zoomInDown; } - -@-webkit-keyframes zoomInLeft { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -@keyframes zoomInLeft { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -.animate__zoomInLeft { - -webkit-animation-name: zoomInLeft; - animation-name: zoomInLeft; } - -@-webkit-keyframes zoomInRight { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -@keyframes zoomInRight { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -.animate__zoomInRight { - -webkit-animation-name: zoomInRight; - animation-name: zoomInRight; } - -@-webkit-keyframes zoomInUp { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -@keyframes zoomInUp { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -.animate__zoomInUp { - -webkit-animation-name: zoomInUp; - animation-name: zoomInUp; } - -/* Zooming exits */ -@-webkit-keyframes zoomOut { - from { - opacity: 1; } - 50% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - to { - opacity: 0; } } - -@keyframes zoomOut { - from { - opacity: 1; } - 50% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - to { - opacity: 0; } } - -.animate__zoomOut { - -webkit-animation-name: zoomOut; - animation-name: zoomOut; } - -@-webkit-keyframes zoomOutDown { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -@keyframes zoomOutDown { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -.animate__zoomOutDown { - -webkit-animation-name: zoomOutDown; - animation-name: zoomOutDown; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; } - -@-webkit-keyframes zoomOutLeft { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); - transform: scale(0.1) translate3d(-2000px, 0, 0); } } - -@keyframes zoomOutLeft { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); - transform: scale(0.1) translate3d(-2000px, 0, 0); } } - -.animate__zoomOutLeft { - -webkit-animation-name: zoomOutLeft; - animation-name: zoomOutLeft; - -webkit-transform-origin: left center; - transform-origin: left center; } - -@-webkit-keyframes zoomOutRight { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); - transform: scale(0.1) translate3d(2000px, 0, 0); } } - -@keyframes zoomOutRight { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); - transform: scale(0.1) translate3d(2000px, 0, 0); } } - -.animate__zoomOutRight { - -webkit-animation-name: zoomOutRight; - animation-name: zoomOutRight; - -webkit-transform-origin: right center; - transform-origin: right center; } - -@-webkit-keyframes zoomOutUp { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -@keyframes zoomOutUp { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -.animate__zoomOutUp { - -webkit-animation-name: zoomOutUp; - animation-name: zoomOutUp; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; } - -/* Sliding entrances */ -@-webkit-keyframes slideInDown { - from { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes slideInDown { - from { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__slideInDown { - -webkit-animation-name: slideInDown; - animation-name: slideInDown; } - -@-webkit-keyframes slideInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes slideInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__slideInLeft { - -webkit-animation-name: slideInLeft; - animation-name: slideInLeft; } - -@-webkit-keyframes slideInRight { - from { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes slideInRight { - from { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__slideInRight { - -webkit-animation-name: slideInRight; - animation-name: slideInRight; } - -@-webkit-keyframes slideInUp { - from { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes slideInUp { - from { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__slideInUp { - -webkit-animation-name: slideInUp; - animation-name: slideInUp; } - -/* Sliding exits */ -@-webkit-keyframes slideOutDown { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } } - -@keyframes slideOutDown { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } } - -.animate__slideOutDown { - -webkit-animation-name: slideOutDown; - animation-name: slideOutDown; } - -@-webkit-keyframes slideOutLeft { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } } - -@keyframes slideOutLeft { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } } - -.animate__slideOutLeft { - -webkit-animation-name: slideOutLeft; - animation-name: slideOutLeft; } - -@-webkit-keyframes slideOutRight { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } } - -@keyframes slideOutRight { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } } - -.animate__slideOutRight { - -webkit-animation-name: slideOutRight; - animation-name: slideOutRight; } - -@-webkit-keyframes slideOutUp { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } } - -@keyframes slideOutUp { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } } - -.animate__slideOutUp { - -webkit-animation-name: slideOutUp; - animation-name: slideOutUp; } - -.picker .pc-select .pc-list li:nth-child(even) { - background-color: unset !important; } - -.picker .pc-select { - min-width: 200px !important; - max-width: 200px; } - .picker .pc-select .pc-trigger { - font-size: 14px; - line-height: 31px; - border: 0; - border-bottom: 2px solid #DCDDDF; - border-radius: 0; - padding-left: 0; - padding-right: 0; - background: none; - color: #768492; - position: relative; } - .picker .pc-select .pc-trigger:after { - content: "\EA4E"; - position: absolute; - right: 0; - top: -1; - font-size: 20px; - font-family: remixicon !important; - font-weight: normal; } - .picker .pc-select .pc-trigger:hover { - background: none; - color: #768492; } - .picker .pc-select .pc-list { - -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - border: unset !important; } - .picker .pc-select .pc-list li:hover { - background-color: #1f1c2f !important; - color: #fff; } - -.scroller { - overflow-y: auto; - scrollbar-color: #1f1c2f #B2B2B2; - scrollbar-width: thin; } - .scroller::-webkit-scrollbar-thumb { - background-color: #1f1c2f; } - .scroller::-webkit-scrollbar-track { - background-color: #B2B2B2; } - .scroller::-moz-scrollbar-thumb { - background-color: #1f1c2f; } - .scroller::-moz-scrollbar-track { - background-color: #B2B2B2; } - -::-webkit-scrollbar { - width: 8px; - height: 8px; - border-radius: 20px; } - -::-moz-scrollbar { - width: 8px; - height: 8px; - border-radius: 20px; } - -::-webkit-scrollbar-track { - background: #DCDDDF; - border-radius: 20px; } - -::-webkit-scrollbar-thumb { - background: #6c757d; - border-radius: 20px; } - ::-webkit-scrollbar-thumb:hover { - background: #01041b; - border-radius: 20px; } - -::-moz-scrollbar-thumb { - background: #6c757d; - border-radius: 20px; } - ::-moz-scrollbar-thumb:hover { - background: #01041b; - border-radius: 20px; } - -::-webkit-scrollbar { - width: 4px; - height: 8px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -::-moz-scrollbar { - width: 4px; - height: 8px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.scrollbar-thumb { - width: 4px !important; } - -.scrollbar-track-y { - width: 4px !important; } - -body { - font-family: "Roboto", sans-serif; - font-weight: 400; - font-style: normal; - font-size: 16px; - line-height: 26px; - padding: 0; - margin: 0; - color: #768492; - background: #f3f6fd; } - -.body-bg { - background: #f3f6fd; } - -a:hover { - text-decoration: none; } - -.btn i { - margin-right: 5px; } - -.iq-mb-3 { - margin-bottom: 30px !important; } - -h1 { - font-family: "Jost", sans-serif; - font-weight: 400; - margin: 0px; - line-height: 1; - color: #131313; - font-size: 2.488rem; } - h1 a { - color: inherit; } - -h2 { - font-family: "Jost", sans-serif; - font-weight: 400; - margin: 0px; - line-height: 1.5; - color: #131313; - font-size: 2.074em; } - h2 a { - color: inherit; } - -h3 { - font-family: "Jost", sans-serif; - font-weight: 400; - margin: 0px; - line-height: 1.5; - color: #131313; - font-size: 1.728em; } - h3 a { - color: inherit; } - -h4 { - font-family: "Jost", sans-serif; - font-weight: 400; - margin: 0px; - line-height: 1; - color: #131313; - font-size: 1.44em; } - h4 a { - color: inherit; } - -h5 { - font-family: "Jost", sans-serif; - font-weight: 400; - margin: 0px; - line-height: 1.5; - color: #131313; - font-size: 1.2em; } - h5 a { - color: inherit; } - -h6 { - font-family: "Jost", sans-serif; - font-weight: 400; - margin: 0px; - line-height: 1.5; - color: #131313; - font-size: 1em; } - h6 a { - color: inherit; } - -button:focus { - outline: none; } - -.line-height { - line-height: normal; } - -.rounded-normal, .rounded-small { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -:focus { - outline: none; } - -.text-break { - word-break: break-all; } - -.border-none { - border: none !important; } - -.user-list-files { - justify-content: flex-end; } - .user-list-files a { - padding: 10px 15px; - margin: 0 0 0 10px; - border-radius: 5px; - line-height: normal; } - -code { - color: #f674ad; } - -.slick-loading .slick-list { - background: transparent !important; } - -ul.iq-edit-profile li a { - padding: 1rem 1rem !important; - text-align: center; } - -.change-mode { - margin-right: 25px; } - .change-mode .custom-switch.custom-switch-icon .custom-control-input { - height: 100%; } - .change-mode .custom-switch.custom-switch-icon .custom-control-input:checked ~ .custom-control-label:after { - transform: translateX(1.6rem); } - .change-mode .custom-switch.custom-switch-icon .custom-control-input:checked ~ .custom-control-label:before { - background-color: #181818; - border-color: #181818; } - .change-mode .custom-switch.custom-switch-icon label.custom-control-label { - height: 31px; } - .change-mode .custom-switch.custom-switch-icon label.custom-control-label:after { - top: 0; - left: 0; - width: 35px; - height: 30px; - -webkit-border-radius: 5px 0 0 5px; - -moz-border-radius: 5px 0 0 5px; - -ms-border-radius: 5px 0 0 5px; - -o-border-radius: 5px 0 0 5px; - border-radius: 5px 0 0 5px; - background-color: #1f1c2f; - border-color: #1f1c2f; - z-index: 0; } - .change-mode .custom-switch.custom-switch-icon label.custom-control-label:before { - width: 70px; - height: 30px; - top: 0; - left: 0; - background-color: #fff; - border-color: #1f1c2f; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-left { - top: 3px; - z-index: 1; - left: 12px; } - .change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-left i { - font-size: 12px; } - .change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-right { - right: -18px; - top: 3px; } - .change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-right i { - font-size: 12px; } - -.custom-control-input:focus ~ .custom-control-label:before { - box-shadow: none !important; } - -g[aria-describedby="id-22-description"] { - stroke: none; } - -@media (min-width: 1400px) { - .container { - max-width: 1300px; } - .container-lg { - max-width: 1300px; } - .container-md { - max-width: 1300px; } - .container-sm { - max-width: 1300px; } - .container-xl { - max-width: 1300px; } } - -@media (max-width: 767px) { - .table { - width: 100%; - max-width: 100%; - margin-bottom: 1rem; - display: block; - overflow-x: auto; } - .tree { - display: inline-table; } } - -@media (max-width: 575px) { - .user-list-files { - justify-content: center; - margin-top: 15px; } } - -.content-page { - overflow: hidden; - margin-left: 290px; - padding: 30px 15px 0px 15px; - min-height: 100vh; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -@media (min-width: 1300px) { - body.sidebar-main .content-page { - margin-left: 80px; } - body.sidebar-main .iq-menu-bt-sidebar { - display: block; - margin-left: auto; - margin-right: auto; } } - -@media (max-width: 1299px) { - .content-page { - margin-left: 0; - padding: 90px 15px 0; } } - -@media (max-width: 991px) { - .content-page { - padding: 100px 0 0; } } - -@media (max-width: 479px) { - .content-page { - padding: 90px 0px 0; } - .welcome-content { - display: block !important; - text-align: center; } - .welcome-content .breadcrumb { - justify-content: center; } } - -label { - color: #01041b; } - -.table td { - vertical-align: middle; } - -.table th { - vertical-align: middle; } - -.form-control { - height: 45px; - line-height: 30px; - background: #f3f6fd; - border: 1px solid #DCDDDF; - font-size: 14px; - color: #768492; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - box-shadow: none; } - .form-control:focus { - color: #01041b; - border-color: #1f1c2f; - box-shadow: none; } - -.form-control-sm { - height: 30px; - line-height: 30px; } - -.form-control-lg { - height: 50px; - line-height: 50px; } - -.spin { - -webkit-animation: spin 2s infinite linear; - animation: spin 2s infinite linear; } - -.input-group .input-group-prepend .input-group-text { - border: 1px solid #bfc9d4; - background-color: #f3f6fd; } - -.input-group .input-group-append .input-group-text { - border: 1px solid #bfc9d4; - background-color: #f3f6fd; } - -textarea.form-control { - background-color: #f3f6fd; } - -#editor { - height: 375px; } - -.uploader-file { - display: block; - clear: both; - margin: 0 auto; - width: 100%; - max-width: 600px; } - .uploader-file label { - float: left; - clear: both; - width: 100%; - padding: 2rem 1.5rem; - text-align: center; - background: #fff; - border-radius: 7px; - border: 3px solid #eee; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - user-select: none; } - .uploader-file label.hover { - border: 3px solid; - box-shadow: inset 0 0 0 6px #eee; } - .uploader-file label.hover #start-one i.fa { - -webkit-transform: scale(0.8); - -moz-transform: scale(0.8); - -ms-transform: scale(0.8); - -o-transform: scale(0.8); - transform: scale(0.8); - -webkit-opacity: 0.3; - -moz-opacity: 0.3; - -ms-opacity: 0.3; - -o-opacity: 0.3; - opacity: 0.3; } - .uploader-file #start-one { - float: left; - clear: both; - width: 100%; } - .uploader-file #start-one i.fa { - font-size: 50px; - margin-bottom: 1rem; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .uploader-file #start-one.hidden { - display: none; } - .uploader-file #response { - float: left; - clear: both; - width: 100%; } - .uploader-file #response #messages { - margin-bottom: 0.5rem; } - .uploader-file #response.hidden { - display: none; } - .uploader-file #file-image { - display: inline; - margin: 0 auto 0.5rem auto; - width: auto; - height: auto; - max-width: 180px; } - .uploader-file #file-image.hidden { - display: none; } - .uploader-file #notimage { - display: block; - float: left; - clear: both; - width: 100%; } - .uploader-file #notimage.hidden { - display: none; } - .uploader-file progress { - display: inline; - clear: both; - margin: 0 auto; - width: 100%; - max-width: 180px; - height: 8px; - border: 0; - border-radius: 4px; - background-color: #eee; - overflow: hidden; } - .uploader-file .progress { - display: inline; - clear: both; - margin: 0 auto; - width: 100%; - max-width: 180px; - height: 8px; - border: 0; - border-radius: 4px; - background-color: #eee; - overflow: hidden; } - .uploader-file input[type="file"] { - display: none; } - .uploader-file div { - margin: 0 0 0.5rem 0; - color: #5f6982; } - -.spin { - -webkit-animation: spin 2s infinite linear; - animation: spin 2s infinite linear; } - -.input-group .input-group-prepend .input-group-text { - border: 1px solid #DCDDDF; - background-color: #f3f6fd; } - -.input-group .input-group-append .input-group-text { - border: 1px solid #DCDDDF; - background-color: #f3f6fd; } - -.custom-select { - height: 46px; - border: 1px solid #DCDDDF; } - -.dropone.dropdown-toggle:after { - display: none; } - -.input-group-sm > .custom-select { - height: 30px; } - -.input-group-sm > .form-control:not(textarea) { - height: 30px; } - -.input-group-lg > .custom-select { - height: 50px; } - -.input-group-lg > .form-control:not(textarea) { - height: 50px; } - -.input-group-text.text-area { - padding: 1.9rem .75rem; } - -.custom-file-label::after { - background-color: #f3f6fd; - color: #768492; } - -.custom-file-input:focus ~ .custom-file-label { - border-color: #1f1c2f; - box-shadow: none; } - -.btn-outline-primary.disabled { - color: #1f1c2f; - background-color: transparent; } - -.btn-outline-primary:disabled { - color: #1f1c2f; - background-color: transparent; } - -table.dataTable thead td { - padding: 10px 10px !important; } - -table.dataTable thead th { - padding: 10px 10px !important; } - -.table-striped tbody tr:nth-of-type(odd) { - background-color: #f3f6fd; } - -.table-bordered { - border: 1px solid #DCDDDF; } - .table-bordered td { - border: 1px solid #DCDDDF; } - .table-bordered th { - border: 1px solid #DCDDDF; } - -.dataTables_wrapper .dataTables_filter { - color: #768492; } - -.dataTables_wrapper .dataTables_info { - color: #768492; } - -.dataTables_wrapper .dataTables_length { - color: #768492; } - -.dataTables_wrapper .dataTables_paginate { - color: #768492; } - -.dataTables_wrapper .dataTables_processing { - color: #768492; } - -.dataTables_wrapper .dataTables_paginate span .paginate_button.current { - padding: 3px 10px; - color: #1f1c2f !important; - border: 1px solid #1f1c2f !important; - background: #B2B2B2 !important; - border-radius: 10px; } - .dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover { - color: #1f1c2f !important; - border: 1px solid #1f1c2f !important; - background: #B2B2B2 !important; } - -.dataTables_wrapper .dataTables_filter input { - border-color: #DCDDDF; - background-color: transparent; - border-style: solid; - border-width: 1px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -table.dataTable thead td { - padding: 10px 18px; - border-bottom: 1px solid #DCDDDF !important; } - -table.dataTable thead th { - padding: 10px 18px; - border-bottom: 1px solid #DCDDDF !important; - color: #131313 !important; } - -table.dataTable.no-footer { - border-bottom: 1px solid #DCDDDF !important; } - -.dataTables_wrapper .dataTables_paginate .paginate_button { - box-shadow: none !important; - outline: none !important; } - -.dataTables_wrapper .dataTables_info { - padding-top: 15px !important; } - -.dataTables_wrapper .dataTables_length label { - border-color: #DCDDDF !important; } - -.dataTables_wrapper .dataTables_length select { - border-color: #DCDDDF !important; } - -.custom-control-label:after { - top: .25rem; } - -.custom-control-label:before { - top: .25rem; } - -.custom-switch .custom-control-label::after { - top: calc(.25rem + 2px); } - -.select2-container--default .select2-selection--multiple { - height: 45px; - line-height: 34px; - background: #fafbfe; - border: 1px solid #f1f1f1; - font-size: 14px; - color: #535f6b; - border-radius: 5px; } - -#form-wizard1 { - position: relative; } - #form-wizard1 input[type="file"] { - line-height: 27px; } - #form-wizard1 fieldset:not(:first-of-type) { - display: none; } - -#form-wizard2 { - position: relative; } - -#form-wizard3 { - position: relative; } - -.card { - border: none; - position: relative; } - -.steps { - font-size: 20px; - color: #768492; - font-weight: normal; - text-align: right; } - -#top-tab-list { - margin: 0 -10px 60px; - overflow: hidden; - color: #768492; } - #top-tab-list .active { - color: #1f1c2f; } - #top-tab-list li { - list-style-type: none; - font-size: 18px; - width: 25%; - float: left; - text-align: left; - position: relative; - font-weight: 400; } - #top-tab-list li i { - display: inline-block; - text-align: center; - height: 50px; - width: 50px; - line-height: 50px; - font-size: 20px; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - margin: 0 15px 0 0; - color: #fff; - background: #1f1c2f; } - #top-tab-list li a { - background: #B2B2B2; - color: #1f1c2f; - display: block; - padding: 15px; - margin: 0 10px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - text-decoration: none; } - #top-tab-list li.active a { - color: #fff; - background: #1f1c2f; } - #top-tab-list li.active i { - background-color: #fff; - color: #1f1c2f; } - #top-tab-list li.active.done a { - background: #8ac3a3; } - #top-tab-list li.active.done i { - color: #8ac3a3; } - #top-tab-list li#confirm.active a { - background: #8ac3a3; } - #top-tab-list li#confirm.active i { - color: #8ac3a3; } - -.fit-image { - width: 100%; - object-fit: cover; } - -@media (max-width: 991px) { - #top-tab-list li a { - margin: 0 5px; - padding: 15px 8px; } } - -@media (max-width: 767px) { - #top-tab-list li { - width: 100%; - margin-bottom: 15px; } } - -.stepwizard-row { - display: block; - margin: 0 -20px; } - .stepwizard-row .wizard-step a.btn { - background: #fff; - color: #768492; - font-size: 18px; - font-weight: 400; - display: block; - padding: 50px 15px; - margin: 10px 20px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - text-decoration: none; - border: 1px solid #B2B2B2; } - .stepwizard-row .wizard-step i { - display: block; - text-align: center; - height: 65px; - width: 65px; - line-height: 65px; - font-size: 25px; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - margin: 0 auto 20px; - color: #fff; - background: #1f1c2f; } - .stepwizard-row #user.active a { - background: #B2B2B2; - border-color: #1f1c2f; } - .stepwizard-row #document.active a { - background: #ffdce8; - border-color: #f674ad; } - .stepwizard-row #bank.active a { - background: #ddfeeb; - border-color: #8ac3a3; } - .stepwizard-row #confirm.active a { - background: #fff0e1; - border-color: #f0864a; } - .stepwizard-row .wizard-step#user i { - background: #B2B2B2; - color: #1f1c2f; } - .stepwizard-row .wizard-step#document i { - background: #ffdce8; - color: #f674ad; } - .stepwizard-row .wizard-step#bank i { - background: #ddfeeb; - color: #8ac3a3; } - .stepwizard-row .wizard-step#confirm i { - background: #fff0e1; - color: #f0864a; } - .stepwizard-row .wizard-step.active i { - background-color: #fff !important; } - .stepwizard-row .wizard-step#document.active i { - background: #ffdce8; - color: #f674ad; } - .stepwizard-row .wizard-step#bank.active i { - background: #ddfeeb; - color: #8ac3a3; } - .stepwizard-row .wizard-step#confirm.active i { - background: #fff0e1; - color: #f0864a; } - -.stepwizard { - display: table; - width: 100%; - position: relative; } - -.setup-content { - margin-top: 60px; } - -.wizard-step { - font-size: 18px; - width: 25%; - float: left; - position: relative; - font-weight: 400; - text-align: center; } - -.has-error .help-block { - color: #f674ad; } - -.has-error .control-label { - color: #f674ad; } - -.has-error .radio { - color: #f674ad; } - -.has-error .checkbox { - color: #f674ad; } - -.has-error .radio-inline { - color: #f674ad; } - -.has-error .checkbox-inline { - color: #f674ad; } - -.has-error .form-control { - border: 1px solid #f674ad; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - -.btn.disabled { - cursor: not-allowed; - pointer-events: none; - -webkit-box-shadow: none; - box-shadow: none; } - -.btn[disabled] { - cursor: not-allowed; - pointer-events: none; - -webkit-box-shadow: none; - box-shadow: none; } - -fieldset[disabled] .btn { - cursor: not-allowed; - pointer-events: none; - -webkit-box-shadow: none; - box-shadow: none; } - -@media (max-width: 767px) { - .wizard-step { - width: 50%; } } - -@media (max-width: 479px) { - .wizard-step { - width: 100%; } } - -#form-wizard3 fieldset:not(:first-of-type) { - display: none; } - -#top-tabbar-vertical { - overflow: hidden; - color: #768492; - margin: 0 -20px 60px; } - #top-tabbar-vertical .active { - color: #1f1c2f; } - #top-tabbar-vertical li { - list-style-type: none; - font-size: 18px; - width: 100%; - float: left; - position: relative; - font-weight: 400; } - #top-tabbar-vertical li i { - display: inline-block; - text-align: center; - height: 50px; - width: 50px; - line-height: 50px; - font-size: 20px; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - margin: 0 20px 0 0; } - #top-tabbar-vertical li a { - background: #fff; - color: #000; - display: block; - padding: 20px 15px; - margin: 10px 20px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - text-decoration: none; - border: 1px solid #B2B2B2; } - #top-tabbar-vertical li.step1 i { - background: #B2B2B2; - color: #1f1c2f; } - #top-tabbar-vertical li.step2 i { - background: #ffdce8; - color: #f674ad; } - #top-tabbar-vertical li.step3 i { - background: #ddfeeb; - color: #8ac3a3; } - #top-tabbar-vertical li.step4 i { - background: #fff0e1; - color: #f0864a; } - #top-tabbar-vertical li.active a { - border-color: transparent; } - #top-tabbar-vertical li.active i { - background-color: #fff; - color: #1f1c2f; - background: #fff !important; } - #top-tabbar-vertical .step1.active a { - background: #B2B2B2; } - #top-tabbar-vertical .step2.active a { - background: #ffdce8; } - #top-tabbar-vertical .step3.active a { - background: #ddfeeb; } - #top-tabbar-vertical .step4.active a { - background: #fff0e1; } - -.iq-icons-list { - line-height: 50px; - margin-bottom: 15px; - display: inline-block; } - .iq-icons-list i { - text-align: center; - vertical-align: middle; - font-size: 22px; - width: 40px; - height: 50px; - line-height: 50px; - margin-right: 10px; - display: inline-block; } - .iq-icons-list .icon { - text-align: center; - vertical-align: middle; - font-size: 22px; - width: 40px; - height: 40px; - line-height: 50px; - margin-right: 10px; - display: inline-block; } - .iq-icons-list span { - display: inline-block; - vertical-align: middle; } - -.iq-card-icon { - height: 60px; - width: 60px; - display: inline-block; - line-height: 60px; - text-align: center; - font-size: 22px; } - -.ion-icon { - height: 15px; - width: 15px; - line-height: 15px; - font-size: 22px; - margin-right: 10px; } - -.iq-iconbox { - height: 50px; - width: 50px; - line-height: 50px; - text-align: center; - font-size: 25px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.iq-icon-box { - height: 64px; - width: 64px; - min-width: 64px; - line-height: 64px; - text-align: center; - margin-right: 10px; - font-size: 26px; - text-decoration: none; } - -.card.iq-border-box { - border-bottom: 4px solid; } - -.profile-icon { - height: 40px; - width: 40px; - line-height: 40px; - text-align: center; - font-size: 20px; - font-weight: 700; } - -.iq-error { - width: 100%; - overflow: hidden; - display: inline-block; } - .iq-error h1.text-in-box { - position: absolute; - top: 0; - left: 0; - right: 0; - font-size: 8em; - font-weight: 700; } - -.iq-error-img { - position: static; - display: inline-block; - margin-bottom: 20px; } - -.iq-error-img { - width: 50%; } - -.height-self-center { - height: 100vh; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.landing img { - width: 100%; -} - -@media (max-width: 767px) { - .iq-error h1.text-in-box { - font-size: 5em; } } - -@media (max-width: 479px) { - .iq-error h1.text-in-box { - font-size: 4em; } - .iq-error h2 { - font-size: 1.5em; } } - -.login-content { - position: relative; - height: 100vh; - z-index: 99; } - .login-content .floating-label label { - color: #768492; - font-size: 14px; - font-weight: 400; - position: absolute; - pointer-events: none; - left: 12px; - top: 50%; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .login-content .form-control { - border-color: #DCDDDF; } - .login-content .form-control:focus { - border-width: 2px; - border-color: #1f1c2f; } - .login-content .custom-control-label::before { - background-color: #f3f6fd; } - .login-content .sign-user_card { - padding: 20px; - text-align: center; - background: #fff; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .login-content .sign-user_card .logo-detail { - margin: 0 auto 20px; - text-align: center; - display: inline-block; } - .login-content .sign-user_card .logo { - max-height: 50px; } - .login-content .sign-user_card .custom-control-label { - color: #768492; } - .login-content .sign-user_card .logo-detail { - margin: 0 auto 20px; - text-align: center; - display: inline-block; } - -.floating-label { - position: relative; - margin-bottom: 20px; } - -.floating-input:focus ~ label { - color: #1f1c2f; - top: 0; - left: 6px; - font-size: 10px; - background: #f3f6fd; - padding: 1px 8px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.floating-input:not(:placeholder-shown) { - color: #768492; - border: 1px solid #848486; } - .floating-input:not(:placeholder-shown) ~ label { - top: 0; - font-size: 10px; - left: 6px; - background: #f3f6fd; - padding: 5px 8px; } - -@media (min-width: 992px) { - .lb-img { - position: absolute; - bottom: 0; - left: 0; - width: 213px; } - .rb-img { - position: absolute; - bottom: 0; - right: 0; - width: 194px; } - .cnf-mail { - width: 80%; } } - -@media (max-width: 991px) { - .lb-img { - display: none; } - .rb-img { - display: none; } } - -#loading { - background-color: #f3f6fd; - height: 100%; - width: 100%; - position: fixed; - margin-top: 0px; - top: 0px; - left: 0px; - bottom: 0px; - overflow: hidden !important; - right: 0px; - z-index: 999999; } - -#loading-center { - background: url(../images/loader.gif) no-repeat scroll center center; - background-size: 20%; - width: 100%; - height: 100%; - position: relative; } - -.loader { - width: 3em; - height: 3em; - margin: auto; - left: 0; - right: 0; - top: 0; - bottom: 0; - position: absolute; } - -/*------------------*/ -@keyframes loader1 { - 0%, 100% { - box-shadow: 0em -2.6em 0em 0em #4788ff, 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.5), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.7); } - 12.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.7), 1.8em -1.8em 0 0em #4788ff, 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.5); } - 25% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.5), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.7), 2.5em 0em 0 0em #4788ff, 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 37.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.5), 2.5em 0em 0 0em rgba(71, 136, 255, 0.7), 1.75em 1.75em 0 0em #4788ff, 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 50% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.5), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.7), 0em 2.5em 0 0em #4788ff, -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 62.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.5), 0em 2.5em 0 0em rgba(71, 136, 255, 0.7), -1.8em 1.8em 0 0em #4788ff, -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 75% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.5), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.7), -2.6em 0em 0 0em #4788ff, -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 87.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.5), -2.6em 0em 0 0em rgba(71, 136, 255, 0.7), -1.8em -1.8em 0 0em #4788ff; } } - -@-webkit-keyframes loader1 { - 0%, 100% { - box-shadow: 0em -2.6em 0em 0em #4788ff, 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.5), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.7); } - 12.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.7), 1.8em -1.8em 0 0em #4788ff, 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.5); } - 25% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.5), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.7), 2.5em 0em 0 0em #4788ff, 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 37.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.5), 2.5em 0em 0 0em rgba(71, 136, 255, 0.7), 1.75em 1.75em 0 0em #4788ff, 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 50% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.5), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.7), 0em 2.5em 0 0em #4788ff, -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 62.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.5), 0em 2.5em 0 0em rgba(71, 136, 255, 0.7), -1.8em 1.8em 0 0em #4788ff, -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 75% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.5), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.7), -2.6em 0em 0 0em #4788ff, -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 87.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.5), -2.6em 0em 0 0em rgba(71, 136, 255, 0.7), -1.8em -1.8em 0 0em #4788ff; } } - -@-webkit-keyframes loader2 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader2 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes loader-3-outter { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader-3-outter { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes loader-3-inner { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } } - -@keyframes loader-3-inner { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } } - -@-webkit-keyframes loader4 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader4 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader5 { - 0%, 100% { - -webkit-transform: translateX(0px); - -moz-transform: translateX(0px); - -ms-transform: translateX(0px); - -o-transform: translateX(0px); - transform: translateX(0px); } - 75% { - -webkit-transform: translateX(30px); - -moz-transform: translateX(30px); - -ms-transform: translateX(30px); - -o-transform: translateX(30px); - transform: translateX(30px); } } - -@keyframes loader5_1 { - 0%, 100% { - -webkit-transform: translateY(0px); - -moz-transform: translateY(0px); - -ms-transform: translateY(0px); - -o-transform: translateY(0px); - transform: translateY(0px); } - 75% { - -webkit-transform: translateY(30px); - -moz-transform: translateY(30px); - -ms-transform: translateY(30px); - -o-transform: translateY(30px); - transform: translateY(30px); } } - -@keyframes loader5_2 { - 0%, 100% { - -webkit-transform: translate(0px, 0px); - -moz-transform: translate(0px, 0px); - -ms-transform: translate(0px, 0px); - -o-transform: translate(0px, 0px); - transform: translate(0px, 0px); } - 75% { - -webkit-transform: translate(30px, 30px); - -moz-transform: translate(30px, 30px); - -ms-transform: translate(30px, 30px); - -o-transform: translate(30px, 30px); - transform: translate(30px, 30px); } } - -@keyframes inner1 { - 0% { - -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } - 100% { - -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } - -@keyframes inner2 { - 0% { - -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } - 100% { - -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } - -@keyframes inner3 { - 0% { - -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } - 100% { - -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } - -@keyframes loader7 { - 0% { - -webkit-transform: rotate(0); - -moz-transform: rotate(0); - -ms-transform: rotate(0); - -o-transform: rotate(0); - transform: rotate(0); } - 50% { - -webkit-transform: rotateY(180deg); - -moz-transform: rotateY(180deg); - -ms-transform: rotateY(180deg); - -o-transform: rotateY(180deg); - transform: rotateY(180deg); } - 100% { - -webkit-transform: rotateY(180deg) rotateX(180deg); - -moz-transform: rotateY(180deg) rotateX(180deg); - -ms-transform: rotateY(180deg) rotateX(180deg); - -o-transform: rotateY(180deg) rotateX(180deg); - transform: rotateY(180deg) rotateX(180deg); } } - -@-webkit-keyframes loader8 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader8 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes loader9 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader9 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader10 { - 0%, 100% { - -webkit-transform: translate(0, 0) rotate(0); - -moz-transform: translate(0, 0) rotate(0); - -ms-transform: translate(0, 0) rotate(0); - -o-transform: translate(0, 0) rotate(0); - transform: translate(0, 0) rotate(0); } - 25% { - -webkit-transform: translate(40px, 40px) rotate(45deg); - -moz-transform: translate(40px, 40px) rotate(45deg); - -ms-transform: translate(40px, 40px) rotate(45deg); - -o-transform: translate(40px, 40px) rotate(45deg); - transform: translate(40px, 40px) rotate(45deg); } - 50% { - -webkit-transform: translate(0px, 80px) rotate(0deg); - -moz-transform: translate(0px, 80px) rotate(0deg); - -ms-transform: translate(0px, 80px) rotate(0deg); - -o-transform: translate(0px, 80px) rotate(0deg); - transform: translate(0px, 80px) rotate(0deg); } - 75% { - -webkit-transform: translate(-40px, 40px) rotate(45deg); - -moz-transform: translate(-40px, 40px) rotate(45deg); - -ms-transform: translate(-40px, 40px) rotate(45deg); - -o-transform: translate(-40px, 40px) rotate(45deg); - transform: translate(-40px, 40px) rotate(45deg); } } - -@keyframes loader11 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader12 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } - 50% { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); - border-radius: 0%; } - 100% { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } } - -@-webkit-keyframes loader13 { - to { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader13 { - to { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes loader14 { - 0% { - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } - 50% { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } - 100% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } } - -@keyframes loader14 { - 0% { - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } - 50% { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } - 100% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } } - -@-webkit-keyframes loader15-inner { - 0% { - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); } - 100% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } } - -@keyframes loader15-inner { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } } - -@-webkit-keyframes loader15 { - 0% { - border-width: 0px; } - 100% { - border-width: 10px; } } - -@keyframes loader15 { - 0% { - border-width: 0px; } - 100% { - border-width: 10px; } } - -@-webkit-keyframes loader16 { - 0% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader16 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -.iq-loader-box { - height: 150px; - text-align: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - vertical-align: middle; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .iq-loader-box [class*="loader-"] { - display: inline-block; - width: 60px; - height: 60px; - color: inherit; - vertical-align: middle; - position: relative; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } - .iq-loader-box .iq-loader-1 { - width: 1em; - height: 1em; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - position: relative; - text-indent: -9999em; - -webkit-animation: loader1 1.1s infinite ease; - animation: loader1 1.1s infinite ease; - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -ms-transform: translateZ(0); - -o-transform: translateZ(0); - transform: translateZ(0); } - .iq-loader-box .iq-loader-2 { - border: 7px double #37e6b0; - -webkit-animation: loader2 1s linear infinite; - animation: loader2 1s linear infinite; } - .iq-loader-box .iq-loader-2:before { - content: ""; - position: absolute; - width: 12px; - height: 12px; - background: #37e6b0; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - bottom: 0; - right: 37px; } - .iq-loader-box .iq-loader-2:after { - content: ""; - position: absolute; - width: 12px; - height: 12px; - background: #37e6b0; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - bottom: 0; - right: 37px; - left: 37px; - top: 0; } - .iq-loader-box .iq-loader-3 { - position: relative; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - display: inline-block; - vertical-align: middle; } - .iq-loader-box .iq-loader-3 .loader-outter { - position: absolute; - border: 4px solid #f50057; - border-left-color: transparent; - border-bottom: 0; - width: 100%; - height: 100%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - -webkit-animation: loader-3-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; - animation: loader-3-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; } - .iq-loader-box .iq-loader-3 .loader-inner { - position: absolute; - border: 4px solid #f50057; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 40px; - height: 40px; - left: calc(50% - 20px); - top: calc(50% - 20px); - border-right: 0; - border-top-color: transparent; - -webkit-animation: loader-3-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; - animation: loader-3-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; } - .iq-loader-box .iq-loader-4 { - border: .2em solid transparent; - border-top-color: #fe721c; - border-bottom-color: #fe721c; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - position: relative; - -webkit-animation: 1s loader4 linear infinite; - animation: 1s loader4 linear infinite; } - .iq-loader-box .iq-loader-4:before { - content: ''; - display: block; - width: 0; - height: 0; - position: absolute; - border: .2em solid transparent; - border-bottom-color: #fe721c; - -webkit-transform: rotate(135deg); - transform: rotate(135deg); - right: -.3em; - top: -.05em; } - .iq-loader-box .iq-loader-4:after { - content: ''; - display: block; - width: 0; - height: 0; - position: absolute; - border: .2em solid transparent; - border-bottom-color: #fe721c; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - left: -.3em; - bottom: -.05em; } - .iq-loader-box .iq-loader-5 { - width: 100px; - height: 100px; - border-radius: 100%; - position: relative; - margin: 0 auto; } - .iq-loader-box .iq-loader-5 span { - display: block; - position: absolute; - left: calc(50% - 20px); - top: calc(50% - 20px); - width: 20px; - height: 20px; - background-color: var(--info); } - .iq-loader-box .iq-loader-5 span:nth-child(1) { - animation: loader5 1s ease-in-out infinite; } - .iq-loader-box .iq-loader-5 span:nth-child(2) { - animation: loader5_1 1s ease-in-out infinite; } - .iq-loader-box .iq-loader-5 span:nth-child(3) { - animation: loader5_2 1s ease-in-out infinite; } - .iq-loader-box .iq-loader-6 .inner { - position: absolute; - box-sizing: border-box; - width: 100%; - height: 100%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } - .iq-loader-box .iq-loader-6 .inner1 { - left: 0%; - top: 0%; - animation: inner1 1s linear infinite; - border-bottom: 3px solid #ff4b4b; } - .iq-loader-box .iq-loader-6 .inner2 { - right: 0%; - top: 0%; - animation: inner2 1s linear infinite; - border-right: 3px solid #ff4b4b; } - .iq-loader-box .iq-loader-6 .inner3 { - right: 0%; - bottom: 0%; - animation: inner3 1s linear infinite; - border-top: 3px solid #ff4b4b; } - .iq-loader-box .iq-loader-7:before { - content: ""; - position: absolute; - left: 0px; - width: 50px; - height: 50px; - background-color: #3498db; - animation: loader7 1s infinite; } - .iq-loader-box .iq-loader-8 { - border: 1.2em solid transparent; - border-left-color: #d0bac2; - border-right-color: #d0bac2; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - -webkit-animation: 1s loader8 linear infinite; - animation: 1s loader8 linear infinite; } - .iq-loader-box .iq-loader-9 { - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 7em; - height: 7em; - margin: 60px auto; - font-size: 10px; - position: relative; - text-indent: -9999em; - border-top: 1.1em solid rgba(255, 107, 208, 0.2); - border-right: 1.1em solid rgba(255, 107, 208, 0.2); - border-bottom: 1.1em solid rgba(255, 107, 208, 0.2); - border-left: 1.1em solid #ff6bd0; - -webkit-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - -webkit-animation: loader9 1.1s infinite linear; - animation: loader9 1.1s infinite linear; } - .iq-loader-box .iq-loader-9:after { - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 7em; - height: 7em; } - .iq-loader-box .iq-loader-10:before { - content: ""; - width: 20px; - height: 20px; - position: absolute; - top: -10px; - left: calc(50% - 10px); - background-color: #3450db; - animation: loader10 1s ease-in-out infinite; } - .iq-loader-box .iq-loader-10:after { - content: ""; - width: 20px; - height: 20px; - position: absolute; - top: -10px; - left: calc(50% - 10px); - background-color: #3450db; - animation: loader10 1s ease-in-out infinite; - bottom: 0; - animation-delay: 0.5s; } - .iq-loader-box .iq-loader-11 { - background: #000000; } - .iq-loader-box .iq-loader-11:before { - content: ''; - position: absolute; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 25px; - height: 25px; - margin: 0 0 0 -12px; - background-color: white; - top: auto; - bottom: 0; - left: 50%; - transform-origin: 50% 0%; - animation: loader11 1s infinite linear; } - .iq-loader-box .iq-loader-12 { - animation: loader12 1s infinite linear; - background: #6dca5c; } - .iq-loader-box .iq-loader-13 { - border-top: 0.2em solid #a7a4ca; - border-right: .2em solid transparent; - -webkit-animation: loader13 1s linear infinite; - animation: loader13 1s linear infinite; - border-radius: 100%; - position: relative; } - .iq-loader-box .iq-loader-14 { - border: 0 solid transparent; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - position: relative; } - .iq-loader-box .iq-loader-14:before { - content: ''; - border: 1em solid #13d7eb; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: inherit; - height: inherit; - position: absolute; - top: 0; - left: 0; - -webkit-animation: loader14 1s linear infinite; - animation: loader14 1s linear infinite; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - -webkit-animation-delay: 1s; - animation-delay: 1s; } - .iq-loader-box .iq-loader-14:after { - content: ''; - border: 1em solid #13d7eb; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: inherit; - height: inherit; - position: absolute; - top: 0; - left: 0; - -webkit-animation: loader14 1s linear infinite; - animation: loader14 1s linear infinite; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - -webkit-animation-delay: .5s; - animation-delay: .5s; } - .iq-loader-box .iq-loader-15 { - border: 6px groove #7e57c2; - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - -webkit-transition: all 1s ease; - transition: all 1s ease; - -webkit-animation: loader15-inner 1s ease-out alternate infinite; - animation: loader15-inner 1s ease-out alternate infinite; } - .iq-loader-box .iq-loader-15 .loader-inner { - border: 0px inset #9575cd; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 100%; - height: 100%; - -webkit-animation: loader15 1s ease-out alternate infinite; - animation: loader15 1s ease-out alternate infinite; } - .iq-loader-box .iq-loader-16 { - width: 70px; - height: 70px; - border: 5px dashed #b3a57c; - -webkit-animation: loader16 2s linear both infinite; - animation: loader16 2s linear both infinite; } - -.iq-timeline { - margin: 0 0 0 20px; - padding: 0; - width: 100%; } - .iq-timeline li { - margin-left: 35px; - position: relative; - padding: 15px 15px 0 5px; - list-style-type: none; } - .iq-timeline li .timeline-dots { - position: absolute; - top: 20px; - left: -54px; - border: 3px solid #1f1c2f; - border-radius: 90px; - padding: 5px; - background: #ffffff; - height: 40px; - width: 40px; - line-height: 25px; - text-align: center; } - -.iq-timeline:before { - content: ''; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -moz-transform: translateX(-50%); - -ms-transform: translateX(-50%); - -o-transform: translateX(-50%); - transform: translateX(-50%); - width: 2px; - height: 100%; - background-color: #ccc; } - -.timeline-page .iq-timeline ul li { - width: 50%; - padding: 5px 30px 40px 30px; - cursor: pointer; - margin: 0px; } - .timeline-page .iq-timeline ul li:nth-child(odd) { - float: left; - text-align: right; - clear: both; } - .timeline-page .iq-timeline ul li:nth-child(odd) .timeline-dots { - right: -8px; - left: auto; } - .timeline-page .iq-timeline ul li:nth-child(odd) .time { - padding-left: 10px; - right: -145px; - -webkit-box-shadow: 0px 0px 0px 3px rgba(80, 181, 255, 0.3); - -moz-box-shadow: 0px 0px 0px 3px rgba(80, 181, 255, 0.3); - -ms-box-shadow: 0px 0px 0px 3px rgba(80, 181, 255, 0.3); - -o-box-shadow: 0px 0px 0px 3px rgba(80, 181, 255, 0.3); - box-shadow: 0px 0px 0px 3px rgba(80, 181, 255, 0.3); } - .timeline-page .iq-timeline ul li:nth-child(even) { - float: right; - text-align: left; - clear: both; } - .timeline-page .iq-timeline ul li:nth-child(even) .timeline-dots { - left: -8px; - right: auto; } - .timeline-page .iq-timeline ul li:nth-child(even) .time { - text-align: right; - padding-right: 10px; - left: -145px; - -webkit-box-shadow: 0px 0px 0px 3px rgba(73, 240, 211, 0.3); - -moz-box-shadow: 0px 0px 0px 3px rgba(73, 240, 211, 0.3); - -ms-box-shadow: 0px 0px 0px 3px rgba(73, 240, 211, 0.3); - -o-box-shadow: 0px 0px 0px 3px rgba(73, 240, 211, 0.3); - box-shadow: 0px 0px 0px 3px rgba(73, 240, 211, 0.3); } - .timeline-page .iq-timeline ul li .time { - position: absolute; - top: 15px; - background-color: #1f1c2f; - color: #fff; - text-align: left; - width: 120px; - height: 28px; - line-height: 28px; - border-radius: 20px; } - -.timeline-page .iq-timeline li .timeline-dots { - height: 15px; - width: 15px; - background: #fff !important; } - -.timeline-page .iq-timeline0 ul li { - width: 50%; - padding: 5px 30px 40px 30px; - cursor: pointer; - margin: 0px; } - .timeline-page .iq-timeline0 ul li:nth-child(odd) { - float: left; - text-align: left; - width: 100%; - padding: 0 0 0 60px; - margin-bottom: 20px; } - .timeline-page .iq-timeline0 ul li:nth-child(odd) .timeline-dots { - left: 12px; - right: auto; } - .timeline-page .iq-timeline0 ul li:nth-child(odd) .timeline-dots.timeline-dot1 { - left: 12px; - right: auto; } - .timeline-page .iq-timeline0 ul li:nth-child(even) { - float: left; - text-align: left; - width: 100%; - padding: 0 0 0 60px; - margin-bottom: 20px; } - .timeline-page .iq-timeline0 ul li:nth-child(even) .timeline-dots { - left: 12px; - right: auto; } - .timeline-page .iq-timeline0 ul li:nth-child(even) .timeline-dots.timeline-dot1 { - left: 12px; - right: auto; } - -.timeline-page .iq-timeline0 li .timeline-dots { - height: 15px; - width: 15px; - background: #fff !important; } - -.timeline-page .iq-timeline0 li .timeline-dots1 { - position: absolute; - top: 0; - left: 0; - border: 3px solid #1f1c2f; - border-radius: 90px; - padding: 5px; - background: #fff; - height: 40px; - width: 40px; - line-height: 25px; - text-align: center; } - -.timeline-page .iq-timeline0 li .timeline-dots.timeline-dot1 { - height: 15px; - width: 15px; } - -.timeline-page .iq-timeline1 ul li { - width: 50%; - padding: 20px 30px 0px 30px; - cursor: pointer; - margin: 0px; } - .timeline-page .iq-timeline1 ul li:nth-child(odd) { - float: left; - text-align: right; - clear: both; - margin-left: -19px; } - .timeline-page .iq-timeline1 ul li:nth-child(odd) .timeline-dots { - right: -28px; - left: auto; } - .timeline-page .iq-timeline1 ul li:nth-child(even) { - float: right; - text-align: left; - clear: both; - margin-right: -20px; } - .timeline-page .iq-timeline1 ul li:nth-child(even) .timeline-dots { - left: -27px; - right: auto; } - -.timeline-page .iq-timeline2 ul li:nth-child(odd) { - float: left; - text-align: left; - width: 100%; - padding: 0 0 0 60px; - margin-bottom: 20px; } - -.timeline-page .iq-timeline2 ul li:nth-child(even) { - float: left; - text-align: left; - width: 100%; - padding: 0 0 0 60px; - margin-bottom: 20px; } - -.timeline-page .iq-timeline2:before { - content: ''; - position: absolute; - left: 30px; - transform: translateX(-50%); - width: 2px; - height: 100%; - background-color: #ccc; } - -.timeline-page .iq-timeline2 .content-date { - position: absolute; - top: 0; - left: 0; - width: 60px; - height: 60px; - line-height: 22px; - padding-top: 8px; - text-align: center; - margin-left: 0px; - border-radius: 100%; } - .timeline-page .iq-timeline2 .content-date .date { - display: block; - font-size: 20px; - font-weight: 700; } - -.iq-timeline0 li { - margin-left: 35px; - position: relative; - padding: 15px 15px 0 5px; - list-style-type: none; } - .iq-timeline0 li .timeline-dots { - position: absolute; - top: 20px; - left: -54px; - border: 3px solid #1f1c2f; - border-radius: 90px; - padding: 5px; - background: #ffffff; - height: 40px; - width: 40px; - line-height: 25px; - text-align: center; } - -.iq-timeline0:before { - content: ''; - position: absolute; - left: 20px; - -webkit-transform: translateX(-50%); - -moz-transform: translateX(-50%); - -ms-transform: translateX(-50%); - -o-transform: translateX(-50%); - transform: translateX(-50%); - width: 2px; - height: 100%; - background-color: #ccc; } - -.iq-timeline1 li { - margin-left: 35px; - position: relative; - padding: 15px 15px 0 5px; - list-style-type: none; } - .iq-timeline1 li .timeline-dots { - position: absolute; - top: 20px; - left: -54px; - border: 3px solid #1f1c2f; - border-radius: 90px; - padding: 5px; - background: #fff; - height: 15px; - width: 15px; - line-height: 25px; - text-align: center; } - -.iq-timeline1:before { - content: ''; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -moz-transform: translateX(-50%); - -ms-transform: translateX(-50%); - -o-transform: translateX(-50%); - transform: translateX(-50%); - width: 2px; - height: 100%; - background-color: #ccc; } - -.iq-timeline2 li { - margin-left: 0px; - position: relative; - padding: 15px 15px 0 5px; - list-style-type: none; } - -@media (max-width: 575px) { - .timeline-page .iq-timeline ul li { - padding-left: 10px; - padding-right: 10px; } - .timeline-page .iq-timeline ul li .time { - width: 90px; } - .timeline-page .iq-timeline ul li:nth-child(odd) .time { - right: -115px; } - .timeline-page .iq-timeline ul li:nth-child(even) .time { - left: -115px; } } - -.active-faq a.accordion-title { - display: block; - padding-right: 45px; } - -.iq-accordion.career-style.faq-style .iq-accordion-block { - padding: 10px 5px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .iq-accordion.career-style.faq-style .iq-accordion-block .accordion-title span { - padding-left: 0px; } - .iq-accordion.career-style.faq-style .iq-accordion-block .accordion-details p { - padding-left: 15px; - padding-top: 15px; - padding-bottom: 15px; } - -.iq-accordion.career-style.faq-style .accordion-title:before { - display: inline-block; - cursor: pointer; - content: ""; - font-family: remixicon; - position: absolute; - top: -8px; - right: 15px; - color: #1e1e1e; - font-size: 16px; - line-height: 16px; - font-weight: normal; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - width: 45px; - height: 45px; - line-height: 45px; - text-align: center; - -webkit-border-radius: 90px; - -moz-border-radius: 90px; - -ms-border-radius: 90px; - -o-border-radius: 90px; - border-radius: 90px; } - -.iq-accordion.career-style.faq-style .iq-accordion-block.accordion-active .accordion-title:before { - content: ""; - display: inline-block; - -webkit-border-radius: 90px; - -moz-border-radius: 90px; - -ms-border-radius: 90px; - -o-border-radius: 90px; - border-radius: 90px; } - -.iq-accordion.career-style.faq-style .active-faq .row { - background: transparent; - padding: 10px 0px; } - -.iq-accordion.career-style .iq-accordion-block { - margin-bottom: 30px; } - .iq-accordion.career-style .iq-accordion-block .accordion-title span { - font-size: 16px; - display: table-cell; - color: #01041b; } - -#loading { - background-color: #f3f6fd; - height: 100%; - width: 100%; - position: fixed; - margin-top: 0px; - top: 0px; - left: 0px; - bottom: 0px; - overflow: hidden !important; - right: 0px; - z-index: 999999; } - -#loading-center { - background: url(../images/loader.gif) no-repeat scroll center center; - background-size: 20%; - width: 100%; - height: 100%; - position: relative; } - -.loader { - width: 3em; - height: 3em; - margin: auto; - left: 0; - right: 0; - top: 0; - bottom: 0; - position: absolute; } - -/*------------------*/ -@keyframes loader1 { - 0%, 100% { - box-shadow: 0em -2.6em 0em 0em #4788ff, 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.5), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.7); } - 12.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.7), 1.8em -1.8em 0 0em #4788ff, 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.5); } - 25% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.5), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.7), 2.5em 0em 0 0em #4788ff, 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 37.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.5), 2.5em 0em 0 0em rgba(71, 136, 255, 0.7), 1.75em 1.75em 0 0em #4788ff, 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 50% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.5), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.7), 0em 2.5em 0 0em #4788ff, -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 62.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.5), 0em 2.5em 0 0em rgba(71, 136, 255, 0.7), -1.8em 1.8em 0 0em #4788ff, -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 75% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.5), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.7), -2.6em 0em 0 0em #4788ff, -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 87.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.5), -2.6em 0em 0 0em rgba(71, 136, 255, 0.7), -1.8em -1.8em 0 0em #4788ff; } } - -@-webkit-keyframes loader1 { - 0%, 100% { - box-shadow: 0em -2.6em 0em 0em #4788ff, 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.5), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.7); } - 12.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.7), 1.8em -1.8em 0 0em #4788ff, 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.5); } - 25% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.5), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.7), 2.5em 0em 0 0em #4788ff, 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 37.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.5), 2.5em 0em 0 0em rgba(71, 136, 255, 0.7), 1.75em 1.75em 0 0em #4788ff, 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 50% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.5), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.7), 0em 2.5em 0 0em #4788ff, -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 62.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.5), 0em 2.5em 0 0em rgba(71, 136, 255, 0.7), -1.8em 1.8em 0 0em #4788ff, -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 75% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.5), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.7), -2.6em 0em 0 0em #4788ff, -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 87.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.5), -2.6em 0em 0 0em rgba(71, 136, 255, 0.7), -1.8em -1.8em 0 0em #4788ff; } } - -@-webkit-keyframes loader2 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader2 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes loader-3-outter { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader-3-outter { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes loader-3-inner { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } } - -@keyframes loader-3-inner { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } } - -@-webkit-keyframes loader4 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader4 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader5 { - 0%, 100% { - -webkit-transform: translateX(0px); - -moz-transform: translateX(0px); - -ms-transform: translateX(0px); - -o-transform: translateX(0px); - transform: translateX(0px); } - 75% { - -webkit-transform: translateX(30px); - -moz-transform: translateX(30px); - -ms-transform: translateX(30px); - -o-transform: translateX(30px); - transform: translateX(30px); } } - -@keyframes loader5_1 { - 0%, 100% { - -webkit-transform: translateY(0px); - -moz-transform: translateY(0px); - -ms-transform: translateY(0px); - -o-transform: translateY(0px); - transform: translateY(0px); } - 75% { - -webkit-transform: translateY(30px); - -moz-transform: translateY(30px); - -ms-transform: translateY(30px); - -o-transform: translateY(30px); - transform: translateY(30px); } } - -@keyframes loader5_2 { - 0%, 100% { - -webkit-transform: translate(0px, 0px); - -moz-transform: translate(0px, 0px); - -ms-transform: translate(0px, 0px); - -o-transform: translate(0px, 0px); - transform: translate(0px, 0px); } - 75% { - -webkit-transform: translate(30px, 30px); - -moz-transform: translate(30px, 30px); - -ms-transform: translate(30px, 30px); - -o-transform: translate(30px, 30px); - transform: translate(30px, 30px); } } - -@keyframes inner1 { - 0% { - -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } - 100% { - -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } - -@keyframes inner2 { - 0% { - -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } - 100% { - -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } - -@keyframes inner3 { - 0% { - -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } - 100% { - -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } - -@keyframes loader7 { - 0% { - -webkit-transform: rotate(0); - -moz-transform: rotate(0); - -ms-transform: rotate(0); - -o-transform: rotate(0); - transform: rotate(0); } - 50% { - -webkit-transform: rotateY(180deg); - -moz-transform: rotateY(180deg); - -ms-transform: rotateY(180deg); - -o-transform: rotateY(180deg); - transform: rotateY(180deg); } - 100% { - -webkit-transform: rotateY(180deg) rotateX(180deg); - -moz-transform: rotateY(180deg) rotateX(180deg); - -ms-transform: rotateY(180deg) rotateX(180deg); - -o-transform: rotateY(180deg) rotateX(180deg); - transform: rotateY(180deg) rotateX(180deg); } } - -@-webkit-keyframes loader8 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader8 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes loader9 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader9 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader10 { - 0%, 100% { - -webkit-transform: translate(0, 0) rotate(0); - -moz-transform: translate(0, 0) rotate(0); - -ms-transform: translate(0, 0) rotate(0); - -o-transform: translate(0, 0) rotate(0); - transform: translate(0, 0) rotate(0); } - 25% { - -webkit-transform: translate(40px, 40px) rotate(45deg); - -moz-transform: translate(40px, 40px) rotate(45deg); - -ms-transform: translate(40px, 40px) rotate(45deg); - -o-transform: translate(40px, 40px) rotate(45deg); - transform: translate(40px, 40px) rotate(45deg); } - 50% { - -webkit-transform: translate(0px, 80px) rotate(0deg); - -moz-transform: translate(0px, 80px) rotate(0deg); - -ms-transform: translate(0px, 80px) rotate(0deg); - -o-transform: translate(0px, 80px) rotate(0deg); - transform: translate(0px, 80px) rotate(0deg); } - 75% { - -webkit-transform: translate(-40px, 40px) rotate(45deg); - -moz-transform: translate(-40px, 40px) rotate(45deg); - -ms-transform: translate(-40px, 40px) rotate(45deg); - -o-transform: translate(-40px, 40px) rotate(45deg); - transform: translate(-40px, 40px) rotate(45deg); } } - -@keyframes loader11 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader12 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } - 50% { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); - border-radius: 0%; } - 100% { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } } - -@-webkit-keyframes loader13 { - to { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader13 { - to { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes loader14 { - 0% { - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } - 50% { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } - 100% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } } - -@keyframes loader14 { - 0% { - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } - 50% { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } - 100% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } } - -@-webkit-keyframes loader15-inner { - 0% { - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); } - 100% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } } - -@keyframes loader15-inner { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } } - -@-webkit-keyframes loader15 { - 0% { - border-width: 0px; } - 100% { - border-width: 10px; } } - -@keyframes loader15 { - 0% { - border-width: 0px; } - 100% { - border-width: 10px; } } - -@-webkit-keyframes loader16 { - 0% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader16 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -.iq-loader-box { - height: 150px; - text-align: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - vertical-align: middle; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .iq-loader-box [class*="loader-"] { - display: inline-block; - width: 60px; - height: 60px; - color: inherit; - vertical-align: middle; - position: relative; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } - .iq-loader-box .iq-loader-1 { - width: 1em; - height: 1em; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - position: relative; - text-indent: -9999em; - -webkit-animation: loader1 1.1s infinite ease; - animation: loader1 1.1s infinite ease; - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -ms-transform: translateZ(0); - -o-transform: translateZ(0); - transform: translateZ(0); } - .iq-loader-box .iq-loader-2 { - border: 7px double #37e6b0; - -webkit-animation: loader2 1s linear infinite; - animation: loader2 1s linear infinite; } - .iq-loader-box .iq-loader-2:before { - content: ""; - position: absolute; - width: 12px; - height: 12px; - background: #37e6b0; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - bottom: 0; - right: 37px; } - .iq-loader-box .iq-loader-2:after { - content: ""; - position: absolute; - width: 12px; - height: 12px; - background: #37e6b0; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - bottom: 0; - right: 37px; - left: 37px; - top: 0; } - .iq-loader-box .iq-loader-3 { - position: relative; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - display: inline-block; - vertical-align: middle; } - .iq-loader-box .iq-loader-3 .loader-outter { - position: absolute; - border: 4px solid #f50057; - border-left-color: transparent; - border-bottom: 0; - width: 100%; - height: 100%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - -webkit-animation: loader-3-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; - animation: loader-3-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; } - .iq-loader-box .iq-loader-3 .loader-inner { - position: absolute; - border: 4px solid #f50057; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 40px; - height: 40px; - left: calc(50% - 20px); - top: calc(50% - 20px); - border-right: 0; - border-top-color: transparent; - -webkit-animation: loader-3-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; - animation: loader-3-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; } - .iq-loader-box .iq-loader-4 { - border: .2em solid transparent; - border-top-color: #fe721c; - border-bottom-color: #fe721c; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - position: relative; - -webkit-animation: 1s loader4 linear infinite; - animation: 1s loader4 linear infinite; } - .iq-loader-box .iq-loader-4:before { - content: ''; - display: block; - width: 0; - height: 0; - position: absolute; - border: .2em solid transparent; - border-bottom-color: #fe721c; - -webkit-transform: rotate(135deg); - transform: rotate(135deg); - right: -.3em; - top: -.05em; } - .iq-loader-box .iq-loader-4:after { - content: ''; - display: block; - width: 0; - height: 0; - position: absolute; - border: .2em solid transparent; - border-bottom-color: #fe721c; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - left: -.3em; - bottom: -.05em; } - .iq-loader-box .iq-loader-5 { - width: 100px; - height: 100px; - border-radius: 100%; - position: relative; - margin: 0 auto; } - .iq-loader-box .iq-loader-5 span { - display: block; - position: absolute; - left: calc(50% - 20px); - top: calc(50% - 20px); - width: 20px; - height: 20px; - background-color: var(--info); } - .iq-loader-box .iq-loader-5 span:nth-child(1) { - animation: loader5 1s ease-in-out infinite; } - .iq-loader-box .iq-loader-5 span:nth-child(2) { - animation: loader5_1 1s ease-in-out infinite; } - .iq-loader-box .iq-loader-5 span:nth-child(3) { - animation: loader5_2 1s ease-in-out infinite; } - .iq-loader-box .iq-loader-6 .inner { - position: absolute; - box-sizing: border-box; - width: 100%; - height: 100%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } - .iq-loader-box .iq-loader-6 .inner1 { - left: 0%; - top: 0%; - animation: inner1 1s linear infinite; - border-bottom: 3px solid #ff4b4b; } - .iq-loader-box .iq-loader-6 .inner2 { - right: 0%; - top: 0%; - animation: inner2 1s linear infinite; - border-right: 3px solid #ff4b4b; } - .iq-loader-box .iq-loader-6 .inner3 { - right: 0%; - bottom: 0%; - animation: inner3 1s linear infinite; - border-top: 3px solid #ff4b4b; } - .iq-loader-box .iq-loader-7:before { - content: ""; - position: absolute; - left: 0px; - width: 50px; - height: 50px; - background-color: #3498db; - animation: loader7 1s infinite; } - .iq-loader-box .iq-loader-8 { - border: 1.2em solid transparent; - border-left-color: #d0bac2; - border-right-color: #d0bac2; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - -webkit-animation: 1s loader8 linear infinite; - animation: 1s loader8 linear infinite; } - .iq-loader-box .iq-loader-9 { - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 7em; - height: 7em; - margin: 60px auto; - font-size: 10px; - position: relative; - text-indent: -9999em; - border-top: 1.1em solid rgba(255, 107, 208, 0.2); - border-right: 1.1em solid rgba(255, 107, 208, 0.2); - border-bottom: 1.1em solid rgba(255, 107, 208, 0.2); - border-left: 1.1em solid #ff6bd0; - -webkit-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - -webkit-animation: loader9 1.1s infinite linear; - animation: loader9 1.1s infinite linear; } - .iq-loader-box .iq-loader-9:after { - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 7em; - height: 7em; } - .iq-loader-box .iq-loader-10:before { - content: ""; - width: 20px; - height: 20px; - position: absolute; - top: -10px; - left: calc(50% - 10px); - background-color: #3450db; - animation: loader10 1s ease-in-out infinite; } - .iq-loader-box .iq-loader-10:after { - content: ""; - width: 20px; - height: 20px; - position: absolute; - top: -10px; - left: calc(50% - 10px); - background-color: #3450db; - animation: loader10 1s ease-in-out infinite; - bottom: 0; - animation-delay: 0.5s; } - .iq-loader-box .iq-loader-11 { - background: #000000; } - .iq-loader-box .iq-loader-11:before { - content: ''; - position: absolute; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 25px; - height: 25px; - margin: 0 0 0 -12px; - background-color: white; - top: auto; - bottom: 0; - left: 50%; - transform-origin: 50% 0%; - animation: loader11 1s infinite linear; } - .iq-loader-box .iq-loader-12 { - animation: loader12 1s infinite linear; - background: #6dca5c; } - .iq-loader-box .iq-loader-13 { - border-top: 0.2em solid #a7a4ca; - border-right: .2em solid transparent; - -webkit-animation: loader13 1s linear infinite; - animation: loader13 1s linear infinite; - border-radius: 100%; - position: relative; } - .iq-loader-box .iq-loader-14 { - border: 0 solid transparent; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - position: relative; } - .iq-loader-box .iq-loader-14:before { - content: ''; - border: 1em solid #13d7eb; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: inherit; - height: inherit; - position: absolute; - top: 0; - left: 0; - -webkit-animation: loader14 1s linear infinite; - animation: loader14 1s linear infinite; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - -webkit-animation-delay: 1s; - animation-delay: 1s; } - .iq-loader-box .iq-loader-14:after { - content: ''; - border: 1em solid #13d7eb; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: inherit; - height: inherit; - position: absolute; - top: 0; - left: 0; - -webkit-animation: loader14 1s linear infinite; - animation: loader14 1s linear infinite; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - -webkit-animation-delay: .5s; - animation-delay: .5s; } - .iq-loader-box .iq-loader-15 { - border: 6px groove #7e57c2; - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - -webkit-transition: all 1s ease; - transition: all 1s ease; - -webkit-animation: loader15-inner 1s ease-out alternate infinite; - animation: loader15-inner 1s ease-out alternate infinite; } - .iq-loader-box .iq-loader-15 .loader-inner { - border: 0px inset #9575cd; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 100%; - height: 100%; - -webkit-animation: loader15 1s ease-out alternate infinite; - animation: loader15 1s ease-out alternate infinite; } - .iq-loader-box .iq-loader-16 { - width: 70px; - height: 70px; - border: 5px dashed #b3a57c; - -webkit-animation: loader16 2s linear both infinite; - animation: loader16 2s linear both infinite; } - -.treegrid-indent { - width: 0px; - height: 16px; - display: inline-block; - position: relative; } - -.table-data .table tbody tr { - color: #000; } - -.treegrid-expander { - width: 0px; - height: 16px; - display: inline-block; - position: relative; - left: -17px; - cursor: pointer; } - -.glyphicon.glyphicon-chevron-right:before { - position: absolute; - content: "\EA6E"; - font-family: remixicon; - top: 0; - bottom: 0; - left: 0; - right: 0; } - -.glyphicon.glyphicon-chevron-down:before { - position: absolute; - content: "\EA4E"; - font-family: remixicon; - top: 0; - bottom: 0; - left: 0; - right: 0; } - -.glyphicon.glyphicon-plus:before { - position: absolute; - content: "\EA13"; - font-family: remixicon; - top: 0; - bottom: 0; - left: 0; - right: 0; } - -.glyphicon.glyphicon-minus:before { - position: absolute; - content: "\F1AF"; - font-family: remixicon; - top: 0; - bottom: 0; - left: 0; - right: 0; } - -.logo-invoice { - height: 55px; } - -.print .card-title { - color: #fff; } - -.print .table thead { - background: #f3f6fd; } - .print .table thead th { - border: 0; } - -.print .table th { - border: 0; } - -.print .table td { - border-top: 0; } - -.print .table tr { - border-top: 1px solid #dee2e6; } - .print .table tr:first-child { - border-top: 0; } - -.btn-primary-dark { - background: #07060E; - color: #fff; } - .btn-primary-dark:hover { - color: #fff; } - -.or-detail { - background: #f3f6fd; - border: 1px solid rgba(210, 201, 255, 0.4); } - .or-detail p { - margin-bottom: 0; } - -.ttl-amt { - border-top: 1px solid rgba(210, 201, 255, 0.4); } - -#scroll1 { - position: relative; - width: 600px; - height: 250px; } - -.sweet_al .btn { - margin-right: 5px; } - -@media (max-width: 479px) { - .header-invoice { - display: block !important; - text-align: center; } - .header-invoice .invoice-btn { - margin-top: 15px; } } - -.pricing .table th { - border-top: none; - border-bottom: 1px solid #dee2e6; } - -.pricing .table td { - border-top: none !important; } - -.pricing .table tr { - border-bottom: 1px solid #dee2e6; } - .pricing .table tr:last-child { - border-bottom: 0; } - -.prc-box { - background: #f3f6fd; - padding: 15px; - position: relative; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.type { - position: absolute; - background: #1f1c2f; - padding: 9px 25px; - color: #fff; - top: -15px; - left: 50%; - -webkit-transform: translateX(-50%); - -moz-transform: translateX(-50%); - -ms-transform: translateX(-50%); - -o-transform: translateX(-50%); - transform: translateX(-50%); - font-weight: 500; } - .type:before { - position: absolute; - content: ''; - width: 0; - height: 0; - right: -15px; - top: 0px; - border-left: 15px solid #07060E; - border-top: 15px solid transparent; } - .type:after { - position: absolute; - content: ''; - width: 0; - height: 0; - left: -15px; - top: 0px; - border-right: 15px solid #07060E; - border-top: 15px solid transparent; } - -.prc-box.active { - background: #1f1c2f; } - .prc-box.active .h3 { - color: #fff; } - .prc-box.active .type { - background: #f3f6fd; - color: #01041b; } - .prc-box.active .type:before { - border-left: 16px solid #07060E; - right: -16px; } - .prc-box.active .type:after { - border-right: 16px solid #07060E; - left: -16px; } - -.prc-wrap { - border-bottom: none !important; } - -.i_close { - font-size: 22px; } - -.p-image { - position: absolute; - top: auto; - right: 6px; - bottom: 10px; - transition: all .3s ease; - background: #1f1c2f; - color: #fff; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - height: 30px; - width: 30px; - line-height: 28px; - text-align: center; - font-size: 12px; - cursor: pointer; } - -.upload-button { - font-size: 1.5em; } - -.file-upload { - display: none; } - -.upload_profile { - position: relative; } - -.child-cell.active { - color: #1f1c2f; } - -.iq-social ul li a { - display: block; - text-align: center; - font-size: 16px; - line-height: 43px; } - -.card .pricing-radius-box { - -webkit-border-radius: 60px 0 60px 0; - -moz-border-radius: 60px 0 60px 0; - -ms-border-radius: 60px 0 60px 0; - -o-border-radius: 60px 0 60px 0; - border-radius: 60px 0 60px 0; } - -.pricing-header { - padding: 20px 0; - -webkit-border-radius: 10px 10px 50% 50%; - -moz-border-radius: 10px 10px 50% 50%; - -ms-border-radius: 10px 10px 50% 50%; - -o-border-radius: 10px 10px 50% 50%; - border-radius: 10px 10px 50% 50%; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - margin-bottom: 20px; } - -.pricing-details .icon-data { - font-size: 50px; } - -.pricing-custom-tab .tab-pane.fade.active.show { - display: block; } - -.pricing-custom-tab .tab-pane.fade { - display: none; } - -.pricing-custom-tab li.nav-item .nav-link { - border: 1px solid #DCDDDF; - color: #01041b; - font-size: 16px; - padding: 12px 35px; - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - border-radius: 0; } - -.pricing-custom-tab li.nav-item .nav-link.active { - color: #fff; - background: #1f1c2f; } - -.pricing-custom-tab li.nav-item .star-circle { - background-color: #1f1c2f; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); - -moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); - -ms-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); - -o-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); - box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); - color: #fff; - display: block; - font-size: 13px; - height: 25px; - padding: 0; - line-height: 23px; - text-align: center; - width: 20px; - position: absolute; - top: -14px; - left: -14px; - z-index: 1; } - -.nav-pills li { - position: relative; } - -.iq-avatars .iq-avatar { - margin-right: 10px; - margin-bottom: 10px; - position: relative; - display: inline-block; } - -.profile-icon.iq-icon-box { - height: 58px; - width: 58px; - line-height: 58px; - text-align: center; - margin-right: 10px; - font-size: 26px; - text-decoration: none; } - -.profile-overly { - position: absolute; - left: auto; - bottom: 0; - right: 0; - background: #fff; - padding: 10px 30px; - text-align: center; - border-radius: 10px 10px 0 0; } - -ul.iq-contact-rest li a p { - word-break: break-all; } - -.crm-profile-img-edit { - position: relative; } - .crm-profile-img-edit .file-upload { - display: none; } - -.crm-profile-pic { - border-radius: 10px; } - -.crm-p-image { - position: absolute; - top: auto; - left: 69px; - bottom: -9px; - transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - height: 35px; - width: 35px; - text-align: center; - font-size: 12px; - cursor: pointer; - border: 5px solid #fff; } - .crm-p-image .upload-button { - font-size: 13px; - line-height: 26px; } - -@media (max-width: 479px) { - .profile-overly h3 { - font-size: 14px; } } - -.subscriber-detail .title { - padding: 5px 20px; - line-height: 26px; } - -.subscriber-detail .iq-card-btn { - position: absolute; - top: 0px; - left: -15px; - margin: 0 auto; - border: 4px solid #fff; - padding: 2px; - height: 40px; - width: 40px; - line-height: 22px; - font-size: 20px; } - -.subscriber-detail .iq-card-btn.title-instagram { - background-color: #d6249f !important; - background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%) !important; - color: #fff; } - -.subscriber-detail .iq-card-btn.title-whatsapp { - background-color: #00e676 !important; - color: #fff; - text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.22); } - -.subscriber-detail .iq-card-btn.title-twitter { - background-color: #1da1f2 !important; - color: #fff; } - -.subscriber-detail .iq-card-btn.title-facebook { - background-color: #3b5998 !important; - background-image: linear-gradient(#4e69a2, #3b5998 50%) !important; - color: #fff; } - -.iq-note-callapse-btn { - line-height: 38px; - color: #848486; } - -.card.card-content-left { - width: 85%; - margin-right: 30px; } - -.write-card { - padding-left: 30px !important; - padding-right: 30px !important; } - -.note-right .view-btn.btn-dropdown { - padding: 0 10px; - width: 35px; - height: 38px; - line-height: 38px; } - -.note-right .dropdown-toggle:after { - display: none; } - -.iq-icon-box-2 { - height: 45px; - width: 45px; - min-width: 45px; - line-height: 45px; - text-align: center; - font-size: 22px; - text-decoration: none; } - .iq-icon-box-2 .svg-icon { - text-align: center; - margin-top: -5px; } - -.iq-grid .view-btn { - height: 40px; - width: 40px; - line-height: 40px; - text-align: center; - background: #f3f6fd; } - -.iq-grid .list-grid-toggle .icon.i-grid { - display: none; } - -.iq-grid .list-grid-toggle .icon.active.i-grid { - display: block; - height: 40px; - width: 40px; - font-size: 20px; - line-height: 38px; - text-align: center; - background: #f3f6fd; } - -.iq-grid .list-grid-toggle .icon.active.i-list { - display: none; } - -.iq-grid .list-grid-toggle .icon.i-list { - display: block; - height: 40px; - width: 40px; - font-size: 20px; - line-height: 38px; - text-align: center; - background: #f3f6fd; } - -.iq-grid .list-grid-toggle .label.label-list { - display: none; } - -.iq-grid .icon.i-grid { - display: none; } - -.iq-grid .icon.active.i-grid { - display: block; } - -.iq-grid .icon.active.i-list { - display: none; } - -.iq-grid .icon.i-list { - display: block; } - -.note-tab .nav-item:first-child .nav-link { - margin-left: 0; } - -.note-tab .nav-item:last-child .nav-link { - margin-right: 0; } - -.note-tab .nav-item .nav-link { - margin: 0 1rem; - padding-left: 0; - padding-right: 0; - border-radius: 0; - border-bottom: 1px solid transparent; - color: #848486; - font-weight: 600; } - .note-tab .nav-item .nav-link.active { - background-color: transparent; - border-bottom-color: #1f1c2f; - color: #1f1c2f; } - .note-tab .nav-item .nav-link:hover { - border-bottom-color: #1f1c2f; - color: #1f1c2f; } - -.header-title i { - vertical-align: middle; } - -.edit-notes .ql-toolbar.ql-snow { - top: -7px; } - -.note-content { - min-height: 370px; } - .note-content .icon.i-grid { - display: none; } - .note-content .icon.active.i-grid { - display: block; } - .note-content .icon.active.i-list { - display: none; } - .note-content .icon.i-list { - display: block; } - -.note-detail .checkbox-input { - vertical-align: middle; } - -.note-detail .note-checkbox { - color: #768492; } - -.note-detail:hover .note-content .tab-pane .note-list { - color: #fff; } - -.note-detail:hover .note-checkbox { - color: #fff; } - -.event-note .ql-snow { - border: 0 !important; - padding: 0 !important; } - -.event-note h1 { - margin-bottom: 20px !important; } - -.event-note p { - font-size: 16px; - color: #768492; - font-family: "Roboto", sans-serif; } - -.event-note .ql-editor { - padding-left: 0; - padding-right: 0; } - -.event-note ul { - margin-top: 20px !important; - padding-left: 0px !important; - list-style: inherit; } - .event-note ul li { - font-size: 16px; - color: #768492; - font-family: "Roboto", sans-serif; - margin-bottom: 15px !important; } - .event-note ul li:before { - text-align: left !important; } - -.event-note img { - margin-top: 10px; - margin-right: 18px; } - -.dropdown-item i { - vertical-align: middle; } - -.tbl-server-info a.badge { - margin: 5px 0px; - font-size: 16px; - padding: 7px 10px; } - -.filter-btn span.dropdown-toggle:after { - display: none; } - -.filter-btn .form-group { - width: 200px; } - -i { - vertical-align: middle; } - -.add-tag a { - position: absolute; - left: 20px; } - -.add-tag .search-input { - width: 100%; - border: 0; - background: unset; - padding-left: 35px; } - -.btn-cancel { - cursor: pointer; - font-size: 22px; } - -@media (max-width: 991px) { - .card.card-content-left { - width: 100%; - margin-right: 0px; } - .card.card-content-right { - display: none; } - .navbar-expand-lg .navbar-nav .dropdown-menu { - position: absolute; - left: 0; - right: auto; } } - -@media (max-width: 560px) { - .iq-grid { - padding-bottom: 15px; } - .note-tab .nav-link { - margin: 0 0.3rem; } } - -@media (max-width: 420px) { - .note-tab.nav-pills li { - width: 100%; } - .note-tab.nav-pills li:first-child .nav-link { - margin-right: 0; } - .note-tab.nav-pills li:last-child .nav-link { - margin-left: 0; } - .note-tab.nav-pills li .nav-link { - display: inline-block; - margin: 0; - padding-top: 0; - padding-bottom: 0; - margin-bottom: 15px; } } - -.custom-notes-space { - padding: 25px 30px 0 !important; } - -.note-table .table thead th { - border: 0; - border-bottom: 1px solid #DCDDDF; - font-weight: normal; } - -.note-table .table tbody:before { - content: "@"; - display: block; - line-height: 10px; - text-indent: -99999px; } - -.note-table .table tbody tr { - background: transparent; } - -.note-table .dropdown-toggle:after { - display: none; } - -.note-table .treegrid-expander { - height: 18px; - left: -25px; - font-size: 26px; } - .note-table .treegrid-expander:before { - content: "\EA6D"; } - .note-table .treegrid-expander.glyphicon-chevron-down:before { - content: "\EA4D"; } - -.iq-search-bar.card-search .search-link { - top: 5px; - font-size: 18px; } - -.iq-search-bar.card-search .search-input { - padding-right: 15px; - border: unset; } - -.iq-search-bar.card-search .iq-sub-dropdown { - right: 0 !important; - left: auto !important; - padding: 0; - top: 25px !important; } - -@media (max-width: 625px) { - .iq-search-bar { - margin-top: 15px; } - .add-btn { - margin-top: 15px; } } - -.add-notes { - position: relative; } - .add-notes a { - position: absolute; - right: 10px; } - .add-notes .search-input { - width: 100%; - border: 0; - background: unset; - padding-left: 10px; } - -.note-detail .note-list { - position: relative; } - -.note-detail a.badge { - display: inline-flex; - padding: 7px 15px; - font-size: 16px; - font-weight: normal; } - -.note-detail .card-text i { - vertical-align: bottom; } - -.note-detail:hover .note-list { - color: #fff; } - -.icon-btn-primary { - border: 1px solid; - border-color: #2a263f; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.icon-btn-secondary { - border: 1px solid; - border-color: #78828a; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.icon-btn-success { - border: 1px solid; - border-color: #9bccb0; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.icon-btn-info { - border: 1px solid; - border-color: #9fc8f7; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.icon-btn-warning { - border: 1px solid; - border-color: #f29662; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.icon-btn-danger { - border: 1px solid; - border-color: #f88cbb; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.icon-btn-light { - border: 1px solid; - border-color: #919193; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.icon-btn-dark { - border: 1px solid; - border-color: #020834; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.icon-btn-purple { - border: 1px solid; - border-color: #bb9ff7; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.tag-details .icon-btn { - height: 35px; - width: 35px; - line-height: 34px; - font-weight: 600; - font-size: 18px; - text-align: center; - margin-right: 15px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.tag-details .dropdown-toggle { - font-size: 16px; } - .tag-details .dropdown-toggle:after { - display: none; } - -.tag-header a { - font-size: 24px; } - - - - -.la-bars { - color: var(--danger); -} \ No newline at end of file diff --git a/frontend/build/assets/css/style.css b/frontend/build/assets/css/style.css deleted file mode 100644 index ab82857..0000000 --- a/frontend/build/assets/css/style.css +++ /dev/null @@ -1,22469 +0,0 @@ -@charset "UTF-8"; -/*! -* -* Template:Noteplus - Responsive Bootstrap 4 Admin Dashboard Template -* Author: iqonic.design -* Design and Developed by: iqonic.design -* NOTE: This file contains the styling for responsive Template. -* -*/ -@import url("https://fonts.googleapis.com/css2?family=Jost&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap"); -:root { - --iq-primary: #1f1c2f; - --iq-secondary: #6c757d; - --iq-success: #8ac3a3; - --iq-info: #0077ff; - --iq-warning: #f0864a; - --iq-danger: #f674ad; - --iq-light: #848486; - --iq-dark: #01041b; - --iq-purple: #AA87F5; - --iq-primary: #1f1c2f; - --iq-secondary: #6c757d; - --iq-success: #8ac3a3; - --iq-info: #87baf5; - --iq-warning: #f0864a; - --iq-danger: #f674ad; - --iq-light: #848486; - --iq-dark: #01041b; - --iq-purple: #AA87F5; } - -:root { - --blue: #1f1c2f; - --indigo: #6610f2; - --purple: #AA87F5; - --pink: #ffd3e2; - --red: #f674ad; - --orange: #f0864a; - --yellow: #f0864a; - --green: #8ac3a3; - --teal: #20c997; - --cyan: #87baf5; - --white: #fff; - --gray: #6c757d; - --gray-dark: #01041b; - --skyblue: #158df7; - --primary: #1f1c2f; - --secondary: #6c757d; - --success: #8ac3a3; - --info: #0077ff; - --warning: #f0864a; - --danger: #f674ad; - --light: #848486; - --dark: #01041b; - --purple: #AA87F5; - --breakpoint-xs: 0; - --breakpoint-sm: 576px; - --breakpoint-md: 768px; - --breakpoint-lg: 992px; - --breakpoint-xl: 1200px; - --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - -*, -*::before, -*::after { - 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); } - -article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { - display: block; } - -body { - margin: 0; - font-family: "Roboto", sans-serif; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: #768492; - text-align: left; - background-color: #f3f6fd; } - -[tabindex="-1"]:focus:not(:focus-visible) { - outline: 0 !important; } - -hr { - box-sizing: content-box; - height: 0; - overflow: visible; } - -h1, h2, h3, h4, h5, h6 { - margin-top: 0; - margin-bottom: 0.5rem; } - -p { - margin-top: 0; - margin-bottom: 1rem; } - -abbr[title], -abbr[data-original-title] { - text-decoration: underline; - text-decoration: underline dotted; - cursor: help; - border-bottom: 0; - text-decoration-skip-ink: none; } - -address { - margin-bottom: 1rem; - font-style: normal; - line-height: inherit; } - -ol, -ul, -dl { - margin-top: 0; - margin-bottom: 1rem; } - -ol ol, -ul ul, -ol ul, -ul ol { - margin-bottom: 0; } - -dt { - font-weight: 700; } - -dd { - margin-bottom: .5rem; - margin-left: 0; } - -blockquote { - margin: 0 0 1rem; } - -b, -strong { - font-weight: bolder; } - -small { - font-size: 80%; } - -sub, -sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; } - -sub { - bottom: -.25em; } - -sup { - top: -.5em; } - -a { - color: #1f1c2f; - text-decoration: none; - background-color: transparent; } - a:hover { - color: black; - text-decoration: none; } - -a:not([href]) { - color: inherit; - text-decoration: none; } - a:not([href]):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; } - -pre { - margin-top: 0; - margin-bottom: 1rem; - overflow: auto; - -ms-overflow-style: scrollbar; } - -figure { - margin: 0 0 1rem; } - -img { - vertical-align: middle; - border-style: none; } - -svg { - overflow: hidden; - vertical-align: middle; } - -table { - border-collapse: collapse; } - -caption { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - color: #6c757d; - text-align: left; - caption-side: bottom; } - -th { - text-align: inherit; } - -label { - display: inline-block; - margin-bottom: 0.5rem; } - -button { - border-radius: 0; } - -button:focus { - outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; } - -input, -button, -select, -optgroup, -textarea { - margin: 0; - font-family: inherit; - font-size: inherit; - line-height: inherit; } - -button, -input { - overflow: visible; } - -button, -select { - text-transform: none; } - -[role="button"] { - cursor: pointer; } - -select { - word-wrap: normal; } - -button, -[type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; } - -button:not(:disabled), -[type="button"]:not(:disabled), -[type="reset"]:not(:disabled), -[type="submit"]:not(:disabled) { - 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; } - -input[type="radio"], -input[type="checkbox"] { - box-sizing: border-box; - padding: 0; } - -textarea { - overflow: auto; - resize: vertical; } - -fieldset { - min-width: 0; - padding: 0; - margin: 0; - border: 0; } - -legend { - display: block; - width: 100%; - max-width: 100%; - padding: 0; - margin-bottom: .5rem; - font-size: 1.5rem; - line-height: inherit; - color: inherit; - white-space: normal; } - @media (max-width: 1200px) { - legend { - font-size: calc(1.275rem + 0.3vw) ; } } - -progress { - vertical-align: baseline; } - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -[type="search"] { - outline-offset: -2px; - -webkit-appearance: none; } - -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -::-webkit-file-upload-button { - font: inherit; - -webkit-appearance: button; } - -output { - display: inline-block; } - -summary { - display: list-item; - cursor: pointer; } - -template { - display: none; } - -[hidden] { - display: none !important; } - -h1, h2, h3, h4, h5, h6, -.h1, .h2, .h3, .h4, .h5, .h6 { - margin-bottom: 0.5rem; - font-weight: 500; - line-height: 1.2; } - -h1, .h1 { - font-size: 2.488rem; } - @media (max-width: 1200px) { - h1, .h1 { - font-size: calc(1.3738rem + 1.4856vw) ; } } - -h2, .h2 { - font-size: 2.074em; } - -h3, .h3 { - font-size: 1.728em; } - -h4, .h4 { - font-size: 1.44em; } - -h5, .h5 { - font-size: 1.2em; } - -h6, .h6 { - font-size: 1em; } - -.lead { - font-size: 1.25rem; - font-weight: 300; } - -.display-1 { - font-size: 6rem; - font-weight: 300; - line-height: 1.2; } - @media (max-width: 1200px) { - .display-1 { - font-size: calc(1.725rem + 5.7vw) ; } } - -.display-2 { - font-size: 5.5rem; - font-weight: 300; - line-height: 1.2; } - @media (max-width: 1200px) { - .display-2 { - font-size: calc(1.675rem + 5.1vw) ; } } - -.display-3 { - font-size: 4.5rem; - font-weight: 300; - line-height: 1.2; } - @media (max-width: 1200px) { - .display-3 { - font-size: calc(1.575rem + 3.9vw) ; } } - -.display-4 { - font-size: 3.5rem; - font-weight: 300; - line-height: 1.2; } - @media (max-width: 1200px) { - .display-4 { - font-size: calc(1.475rem + 2.7vw) ; } } - -hr { - margin-top: 1rem; - margin-bottom: 1rem; - border: 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); } - -small, -.small { - font-size: 80%; - font-weight: 400; } - -mark, -.mark { - padding: 0.2em; - background-color: #fcf8e3; } - -.list-unstyled { - padding-left: 0; - list-style: none; } - -.list-inline { - padding-left: 0; - list-style: none; } - -.list-inline-item { - display: inline-block; } - .list-inline-item:not(:last-child) { - margin-right: 0.5rem; } - -.initialism { - font-size: 90%; - text-transform: uppercase; } - -.blockquote { - margin-bottom: 1rem; - font-size: 1.25rem; } - -.blockquote-footer { - display: block; - font-size: 80%; - color: #6c757d; } - .blockquote-footer::before { - content: "\2014\00A0"; } - -.img-fluid { - max-width: 100%; - height: auto; } - -.img-thumbnail { - padding: 0.25rem; - background-color: #f3f6fd; - border: 1px solid #ccced2; - border-radius: 10px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); - max-width: 100%; - height: auto; } - -.figure { - display: inline-block; } - -.figure-img { - margin-bottom: 0.5rem; - line-height: 1; } - -.figure-caption { - font-size: 90%; - color: #6c757d; } - -code { - font-size: 87.5%; - color: #ffd3e2; - word-wrap: break-word; } - a > code { - color: inherit; } - -kbd { - padding: 0.2rem 0.4rem; - font-size: 87.5%; - color: #fff; - background-color: #363636; - border-radius: 10px; - box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); } - kbd kbd { - padding: 0; - font-size: 100%; - font-weight: 700; - box-shadow: none; } - -pre { - display: block; - font-size: 87.5%; - color: #363636; } - pre code { - font-size: inherit; - color: inherit; - word-break: normal; } - -.pre-scrollable { - max-height: 340px; - overflow-y: scroll; } - -.container { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; } - @media (min-width: 576px) { - .container { - max-width: 540px; } } - @media (min-width: 768px) { - .container { - max-width: 720px; } } - @media (min-width: 992px) { - .container { - max-width: 960px; } } - @media (min-width: 1200px) { - .container { - max-width: 1140px; } } - -.container-fluid, .container-sm, .container-md, .container-lg, .container-xl { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; } - -@media (min-width: 576px) { - .container, .container-sm { - max-width: 540px; } } - -@media (min-width: 768px) { - .container, .container-sm, .container-md { - max-width: 720px; } } - -@media (min-width: 992px) { - .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; } } - -.row { - display: flex; - flex-wrap: wrap; - margin-right: -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 { - position: relative; - width: 100%; - padding-right: 15px; - padding-left: 15px; } - -.col { - flex-basis: 0; - flex-grow: 1; - min-width: 0; - max-width: 100%; } - -.row-cols-1 > * { - flex: 0 0 100%; - max-width: 100%; } - -.row-cols-2 > * { - flex: 0 0 50%; - max-width: 50%; } - -.row-cols-3 > * { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - -.row-cols-4 > * { - flex: 0 0 25%; - max-width: 25%; } - -.row-cols-5 > * { - flex: 0 0 20%; - max-width: 20%; } - -.row-cols-6 > * { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - -.col-auto { - flex: 0 0 auto; - width: auto; - max-width: 100%; } - -.col-1 { - flex: 0 0 8.33333%; - max-width: 8.33333%; } - -.col-2 { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - -.col-3 { - flex: 0 0 25%; - max-width: 25%; } - -.col-4 { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - -.col-5 { - flex: 0 0 41.66667%; - max-width: 41.66667%; } - -.col-6 { - flex: 0 0 50%; - max-width: 50%; } - -.col-7 { - flex: 0 0 58.33333%; - max-width: 58.33333%; } - -.col-8 { - flex: 0 0 66.66667%; - max-width: 66.66667%; } - -.col-9 { - flex: 0 0 75%; - max-width: 75%; } - -.col-10 { - flex: 0 0 83.33333%; - max-width: 83.33333%; } - -.col-11 { - flex: 0 0 91.66667%; - max-width: 91.66667%; } - -.col-12 { - flex: 0 0 100%; - max-width: 100%; } - -.order-first { - order: -1; } - -.order-last { - order: 13; } - -.order-0 { - order: 0; } - -.order-1 { - order: 1; } - -.order-2 { - order: 2; } - -.order-3 { - order: 3; } - -.order-4 { - order: 4; } - -.order-5 { - order: 5; } - -.order-6 { - order: 6; } - -.order-7 { - order: 7; } - -.order-8 { - order: 8; } - -.order-9 { - order: 9; } - -.order-10 { - order: 10; } - -.order-11 { - order: 11; } - -.order-12 { - order: 12; } - -.offset-1 { - margin-left: 8.33333%; } - -.offset-2 { - margin-left: 16.66667%; } - -.offset-3 { - margin-left: 25%; } - -.offset-4 { - margin-left: 33.33333%; } - -.offset-5 { - margin-left: 41.66667%; } - -.offset-6 { - margin-left: 50%; } - -.offset-7 { - margin-left: 58.33333%; } - -.offset-8 { - margin-left: 66.66667%; } - -.offset-9 { - margin-left: 75%; } - -.offset-10 { - margin-left: 83.33333%; } - -.offset-11 { - margin-left: 91.66667%; } - -@media (min-width: 576px) { - .col-sm { - flex-basis: 0; - flex-grow: 1; - min-width: 0; - max-width: 100%; } - .row-cols-sm-1 > * { - flex: 0 0 100%; - max-width: 100%; } - .row-cols-sm-2 > * { - flex: 0 0 50%; - max-width: 50%; } - .row-cols-sm-3 > * { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - .row-cols-sm-4 > * { - flex: 0 0 25%; - max-width: 25%; } - .row-cols-sm-5 > * { - flex: 0 0 20%; - max-width: 20%; } - .row-cols-sm-6 > * { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-sm-auto { - flex: 0 0 auto; - width: auto; - max-width: 100%; } - .col-sm-1 { - flex: 0 0 8.33333%; - max-width: 8.33333%; } - .col-sm-2 { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-sm-3 { - flex: 0 0 25%; - max-width: 25%; } - .col-sm-4 { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - .col-sm-5 { - flex: 0 0 41.66667%; - max-width: 41.66667%; } - .col-sm-6 { - flex: 0 0 50%; - max-width: 50%; } - .col-sm-7 { - flex: 0 0 58.33333%; - max-width: 58.33333%; } - .col-sm-8 { - flex: 0 0 66.66667%; - max-width: 66.66667%; } - .col-sm-9 { - flex: 0 0 75%; - max-width: 75%; } - .col-sm-10 { - flex: 0 0 83.33333%; - max-width: 83.33333%; } - .col-sm-11 { - flex: 0 0 91.66667%; - max-width: 91.66667%; } - .col-sm-12 { - flex: 0 0 100%; - max-width: 100%; } - .order-sm-first { - order: -1; } - .order-sm-last { - order: 13; } - .order-sm-0 { - order: 0; } - .order-sm-1 { - order: 1; } - .order-sm-2 { - order: 2; } - .order-sm-3 { - order: 3; } - .order-sm-4 { - order: 4; } - .order-sm-5 { - order: 5; } - .order-sm-6 { - order: 6; } - .order-sm-7 { - order: 7; } - .order-sm-8 { - order: 8; } - .order-sm-9 { - order: 9; } - .order-sm-10 { - order: 10; } - .order-sm-11 { - order: 11; } - .order-sm-12 { - order: 12; } - .offset-sm-0 { - margin-left: 0; } - .offset-sm-1 { - margin-left: 8.33333%; } - .offset-sm-2 { - margin-left: 16.66667%; } - .offset-sm-3 { - margin-left: 25%; } - .offset-sm-4 { - margin-left: 33.33333%; } - .offset-sm-5 { - margin-left: 41.66667%; } - .offset-sm-6 { - margin-left: 50%; } - .offset-sm-7 { - margin-left: 58.33333%; } - .offset-sm-8 { - margin-left: 66.66667%; } - .offset-sm-9 { - margin-left: 75%; } - .offset-sm-10 { - margin-left: 83.33333%; } - .offset-sm-11 { - margin-left: 91.66667%; } } - -@media (min-width: 768px) { - .col-md { - flex-basis: 0; - flex-grow: 1; - min-width: 0; - max-width: 100%; } - .row-cols-md-1 > * { - flex: 0 0 100%; - max-width: 100%; } - .row-cols-md-2 > * { - flex: 0 0 50%; - max-width: 50%; } - .row-cols-md-3 > * { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - .row-cols-md-4 > * { - flex: 0 0 25%; - max-width: 25%; } - .row-cols-md-5 > * { - flex: 0 0 20%; - max-width: 20%; } - .row-cols-md-6 > * { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-md-auto { - flex: 0 0 auto; - width: auto; - max-width: 100%; } - .col-md-1 { - flex: 0 0 8.33333%; - max-width: 8.33333%; } - .col-md-2 { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-md-3 { - flex: 0 0 25%; - max-width: 25%; } - .col-md-4 { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - .col-md-5 { - flex: 0 0 41.66667%; - max-width: 41.66667%; } - .col-md-6 { - flex: 0 0 50%; - max-width: 50%; } - .col-md-7 { - flex: 0 0 58.33333%; - max-width: 58.33333%; } - .col-md-8 { - flex: 0 0 66.66667%; - max-width: 66.66667%; } - .col-md-9 { - flex: 0 0 75%; - max-width: 75%; } - .col-md-10 { - flex: 0 0 83.33333%; - max-width: 83.33333%; } - .col-md-11 { - flex: 0 0 91.66667%; - max-width: 91.66667%; } - .col-md-12 { - flex: 0 0 100%; - max-width: 100%; } - .order-md-first { - order: -1; } - .order-md-last { - order: 13; } - .order-md-0 { - order: 0; } - .order-md-1 { - order: 1; } - .order-md-2 { - order: 2; } - .order-md-3 { - order: 3; } - .order-md-4 { - order: 4; } - .order-md-5 { - order: 5; } - .order-md-6 { - order: 6; } - .order-md-7 { - order: 7; } - .order-md-8 { - order: 8; } - .order-md-9 { - order: 9; } - .order-md-10 { - order: 10; } - .order-md-11 { - order: 11; } - .order-md-12 { - order: 12; } - .offset-md-0 { - margin-left: 0; } - .offset-md-1 { - margin-left: 8.33333%; } - .offset-md-2 { - margin-left: 16.66667%; } - .offset-md-3 { - margin-left: 25%; } - .offset-md-4 { - margin-left: 33.33333%; } - .offset-md-5 { - margin-left: 41.66667%; } - .offset-md-6 { - margin-left: 50%; } - .offset-md-7 { - margin-left: 58.33333%; } - .offset-md-8 { - margin-left: 66.66667%; } - .offset-md-9 { - margin-left: 75%; } - .offset-md-10 { - margin-left: 83.33333%; } - .offset-md-11 { - margin-left: 91.66667%; } } - -@media (min-width: 992px) { - .col-lg { - flex-basis: 0; - flex-grow: 1; - min-width: 0; - max-width: 100%; } - .row-cols-lg-1 > * { - flex: 0 0 100%; - max-width: 100%; } - .row-cols-lg-2 > * { - flex: 0 0 50%; - max-width: 50%; } - .row-cols-lg-3 > * { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - .row-cols-lg-4 > * { - flex: 0 0 25%; - max-width: 25%; } - .row-cols-lg-5 > * { - flex: 0 0 20%; - max-width: 20%; } - .row-cols-lg-6 > * { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-lg-auto { - flex: 0 0 auto; - width: auto; - max-width: 100%; } - .col-lg-1 { - flex: 0 0 8.33333%; - max-width: 8.33333%; } - .col-lg-2 { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-lg-3 { - flex: 0 0 25%; - max-width: 25%; } - .col-lg-4 { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - .col-lg-5 { - flex: 0 0 41.66667%; - max-width: 41.66667%; } - .col-lg-6 { - flex: 0 0 50%; - max-width: 50%; } - .col-lg-7 { - flex: 0 0 58.33333%; - max-width: 58.33333%; } - .col-lg-8 { - flex: 0 0 66.66667%; - max-width: 66.66667%; } - .col-lg-9 { - flex: 0 0 75%; - max-width: 75%; } - .col-lg-10 { - flex: 0 0 83.33333%; - max-width: 83.33333%; } - .col-lg-11 { - flex: 0 0 91.66667%; - max-width: 91.66667%; } - .col-lg-12 { - flex: 0 0 100%; - max-width: 100%; } - .order-lg-first { - order: -1; } - .order-lg-last { - order: 13; } - .order-lg-0 { - order: 0; } - .order-lg-1 { - order: 1; } - .order-lg-2 { - order: 2; } - .order-lg-3 { - order: 3; } - .order-lg-4 { - order: 4; } - .order-lg-5 { - order: 5; } - .order-lg-6 { - order: 6; } - .order-lg-7 { - order: 7; } - .order-lg-8 { - order: 8; } - .order-lg-9 { - order: 9; } - .order-lg-10 { - order: 10; } - .order-lg-11 { - order: 11; } - .order-lg-12 { - order: 12; } - .offset-lg-0 { - margin-left: 0; } - .offset-lg-1 { - margin-left: 8.33333%; } - .offset-lg-2 { - margin-left: 16.66667%; } - .offset-lg-3 { - margin-left: 25%; } - .offset-lg-4 { - margin-left: 33.33333%; } - .offset-lg-5 { - margin-left: 41.66667%; } - .offset-lg-6 { - margin-left: 50%; } - .offset-lg-7 { - margin-left: 58.33333%; } - .offset-lg-8 { - margin-left: 66.66667%; } - .offset-lg-9 { - margin-left: 75%; } - .offset-lg-10 { - margin-left: 83.33333%; } - .offset-lg-11 { - margin-left: 91.66667%; } } - -@media (min-width: 1200px) { - .col-xl { - flex-basis: 0; - flex-grow: 1; - min-width: 0; - max-width: 100%; } - .row-cols-xl-1 > * { - flex: 0 0 100%; - max-width: 100%; } - .row-cols-xl-2 > * { - flex: 0 0 50%; - max-width: 50%; } - .row-cols-xl-3 > * { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - .row-cols-xl-4 > * { - flex: 0 0 25%; - max-width: 25%; } - .row-cols-xl-5 > * { - flex: 0 0 20%; - max-width: 20%; } - .row-cols-xl-6 > * { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-xl-auto { - flex: 0 0 auto; - width: auto; - max-width: 100%; } - .col-xl-1 { - flex: 0 0 8.33333%; - max-width: 8.33333%; } - .col-xl-2 { - flex: 0 0 16.66667%; - max-width: 16.66667%; } - .col-xl-3 { - flex: 0 0 25%; - max-width: 25%; } - .col-xl-4 { - flex: 0 0 33.33333%; - max-width: 33.33333%; } - .col-xl-5 { - flex: 0 0 41.66667%; - max-width: 41.66667%; } - .col-xl-6 { - flex: 0 0 50%; - max-width: 50%; } - .col-xl-7 { - flex: 0 0 58.33333%; - max-width: 58.33333%; } - .col-xl-8 { - flex: 0 0 66.66667%; - max-width: 66.66667%; } - .col-xl-9 { - flex: 0 0 75%; - max-width: 75%; } - .col-xl-10 { - flex: 0 0 83.33333%; - max-width: 83.33333%; } - .col-xl-11 { - flex: 0 0 91.66667%; - max-width: 91.66667%; } - .col-xl-12 { - flex: 0 0 100%; - max-width: 100%; } - .order-xl-first { - order: -1; } - .order-xl-last { - order: 13; } - .order-xl-0 { - order: 0; } - .order-xl-1 { - order: 1; } - .order-xl-2 { - order: 2; } - .order-xl-3 { - order: 3; } - .order-xl-4 { - order: 4; } - .order-xl-5 { - order: 5; } - .order-xl-6 { - order: 6; } - .order-xl-7 { - order: 7; } - .order-xl-8 { - order: 8; } - .order-xl-9 { - order: 9; } - .order-xl-10 { - order: 10; } - .order-xl-11 { - order: 11; } - .order-xl-12 { - order: 12; } - .offset-xl-0 { - margin-left: 0; } - .offset-xl-1 { - margin-left: 8.33333%; } - .offset-xl-2 { - margin-left: 16.66667%; } - .offset-xl-3 { - margin-left: 25%; } - .offset-xl-4 { - margin-left: 33.33333%; } - .offset-xl-5 { - margin-left: 41.66667%; } - .offset-xl-6 { - margin-left: 50%; } - .offset-xl-7 { - margin-left: 58.33333%; } - .offset-xl-8 { - margin-left: 66.66667%; } - .offset-xl-9 { - margin-left: 75%; } - .offset-xl-10 { - margin-left: 83.33333%; } - .offset-xl-11 { - margin-left: 91.66667%; } } - -.table { - width: 100%; - margin-bottom: 1rem; - color: #768492; } - .table th, - .table td { - padding: 0.75rem; - vertical-align: top; - border-top: 1px solid #DCDDDF; } - .table thead th { - vertical-align: bottom; - border-bottom: 2px solid #DCDDDF; } - .table tbody + tbody { - border-top: 2px solid #DCDDDF; } - -.table-sm th, -.table-sm td { - padding: 0.3rem; } - -.table-bordered { - border: 1px solid #DCDDDF; } - .table-bordered th, - .table-bordered td { - border: 1px solid #DCDDDF; } - .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-striped tbody tr:nth-of-type(odd) { - background-color: rgba(0, 0, 0, 0.05); } - -.table-hover tbody tr:hover { - color: #768492; - background-color: rgba(0, 0, 0, 0.075); } - -.table-primary, -.table-primary > th, -.table-primary > td { - background-color: #c0bfc5; } - -.table-primary th, -.table-primary td, -.table-primary thead th, -.table-primary tbody + tbody { - border-color: #8b8993; } - -.table-hover .table-primary:hover { - background-color: #b3b2b9; } - .table-hover .table-primary:hover > td, - .table-hover .table-primary:hover > th { - background-color: #b3b2b9; } - -.table-secondary, -.table-secondary > th, -.table-secondary > td { - background-color: #d6d8db; } - -.table-secondary th, -.table-secondary td, -.table-secondary thead th, -.table-secondary tbody + tbody { - border-color: #b3b7bb; } - -.table-hover .table-secondary:hover { - background-color: #c8cbcf; } - .table-hover .table-secondary:hover > td, - .table-hover .table-secondary:hover > th { - background-color: #c8cbcf; } - -.table-success, -.table-success > th, -.table-success > td { - background-color: #deeee5; } - -.table-success th, -.table-success td, -.table-success thead th, -.table-success tbody + tbody { - border-color: #c2e0cf; } - -.table-hover .table-success:hover { - background-color: #cde5d8; } - .table-hover .table-success:hover > td, - .table-hover .table-success:hover > th { - background-color: #cde5d8; } - -.table-info, -.table-info > th, -.table-info > td { - background-color: #ddecfc; } - -.table-info th, -.table-info td, -.table-info thead th, -.table-info tbody + tbody { - border-color: #c1dbfa; } - -.table-hover .table-info:hover { - background-color: #c6dffa; } - .table-hover .table-info:hover > td, - .table-hover .table-info:hover > th { - background-color: #c6dffa; } - -.table-warning, -.table-warning > th, -.table-warning > td { - background-color: #fbddcc; } - -.table-warning th, -.table-warning td, -.table-warning thead th, -.table-warning tbody + tbody { - border-color: #f7c0a1; } - -.table-hover .table-warning:hover { - background-color: #f9cdb4; } - .table-hover .table-warning:hover > td, - .table-hover .table-warning:hover > th { - background-color: #f9cdb4; } - -.table-danger, -.table-danger > th, -.table-danger > td { - background-color: #fcd8e8; } - -.table-danger th, -.table-danger td, -.table-danger thead th, -.table-danger tbody + tbody { - border-color: #fab7d4; } - -.table-hover .table-danger:hover { - background-color: #fac0da; } - .table-hover .table-danger:hover > td, - .table-hover .table-danger:hover > th { - background-color: #fac0da; } - -.table-light, -.table-light > th, -.table-light > td { - background-color: #dddddd; } - -.table-light th, -.table-light td, -.table-light thead th, -.table-light tbody + tbody { - border-color: #bfbfc0; } - -.table-hover .table-light:hover { - background-color: #d0d0d0; } - .table-hover .table-light:hover > td, - .table-hover .table-light:hover > th { - background-color: #d0d0d0; } - -.table-dark, -.table-dark > th, -.table-dark > td { - background-color: #b8b9bf; } - -.table-dark th, -.table-dark td, -.table-dark thead th, -.table-dark tbody + tbody { - border-color: #7b7c88; } - -.table-hover .table-dark:hover { - background-color: #abacb3; } - .table-hover .table-dark:hover > td, - .table-hover .table-dark:hover > th { - background-color: #abacb3; } - -.table-purple, -.table-purple > th, -.table-purple > td { - background-color: #e7ddfc; } - -.table-purple th, -.table-purple td, -.table-purple thead th, -.table-purple tbody + tbody { - border-color: #d3c1fa; } - -.table-hover .table-purple:hover { - background-color: #d6c6fa; } - .table-hover .table-purple:hover > td, - .table-hover .table-purple:hover > th { - background-color: #d6c6fa; } - -.table-active, -.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); } - -.table .thead-dark th { - color: #fff; - background-color: #01041b; - border-color: #020940; } - -.table .thead-light th { - color: #495057; - background-color: #e9ecef; - border-color: #DCDDDF; } - -.table-dark { - color: #fff; - background-color: #01041b; } - .table-dark th, - .table-dark td, - .table-dark thead th { - border-color: #020940; } - .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; } } - -@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; } } - -@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; } } - -@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; } } - -.table-responsive { - display: block; - width: 100%; - overflow-x: auto; - -webkit-overflow-scrolling: touch; } - .table-responsive > .table-bordered { - border: 0; } - -.form-control { - display: block; - width: 100%; - height: calc(1.5em + 0.75rem + 2px); - padding: 0.375rem 0.75rem; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: #495057; - background-color: #fff; - background-clip: padding-box; - border: 1px solid #ced4da; - border-radius: 10px; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - 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: #544c7f; - outline: 0; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(31, 28, 47, 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; } - -select.form-control:focus::-ms-value { - color: #495057; - background-color: #fff; } - -.form-control-file, -.form-control-range { - display: block; - 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; } - -.col-form-label-lg { - padding-top: calc(0.5rem + 1px); - padding-bottom: calc(0.5rem + 1px); - font-size: 0.75rem; - line-height: 1.5; } - -.col-form-label-sm { - padding-top: calc(0.25rem + 1px); - padding-bottom: calc(0.25rem + 1px); - font-size: 0.75rem; - line-height: 1.5; } - -.form-control-plaintext { - display: block; - width: 100%; - padding: 0.375rem 0; - margin-bottom: 0; - font-size: 1rem; - line-height: 1.5; - color: #768492; - 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; } - -.form-control-sm { - height: calc(1.5em + 0.5rem + 2px); - padding: 0.25rem 0.5rem; - font-size: 0.75rem; - line-height: 1.5; - border-radius: 10px; } - -.form-control-lg { - height: calc(1.5em + 1rem + 2px); - padding: 0.5rem 1rem; - font-size: 0.75rem; - line-height: 1.5; - border-radius: 10px; } - -select.form-control[size], select.form-control[multiple] { - height: auto; } - -textarea.form-control { - height: auto; } - -.form-group { - margin-bottom: 1rem; } - -.form-text { - display: block; - 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; } - -.form-check { - position: relative; - display: block; - 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: #6c757d; } - -.form-check-label { - 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; } - -.valid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 80%; - color: #8ac3a3; } - -.valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 0.25rem 0.5rem; - margin-top: .1rem; - font-size: 0.75rem; - line-height: 1.5; - color: #fff; - background-color: rgba(138, 195, 163, 0.9); - border-radius: 10px; } - -.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 { - border-color: #8ac3a3; - 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='%238ac3a3' 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: #8ac3a3; - box-shadow: 0 0 0 0.2rem rgba(138, 195, 163, 0.25); } - -.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); } - -.was-validated .custom-select:valid, .custom-select.is-valid { - border-color: #8ac3a3; - 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='%2301041b' 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='%238ac3a3' 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: #8ac3a3; - box-shadow: 0 0 0 0.2rem rgba(138, 195, 163, 0.25); } - -.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { - color: #8ac3a3; } - -.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: #8ac3a3; } - .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { - border-color: #8ac3a3; } - -.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { - border-color: #acd4be; - background-color: #acd4be; } - -.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(138, 195, 163, 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: #8ac3a3; } - -.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { - border-color: #8ac3a3; } - -.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { - border-color: #8ac3a3; - box-shadow: 0 0 0 0.2rem rgba(138, 195, 163, 0.25); } - -.invalid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 80%; - color: #f674ad; } - -.invalid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 0.25rem 0.5rem; - margin-top: .1rem; - font-size: 0.75rem; - line-height: 1.5; - color: #fff; - background-color: rgba(246, 116, 173, 0.9); - border-radius: 10px; } - -.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 { - border-color: #f674ad; - 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='%23f674ad' 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='%23f674ad' 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: #f674ad; - box-shadow: 0 0 0 0.2rem rgba(246, 116, 173, 0.25); } - -.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); } - -.was-validated .custom-select:invalid, .custom-select.is-invalid { - border-color: #f674ad; - 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='%2301041b' 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='%23f674ad' 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='%23f674ad' 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: #f674ad; - box-shadow: 0 0 0 0.2rem rgba(246, 116, 173, 0.25); } - -.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { - color: #f674ad; } - -.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: #f674ad; } - .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { - border-color: #f674ad; } - -.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { - border-color: #f9a4c9; - background-color: #f9a4c9; } - -.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(246, 116, 173, 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: #f674ad; } - -.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { - border-color: #f674ad; } - -.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { - border-color: #f674ad; - box-shadow: 0 0 0 0.2rem rgba(246, 116, 173, 0.25); } - -.form-inline { - display: flex; - flex-flow: row wrap; - 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 { - 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; } } - -.fade { - transition: opacity 0.15s linear; } - @media (prefers-reduced-motion: reduce) { - .fade { - transition: none; } } - .fade:not(.show) { - opacity: 0; } - -.collapse:not(.show) { - display: none; } - -.collapsing { - position: relative; - height: 0; - overflow: hidden; - transition: height 0.35s ease; } - @media (prefers-reduced-motion: reduce) { - .collapsing { - transition: none; } } - -.dropup, -.dropright, -.dropdown, -.dropleft { - position: relative; } - -.dropdown-toggle { - white-space: nowrap; } - .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid; - border-right: 0.3em solid transparent; - border-bottom: 0; - border-left: 0.3em solid transparent; } - .dropdown-toggle:empty::after { - margin-left: 0; } - -.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: 1rem; - color: #768492; - text-align: left; - list-style: none; - background-color: #fff; - background-clip: padding-box; - border: 0 solid rgba(0, 0, 0, 0.15); - border-radius: 10px; - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); } - -.dropdown-menu-left { - right: auto; - left: 0; } - -.dropdown-menu-right { - right: 0; - left: auto; } - -@media (min-width: 576px) { - .dropdown-menu-sm-left { - right: auto; - left: 0; } - .dropdown-menu-sm-right { - right: 0; - left: auto; } } - -@media (min-width: 768px) { - .dropdown-menu-md-left { - right: auto; - left: 0; } - .dropdown-menu-md-right { - right: 0; - left: auto; } } - -@media (min-width: 992px) { - .dropdown-menu-lg-left { - right: auto; - left: 0; } - .dropdown-menu-lg-right { - right: 0; - left: auto; } } - -@media (min-width: 1200px) { - .dropdown-menu-xl-left { - right: auto; - left: 0; } - .dropdown-menu-xl-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; } - -.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; } - -.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; } - -.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { - right: auto; - bottom: auto; } - -.dropdown-divider { - height: 0; - margin: 0.5rem 0; - overflow: hidden; - border-top: 1px solid #e9ecef; } - -.dropdown-item { - display: block; - width: 100%; - padding: 0.25rem 1.5rem; - clear: both; - font-weight: 400; - color: #363636; - text-align: inherit; - white-space: nowrap; - background-color: transparent; - border: 0; } - .dropdown-item:hover, .dropdown-item:focus { - color: #292929; - text-decoration: none; - background-color: #f8f9fa; } - .dropdown-item.active, .dropdown-item:active { - color: #fff; - text-decoration: none; - background-color: #1f1c2f; } - .dropdown-item.disabled, .dropdown-item:disabled { - color: #6c757d; - pointer-events: none; - background-color: transparent; } - -.dropdown-menu.show { - display: block; } - -.dropdown-header { - display: block; - padding: 0.5rem 1.5rem; - margin-bottom: 0; - font-size: 0.75rem; - color: #6c757d; - white-space: nowrap; } - -.dropdown-item-text { - display: block; - padding: 0.25rem 1.5rem; - color: #363636; } - -.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-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; } - -.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.show .dropdown-toggle { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } - .btn-group.show .dropdown-toggle.btn-link { - box-shadow: none; } - -.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; } - -.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; } - -.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; } - -.input-group-prepend { - margin-right: -1px; } - -.input-group-append { - margin-left: -1px; } - -.input-group-text { - display: flex; - align-items: center; - padding: 0.375rem 0.75rem; - margin-bottom: 0; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: #495057; - text-align: center; - white-space: nowrap; - background-color: #e9ecef; - border: 1px solid #ced4da; - border-radius: 10px; } - .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: 0.75rem; - line-height: 1.5; - border-radius: 10px; } - -.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.75rem; - line-height: 1.5; - border-radius: 10px; } - -.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; - display: block; - min-height: 24; - padding-left: 1.5rem; } - -.custom-control-inline { - display: inline-flex; - margin-right: 1rem; } - -.custom-control-input { - position: absolute; - left: 0; - z-index: -1; - width: 1rem; - height: 12.5rem; - opacity: 0; } - .custom-control-input:checked ~ .custom-control-label::before { - color: #fff; - border-color: #1f1c2f; - background-color: #1f1c2f; - box-shadow: none; } - .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(31, 28, 47, 0.25); } - .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { - border-color: #544c7f; } - .custom-control-input:not(:disabled):active ~ .custom-control-label::before { - color: #fff; - background-color: #695f9f; - border-color: #695f9f; - box-shadow: none; } - .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { - color: #6c757d; } - .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { - background-color: #e9ecef; } - -.custom-control-label { - position: relative; - margin-bottom: 0; - vertical-align: top; } - .custom-control-label::before { - position: absolute; - top: 11.5rem; - left: -1.5rem; - display: block; - width: 1rem; - height: 1rem; - pointer-events: none; - content: ""; - background-color: #fff; - border: #adb5bd solid 1px; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .custom-control-label::after { - position: absolute; - top: 11.5rem; - left: -1.5rem; - display: block; - width: 1rem; - height: 1rem; - content: ""; - background: no-repeat 50% / 50% 50%; } - -.custom-checkbox .custom-control-label::before { - border-radius: 10px; } - -.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: #1f1c2f; - background-color: #1f1c2f; - box-shadow: none; } - -.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(31, 28, 47, 0.5); } - -.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { - background-color: rgba(31, 28, 47, 0.5); } - -.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(31, 28, 47, 0.5); } - -.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(11.5rem + 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(31, 28, 47, 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: 1rem; - 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='%2301041b' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; - border: 1px solid #ced4da; - border-radius: 10px; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); - appearance: none; } - .custom-select:focus { - border-color: #544c7f; - outline: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(31, 28, 47, 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; } - -.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.75rem; } - -.custom-select-lg { - height: calc(1.5em + 1rem + 2px); - padding-top: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 1rem; - font-size: 0.75rem; } - -.custom-file { - position: relative; - display: inline-block; - width: 100%; - height: calc(1.5em + 0.75rem + 2px); - margin-bottom: 0; } - -.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: #544c7f; - box-shadow: 0 0 0 0.2rem rgba(31, 28, 47, 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); } - -.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 #ced4da; - border-radius: 10px; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .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 10px 10px 0; } - -.custom-range { - width: 100%; - height: 1.4rem; - padding: 0; - background-color: transparent; - appearance: none; } - .custom-range:focus { - outline: none; } - .custom-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #f3f6fd, 0 0 0 0.2rem rgba(31, 28, 47, 0.25); } - .custom-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #f3f6fd, 0 0 0 0.2rem rgba(31, 28, 47, 0.25); } - .custom-range:focus::-ms-thumb { - box-shadow: 0 0 0 1px #f3f6fd, 0 0 0 0.2rem rgba(31, 28, 47, 0.25); } - .custom-range::-moz-focus-outer { - border: 0; } - .custom-range::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - margin-top: -0.25rem; - background-color: #1f1c2f; - border: 0; - border-radius: 1rem; - box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); - 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: #695f9f; } - .custom-range::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #ccced2; - border-color: transparent; - border-radius: 1rem; - box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } - .custom-range::-moz-range-thumb { - width: 1rem; - height: 1rem; - background-color: #1f1c2f; - border: 0; - border-radius: 1rem; - box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); - 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: #695f9f; } - .custom-range::-moz-range-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #ccced2; - border-color: transparent; - border-radius: 1rem; - box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } - .custom-range::-ms-thumb { - width: 1rem; - height: 1rem; - margin-top: 0; - margin-right: 0.2rem; - margin-left: 0.2rem; - background-color: #1f1c2f; - border: 0; - border-radius: 1rem; - box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); - 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: #695f9f; } - .custom-range::-ms-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: transparent; - border-color: transparent; - border-width: 0.5rem; - box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } - .custom-range::-ms-fill-lower { - background-color: #ccced2; - border-radius: 1rem; } - .custom-range::-ms-fill-upper { - margin-right: 15px; - background-color: #ccced2; - 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; } - -.nav-tabs { - border-bottom: 1px solid #ccced2; } - .nav-tabs .nav-item { - margin-bottom: -1px; } - .nav-tabs .nav-link { - border: 1px solid transparent; - border-top-left-radius: 10px; - border-top-right-radius: 10px; } - .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { - border-color: #e9ecef #e9ecef #ccced2; } - .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: #f3f6fd; - border-color: #ccced2 #ccced2 #f3f6fd; } - .nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - -.nav-pills .nav-link { - border-radius: 10px; } - -.nav-pills .nav-link.active, -.nav-pills .show > .nav-link { - color: #fff; - background-color: #1f1c2f; } - -.nav-fill .nav-item { - flex: 1 1 auto; - text-align: center; } - -.nav-justified .nav-item { - flex-basis: 0; - flex-grow: 1; - text-align: center; } - -.tab-content > .tab-pane { - display: none; } - -.tab-content > .active { - display: block; } - -.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; } - -.navbar-brand { - display: inline-block; - padding-top: 3.5rem; - padding-bottom: 3.5rem; - margin-right: 1rem; - font-size: 0.75rem; - line-height: inherit; - white-space: nowrap; } - .navbar-brand:hover, .navbar-brand:focus { - text-decoration: none; } - -.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; } - -.navbar-text { - display: inline-block; - padding-top: 0.5rem; - padding-bottom: 0.5rem; } - -.navbar-collapse { - flex-basis: 100%; - flex-grow: 1; - align-items: center; } - -.navbar-toggler { - padding: 0.25rem 0.75rem; - font-size: 0.75rem; - line-height: 1; - background-color: transparent; - border: 1px solid transparent; - border-radius: 10px; } - .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; } } - -.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: #ffffff; - background-clip: border-box; - border: 1px solid rgba(0, 0, 0, 0.125); - border-radius: 10px; } - .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: 9px; - border-top-right-radius: 9px; } - .card > .list-group:last-child { - border-bottom-width: 0; - border-bottom-right-radius: 9px; - border-bottom-left-radius: 9px; } - -.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; } - -.card-link:hover { - text-decoration: none; } - -.card-link + .card-link { - margin-left: 1.25rem; } - -.card-header { - padding: 0.75rem 1.25rem; - margin-bottom: 0; - background-color: rgba(0, 0, 0, 0.03); - border-bottom: 1px solid rgba(0, 0, 0, 0.125); } - .card-header:first-child { - border-radius: 9px 9px 0 0; } - .card-header + .list-group .list-group-item:first-child { - border-top: 0; } - -.card-footer { - padding: 0.75rem 1.25rem; - background-color: rgba(0, 0, 0, 0.03); - border-top: 1px solid rgba(0, 0, 0, 0.125); } - .card-footer:last-child { - border-radius: 0 0 9px 9px; } - -.card-header-tabs { - margin-right: -0.625rem; - margin-bottom: -0.75rem; - margin-left: -0.625rem; - border-bottom: 0; } - -.card-header-pills { - margin-right: -0.625rem; - margin-left: -0.625rem; } - -.card-img-overlay { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 1.25rem; } - -.card-img, -.card-img-top, -.card-img-bottom { - flex-shrink: 0; - width: 100%; } - -.card-img, -.card-img-top { - border-top-left-radius: 9px; - border-top-right-radius: 9px; } - -.card-img, -.card-img-bottom { - border-bottom-right-radius: 9px; - border-bottom-left-radius: 9px; } - -.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; } } - -.card-columns .card { - margin-bottom: 20px; } - -@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%; } } - -.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; } - -.breadcrumb { - display: flex; - flex-wrap: wrap; - padding: 0.75rem 1rem; - margin-bottom: 1rem; - list-style: none; - background-color: #e9ecef; - border-radius: 10px; } - -.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; } - -.pagination { - display: flex; - padding-left: 0; - list-style: none; - border-radius: 10px; } - -.page-link { - position: relative; - display: block; - padding: 0.5rem 0.75rem; - margin-left: -1px; - line-height: 1.25; - color: #1f1c2f; - background-color: #fff; - border: 1px solid #ccced2; } - .page-link:hover { - z-index: 2; - color: black; - text-decoration: none; - background-color: #e9ecef; - border-color: #ccced2; } - .page-link:focus { - z-index: 3; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(31, 28, 47, 0.25); } - -.page-item:first-child .page-link { - margin-left: 0; - border-top-left-radius: 10px; - border-bottom-left-radius: 10px; } - -.page-item:last-child .page-link { - border-top-right-radius: 10px; - border-bottom-right-radius: 10px; } - -.page-item.active .page-link { - z-index: 3; - color: #fff; - background-color: #1f1c2f; - border-color: #1f1c2f; } - -.page-item.disabled .page-link { - color: #6c757d; - pointer-events: none; - cursor: auto; - background-color: #fff; - border-color: #ccced2; } - -.pagination-lg .page-link { - padding: 0.75rem 1.5rem; - font-size: 0.75rem; - line-height: 1.5; } - -.pagination-lg .page-item:first-child .page-link { - border-top-left-radius: 10px; - border-bottom-left-radius: 10px; } - -.pagination-lg .page-item:last-child .page-link { - border-top-right-radius: 10px; - border-bottom-right-radius: 10px; } - -.pagination-sm .page-link { - padding: 0.25rem 0.5rem; - font-size: 0.75rem; - line-height: 1.5; } - -.pagination-sm .page-item:first-child .page-link { - border-top-left-radius: 10px; - border-bottom-left-radius: 10px; } - -.pagination-sm .page-item:last-child .page-link { - border-top-right-radius: 10px; - border-bottom-right-radius: 10px; } - -.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: 10px; - 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 .badge { - position: relative; - top: -1px; } - -.badge-pill { - padding-right: 0.6em; - padding-left: 0.6em; - border-radius: 10rem; } - -.badge-primary { - color: #fff; - background-color: #1f1c2f; } - a.badge-primary:hover, a.badge-primary:focus { - color: #fff; - background-color: #0a090f; } - a.badge-primary:focus, a.badge-primary.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(31, 28, 47, 0.5); } - -.badge-secondary { - color: #fff; - background-color: #6c757d; } - a.badge-secondary:hover, a.badge-secondary:focus { - color: #fff; - background-color: #545b62; } - a.badge-secondary:focus, a.badge-secondary.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } - -.badge-success { - color: #fff; - background-color: #8ac3a3; } - a.badge-success:hover, a.badge-success:focus { - color: #fff; - background-color: #68b288; } - a.badge-success:focus, a.badge-success.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(138, 195, 163, 0.5); } - -.badge-info { - color: #fff; - background-color: #87baf5; } - a.badge-info:hover, a.badge-info:focus { - color: #fff; - background-color: #589ff1; } - a.badge-info:focus, a.badge-info.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(135, 186, 245, 0.5); } - -.badge-warning { - color: #fff; - background-color: #f0864a; } - a.badge-warning:hover, a.badge-warning:focus { - color: #fff; - background-color: #ec671b; } - a.badge-warning:focus, a.badge-warning.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(240, 134, 74, 0.5); } - -.badge-danger { - color: #fff; - background-color: #f674ad; } - a.badge-danger:hover, a.badge-danger:focus { - color: #fff; - background-color: #f34491; } - a.badge-danger:focus, a.badge-danger.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(246, 116, 173, 0.5); } - -.badge-light { - color: #fff; - background-color: #848486; } - a.badge-light:hover, a.badge-light:focus { - color: #fff; - background-color: #6b6b6c; } - a.badge-light:focus, a.badge-light.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(132, 132, 134, 0.5); } - -.badge-dark { - color: #fff; - background-color: #01041b; } - a.badge-dark:hover, a.badge-dark:focus { - color: #fff; - background-color: black; } - a.badge-dark:focus, a.badge-dark.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(1, 4, 27, 0.5); } - -.badge-purple { - color: #fff; - background-color: #AA87F5; } - a.badge-purple:hover, a.badge-purple:focus { - color: #fff; - background-color: #8958f1; } - a.badge-purple:focus, a.badge-purple.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(170, 135, 245, 0.5); } - -.alert { - position: relative; - padding: 0.75rem 1.25rem; - margin-bottom: 1rem; - border: 1px solid transparent; - border-radius: 10px; } - -.alert-heading { - color: inherit; } - -.alert-link { - font-weight: 700; } - -.alert-dismissible { - padding-right: 26.5rem; } - .alert-dismissible .close { - position: absolute; - top: 0; - right: 0; - padding: 0.75rem 1.25rem; - color: inherit; } - -.alert-primary { - color: #100f18; - background-color: #d2d2d5; - border-color: #c0bfc5; } - .alert-primary hr { - border-top-color: #b3b2b9; } - .alert-primary .alert-link { - color: black; } - -.alert-secondary { - color: #383d41; - background-color: #e2e3e5; - border-color: #d6d8db; } - .alert-secondary hr { - border-top-color: #c8cbcf; } - .alert-secondary .alert-link { - color: #202326; } - -.alert-success { - color: #486555; - background-color: #e8f3ed; - border-color: #deeee5; } - .alert-success hr { - border-top-color: #cde5d8; } - .alert-success .alert-link { - color: #33473c; } - -.alert-info { - color: #46617f; - background-color: #e7f1fd; - border-color: #ddecfc; } - .alert-info hr { - border-top-color: #c6dffa; } - .alert-info .alert-link { - color: #34485e; } - -.alert-warning { - color: #7d4626; - background-color: #fce7db; - border-color: #fbddcc; } - .alert-warning hr { - border-top-color: #f9cdb4; } - .alert-warning .alert-link { - color: #56301a; } - -.alert-danger { - color: #803c5a; - background-color: #fde3ef; - border-color: #fcd8e8; } - .alert-danger hr { - border-top-color: #fac0da; } - .alert-danger .alert-link { - color: #5d2c42; } - -.alert-light { - color: #454546; - background-color: #e6e6e7; - border-color: #dddddd; } - .alert-light hr { - border-top-color: #d0d0d0; } - .alert-light .alert-link { - color: #2c2c2c; } - -.alert-dark { - color: #01020e; - background-color: #cccdd1; - border-color: #b8b9bf; } - .alert-dark hr { - border-top-color: #abacb3; } - .alert-dark .alert-link { - color: black; } - -.alert-purple { - color: #58467f; - background-color: #eee7fd; - border-color: #e7ddfc; } - .alert-purple hr { - border-top-color: #d6c6fa; } - .alert-purple .alert-link { - color: #41345e; } - -@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.75rem; - background-color: #e9ecef; - border-radius: 10px; - box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); } - -.progress-bar { - display: flex; - flex-direction: column; - justify-content: center; - overflow: hidden; - color: #fff; - text-align: center; - white-space: nowrap; - background-color: #1f1c2f; - transition: width 0.6s ease; } - @media (prefers-reduced-motion: reduce) { - .progress-bar { - transition: none; } } - -.progress-bar-striped { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-size: 1rem 1rem; } - -.progress-bar-animated { - animation: progress-bar-stripes 1s linear infinite; } - @media (prefers-reduced-motion: reduce) { - .progress-bar-animated { - animation: none; } } - -.media { - display: flex; - align-items: flex-start; } - -.media-body { - flex: 1; } - -.list-group { - display: flex; - flex-direction: column; - padding-left: 0; - margin-bottom: 0; - border-radius: 10px; } - -.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: #768492; - background-color: #e9ecef; } - -.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: #1f1c2f; - border-color: #1f1c2f; } - .list-group-item + .list-group-item { - border-top-width: 0; } - .list-group-item + .list-group-item.active { - margin-top: -1px; - border-top-width: 1px; } - -.list-group-horizontal { - flex-direction: row; } - .list-group-horizontal > .list-group-item:first-child { - border-bottom-left-radius: 10px; - border-top-right-radius: 0; } - .list-group-horizontal > .list-group-item:last-child { - border-top-right-radius: 10px; - 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; } - -@media (min-width: 576px) { - .list-group-horizontal-sm { - flex-direction: row; } - .list-group-horizontal-sm > .list-group-item:first-child { - border-bottom-left-radius: 10px; - border-top-right-radius: 0; } - .list-group-horizontal-sm > .list-group-item:last-child { - border-top-right-radius: 10px; - 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: 10px; - border-top-right-radius: 0; } - .list-group-horizontal-md > .list-group-item:last-child { - border-top-right-radius: 10px; - 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: 10px; - border-top-right-radius: 0; } - .list-group-horizontal-lg > .list-group-item:last-child { - border-top-right-radius: 10px; - 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: 10px; - border-top-right-radius: 0; } - .list-group-horizontal-xl > .list-group-item:last-child { - border-top-right-radius: 10px; - 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; } } - -.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; } - -.list-group-item-primary { - color: #100f18; - background-color: #c0bfc5; } - .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { - color: #100f18; - background-color: #b3b2b9; } - .list-group-item-primary.list-group-item-action.active { - color: #fff; - background-color: #100f18; - border-color: #100f18; } - -.list-group-item-secondary { - color: #383d41; - background-color: #d6d8db; } - .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { - color: #383d41; - background-color: #c8cbcf; } - .list-group-item-secondary.list-group-item-action.active { - color: #fff; - background-color: #383d41; - border-color: #383d41; } - -.list-group-item-success { - color: #486555; - background-color: #deeee5; } - .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { - color: #486555; - background-color: #cde5d8; } - .list-group-item-success.list-group-item-action.active { - color: #fff; - background-color: #486555; - border-color: #486555; } - -.list-group-item-info { - color: #46617f; - background-color: #ddecfc; } - .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { - color: #46617f; - background-color: #c6dffa; } - .list-group-item-info.list-group-item-action.active { - color: #fff; - background-color: #46617f; - border-color: #46617f; } - -.list-group-item-warning { - color: #7d4626; - background-color: #fbddcc; } - .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { - color: #7d4626; - background-color: #f9cdb4; } - .list-group-item-warning.list-group-item-action.active { - color: #fff; - background-color: #7d4626; - border-color: #7d4626; } - -.list-group-item-danger { - color: #803c5a; - background-color: #fcd8e8; } - .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { - color: #803c5a; - background-color: #fac0da; } - .list-group-item-danger.list-group-item-action.active { - color: #fff; - background-color: #803c5a; - border-color: #803c5a; } - -.list-group-item-light { - color: #454546; - background-color: #dddddd; } - .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { - color: #454546; - background-color: #d0d0d0; } - .list-group-item-light.list-group-item-action.active { - color: #fff; - background-color: #454546; - border-color: #454546; } - -.list-group-item-dark { - color: #01020e; - background-color: #b8b9bf; } - .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { - color: #01020e; - background-color: #abacb3; } - .list-group-item-dark.list-group-item-action.active { - color: #fff; - background-color: #01020e; - border-color: #01020e; } - -.list-group-item-purple { - color: #58467f; - background-color: #e7ddfc; } - .list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus { - color: #58467f; - background-color: #d6c6fa; } - .list-group-item-purple.list-group-item-action.active { - color: #fff; - background-color: #58467f; - border-color: #58467f; } - -.close { - float: right; - font-size: 1.5rem; - font-weight: 700; - line-height: 1; - color: #000; - text-shadow: 0 1px 0 #fff; - opacity: .5; } - @media (max-width: 1200px) { - .close { - font-size: calc(1.275rem + 0.3vw) ; } } - .close:hover { - color: #000; - text-decoration: none; } - .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { - opacity: .75; } - -button.close { - padding: 0; - background-color: transparent; - border: 0; } - -a.close.disabled { - pointer-events: none; } - -.modal-open { - overflow: hidden; } - .modal-open .modal { - overflow-x: hidden; - overflow-y: auto; } - -.modal { - position: fixed; - top: 0; - left: 0; - z-index: 1050; - display: none; - width: 100%; - height: 100%; - overflow: hidden; - outline: 0; } - -.modal-dialog { - position: relative; - 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; } - -.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; } - -.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: 10px; - box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5); - 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; } - -.modal-header { - display: flex; - align-items: flex-start; - justify-content: space-between; - padding: 1rem 1rem; - border-bottom: 1px solid #DCDDDF; - border-top-left-radius: 9px; - border-top-right-radius: 9px; } - .modal-header .close { - padding: 1rem 1rem; - margin: -1rem -1rem -1rem auto; } - -.modal-title { - margin-bottom: 0; - line-height: 1.5; } - -.modal-body { - position: relative; - flex: 1 1 auto; - padding: 1.25rem; } - -.modal-footer { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: flex-end; - padding: 1rem; - border-top: 1px solid #DCDDDF; - border-bottom-right-radius: 9px; - border-bottom-left-radius: 9px; } - .modal-footer > * { - margin: 0.25rem; } - -.modal-scrollbar-measure { - position: absolute; - top: -9999px; - width: 50px; - height: 50px; - overflow: scroll; } - -@media (min-width: 576px) { - .modal-dialog { - max-width: 500px; - margin: 1.75rem auto; } - .modal-dialog-scrollable { - max-height: calc(100% - 3.5rem); } - .modal-dialog-scrollable .modal-content { - max-height: calc(100vh - 3.5rem); } - .modal-dialog-centered { - min-height: calc(100% - 3.5rem); } - .modal-dialog-centered::before { - height: calc(100vh - 3.5rem); - height: min-content; } - .modal-content { - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5); } - .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.75rem; - word-wrap: break-word; - opacity: 0; } - .tooltip.show { - opacity: 0.9; } - .tooltip .arrow { - position: absolute; - display: block; - width: 0.8rem; - height: 0.4rem; } - .tooltip .arrow::before { - position: absolute; - content: ""; - border-color: transparent; - border-style: solid; } - -.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: 10px; } - -.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.75rem; - word-wrap: break-word; - background-color: #fff; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 10px; - box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); } - .popover .arrow { - position: absolute; - display: block; - width: 1rem; - height: 0.5rem; - margin: 0 10px; } - .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: 10px 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; } - -.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: 10px 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; } - -.popover-header { - padding: 0.5rem 0.75rem; - margin-bottom: 0; - font-size: 1rem; - background-color: #f7f7f7; - border-bottom: 1px solid #ebebeb; - border-top-left-radius: 9px; - border-top-right-radius: 9px; } - .popover-header:empty { - display: none; } - -.popover-body { - padding: 0.5rem 0.75rem; - color: #768492; } - -.carousel { - position: relative; } - -.carousel.pointer-event { - touch-action: pan-y; } - -.carousel-inner { - position: relative; - width: 100%; - overflow: hidden; } - .carousel-inner::after { - display: block; - clear: both; - content: ""; } - -.carousel-item { - 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; } } - -.carousel-item.active, -.carousel-item-next, -.carousel-item-prev { - display: block; } - -.carousel-item-next:not(.carousel-item-left), -.active.carousel-item-right { - transform: translateX(100%); } - -.carousel-item-prev:not(.carousel-item-right), -.active.carousel-item-left { - transform: translateX(-100%); } - -.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; } } - -.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; } - @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; } - -.carousel-control-prev { - left: 0; } - -.carousel-control-next { - right: 0; } - -.carousel-control-prev-icon, -.carousel-control-next-icon { - display: inline-block; - width: 20px; - height: 20px; - background: no-repeat 50% / 100% 100%; } - -.carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' 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"); } - -.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"); } - -.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; } - .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; } - -.carousel-caption { - position: absolute; - right: 15%; - bottom: 20px; - left: 15%; - z-index: 10; - padding-top: 20px; - padding-bottom: 20px; - color: #fff; - text-align: center; } - -.align-baseline { - vertical-align: baseline !important; } - -.align-top { - vertical-align: top !important; } - -.align-middle { - vertical-align: middle !important; } - -.align-bottom { - vertical-align: bottom !important; } - -.align-text-bottom { - vertical-align: text-bottom !important; } - -.align-text-top { - vertical-align: text-top !important; } - -.bg-primary { - color: black; - background-color: #1f1c2f; } - -a.bg-primary:hover, a.bg-primary:focus, -button.bg-primary:hover, -button.bg-primary:focus { - color: black; - background-color: #0a090f; } - -.bg-secondary { - color: black; - background-color: #6c757d; } - -a.bg-secondary:hover, a.bg-secondary:focus, -button.bg-secondary:hover, -button.bg-secondary:focus { - color: black; - background-color: #545b62; } - -.bg-success { - color: #1a3425; - background-color: #8ac3a3; } - -a.bg-success:hover, a.bg-success:focus, -button.bg-success:hover, -button.bg-success:focus { - color: #1a3425; - background-color: #68b288; } - -.bg-info { - color: #0a3b73; - background-color: #87baf5; } - -a.bg-info:hover, a.bg-info:focus, -button.bg-info:hover, -button.bg-info:focus { - color: #0a3b73; - background-color: #589ff1; } - -.bg-warning { - color: #361705; - background-color: #f0864a; } - -a.bg-warning:hover, a.bg-warning:focus, -button.bg-warning:hover, -button.bg-warning:focus { - color: #361705; - background-color: #ec671b; } - -.bg-danger { - color: #640730; - background-color: #f674ad; } - -a.bg-danger:hover, a.bg-danger:focus, -button.bg-danger:hover, -button.bg-danger:focus { - color: #640730; - background-color: #f34491; } - -.bg-light { - color: #050506; - background-color: #848486; } - -a.bg-light:hover, a.bg-light:focus, -button.bg-light:hover, -button.bg-light:focus { - color: #050506; - background-color: #6b6b6c; } - -.bg-dark { - color: black; - background-color: #01041b; } - -a.bg-dark:hover, a.bg-dark:focus, -button.bg-dark:hover, -button.bg-dark:focus { - color: black; - background-color: black; } - -.bg-purple { - color: #2b0a73; - background-color: #AA87F5; } - -a.bg-purple:hover, a.bg-purple:focus, -button.bg-purple:hover, -button.bg-purple:focus { - color: #2b0a73; - background-color: #8958f1; } - -.bg-white { - background-color: #fff !important; } - -.bg-transparent { - background-color: transparent !important; } - -.border { - border: 1px solid #DCDDDF !important; } - -.border-top { - border-top: 1px solid #DCDDDF !important; } - -.border-right { - border-right: 1px solid #DCDDDF !important; } - -.border-bottom { - border-bottom: 1px solid #DCDDDF !important; } - -.border-left { - border-left: 1px solid #DCDDDF !important; } - -.border-0 { - border: 0 !important; } - -.border-top-0 { - border-top: 0 !important; } - -.border-right-0 { - border-right: 0 !important; } - -.border-bottom-0 { - border-bottom: 0 !important; } - -.border-left-0 { - border-left: 0 !important; } - -.border-primary { - border-color: #1f1c2f !important; } - -.border-secondary { - border-color: #6c757d !important; } - -.border-success { - border-color: #8ac3a3 !important; } - -.border-info { - border-color: #87baf5 !important; } - -.border-warning { - border-color: #f0864a !important; } - -.border-danger { - border-color: #f674ad !important; } - -.border-light { - border-color: #848486 !important; } - -.border-dark { - border-color: #01041b !important; } - -.border-purple { - border-color: #AA87F5 !important; } - -.border-white { - border-color: #fff !important; } - -.rounded-sm { - border-radius: 10px !important; } - -.rounded { - border-radius: 10px !important; } - -.rounded-top { - border-top-left-radius: 10px !important; - border-top-right-radius: 10px !important; } - -.rounded-right { - border-top-right-radius: 10px !important; - border-bottom-right-radius: 10px !important; } - -.rounded-bottom { - border-bottom-right-radius: 10px !important; - border-bottom-left-radius: 10px !important; } - -.rounded-left { - border-top-left-radius: 10px !important; - border-bottom-left-radius: 10px !important; } - -.rounded-lg { - border-radius: 10px !important; } - -.rounded-circle { - border-radius: 50% !important; } - -.rounded-pill { - border-radius: 50px !important; } - -.rounded-0 { - border-radius: 0 !important; } - -.clearfix::after { - display: block; - clear: both; - content: ""; } - -.d-none { - display: none !important; } - -.d-inline { - display: inline !important; } - -.d-inline-block { - display: inline-block !important; } - -.d-block { - display: block !important; } - -.d-table { - display: table !important; } - -.d-table-row { - display: table-row !important; } - -.d-table-cell { - display: table-cell !important; } - -.d-flex { - display: flex !important; } - -.d-inline-flex { - display: inline-flex !important; } - -@media (min-width: 576px) { - .d-sm-none { - display: none !important; } - .d-sm-inline { - display: inline !important; } - .d-sm-inline-block { - display: inline-block !important; } - .d-sm-block { - display: block !important; } - .d-sm-table { - display: table !important; } - .d-sm-table-row { - display: table-row !important; } - .d-sm-table-cell { - display: table-cell !important; } - .d-sm-flex { - display: flex !important; } - .d-sm-inline-flex { - display: inline-flex !important; } } - -@media (min-width: 768px) { - .d-md-none { - display: none !important; } - .d-md-inline { - display: inline !important; } - .d-md-inline-block { - display: inline-block !important; } - .d-md-block { - display: block !important; } - .d-md-table { - display: table !important; } - .d-md-table-row { - display: table-row !important; } - .d-md-table-cell { - display: table-cell !important; } - .d-md-flex { - display: flex !important; } - .d-md-inline-flex { - display: inline-flex !important; } } - -@media (min-width: 992px) { - .d-lg-none { - display: none !important; } - .d-lg-inline { - display: inline !important; } - .d-lg-inline-block { - display: inline-block !important; } - .d-lg-block { - display: block !important; } - .d-lg-table { - display: table !important; } - .d-lg-table-row { - display: table-row !important; } - .d-lg-table-cell { - display: table-cell !important; } - .d-lg-flex { - display: flex !important; } - .d-lg-inline-flex { - display: inline-flex !important; } } - -@media (min-width: 1200px) { - .d-xl-none { - display: none !important; } - .d-xl-inline { - display: inline !important; } - .d-xl-inline-block { - display: inline-block !important; } - .d-xl-block { - display: block !important; } - .d-xl-table { - display: table !important; } - .d-xl-table-row { - display: table-row !important; } - .d-xl-table-cell { - display: table-cell !important; } - .d-xl-flex { - display: flex !important; } - .d-xl-inline-flex { - display: inline-flex !important; } } - -@media print { - .d-print-none { - display: none !important; } - .d-print-inline { - display: inline !important; } - .d-print-inline-block { - display: inline-block !important; } - .d-print-block { - display: block !important; } - .d-print-table { - display: table !important; } - .d-print-table-row { - display: table-row !important; } - .d-print-table-cell { - display: table-cell !important; } - .d-print-flex { - display: flex !important; } - .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; } - -.embed-responsive-21by9::before { - padding-top: 42.85714%; } - -.embed-responsive-16by9::before { - padding-top: 56.25%; } - -.embed-responsive-4by3::before { - padding-top: 75%; } - -.embed-responsive-1by1::before { - padding-top: 100%; } - -.flex-row { - flex-direction: row !important; } - -.flex-column { - flex-direction: column !important; } - -.flex-row-reverse { - flex-direction: row-reverse !important; } - -.flex-column-reverse { - flex-direction: column-reverse !important; } - -.flex-wrap { - flex-wrap: wrap !important; } - -.flex-nowrap { - flex-wrap: nowrap !important; } - -.flex-wrap-reverse { - flex-wrap: wrap-reverse !important; } - -.flex-fill { - flex: 1 1 auto !important; } - -.flex-grow-0 { - flex-grow: 0 !important; } - -.flex-grow-1 { - flex-grow: 1 !important; } - -.flex-shrink-0 { - flex-shrink: 0 !important; } - -.flex-shrink-1 { - flex-shrink: 1 !important; } - -.justify-content-start { - justify-content: flex-start !important; } - -.justify-content-end { - justify-content: flex-end !important; } - -.justify-content-center { - justify-content: center !important; } - -.justify-content-between { - justify-content: space-between !important; } - -.justify-content-around { - justify-content: space-around !important; } - -.align-items-start { - align-items: flex-start !important; } - -.align-items-end { - align-items: flex-end !important; } - -.align-items-center { - align-items: center !important; } - -.align-items-baseline { - align-items: baseline !important; } - -.align-items-stretch { - align-items: stretch !important; } - -.align-content-start { - align-content: flex-start !important; } - -.align-content-end { - align-content: flex-end !important; } - -.align-content-center { - align-content: center !important; } - -.align-content-between { - align-content: space-between !important; } - -.align-content-around { - align-content: space-around !important; } - -.align-content-stretch { - align-content: stretch !important; } - -.align-self-auto { - align-self: auto !important; } - -.align-self-start { - align-self: flex-start !important; } - -.align-self-end { - align-self: flex-end !important; } - -.align-self-center { - align-self: center !important; } - -.align-self-baseline { - align-self: baseline !important; } - -.align-self-stretch { - align-self: stretch !important; } - -@media (min-width: 576px) { - .flex-sm-row { - flex-direction: row !important; } - .flex-sm-column { - flex-direction: column !important; } - .flex-sm-row-reverse { - flex-direction: row-reverse !important; } - .flex-sm-column-reverse { - flex-direction: column-reverse !important; } - .flex-sm-wrap { - flex-wrap: wrap !important; } - .flex-sm-nowrap { - flex-wrap: nowrap !important; } - .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse !important; } - .flex-sm-fill { - flex: 1 1 auto !important; } - .flex-sm-grow-0 { - flex-grow: 0 !important; } - .flex-sm-grow-1 { - flex-grow: 1 !important; } - .flex-sm-shrink-0 { - flex-shrink: 0 !important; } - .flex-sm-shrink-1 { - flex-shrink: 1 !important; } - .justify-content-sm-start { - justify-content: flex-start !important; } - .justify-content-sm-end { - justify-content: flex-end !important; } - .justify-content-sm-center { - justify-content: center !important; } - .justify-content-sm-between { - justify-content: space-between !important; } - .justify-content-sm-around { - justify-content: space-around !important; } - .align-items-sm-start { - align-items: flex-start !important; } - .align-items-sm-end { - align-items: flex-end !important; } - .align-items-sm-center { - align-items: center !important; } - .align-items-sm-baseline { - align-items: baseline !important; } - .align-items-sm-stretch { - align-items: stretch !important; } - .align-content-sm-start { - align-content: flex-start !important; } - .align-content-sm-end { - align-content: flex-end !important; } - .align-content-sm-center { - align-content: center !important; } - .align-content-sm-between { - align-content: space-between !important; } - .align-content-sm-around { - align-content: space-around !important; } - .align-content-sm-stretch { - align-content: stretch !important; } - .align-self-sm-auto { - align-self: auto !important; } - .align-self-sm-start { - align-self: flex-start !important; } - .align-self-sm-end { - align-self: flex-end !important; } - .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; } - .flex-md-column { - flex-direction: column !important; } - .flex-md-row-reverse { - flex-direction: row-reverse !important; } - .flex-md-column-reverse { - flex-direction: column-reverse !important; } - .flex-md-wrap { - flex-wrap: wrap !important; } - .flex-md-nowrap { - flex-wrap: nowrap !important; } - .flex-md-wrap-reverse { - flex-wrap: wrap-reverse !important; } - .flex-md-fill { - flex: 1 1 auto !important; } - .flex-md-grow-0 { - flex-grow: 0 !important; } - .flex-md-grow-1 { - flex-grow: 1 !important; } - .flex-md-shrink-0 { - flex-shrink: 0 !important; } - .flex-md-shrink-1 { - flex-shrink: 1 !important; } - .justify-content-md-start { - justify-content: flex-start !important; } - .justify-content-md-end { - justify-content: flex-end !important; } - .justify-content-md-center { - justify-content: center !important; } - .justify-content-md-between { - justify-content: space-between !important; } - .justify-content-md-around { - justify-content: space-around !important; } - .align-items-md-start { - align-items: flex-start !important; } - .align-items-md-end { - align-items: flex-end !important; } - .align-items-md-center { - align-items: center !important; } - .align-items-md-baseline { - align-items: baseline !important; } - .align-items-md-stretch { - align-items: stretch !important; } - .align-content-md-start { - align-content: flex-start !important; } - .align-content-md-end { - align-content: flex-end !important; } - .align-content-md-center { - align-content: center !important; } - .align-content-md-between { - align-content: space-between !important; } - .align-content-md-around { - align-content: space-around !important; } - .align-content-md-stretch { - align-content: stretch !important; } - .align-self-md-auto { - align-self: auto !important; } - .align-self-md-start { - align-self: flex-start !important; } - .align-self-md-end { - align-self: flex-end !important; } - .align-self-md-center { - align-self: center !important; } - .align-self-md-baseline { - align-self: baseline !important; } - .align-self-md-stretch { - align-self: stretch !important; } } - -@media (min-width: 992px) { - .flex-lg-row { - flex-direction: row !important; } - .flex-lg-column { - flex-direction: column !important; } - .flex-lg-row-reverse { - flex-direction: row-reverse !important; } - .flex-lg-column-reverse { - flex-direction: column-reverse !important; } - .flex-lg-wrap { - flex-wrap: wrap !important; } - .flex-lg-nowrap { - flex-wrap: nowrap !important; } - .flex-lg-wrap-reverse { - flex-wrap: wrap-reverse !important; } - .flex-lg-fill { - flex: 1 1 auto !important; } - .flex-lg-grow-0 { - flex-grow: 0 !important; } - .flex-lg-grow-1 { - flex-grow: 1 !important; } - .flex-lg-shrink-0 { - flex-shrink: 0 !important; } - .flex-lg-shrink-1 { - flex-shrink: 1 !important; } - .justify-content-lg-start { - justify-content: flex-start !important; } - .justify-content-lg-end { - justify-content: flex-end !important; } - .justify-content-lg-center { - justify-content: center !important; } - .justify-content-lg-between { - justify-content: space-between !important; } - .justify-content-lg-around { - justify-content: space-around !important; } - .align-items-lg-start { - align-items: flex-start !important; } - .align-items-lg-end { - align-items: flex-end !important; } - .align-items-lg-center { - align-items: center !important; } - .align-items-lg-baseline { - align-items: baseline !important; } - .align-items-lg-stretch { - align-items: stretch !important; } - .align-content-lg-start { - align-content: flex-start !important; } - .align-content-lg-end { - align-content: flex-end !important; } - .align-content-lg-center { - align-content: center !important; } - .align-content-lg-between { - align-content: space-between !important; } - .align-content-lg-around { - align-content: space-around !important; } - .align-content-lg-stretch { - align-content: stretch !important; } - .align-self-lg-auto { - align-self: auto !important; } - .align-self-lg-start { - align-self: flex-start !important; } - .align-self-lg-end { - align-self: flex-end !important; } - .align-self-lg-center { - align-self: center !important; } - .align-self-lg-baseline { - align-self: baseline !important; } - .align-self-lg-stretch { - align-self: stretch !important; } } - -@media (min-width: 1200px) { - .flex-xl-row { - flex-direction: row !important; } - .flex-xl-column { - flex-direction: column !important; } - .flex-xl-row-reverse { - flex-direction: row-reverse !important; } - .flex-xl-column-reverse { - flex-direction: column-reverse !important; } - .flex-xl-wrap { - flex-wrap: wrap !important; } - .flex-xl-nowrap { - flex-wrap: nowrap !important; } - .flex-xl-wrap-reverse { - flex-wrap: wrap-reverse !important; } - .flex-xl-fill { - flex: 1 1 auto !important; } - .flex-xl-grow-0 { - flex-grow: 0 !important; } - .flex-xl-grow-1 { - flex-grow: 1 !important; } - .flex-xl-shrink-0 { - flex-shrink: 0 !important; } - .flex-xl-shrink-1 { - flex-shrink: 1 !important; } - .justify-content-xl-start { - justify-content: flex-start !important; } - .justify-content-xl-end { - justify-content: flex-end !important; } - .justify-content-xl-center { - justify-content: center !important; } - .justify-content-xl-between { - justify-content: space-between !important; } - .justify-content-xl-around { - justify-content: space-around !important; } - .align-items-xl-start { - align-items: flex-start !important; } - .align-items-xl-end { - align-items: flex-end !important; } - .align-items-xl-center { - align-items: center !important; } - .align-items-xl-baseline { - align-items: baseline !important; } - .align-items-xl-stretch { - align-items: stretch !important; } - .align-content-xl-start { - align-content: flex-start !important; } - .align-content-xl-end { - align-content: flex-end !important; } - .align-content-xl-center { - align-content: center !important; } - .align-content-xl-between { - align-content: space-between !important; } - .align-content-xl-around { - align-content: space-around !important; } - .align-content-xl-stretch { - align-content: stretch !important; } - .align-self-xl-auto { - align-self: auto !important; } - .align-self-xl-start { - align-self: flex-start !important; } - .align-self-xl-end { - align-self: flex-end !important; } - .align-self-xl-center { - align-self: center !important; } - .align-self-xl-baseline { - align-self: baseline !important; } - .align-self-xl-stretch { - align-self: stretch !important; } } - -.float-left { - float: left !important; } - -.float-right { - float: right !important; } - -.float-none { - float: none !important; } - -@media (min-width: 576px) { - .float-sm-left { - float: left !important; } - .float-sm-right { - float: right !important; } - .float-sm-none { - float: none !important; } } - -@media (min-width: 768px) { - .float-md-left { - float: left !important; } - .float-md-right { - float: right !important; } - .float-md-none { - float: none !important; } } - -@media (min-width: 992px) { - .float-lg-left { - float: left !important; } - .float-lg-right { - float: right !important; } - .float-lg-none { - float: none !important; } } - -@media (min-width: 1200px) { - .float-xl-left { - float: left !important; } - .float-xl-right { - float: right !important; } - .float-xl-none { - float: none !important; } } - -.user-select-all { - user-select: all !important; } - -.user-select-auto { - user-select: auto !important; } - -.user-select-none { - user-select: none !important; } - -.overflow-auto { - overflow: auto !important; } - -.overflow-hidden { - overflow: hidden !important; } - -.position-static { - position: static !important; } - -.position-relative { - position: relative !important; } - -.position-absolute { - position: absolute !important; } - -.position-fixed { - position: fixed !important; } - -.position-sticky { - position: sticky !important; } - -.fixed-top { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030; } - -.fixed-bottom { - position: fixed; - right: 0; - bottom: 0; - left: 0; - z-index: 1030; } - -@supports (position: sticky) { - .sticky-top { - position: sticky; - top: 0; - z-index: 1020; } } - -.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; } - -.sr-only-focusable:active, .sr-only-focusable:focus { - position: static; - width: auto; - height: auto; - overflow: visible; - clip: auto; - white-space: normal; } - -.shadow-sm { - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05) !important; } - -.shadow { - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05) !important; } - -.shadow-lg { - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05) !important; } - -.shadow-none { - box-shadow: none !important; } - -.w-25 { - width: 25% !important; } - -.w-50 { - width: 50% !important; } - -.w-75 { - width: 75% !important; } - -.w-100 { - width: 100% !important; } - -.w-auto { - width: auto !important; } - -.h-25 { - height: 25% !important; } - -.h-50 { - height: 50% !important; } - -.h-75 { - height: 75% !important; } - -.h-100 { - height: 100% !important; } - -.h-auto { - height: auto !important; } - -.mw-100 { - max-width: 100% !important; } - -.mh-100 { - max-height: 100% !important; } - -.min-vw-100 { - min-width: 100vw !important; } - -.min-vh-100 { - min-height: 100vh !important; } - -.vw-100 { - width: 100vw !important; } - -.vh-100 { - height: 100vh !important; } - -.m-0 { - margin: 0 !important; } - -.mt-0, -.my-0 { - margin-top: 0 !important; } - -.mr-0, -.mx-0 { - margin-right: 0 !important; } - -.mb-0, -.my-0 { - margin-bottom: 0 !important; } - -.ml-0, -.mx-0 { - margin-left: 0 !important; } - -.m-1 { - margin: 0.25rem !important; } - -.mt-1, -.my-1 { - margin-top: 0.25rem !important; } - -.mr-1, -.mx-1 { - margin-right: 0.25rem !important; } - -.mb-1, -.my-1 { - margin-bottom: 0.25rem !important; } - -.ml-1, -.mx-1 { - margin-left: 0.25rem !important; } - -.m-2 { - margin: 0.5rem !important; } - -.mt-2, -.my-2 { - margin-top: 0.5rem !important; } - -.mr-2, -.mx-2 { - margin-right: 0.5rem !important; } - -.mb-2, -.my-2 { - margin-bottom: 0.5rem !important; } - -.ml-2, -.mx-2 { - margin-left: 0.5rem !important; } - -.m-3 { - margin: 1rem !important; } - -.mt-3, -.my-3 { - margin-top: 1rem !important; } - -.mr-3, -.mx-3 { - margin-right: 1rem !important; } - -.mb-3, -.my-3 { - margin-bottom: 1rem !important; } - -.ml-3, -.mx-3 { - margin-left: 1rem !important; } - -.m-4 { - margin: 1.5rem !important; } - -.mt-4, -.my-4 { - margin-top: 1.5rem !important; } - -.mr-4, -.mx-4 { - margin-right: 1.5rem !important; } - -.mb-4, -.my-4 { - margin-bottom: 1.5rem !important; } - -.ml-4, -.mx-4 { - margin-left: 1.5rem !important; } - -.m-5 { - margin: 3rem !important; } - -.mt-5, -.my-5 { - margin-top: 3rem !important; } - -.mr-5, -.mx-5 { - margin-right: 3rem !important; } - -.mb-5, -.my-5 { - margin-bottom: 3rem !important; } - -.ml-5, -.mx-5 { - margin-left: 3rem !important; } - -.p-0 { - padding: 0 !important; } - -.pt-0, -.py-0 { - padding-top: 0 !important; } - -.pr-0, -.px-0 { - padding-right: 0 !important; } - -.pb-0, -.py-0 { - padding-bottom: 0 !important; } - -.pl-0, -.px-0 { - padding-left: 0 !important; } - -.p-1 { - padding: 0.25rem !important; } - -.pt-1, -.py-1 { - padding-top: 0.25rem !important; } - -.pr-1, -.px-1 { - padding-right: 0.25rem !important; } - -.pb-1, -.py-1 { - padding-bottom: 0.25rem !important; } - -.pl-1, -.px-1 { - padding-left: 0.25rem !important; } - -.p-2 { - padding: 0.5rem !important; } - -.pt-2, -.py-2 { - padding-top: 0.5rem !important; } - -.pr-2, -.px-2 { - padding-right: 0.5rem !important; } - -.pb-2, -.py-2 { - padding-bottom: 0.5rem !important; } - -.pl-2, -.px-2 { - padding-left: 0.5rem !important; } - -.p-3 { - padding: 1rem !important; } - -.pt-3, -.py-3 { - padding-top: 1rem !important; } - -.pr-3, -.px-3 { - padding-right: 1rem !important; } - -.pb-3, -.py-3 { - padding-bottom: 1rem !important; } - -.pl-3, -.px-3 { - padding-left: 1rem !important; } - -.p-4 { - padding: 1.5rem !important; } - -.pt-4, -.py-4 { - padding-top: 1.5rem !important; } - -.pr-4, -.px-4 { - padding-right: 1.5rem !important; } - -.pb-4, -.py-4 { - padding-bottom: 1.5rem !important; } - -.pl-4, -.px-4 { - padding-left: 1.5rem !important; } - -.p-5 { - padding: 3rem !important; } - -.pt-5, -.py-5 { - padding-top: 3rem !important; } - -.pr-5, -.px-5 { - padding-right: 3rem !important; } - -.pb-5, -.py-5 { - padding-bottom: 3rem !important; } - -.pl-5, -.px-5 { - padding-left: 3rem !important; } - -.m-n1 { - margin: -0.25rem !important; } - -.mt-n1, -.my-n1 { - margin-top: -0.25rem !important; } - -.mr-n1, -.mx-n1 { - margin-right: -0.25rem !important; } - -.mb-n1, -.my-n1 { - margin-bottom: -0.25rem !important; } - -.ml-n1, -.mx-n1 { - margin-left: -0.25rem !important; } - -.m-n2 { - margin: -0.5rem !important; } - -.mt-n2, -.my-n2 { - margin-top: -0.5rem !important; } - -.mr-n2, -.mx-n2 { - margin-right: -0.5rem !important; } - -.mb-n2, -.my-n2 { - margin-bottom: -0.5rem !important; } - -.ml-n2, -.mx-n2 { - margin-left: -0.5rem !important; } - -.m-n3 { - margin: -1rem !important; } - -.mt-n3, -.my-n3 { - margin-top: -1rem !important; } - -.mr-n3, -.mx-n3 { - margin-right: -1rem !important; } - -.mb-n3, -.my-n3 { - margin-bottom: -1rem !important; } - -.ml-n3, -.mx-n3 { - margin-left: -1rem !important; } - -.m-n4 { - margin: -1.5rem !important; } - -.mt-n4, -.my-n4 { - margin-top: -1.5rem !important; } - -.mr-n4, -.mx-n4 { - margin-right: -1.5rem !important; } - -.mb-n4, -.my-n4 { - margin-bottom: -1.5rem !important; } - -.ml-n4, -.mx-n4 { - margin-left: -1.5rem !important; } - -.m-n5 { - margin: -3rem !important; } - -.mt-n5, -.my-n5 { - margin-top: -3rem !important; } - -.mr-n5, -.mx-n5 { - margin-right: -3rem !important; } - -.mb-n5, -.my-n5 { - margin-bottom: -3rem !important; } - -.ml-n5, -.mx-n5 { - margin-left: -3rem !important; } - -.m-auto { - margin: auto !important; } - -.mt-auto, -.my-auto { - margin-top: auto !important; } - -.mr-auto, -.mx-auto { - margin-right: auto !important; } - -.mb-auto, -.my-auto { - margin-bottom: auto !important; } - -.ml-auto, -.mx-auto { - margin-left: auto !important; } - -@media (min-width: 576px) { - .m-sm-0 { - margin: 0 !important; } - .mt-sm-0, - .my-sm-0 { - margin-top: 0 !important; } - .mr-sm-0, - .mx-sm-0 { - margin-right: 0 !important; } - .mb-sm-0, - .my-sm-0 { - margin-bottom: 0 !important; } - .ml-sm-0, - .mx-sm-0 { - margin-left: 0 !important; } - .m-sm-1 { - margin: 0.25rem !important; } - .mt-sm-1, - .my-sm-1 { - margin-top: 0.25rem !important; } - .mr-sm-1, - .mx-sm-1 { - margin-right: 0.25rem !important; } - .mb-sm-1, - .my-sm-1 { - margin-bottom: 0.25rem !important; } - .ml-sm-1, - .mx-sm-1 { - margin-left: 0.25rem !important; } - .m-sm-2 { - margin: 0.5rem !important; } - .mt-sm-2, - .my-sm-2 { - margin-top: 0.5rem !important; } - .mr-sm-2, - .mx-sm-2 { - margin-right: 0.5rem !important; } - .mb-sm-2, - .my-sm-2 { - margin-bottom: 0.5rem !important; } - .ml-sm-2, - .mx-sm-2 { - margin-left: 0.5rem !important; } - .m-sm-3 { - margin: 1rem !important; } - .mt-sm-3, - .my-sm-3 { - margin-top: 1rem !important; } - .mr-sm-3, - .mx-sm-3 { - margin-right: 1rem !important; } - .mb-sm-3, - .my-sm-3 { - margin-bottom: 1rem !important; } - .ml-sm-3, - .mx-sm-3 { - margin-left: 1rem !important; } - .m-sm-4 { - margin: 1.5rem !important; } - .mt-sm-4, - .my-sm-4 { - margin-top: 1.5rem !important; } - .mr-sm-4, - .mx-sm-4 { - margin-right: 1.5rem !important; } - .mb-sm-4, - .my-sm-4 { - margin-bottom: 1.5rem !important; } - .ml-sm-4, - .mx-sm-4 { - margin-left: 1.5rem !important; } - .m-sm-5 { - margin: 3rem !important; } - .mt-sm-5, - .my-sm-5 { - margin-top: 3rem !important; } - .mr-sm-5, - .mx-sm-5 { - margin-right: 3rem !important; } - .mb-sm-5, - .my-sm-5 { - margin-bottom: 3rem !important; } - .ml-sm-5, - .mx-sm-5 { - margin-left: 3rem !important; } - .p-sm-0 { - padding: 0 !important; } - .pt-sm-0, - .py-sm-0 { - padding-top: 0 !important; } - .pr-sm-0, - .px-sm-0 { - padding-right: 0 !important; } - .pb-sm-0, - .py-sm-0 { - padding-bottom: 0 !important; } - .pl-sm-0, - .px-sm-0 { - padding-left: 0 !important; } - .p-sm-1 { - padding: 0.25rem !important; } - .pt-sm-1, - .py-sm-1 { - padding-top: 0.25rem !important; } - .pr-sm-1, - .px-sm-1 { - padding-right: 0.25rem !important; } - .pb-sm-1, - .py-sm-1 { - padding-bottom: 0.25rem !important; } - .pl-sm-1, - .px-sm-1 { - padding-left: 0.25rem !important; } - .p-sm-2 { - padding: 0.5rem !important; } - .pt-sm-2, - .py-sm-2 { - padding-top: 0.5rem !important; } - .pr-sm-2, - .px-sm-2 { - padding-right: 0.5rem !important; } - .pb-sm-2, - .py-sm-2 { - padding-bottom: 0.5rem !important; } - .pl-sm-2, - .px-sm-2 { - padding-left: 0.5rem !important; } - .p-sm-3 { - padding: 1rem !important; } - .pt-sm-3, - .py-sm-3 { - padding-top: 1rem !important; } - .pr-sm-3, - .px-sm-3 { - padding-right: 1rem !important; } - .pb-sm-3, - .py-sm-3 { - padding-bottom: 1rem !important; } - .pl-sm-3, - .px-sm-3 { - padding-left: 1rem !important; } - .p-sm-4 { - padding: 1.5rem !important; } - .pt-sm-4, - .py-sm-4 { - padding-top: 1.5rem !important; } - .pr-sm-4, - .px-sm-4 { - padding-right: 1.5rem !important; } - .pb-sm-4, - .py-sm-4 { - padding-bottom: 1.5rem !important; } - .pl-sm-4, - .px-sm-4 { - padding-left: 1.5rem !important; } - .p-sm-5 { - padding: 3rem !important; } - .pt-sm-5, - .py-sm-5 { - padding-top: 3rem !important; } - .pr-sm-5, - .px-sm-5 { - padding-right: 3rem !important; } - .pb-sm-5, - .py-sm-5 { - padding-bottom: 3rem !important; } - .pl-sm-5, - .px-sm-5 { - padding-left: 3rem !important; } - .m-sm-n1 { - margin: -0.25rem !important; } - .mt-sm-n1, - .my-sm-n1 { - margin-top: -0.25rem !important; } - .mr-sm-n1, - .mx-sm-n1 { - margin-right: -0.25rem !important; } - .mb-sm-n1, - .my-sm-n1 { - margin-bottom: -0.25rem !important; } - .ml-sm-n1, - .mx-sm-n1 { - margin-left: -0.25rem !important; } - .m-sm-n2 { - margin: -0.5rem !important; } - .mt-sm-n2, - .my-sm-n2 { - margin-top: -0.5rem !important; } - .mr-sm-n2, - .mx-sm-n2 { - margin-right: -0.5rem !important; } - .mb-sm-n2, - .my-sm-n2 { - margin-bottom: -0.5rem !important; } - .ml-sm-n2, - .mx-sm-n2 { - margin-left: -0.5rem !important; } - .m-sm-n3 { - margin: -1rem !important; } - .mt-sm-n3, - .my-sm-n3 { - margin-top: -1rem !important; } - .mr-sm-n3, - .mx-sm-n3 { - margin-right: -1rem !important; } - .mb-sm-n3, - .my-sm-n3 { - margin-bottom: -1rem !important; } - .ml-sm-n3, - .mx-sm-n3 { - margin-left: -1rem !important; } - .m-sm-n4 { - margin: -1.5rem !important; } - .mt-sm-n4, - .my-sm-n4 { - margin-top: -1.5rem !important; } - .mr-sm-n4, - .mx-sm-n4 { - margin-right: -1.5rem !important; } - .mb-sm-n4, - .my-sm-n4 { - margin-bottom: -1.5rem !important; } - .ml-sm-n4, - .mx-sm-n4 { - margin-left: -1.5rem !important; } - .m-sm-n5 { - margin: -3rem !important; } - .mt-sm-n5, - .my-sm-n5 { - margin-top: -3rem !important; } - .mr-sm-n5, - .mx-sm-n5 { - margin-right: -3rem !important; } - .mb-sm-n5, - .my-sm-n5 { - margin-bottom: -3rem !important; } - .ml-sm-n5, - .mx-sm-n5 { - margin-left: -3rem !important; } - .m-sm-auto { - margin: auto !important; } - .mt-sm-auto, - .my-sm-auto { - margin-top: auto !important; } - .mr-sm-auto, - .mx-sm-auto { - margin-right: auto !important; } - .mb-sm-auto, - .my-sm-auto { - margin-bottom: auto !important; } - .ml-sm-auto, - .mx-sm-auto { - margin-left: auto !important; } } - -@media (min-width: 768px) { - .m-md-0 { - margin: 0 !important; } - .mt-md-0, - .my-md-0 { - margin-top: 0 !important; } - .mr-md-0, - .mx-md-0 { - margin-right: 0 !important; } - .mb-md-0, - .my-md-0 { - margin-bottom: 0 !important; } - .ml-md-0, - .mx-md-0 { - margin-left: 0 !important; } - .m-md-1 { - margin: 0.25rem !important; } - .mt-md-1, - .my-md-1 { - margin-top: 0.25rem !important; } - .mr-md-1, - .mx-md-1 { - margin-right: 0.25rem !important; } - .mb-md-1, - .my-md-1 { - margin-bottom: 0.25rem !important; } - .ml-md-1, - .mx-md-1 { - margin-left: 0.25rem !important; } - .m-md-2 { - margin: 0.5rem !important; } - .mt-md-2, - .my-md-2 { - margin-top: 0.5rem !important; } - .mr-md-2, - .mx-md-2 { - margin-right: 0.5rem !important; } - .mb-md-2, - .my-md-2 { - margin-bottom: 0.5rem !important; } - .ml-md-2, - .mx-md-2 { - margin-left: 0.5rem !important; } - .m-md-3 { - margin: 1rem !important; } - .mt-md-3, - .my-md-3 { - margin-top: 1rem !important; } - .mr-md-3, - .mx-md-3 { - margin-right: 1rem !important; } - .mb-md-3, - .my-md-3 { - margin-bottom: 1rem !important; } - .ml-md-3, - .mx-md-3 { - margin-left: 1rem !important; } - .m-md-4 { - margin: 1.5rem !important; } - .mt-md-4, - .my-md-4 { - margin-top: 1.5rem !important; } - .mr-md-4, - .mx-md-4 { - margin-right: 1.5rem !important; } - .mb-md-4, - .my-md-4 { - margin-bottom: 1.5rem !important; } - .ml-md-4, - .mx-md-4 { - margin-left: 1.5rem !important; } - .m-md-5 { - margin: 3rem !important; } - .mt-md-5, - .my-md-5 { - margin-top: 3rem !important; } - .mr-md-5, - .mx-md-5 { - margin-right: 3rem !important; } - .mb-md-5, - .my-md-5 { - margin-bottom: 3rem !important; } - .ml-md-5, - .mx-md-5 { - margin-left: 3rem !important; } - .p-md-0 { - padding: 0 !important; } - .pt-md-0, - .py-md-0 { - padding-top: 0 !important; } - .pr-md-0, - .px-md-0 { - padding-right: 0 !important; } - .pb-md-0, - .py-md-0 { - padding-bottom: 0 !important; } - .pl-md-0, - .px-md-0 { - padding-left: 0 !important; } - .p-md-1 { - padding: 0.25rem !important; } - .pt-md-1, - .py-md-1 { - padding-top: 0.25rem !important; } - .pr-md-1, - .px-md-1 { - padding-right: 0.25rem !important; } - .pb-md-1, - .py-md-1 { - padding-bottom: 0.25rem !important; } - .pl-md-1, - .px-md-1 { - padding-left: 0.25rem !important; } - .p-md-2 { - padding: 0.5rem !important; } - .pt-md-2, - .py-md-2 { - padding-top: 0.5rem !important; } - .pr-md-2, - .px-md-2 { - padding-right: 0.5rem !important; } - .pb-md-2, - .py-md-2 { - padding-bottom: 0.5rem !important; } - .pl-md-2, - .px-md-2 { - padding-left: 0.5rem !important; } - .p-md-3 { - padding: 1rem !important; } - .pt-md-3, - .py-md-3 { - padding-top: 1rem !important; } - .pr-md-3, - .px-md-3 { - padding-right: 1rem !important; } - .pb-md-3, - .py-md-3 { - padding-bottom: 1rem !important; } - .pl-md-3, - .px-md-3 { - padding-left: 1rem !important; } - .p-md-4 { - padding: 1.5rem !important; } - .pt-md-4, - .py-md-4 { - padding-top: 1.5rem !important; } - .pr-md-4, - .px-md-4 { - padding-right: 1.5rem !important; } - .pb-md-4, - .py-md-4 { - padding-bottom: 1.5rem !important; } - .pl-md-4, - .px-md-4 { - padding-left: 1.5rem !important; } - .p-md-5 { - padding: 3rem !important; } - .pt-md-5, - .py-md-5 { - padding-top: 3rem !important; } - .pr-md-5, - .px-md-5 { - padding-right: 3rem !important; } - .pb-md-5, - .py-md-5 { - padding-bottom: 3rem !important; } - .pl-md-5, - .px-md-5 { - padding-left: 3rem !important; } - .m-md-n1 { - margin: -0.25rem !important; } - .mt-md-n1, - .my-md-n1 { - margin-top: -0.25rem !important; } - .mr-md-n1, - .mx-md-n1 { - margin-right: -0.25rem !important; } - .mb-md-n1, - .my-md-n1 { - margin-bottom: -0.25rem !important; } - .ml-md-n1, - .mx-md-n1 { - margin-left: -0.25rem !important; } - .m-md-n2 { - margin: -0.5rem !important; } - .mt-md-n2, - .my-md-n2 { - margin-top: -0.5rem !important; } - .mr-md-n2, - .mx-md-n2 { - margin-right: -0.5rem !important; } - .mb-md-n2, - .my-md-n2 { - margin-bottom: -0.5rem !important; } - .ml-md-n2, - .mx-md-n2 { - margin-left: -0.5rem !important; } - .m-md-n3 { - margin: -1rem !important; } - .mt-md-n3, - .my-md-n3 { - margin-top: -1rem !important; } - .mr-md-n3, - .mx-md-n3 { - margin-right: -1rem !important; } - .mb-md-n3, - .my-md-n3 { - margin-bottom: -1rem !important; } - .ml-md-n3, - .mx-md-n3 { - margin-left: -1rem !important; } - .m-md-n4 { - margin: -1.5rem !important; } - .mt-md-n4, - .my-md-n4 { - margin-top: -1.5rem !important; } - .mr-md-n4, - .mx-md-n4 { - margin-right: -1.5rem !important; } - .mb-md-n4, - .my-md-n4 { - margin-bottom: -1.5rem !important; } - .ml-md-n4, - .mx-md-n4 { - margin-left: -1.5rem !important; } - .m-md-n5 { - margin: -3rem !important; } - .mt-md-n5, - .my-md-n5 { - margin-top: -3rem !important; } - .mr-md-n5, - .mx-md-n5 { - margin-right: -3rem !important; } - .mb-md-n5, - .my-md-n5 { - margin-bottom: -3rem !important; } - .ml-md-n5, - .mx-md-n5 { - margin-left: -3rem !important; } - .m-md-auto { - margin: auto !important; } - .mt-md-auto, - .my-md-auto { - margin-top: auto !important; } - .mr-md-auto, - .mx-md-auto { - margin-right: auto !important; } - .mb-md-auto, - .my-md-auto { - margin-bottom: auto !important; } - .ml-md-auto, - .mx-md-auto { - margin-left: auto !important; } } - -@media (min-width: 992px) { - .m-lg-0 { - margin: 0 !important; } - .mt-lg-0, - .my-lg-0 { - margin-top: 0 !important; } - .mr-lg-0, - .mx-lg-0 { - margin-right: 0 !important; } - .mb-lg-0, - .my-lg-0 { - margin-bottom: 0 !important; } - .ml-lg-0, - .mx-lg-0 { - margin-left: 0 !important; } - .m-lg-1 { - margin: 0.25rem !important; } - .mt-lg-1, - .my-lg-1 { - margin-top: 0.25rem !important; } - .mr-lg-1, - .mx-lg-1 { - margin-right: 0.25rem !important; } - .mb-lg-1, - .my-lg-1 { - margin-bottom: 0.25rem !important; } - .ml-lg-1, - .mx-lg-1 { - margin-left: 0.25rem !important; } - .m-lg-2 { - margin: 0.5rem !important; } - .mt-lg-2, - .my-lg-2 { - margin-top: 0.5rem !important; } - .mr-lg-2, - .mx-lg-2 { - margin-right: 0.5rem !important; } - .mb-lg-2, - .my-lg-2 { - margin-bottom: 0.5rem !important; } - .ml-lg-2, - .mx-lg-2 { - margin-left: 0.5rem !important; } - .m-lg-3 { - margin: 1rem !important; } - .mt-lg-3, - .my-lg-3 { - margin-top: 1rem !important; } - .mr-lg-3, - .mx-lg-3 { - margin-right: 1rem !important; } - .mb-lg-3, - .my-lg-3 { - margin-bottom: 1rem !important; } - .ml-lg-3, - .mx-lg-3 { - margin-left: 1rem !important; } - .m-lg-4 { - margin: 1.5rem !important; } - .mt-lg-4, - .my-lg-4 { - margin-top: 1.5rem !important; } - .mr-lg-4, - .mx-lg-4 { - margin-right: 1.5rem !important; } - .mb-lg-4, - .my-lg-4 { - margin-bottom: 1.5rem !important; } - .ml-lg-4, - .mx-lg-4 { - margin-left: 1.5rem !important; } - .m-lg-5 { - margin: 3rem !important; } - .mt-lg-5, - .my-lg-5 { - margin-top: 3rem !important; } - .mr-lg-5, - .mx-lg-5 { - margin-right: 3rem !important; } - .mb-lg-5, - .my-lg-5 { - margin-bottom: 3rem !important; } - .ml-lg-5, - .mx-lg-5 { - margin-left: 3rem !important; } - .p-lg-0 { - padding: 0 !important; } - .pt-lg-0, - .py-lg-0 { - padding-top: 0 !important; } - .pr-lg-0, - .px-lg-0 { - padding-right: 0 !important; } - .pb-lg-0, - .py-lg-0 { - padding-bottom: 0 !important; } - .pl-lg-0, - .px-lg-0 { - padding-left: 0 !important; } - .p-lg-1 { - padding: 0.25rem !important; } - .pt-lg-1, - .py-lg-1 { - padding-top: 0.25rem !important; } - .pr-lg-1, - .px-lg-1 { - padding-right: 0.25rem !important; } - .pb-lg-1, - .py-lg-1 { - padding-bottom: 0.25rem !important; } - .pl-lg-1, - .px-lg-1 { - padding-left: 0.25rem !important; } - .p-lg-2 { - padding: 0.5rem !important; } - .pt-lg-2, - .py-lg-2 { - padding-top: 0.5rem !important; } - .pr-lg-2, - .px-lg-2 { - padding-right: 0.5rem !important; } - .pb-lg-2, - .py-lg-2 { - padding-bottom: 0.5rem !important; } - .pl-lg-2, - .px-lg-2 { - padding-left: 0.5rem !important; } - .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; } - .mb-lg-auto, - .my-lg-auto { - margin-bottom: auto !important; } - .ml-lg-auto, - .mx-lg-auto { - margin-left: auto !important; } } - -@media (min-width: 1200px) { - .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; } - .mb-xl-0, - .my-xl-0 { - margin-bottom: 0 !important; } - .ml-xl-0, - .mx-xl-0 { - margin-left: 0 !important; } - .m-xl-1 { - margin: 0.25rem !important; } - .mt-xl-1, - .my-xl-1 { - margin-top: 0.25rem !important; } - .mr-xl-1, - .mx-xl-1 { - margin-right: 0.25rem !important; } - .mb-xl-1, - .my-xl-1 { - margin-bottom: 0.25rem !important; } - .ml-xl-1, - .mx-xl-1 { - margin-left: 0.25rem !important; } - .m-xl-2 { - margin: 0.5rem !important; } - .mt-xl-2, - .my-xl-2 { - margin-top: 0.5rem !important; } - .mr-xl-2, - .mx-xl-2 { - margin-right: 0.5rem !important; } - .mb-xl-2, - .my-xl-2 { - margin-bottom: 0.5rem !important; } - .ml-xl-2, - .mx-xl-2 { - margin-left: 0.5rem !important; } - .m-xl-3 { - margin: 1rem !important; } - .mt-xl-3, - .my-xl-3 { - margin-top: 1rem !important; } - .mr-xl-3, - .mx-xl-3 { - margin-right: 1rem !important; } - .mb-xl-3, - .my-xl-3 { - margin-bottom: 1rem !important; } - .ml-xl-3, - .mx-xl-3 { - margin-left: 1rem !important; } - .m-xl-4 { - margin: 1.5rem !important; } - .mt-xl-4, - .my-xl-4 { - margin-top: 1.5rem !important; } - .mr-xl-4, - .mx-xl-4 { - margin-right: 1.5rem !important; } - .mb-xl-4, - .my-xl-4 { - margin-bottom: 1.5rem !important; } - .ml-xl-4, - .mx-xl-4 { - margin-left: 1.5rem !important; } - .m-xl-5 { - margin: 3rem !important; } - .mt-xl-5, - .my-xl-5 { - margin-top: 3rem !important; } - .mr-xl-5, - .mx-xl-5 { - margin-right: 3rem !important; } - .mb-xl-5, - .my-xl-5 { - margin-bottom: 3rem !important; } - .ml-xl-5, - .mx-xl-5 { - margin-left: 3rem !important; } - .p-xl-0 { - padding: 0 !important; } - .pt-xl-0, - .py-xl-0 { - padding-top: 0 !important; } - .pr-xl-0, - .px-xl-0 { - padding-right: 0 !important; } - .pb-xl-0, - .py-xl-0 { - padding-bottom: 0 !important; } - .pl-xl-0, - .px-xl-0 { - padding-left: 0 !important; } - .p-xl-1 { - padding: 0.25rem !important; } - .pt-xl-1, - .py-xl-1 { - padding-top: 0.25rem !important; } - .pr-xl-1, - .px-xl-1 { - padding-right: 0.25rem !important; } - .pb-xl-1, - .py-xl-1 { - padding-bottom: 0.25rem !important; } - .pl-xl-1, - .px-xl-1 { - padding-left: 0.25rem !important; } - .p-xl-2 { - padding: 0.5rem !important; } - .pt-xl-2, - .py-xl-2 { - padding-top: 0.5rem !important; } - .pr-xl-2, - .px-xl-2 { - padding-right: 0.5rem !important; } - .pb-xl-2, - .py-xl-2 { - padding-bottom: 0.5rem !important; } - .pl-xl-2, - .px-xl-2 { - padding-left: 0.5rem !important; } - .p-xl-3 { - padding: 1rem !important; } - .pt-xl-3, - .py-xl-3 { - padding-top: 1rem !important; } - .pr-xl-3, - .px-xl-3 { - padding-right: 1rem !important; } - .pb-xl-3, - .py-xl-3 { - padding-bottom: 1rem !important; } - .pl-xl-3, - .px-xl-3 { - padding-left: 1rem !important; } - .p-xl-4 { - padding: 1.5rem !important; } - .pt-xl-4, - .py-xl-4 { - padding-top: 1.5rem !important; } - .pr-xl-4, - .px-xl-4 { - padding-right: 1.5rem !important; } - .pb-xl-4, - .py-xl-4 { - padding-bottom: 1.5rem !important; } - .pl-xl-4, - .px-xl-4 { - padding-left: 1.5rem !important; } - .p-xl-5 { - padding: 3rem !important; } - .pt-xl-5, - .py-xl-5 { - padding-top: 3rem !important; } - .pr-xl-5, - .px-xl-5 { - padding-right: 3rem !important; } - .pb-xl-5, - .py-xl-5 { - padding-bottom: 3rem !important; } - .pl-xl-5, - .px-xl-5 { - padding-left: 3rem !important; } - .m-xl-n1 { - margin: -0.25rem !important; } - .mt-xl-n1, - .my-xl-n1 { - margin-top: -0.25rem !important; } - .mr-xl-n1, - .mx-xl-n1 { - margin-right: -0.25rem !important; } - .mb-xl-n1, - .my-xl-n1 { - margin-bottom: -0.25rem !important; } - .ml-xl-n1, - .mx-xl-n1 { - margin-left: -0.25rem !important; } - .m-xl-n2 { - margin: -0.5rem !important; } - .mt-xl-n2, - .my-xl-n2 { - margin-top: -0.5rem !important; } - .mr-xl-n2, - .mx-xl-n2 { - margin-right: -0.5rem !important; } - .mb-xl-n2, - .my-xl-n2 { - margin-bottom: -0.5rem !important; } - .ml-xl-n2, - .mx-xl-n2 { - margin-left: -0.5rem !important; } - .m-xl-n3 { - margin: -1rem !important; } - .mt-xl-n3, - .my-xl-n3 { - margin-top: -1rem !important; } - .mr-xl-n3, - .mx-xl-n3 { - margin-right: -1rem !important; } - .mb-xl-n3, - .my-xl-n3 { - margin-bottom: -1rem !important; } - .ml-xl-n3, - .mx-xl-n3 { - margin-left: -1rem !important; } - .m-xl-n4 { - margin: -1.5rem !important; } - .mt-xl-n4, - .my-xl-n4 { - margin-top: -1.5rem !important; } - .mr-xl-n4, - .mx-xl-n4 { - margin-right: -1.5rem !important; } - .mb-xl-n4, - .my-xl-n4 { - margin-bottom: -1.5rem !important; } - .ml-xl-n4, - .mx-xl-n4 { - margin-left: -1.5rem !important; } - .m-xl-n5 { - margin: -3rem !important; } - .mt-xl-n5, - .my-xl-n5 { - margin-top: -3rem !important; } - .mr-xl-n5, - .mx-xl-n5 { - margin-right: -3rem !important; } - .mb-xl-n5, - .my-xl-n5 { - margin-bottom: -3rem !important; } - .ml-xl-n5, - .mx-xl-n5 { - margin-left: -3rem !important; } - .m-xl-auto { - margin: auto !important; } - .mt-xl-auto, - .my-xl-auto { - margin-top: auto !important; } - .mr-xl-auto, - .mx-xl-auto { - margin-right: auto !important; } - .mb-xl-auto, - .my-xl-auto { - margin-bottom: auto !important; } - .ml-xl-auto, - .mx-xl-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); } - -.text-monospace { - font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } - -.text-justify { - text-align: justify !important; } - -.text-wrap { - white-space: normal !important; } - -.text-nowrap { - white-space: nowrap !important; } - -.text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; } - -.text-left { - text-align: left !important; } - -.text-right { - text-align: right !important; } - -.text-center { - text-align: center !important; } - -@media (min-width: 576px) { - .text-sm-left { - text-align: left !important; } - .text-sm-right { - text-align: right !important; } - .text-sm-center { - text-align: center !important; } } - -@media (min-width: 768px) { - .text-md-left { - text-align: left !important; } - .text-md-right { - text-align: right !important; } - .text-md-center { - text-align: center !important; } } - -@media (min-width: 992px) { - .text-lg-left { - text-align: left !important; } - .text-lg-right { - text-align: right !important; } - .text-lg-center { - text-align: center !important; } } - -@media (min-width: 1200px) { - .text-xl-left { - text-align: left !important; } - .text-xl-right { - text-align: right !important; } - .text-xl-center { - text-align: center !important; } } - -.text-lowercase { - text-transform: lowercase !important; } - -.text-uppercase { - text-transform: uppercase !important; } - -.text-capitalize { - text-transform: capitalize !important; } - -.font-weight-light { - font-weight: 300 !important; } - -.font-weight-lighter { - font-weight: lighter !important; } - -.font-weight-normal { - font-weight: 400 !important; } - -.font-weight-bold { - font-weight: 700 !important; } - -.font-weight-bolder { - font-weight: bolder !important; } - -.font-italic { - font-style: italic !important; } - -.text-white { - color: #fff !important; } - -.text-primary { - color: #1f1c2f !important; } - -a.text-primary:hover, a.text-primary:focus { - color: black !important; } - -.text-secondary { - color: #6c757d !important; } - -a.text-secondary:hover, a.text-secondary:focus { - color: #494f54 !important; } - -.text-success { - color: #8ac3a3 !important; } - -a.text-success:hover, a.text-success:focus { - color: #57a97b !important; } - -.text-info { - color: var(--info) !important; } - -a.text-info:hover, a.text-info:focus { - color: #4091ef !important; } - -.text-warning { - color: #f0864a !important; } - -a.text-warning:hover, a.text-warning:focus { - color: #db5b12 !important; } - -.text-danger { - color: #f674ad !important; } - -a.text-danger:hover, a.text-danger:focus { - color: #f12c83 !important; } - -.text-light { - color: #848486 !important; } - -a.text-light:hover, a.text-light:focus { - color: #5e5e60 !important; } - -.text-dark { - color: #01041b !important; } - -a.text-dark:hover, a.text-dark:focus { - color: black !important; } - -.text-purple { - color: #AA87F5 !important; } - -a.text-purple:hover, a.text-purple:focus { - color: #7840ef !important; } - -.text-body { - color: #768492 !important; } - -.text-muted { - color: #6c757d !important; } - -.text-black-50 { - color: rgba(0, 0, 0, 0.5) !important; } - -.text-white-50 { - color: rgba(255, 255, 255, 0.5) !important; } - -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; } - -.text-decoration-none { - text-decoration: none !important; } - -.text-break { - word-wrap: break-word !important; } - -.text-reset { - color: inherit !important; } - -.visible { - visibility: visible !important; } - -.invisible { - visibility: hidden !important; } - -@media print { - *, - *::before, - *::after { - text-shadow: none !important; - box-shadow: none !important; } - a:not(.btn) { - text-decoration: underline; } - abbr[title]::after { - content: " (" attr(title) ")"; } - pre { - white-space: pre-wrap !important; } - pre, - blockquote { - border: 1px solid #adb5bd; - page-break-inside: avoid; } - thead { - display: table-header-group; } - tr, - img { - page-break-inside: avoid; } - p, - h2, - h3 { - orphans: 3; - widows: 3; } - h2, - h3 { - page-break-after: avoid; } - @page { - size: a3; } - body { - min-width: 992px !important; } - .container { - min-width: 992px !important; } - .navbar { - display: none; } - .badge { - border: 1px solid #000; } - .table { - border-collapse: collapse !important; } - .table td, - .table th { - background-color: #fff !important; } - .table-bordered th, - .table-bordered td { - border: 1px solid #ccced2 !important; } - .table-dark { - color: inherit; } - .table-dark th, - .table-dark td, - .table-dark thead th, - .table-dark tbody + tbody { - border-color: #DCDDDF; } - .table .thead-dark th { - color: inherit; - border-color: #DCDDDF; } } - -/*----------------- Grid Boxes -----------------*/ -.card { - background: #fff; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - margin-bottom: 30px; - border: none; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); } - .card .card-header { - background: transparent; - border-radius: 0; - padding: 20px; - margin-bottom: 0; - -ms-flex-align: center !important; - align-items: center !important; - border-bottom: 1px solid #DCDDDF; } - .card .card-header .header-title .card-title { - margin-bottom: 0; } - .card .card-body { - padding: 20px; } - -.card-transparent { - background: transparent; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - margin-bottom: 30px; - border: none; - box-shadow: none; } - .card-transparent .card-header { - background: transparent; - border-radius: 0; - padding: 20px; - margin-bottom: 0; - -ms-flex-align: center !important; - align-items: center !important; - border: none; } - .card-transparent .card-header .header-title .card-title { - margin-bottom: 0; } - -.card-header-toolbar .nav-item a { - color: #768492; - padding: 4px 12px; - font-size: 14px; } - -.card-header-toolbar .dropdown-toggle i { - font-size: 20px; - line-height: normal; - vertical-align: text-bottom; } - -.card-header-toolbar .dropdown-toggle::after { - display: none; } - -.card-header .dropdown-bg { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.card-block.card-stretch { - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; } - -.card-block.card-height-third { - height: calc(33.33% - 30px); } - -.card-block.card-height-half { - height: calc(50% - 30px); } - -.card-block.card-height { - height: calc(100% - 30px); } - -.card-block { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - -.card-primary { - background: #797782; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-primary .card-header { - border-bottom: 1px solid; - border-color: black; } - .card-primary:hover { - background: rgba(210, 210, 213, 0.8); } - -.card-secondary { - background: #a7acb1; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-secondary .card-header { - border-bottom: 1px solid; - border-color: #25282b; } - .card-secondary:hover { - background: rgba(226, 227, 229, 0.8); } - -.card-success { - background: #b9dbc8; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-success .card-header { - border-bottom: 1px solid; - border-color: #3d7756; } - .card-success:hover { - background: rgba(232, 243, 237, 0.8); } - -.card-info { - background: #b7d6f9; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-info .card-header { - border-bottom: 1px solid; - border-color: #116bd2; } - .card-info:hover { - background: rgba(231, 241, 253, 0.8); } - -.card-warning { - background: #f6b692; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-warning .card-header { - border-bottom: 1px solid; - border-color: #953e0c; } - .card-warning:hover { - background: rgba(252, 231, 219, 0.8); } - -.card-danger { - background: #faacce; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-danger .card-header { - border-bottom: 1px solid; - border-color: #c40d5d; } - .card-danger:hover { - background: rgba(253, 227, 239, 0.8); } - -.card-light { - background: #b5b5b6; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-light .card-header { - border-bottom: 1px solid; - border-color: #383839; } - .card-light:hover { - background: rgba(230, 230, 231, 0.8); } - -.card-dark { - background: #676876; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-dark .card-header { - border-bottom: 1px solid; - border-color: black; } - .card-dark:hover { - background: rgba(204, 205, 209, 0.8); } - -.card-purple { - background: #ccb7f9; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card-purple .card-header { - border-bottom: 1px solid; - border-color: #4f11d2; } - .card-purple:hover { - background: rgba(238, 231, 253, 0.8); } - -.iq-sidebar { - position: fixed; - z-index: 1000; - top: 0; - margin: 30px; - width: 260px; - height: 100%; - background: #ffffff; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -#sidebar-scrollbar { - height: 100vh; } - -.scroll-content div.p-3 { - height: 100px; } - -.iq-sidebar-menu { - position: relative; - margin: 0 20px; } - .iq-sidebar-menu .iq-menu { - margin: 0; - padding: 0; - list-style-type: none; } - .iq-sidebar-menu .iq-menu .iq-menu-title { - display: block; - color: #768492; - font-size: 15px; - position: relative; - padding: 15px; - font-weight: 500; - line-height: 18px; } - .iq-sidebar-menu .iq-menu .iq-menu-title i { - display: none; } - .iq-sidebar-menu .iq-menu li { - list-style-type: none; - position: relative; - white-space: nowrap; } - .iq-sidebar-menu .iq-menu li li { - margin: 0; - background: transparent !important; } - .iq-sidebar-menu .iq-menu li li a { - font-size: 16px; } - .iq-sidebar-menu .iq-menu li a { - font-size: 16px; - white-space: nowrap; - display: block; - color: #848486; - position: relative; - padding: 15px 18px; - line-height: 18px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - overflow: hidden; - text-transform: capitalize; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } - .iq-sidebar-menu .iq-menu li a i { - vertical-align: middle; - width: 20px; - display: inline-block; - margin-right: 8px; - font-size: 16px; } - .iq-sidebar-menu .iq-menu li a span { - white-space: nowrap; - padding: 0; - display: inline-block; - -webkit-transition: none; - -moz-transition: none; - -ms-transition: none; - -o-transition: none; - transition: none; } - .iq-sidebar-menu .iq-menu li a .iq-arrow-right { - margin-right: 0px; - margin-left: auto; - font-size: 15px; - width: 15px; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - .iq-sidebar-menu .iq-menu li a .badge { - position: absolute; - right: 15px; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - .iq-sidebar-menu .iq-menu li a[aria-expanded="true"] .iq-arrow-right { - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - .iq-sidebar-menu .iq-menu li ul { - padding-left: 0; - position: relative; } - .iq-sidebar-menu .iq-menu li .iq-submenu li a[aria-expanded="true"] { - box-shadow: none; } - .iq-sidebar-menu .iq-menu li.active-menu > a { - color: #1f1c2f; - text-decoration: none; - border-radius: 0; - transition: none; } - .iq-sidebar-menu .iq-menu li.active .iq-submenu li > a { - background: transparent; } - -.iq-sidebar .add-btn { - margin: 0 20px; - width: 200px; - text-align: left; - padding-left: 10px; - padding-right: 10px; } - -.iq-sidebar .iq-search-bar { - margin: 0 20px; } - .iq-sidebar .iq-search-bar .searchbox { - width: 220px; - position: relative; } - .iq-sidebar .iq-search-bar .search-input { - width: 100%; - height: 40px; - padding: 5px 15px 5px 40px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - border: unset; - background-color: #f3f6fd; } - .iq-sidebar .iq-search-bar .search-link { - position: absolute; - left: 10px; - top: 6px; } - -.sidebar-default .iq-sidebar-menu .iq-menu li a { - padding-left: 0; - padding-right: 0; } - .sidebar-default .iq-sidebar-menu .iq-menu li a:hover { - color: #1f1c2f; } - -.sidebar-default .iq-sidebar-menu .iq-menu li a[aria-expanded="true"] { - color: #1f1c2f; - text-decoration: none; - transition: none; } - .sidebar-default .iq-sidebar-menu .iq-menu li a[aria-expanded="true"] i.iq-arrow-left { - color: #1f1c2f; } - -.sidebar-default .iq-sidebar-menu .iq-menu li .iq-submenu li a:hover { - background: transparent; } - -.sidebar-default .iq-sidebar-menu .iq-menu li ul a:hover { - color: #1f1c2f; - text-decoration: none; - background: transparent; } - -.sidebar-default .iq-sidebar-menu .iq-menu li ul li a { - padding-left: 20px; } - -.sidebar-default .iq-sidebar-menu .iq-menu li ul ul li > a { - padding-left: 40px; } - -.sidebar-default .iq-sidebar-menu .iq-menu li ul ul ul li > a { - padding-left: 80px; } - -.sidebar-default .iq-sidebar-menu .iq-menu li ul.iq-submenu-data li { - margin: 0; } - -.sidebar-default .iq-sidebar-menu .iq-menu > li.active > a { - color: #1f1c2f; - text-decoration: none; - background: transparent; } - -.sidebar-default .iq-sidebar-menu .iq-menu li.active .iq-submenu li.active > a { - color: #1f1c2f; - border-radius: 0; } - -.sidebar-default .iq-sidebar-menu .iq-menu li.active .iq-submenu li:last-child > a { - -webkit-border-radius: 0 0 10px 10px; - -moz-border-radius: 0 0 10px 10px; - -ms-border-radius: 0 0 10px 10px; - -o-border-radius: 0 0 10px 10px; - border-radius: 0 0 10px 10px; } - -.sidebar-default .iq-sidebar-menu .iq-menu li.active .iq-submenu li a[aria-expanded="true"] { - box-shadow: none; } - -.sidebar-default .iq-sidebar-menu .iq-menu .iq-submenu .iq-submenu-data { - box-shadow: none; } - -.sidebar-default .iq-sidebar .iq-sidebar-menu .iq-menu .iq-submenu li:before { - content: ''; - width: 3px; - height: 35px; - background: #1f1c2f; - position: absolute; - left: 30px; - top: 8px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } - -.sidebar-default .iq-sidebar .iq-sidebar-menu .iq-menu .iq-submenu li.active:before { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } - -.sidebar-default .iq-sidebar .iq-sidebar-menu .iq-menu li.active ul.iq-submenu .iq-submenu:before { - left: 48px; - width: 2px; } - -.sidebar-default .iq-sidebar .iq-sidebar-menu .iq-menu li.active ul.iq-submenu .iq-submenu li::before { - left: 48px; - width: 2px; } - -.sidebar-default .sidebar-main .iq-sidebar-menu .iq-menu li ul { - padding-left: 0; } - -.sidebar-default .sidebar-bottom { - padding: 120px 15px 0px !important; } - .sidebar-default .sidebar-bottom .sidebarbottom-content { - text-align: center; } - .sidebar-default .sidebar-bottom .image { - margin-top: -132px; } - -.iq-sidebar-menu .iq-menu li a .iq-arrow-right.arrow-hover { - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - display: none; } - -.iq-sidebar-menu .iq-menu li a[aria-expanded="true"] .iq-arrow-right.arrow-active { - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - display: none; } - -.iq-sidebar-menu .iq-menu li a[aria-expanded="true"] .iq-arrow-right.arrow-hover { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; - display: block; } - -.sidebar-btn { - margin: 0 20px; - width: 220px; } - .sidebar-btn .btn-title i { - vertical-align: bottom; } - .sidebar-btn .note-add-btn { - padding: 7px 5px 3px 10px; - text-align: center; - position: absolute; - right: 0; - background: #07060E; - -webkit-border-radius: 0px 10px 10px 0px; - -moz-border-radius: 0px 10px 10px 0px; - -ms-border-radius: 0px 10px 10px 0px; - -o-border-radius: 0px 10px 10px 0px; - border-radius: 0px 10px 10px 0px; } - -.iq-sidebar-logo { - padding: 20px 0px 20px; - margin: 0 20px 20px; - width: auto; - position: relative; - border-bottom: 1px solid #DCDDDF; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - .iq-sidebar-logo a { - display: flex; - align-items: flex-start; } - .iq-sidebar-logo a span { - margin-left: 10px; - font-size: 19px; - line-height: 42px; - padding-left: 1px; - letter-spacing: 1.5px; - font-weight: 600; - flex: 1; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - .iq-sidebar-logo a span.logo-text { - font-size: 10px; - letter-spacing: 5px; } - .iq-sidebar-logo a:hover { - text-decoration: none; } - .iq-sidebar-logo a:focus { - text-decoration: none; } - .iq-sidebar-logo .logo-title { - padding-top: 20px; } - .iq-sidebar-logo img { - height: 60px; } - -.iq-saidbar-logo img { - width: 60%; } - -.logo-text { - color: #768492; - text-transform: uppercase; - font-size: 10px; - letter-spacing: 5px; } - -.iq-top-navbar .wrapper-menu { - margin: 0 15px 0 0; } - -.wrapper-menu { - font-size: 30px; - text-align: center; - color: #1f1c2f; - position: relative; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - -.sidebar-caption { - margin: 0 20px 20px; } - .sidebar-caption .caption { - display: flex; - justify-content: space-between; - flex-grow: 1; } - .sidebar-caption .iq-user-dropdown { - position: fixed; - left: 0; - right: auto; - width: 300px; - top: 30px; - bottom: 0; - background: #fff; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - visibility: hidden; - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -ms-transform: translateX(0); - -o-transform: translateX(0); - transform: translateX(0); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .sidebar-caption.show-data .iq-user-dropdown { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; - visibility: visible; - -webkit-transform: translateX(100%); - -moz-transform: translateX(100%); - -ms-transform: translateX(100%); - -o-transform: translateX(100%); - transform: translateX(100%); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .sidebar-caption .profile-details .iq-card-icon { - line-height: 43px; } - .sidebar-caption .profile-details .iq-card-icon i { - font-size: 30px; } - -@media (min-width: 1300px) { - .iq-top-navbar .iq-navbar-custom .wrapper-menu { - display: none; } - .iq-menu-bt-sidebar { - display: none; } - body.sidebar-main .iq-sidebar { - width: 80px; } - body.sidebar-main .iq-sidebar .iq-sidebar-menu .iq-menu li a span { - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - display: none; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - body.sidebar-main .iq-sidebar .iq-sidebar-menu .iq-menu li a .iq-arrow-right { - display: none; } - body.sidebar-main .iq-sidebar-logo a { - display: none; } - body.sidebar-main .iq-sidebar-logo a span { - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - display: none; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - body.sidebar-main .iq-sidebar-menu .iq-menu li a .badge { - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - display: none; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - -ms-transition: all 0.6s ease-in-out; - -o-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; } - body.sidebar-main .iq-sidebar-menu .iq-menu li a .iq-arrow-right { - margin-right: 0; - display: none; } - body.sidebar-main .iq-sidebar-menu .iq-menu li a i.iq-arrow-left { - margin: 0 auto; } - body.sidebar-main .iq-sidebar-menu .iq-menu li li a i { - margin: 0 auto; - text-align: center; } - body.sidebar-main .sidebar-default .iq-sidebar-menu .iq-menu li ul li a { - padding-left: 18px; } - .sidebar-main .iq-sidebar .iq-submenu li a { - font-size: 0; } - .sidebar-main .iq-sidebar .sidebar-bottom { - display: none; } } - -@media (max-width: 1299px) { - .iq-sidebar-logo { - margin-bottom: 0; } - .iq-sidebar { - display: inline-block; - z-index: 99; - left: -300px; - top: 0px; - margin: 0px; } - .iq-sidebar .device-search, .iq-sidebar .sidebar-caption { - display: none; } - body.sidebar-main .iq-sidebar { - width: 260px; - left: 0; - z-index: 999; } } - -@keyframes shadowDots { - 0% { - box-shadow: 0 0 0 0px rgba(0, 177, 255, 0.2); } - 100% { - box-shadow: 0 0 0 15px rgba(0, 177, 255, 0); } } - -@keyframes shadow-pulse { - 0% { - box-shadow: 0 0 0 0px rgba(0, 177, 255, 0.2); } - 100% { - box-shadow: 0 0 0 15px rgba(0, 177, 255, 0); } } - -@keyframes shadow-pulse-dots-danger { - 0% { - box-shadow: 0 0 0 0px rgba(255, 155, 138, 0.2); } - 100% { - box-shadow: 0 0 0 15px rgba(255, 155, 138, 0); } } - -@keyframes shadow-pulse-danger { - 0% { - box-shadow: 0 0 0 0px rgba(255, 155, 138, 0.2); } - 100% { - box-shadow: 0 0 0 15px rgba(255, 155, 138, 0); } } - -@-webkit-keyframes fade-in-bottom { - 0% { - -webkit-transform: translateY(50px); - transform: translateY(50px); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } } - -@keyframes fade-in-bottom { - 0% { - -webkit-transform: translateY(50px); - transform: translateY(50px); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } } - -.iq-top-navbar { - background: #fff; - padding: 0 30px 0 30px; - min-height: 73px; - line-height: 73px; - position: fixed; - top: 0; - left: auto; - right: 0; - width: calc(100% - 260px); - display: inline-block; - z-index: 99; - margin: 0; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); } - .iq-top-navbar .iq-navbar-custom .navbar-breadcrumb { - display: block; - margin-left: 0px; - padding: 20px 0; } - .iq-top-navbar .iq-navbar-custom .navbar-nav .dropdown-menu { - min-width: 15rem; - position: absolute; } - .iq-top-navbar .iq-navbar-custom .navbar-nav .dropdown-menu .dropdown-item { - line-height: normal; } - .iq-top-navbar .breadcrumb { - background: transparent; - padding: 0; - margin: 0; } - .iq-top-navbar .breadcrumb .breadcrumb-item.active { - color: #768492; } - .iq-top-navbar .breadcrumb li { - list-style-type: none; - font-size: 14px; } - .iq-top-navbar .breadcrumb li a { - text-decoration: none; } - .iq-top-navbar .breadcrumb li a:hover { - text-decoration: none; } - .iq-top-navbar .navbar-expand-lg { - justify-content: space-between !important; } - .iq-top-navbar .iq-sub-dropdown { - width: 300px; - position: absolute; - top: 100%; - right: 0; - left: auto; - border: none; - -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; - animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; - -webkit-transform: translateY(100%); - transform: translateY(100%); - background-color: #fff; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - padding: 0; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .iq-top-navbar .iq-sub-dropdown .iq-card-body div { - -webkit-border-radius: 10px 10px 0 0; - -moz-border-radius: 10px 10px 0 0; - -ms-border-radius: 10px 10px 0 0; - -o-border-radius: 10px 10px 0 0; - border-radius: 10px 10px 0 0; } - .iq-top-navbar .lang .iq-sub-dropdown { - width: auto; } - .iq-top-navbar .iq-user-dropdown { - position: fixed; - left: auto; - right: 0; - width: 350px; - top: 0; - bottom: 0; - height: 100vh; - background: #fff; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - visibility: hidden; - -webkit-transform: translateX(100%); - -moz-transform: translateX(100%); - -ms-transform: translateX(100%); - -o-transform: translateX(100%); - transform: translateX(100%); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .iq-top-navbar .navbar-brand { - padding: 0; } - -body.sidebar-main .iq-top-navbar { - width: calc(100% - 80px); } - -.iq-top-navbar.fixed-header { - margin: 0; - right: 0; - width: calc(100% - 330px); - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - border-radius: 0; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.navbar-breadcrumb .breadcrumb { - padding: 0; - background: none; - margin-top: 5px; } - -.breadcrumb-item + .breadcrumb-item::before { - content: "\ea5f"; - font-family: 'remixicon'; - font-size: 14px; - vertical-align: sub; - color: #768492; } - -.navbar-list { - margin: 0; - padding: 0; - float: right; } - .navbar-list li { - float: left; - list-style-type: none; - position: relative; } - .navbar-list li > .dropdown { - line-height: 73px; - cursor: pointer; } - .navbar-list li > .dropdown .dropdown-menu { - -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; - animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; - -webkit-transform: translateY(100%); - -moz-transform: translateY(100%); - -ms-transform: translateY(100%); - -o-transform: translateY(100%); - transform: translateY(100%); } - .navbar-list li .dropdown-toggle::after { - display: none; } - .navbar-list li > a.language-title { - font-size: 16px; } - .navbar-list li:first-child { - padding-left: 10px; } - .navbar-list li > a { - color: #768492; - font-size: 21px; - padding: 0 20px; - display: block; - line-height: 37px; } - .navbar-list li > a > img { - width: 50px; - height: 50px; - min-width: 50px; } - .navbar-list li > a.nav-icon-1 { - height: 38px; - width: 38px; - line-height: 30px; - font-size: 20px; - text-align: center; - background: #f3f6fd; - padding: 0; - margin: 0 10px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .navbar-list li a:hover { - text-decoration: none; } - .navbar-list li .caption { - line-height: 16px; } - .navbar-list li .caption p { - color: #768492; - font-size: 12px; } - .navbar-list li .iq-sub-dropdown .iq-sub-card { - font-size: inherit; - padding-bottom: 18px; - line-height: normal; - color: inherit; - display: inline-block; - width: 100%; } - .navbar-list li .iq-sub-dropdown .iq-sub-card:last-child { - padding-bottom: 0; } - .navbar-list li .iq-sub-dropdown .iq-sub-card.iq-sub-card-big { - width: auto; } - .navbar-list li.iq-nav-user { - display: flex; - align-items: flex-start; } - .navbar-list li.iq-nav-user span { - flex: 1; - font-size: 14px; } - .navbar-list .caption-content { - line-height: normal; } - -.card-content-right ul li a.nav-icon-1 { - line-height: 38px; - text-align: center; - background: #f3f6fd; - padding: 8px 10px 10px 10px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card-content-right ul li a.nav-icon-1:after { - display: none; } - -.card-content-right ul li .iq-sub-dropdown { - width: 320px; - top: 50px !important; - left: auto !important; - right: 0px; - padding: 0; } - -.menu-tag { - position: absolute; - background: #768492; - color: #fff; - display: inline-block; - top: 18px; - left: 18px; - font-size: 12px; - border-radius: 90px; - line-height: normal; - height: 18px; - width: 18px; - line-height: 18px; - text-align: center; - display: inline-block; } - -.iq-breadcrumb { - display: none; } - -.toggle-cart-info img { - width: 50px; } - -.nav-item span.dots { - height: 6px; - width: 6px; - font-size: 0; - text-align: center; - padding: 0; - position: absolute; - top: 18px; - right: 3px; - border: 0; - animation: shadowDots 1s infinite; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } - -.nav-item .count-mail { - height: 15px; - width: 15px; - font-size: 10px; - text-align: center; - line-height: 15px; - padding: 0; - position: absolute; - top: -6px; - right: 0px; - animation: none; } - .nav-item .count-mail.mail { - top: -6px; - right: 0px; } - -.nav-item .badge.count-cart { - height: 15px; - width: 15px; - font-size: 10px; - text-align: center; - line-height: 15px; - padding: 0; - position: absolute; - top: 13px; - right: 0px; } - -.navbar-expand-lg .navbar-nav .dropdown-menu { - left: auto; - right: 0; - min-width: 270px; - padding: 0; } - -.top-nav-bottom { - margin-left: 260px; - border-top: 1px solid #B2B2B2; } - -.topnav-toolbar li a { - display: block; - padding: 10px 15px; - text-transform: capitalize; - color: #6c757d; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.topnav-toolbar li.date-today { - background: #848486; } - -.topnav-toolbar li.active a { - background: #B2B2B2; - color: #1f1c2f; } - -.topnav-toolbar ul li { - list-style: none; - padding: 13px 0; } - -.iq-search-bar .searchbox { - width: 228px; - position: relative; } - -.iq-search-bar .search-input { - width: 100%; - height: 40px; - padding: 5px 65px 5px 40px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - border: 0px solid #DCDDDF; - background-color: #f3f6fd; } - -.iq-search-bar .search-link { - position: absolute; - left: 10px; - top: 11px; } - -.iq-navbar-logo { - padding: 0; - width: auto; - position: relative; - background: #fff; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - background: transparent; } - .iq-navbar-logo a { - display: flex; - align-items: center; } - .iq-navbar-logo a span { - margin-left: 10px; - font-size: 28px; - line-height: 26px; - font-weight: 500; - color: #01041b; - text-transform: capitalize; - flex: 1; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .iq-navbar-logo a:hover { - text-decoration: none; } - .iq-navbar-logo a:focus { - text-decoration: none; } - .iq-navbar-logo img { - height: 50px; } - -.iq-sub-dropdown.iq-sub-dropdown-large { - width: 500px; } - -.cust-title { - border-bottom: 1px solid #DCDDDF; } - -.crt-img { - background: #f3f6fd; - padding: 10px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.cust-dd .btn { - -webkit-border-radius: 0 0 10px 10px; - -moz-border-radius: 0 0 10px 10px; - -ms-border-radius: 0 0 10px 10px; - -o-border-radius: 0 0 10px 10px; - border-radius: 0 0 10px 10px; } - -.dd-icon { - position: absolute; - right: 0; - bottom: 0; - width: 40px; - height: 40px; - background: #07060E; - color: #fff; - border-radius: 0 0 0 10px; - text-align: center; - line-height: 40px; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - display: flex; - align-items: center; - justify-content: center; } - -.right-ic { - -webkit-border-radius: 0 0 10px 10px; - -moz-border-radius: 0 0 10px 10px; - -ms-border-radius: 0 0 10px 10px; - -o-border-radius: 0 0 10px 10px; - border-radius: 0 0 10px 10px; - overflow: hidden; - border: none !important; } - .right-ic:hover .dd-icon { - background: #1f1c2f; } - -.iq-show .iq-sub-dropdown { - display: inline-block; } - -.iq-sub-dropdown .iq-card-icon { - width: 45px; - height: 45px; - line-height: 40px; - font-size: 22px; } - -.show-data .iq-user-dropdown { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; - visibility: visible; - -webkit-transform: translateX(0); - -moz-transform: translateX(0); - -ms-transform: translateX(0); - -o-transform: translateX(0); - transform: translateX(0); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.iq-card-icon-small { - height: 40px; - width: 40px; - min-width: 40px; - display: inline-block; - line-height: 40px; - text-align: center; - font-size: 22px; } - -.profile-details > a { - margin-bottom: 15px; - display: block; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.data-scrollbar { - height: 85vh; } - -.navbar-toggler { - outline: none; } - -@media (min-width: 1300px) { - .iq-navbar-logo { - display: none !important; } - .iq-navbar-logo > a { - display: none; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li a.collapsed { - pointer-events: none; } } - -@media (max-width: 1199px) { - .iq-search-bar .searchbox { - width: 320px; } } - -@media (min-width: 1299px) { - .iq-top-navbar { - display: none; } } - -@media (max-width: 1299px) { - .iq-top-navbar { - width: 100%; } - .iq-top-navbar .iq-search-bar.device-search { - margin-left: 20px; } - body.sidebar-main .iq-top-navbar { - width: 100%; } } - -@media (min-width: 992px) { - .search-content { - display: none; } } - -@media (max-width: 991px) { - .device-search { - display: none; } - .navbar-collapse { - position: absolute; - top: 100%; - left: 0; - width: 100%; - background: #fff; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); } - .navbar-collapse .mail-content { - margin-top: 7px; } - .navbar-nav.navbar-list { - display: inline-block; } - .iq-top-navbar { - padding: 16px 15px !important; - line-height: normal; - min-height: unset; } - .iq-top-navbar .navbar-toggler { - color: #1f1c2f; - background: none; - border: none; - padding: 3px 10px 3px; - border-radius: 5px; - font-size: 24px; } - .iq-top-navbar .iq-navbar-logo img { - height: 40px; } - .iq-top-navbar .iq-search-bar { - line-height: normal; } - .iq-search-bar .searchbox { - width: 100%; } - .iq-sidebar-logo { - margin-bottom: 20px; } - li.nav-item.nav-icon.search-content { - margin-top: 7px; } - .iq-top-navbar .iq-navbar-custom .navbar-nav .dropdown-menu { - right: 0px; - left: auto; } } - -@media (max-width: 767px) { - .iq-top-navbar .lang .iq-sub-dropdown { - width: 150px; } } - -@media (max-width: 575px) { - .search-toggle { - position: relative; } - .iq-top-navbar .iq-sub-dropdown { - left: 0; - right: 0; - margin: 0 auto; - width: 270px; } - .iq-top-navbar .iq-search-bar { - width: 100%; } - .iq-top-navbar .iq-user-dropdown { - width: 300px; } - .navbar-list li { - position: static; } - .navbar-list li > a.language-title { - font-size: 0; } } - -@media (max-width: 479px) { - .navbar-list li > a { - padding: 0 10px; } - .navbar-list li > a > img { - width: 40px; - height: 40px; - min-width: 40px; } } - -.desktop-header { - display: flex; - align-items: center; - justify-content: center; - } - -.topnav-left { - flex: 1; } - .topnav-left h4 { - line-height: 38px; } - -.topnav-right { - margin-left: 30px; } - -@media (max-width: 991px) { - .topnav-right { - display: none; } } - -.iq-right-fixed { - margin: 0 15px; } - -.right-sidebar-mini { - top: 0px; - z-index: 100; - position: fixed; - width: 280px; - right: 0; - transform: translateX(calc(111% + -2em)); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); } - .right-sidebar-mini .side-left-icon { - display: none; } - -.right-sidebar-toggle { - position: absolute; - margin-left: -44px; - background: #fff; - padding: 15px; - display: inline; - top: 0; - z-index: 99; - -webkit-border-radius: 50px 0 0 50px; - -moz-border-radius: 50px 0 0 50px; - -ms-border-radius: 50px 0 0 50px; - -o-border-radius: 50px 0 0 50px; - border-radius: 50px 0 0 50px; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - cursor: pointer; } - .right-sidebar-toggle .side-right-icon { - font-size: 22px; } - -.right-sidebar-panel { - background-color: #fff; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - height: 100vh; - padding: 15px; - overflow-y: scroll; } - -.right-sidebar { - transform: translateX(calc(10% + -1em)); } - .right-sidebar .side-right-icon { - display: none; } - .right-sidebar .side-left-icon { - display: block; } - -.right-sidebar-mini { - transform: translateX(calc(10% + -1em)); } - -.right-sidebar-toggle { - z-index: -1; - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; - margin-left: -44px; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.right-sidebar-mini.right-sidebar { - transform: translateX(calc(111% + -2em)); } - .right-sidebar-mini.right-sidebar .right-sidebar-toggle { - margin-left: 0px; - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } - -body.right-sidebar-close footer { - width: calc(100vw - 260px); } - -.basic-drop-shadow { - box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } - -.bottom-left { - box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.15); } - -.bottom-right { - box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15); } - -.top-left { - box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.15); } - -.top-right { - box-shadow: 5px -5px 10px rgba(0, 0, 0, 0.15); } - -.shadow-bottom { - box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.15); } - -.inner-shadow { - box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15); } - -.blur-shadow { - box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.15); } - -.media-support { - display: inline-block; - width: 100%; } - -.media-support-user-img img { - height: 60px; } - -.media-support-header { - display: flex; - align-items: flex-start; } - -.media-support-info { - flex: 1; } - -.projects-media img { - height: 60px; } - -.iq-media-group .iq-media { - margin-left: -20px; - position: relative; - z-index: 0; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .iq-media-group .iq-media:hover { - z-index: 9; } - .iq-media-group .iq-media img { - border: 2px solid #DCDDDF; } - .iq-media-group .iq-media:first-child { - margin-left: 0; } - -.iq-media-group .iq-media.border { - border: 2px solid #DCDDDF; } - -.iq-media { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - background-repeat: no-repeat; - background-position: center center; - background-size: cover; } - .iq-media:hover { - text-decoration: none; } - -.media-pl { - text-align: center; } - -.badge { - padding: .3em .6em; - line-height: 1.3; - text-transform: capitalize; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.breadcrumb.bg-primary .breadcrumb-item + .breadcrumb-item::before { - color: #fff; } - -.badge-primary.active { - background-color: black; } - -.badge-primary:hover { - background-color: #1f1c2f; } - -.badge-secondary.active { - background-color: #25282b; } - -.badge-secondary:hover { - background-color: #6c757d; } - -.badge-success.active { - background-color: #3d7756; } - -.badge-success:hover { - background-color: #8ac3a3; } - -.badge-info.active { - background-color: #116bd2; } - -.badge-info:hover { - background-color: #87baf5; } - -.badge-warning.active { - background-color: #953e0c; } - -.badge-warning:hover { - background-color: #f0864a; } - -.badge-danger.active { - background-color: #c40d5d; } - -.badge-danger:hover { - background-color: #f674ad; } - -.badge-light.active { - background-color: #383839; } - -.badge-light:hover { - background-color: #848486; } - -.badge-dark.active { - background-color: black; } - -.badge-dark:hover { - background-color: #01041b; } - -.badge-purple.active { - background-color: #4f11d2; } - -.badge-purple:hover { - background-color: #aa87f5; } - -.alert { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; } - .alert.bg-white { - border-width: 2px; } - .alert .iq-alert-icon { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 0 1.30rem 0 0; } - .alert .iq-alert-icon i { - font-size: 2.441em; - line-height: normal; } - .alert .iq-alert-text { - -ms-flex-item-align: center; - align-self: center; - -webkit-box-flex: 1; - -ms-flex-positive: 1; - flex-grow: 1; } - .alert .close { - float: right; - font-size: 20px; - font-weight: 400; - line-height: 1; - color: #fff; - text-shadow: none; - opacity: 1; } - -.close:not(:disabled):not(.disabled):focus { - outline: none; } - -.close:not(:disabled):not(.disabled):hover { - outline: none; } - -.dark .alert-primary { - color: #1f1c2f; - background-color: rgba(31, 28, 47, 0.2); - border-color: #c0bfc5; } - .dark .alert-primary hr { - border-top-color: #b3b2b9; } - .dark .alert-primary .alert-link { - color: #0a090f; } - .dark .alert-primary.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.dark .alert-secondary { - color: #6c757d; - background-color: rgba(108, 117, 125, 0.2); - border-color: #d6d8db; } - .dark .alert-secondary hr { - border-top-color: #c8cbcf; } - .dark .alert-secondary .alert-link { - color: #545b62; } - .dark .alert-secondary.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.dark .alert-success { - color: #8ac3a3; - background-color: rgba(138, 195, 163, 0.2); - border-color: #deeee5; } - .dark .alert-success hr { - border-top-color: #cde5d8; } - .dark .alert-success .alert-link { - color: #68b288; } - .dark .alert-success.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.dark .alert-info { - color: #87baf5; - background-color: rgba(135, 186, 245, 0.2); - border-color: #ddecfc; } - .dark .alert-info hr { - border-top-color: #c6dffa; } - .dark .alert-info .alert-link { - color: #589ff1; } - .dark .alert-info.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.dark .alert-warning { - color: #f0864a; - background-color: rgba(240, 134, 74, 0.2); - border-color: #fbddcc; } - .dark .alert-warning hr { - border-top-color: #f9cdb4; } - .dark .alert-warning .alert-link { - color: #ec671b; } - .dark .alert-warning.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.dark .alert-danger { - color: #f674ad; - background-color: rgba(246, 116, 173, 0.2); - border-color: #fcd8e8; } - .dark .alert-danger hr { - border-top-color: #fac0da; } - .dark .alert-danger .alert-link { - color: #f34491; } - .dark .alert-danger.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.dark .alert-light { - color: #848486; - background-color: rgba(132, 132, 134, 0.2); - border-color: #dddddd; } - .dark .alert-light hr { - border-top-color: #d0d0d0; } - .dark .alert-light .alert-link { - color: #6b6b6c; } - .dark .alert-light.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.dark .alert-dark { - color: #01041b; - background-color: rgba(1, 4, 27, 0.2); - border-color: #b8b9bf; } - .dark .alert-dark hr { - border-top-color: #abacb3; } - .dark .alert-dark .alert-link { - color: black; } - .dark .alert-dark.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.dark .alert-purple { - color: #aa87f5; - background-color: rgba(170, 135, 245, 0.2); - border-color: #e7ddfc; } - .dark .alert-purple hr { - border-top-color: #d6c6fa; } - .dark .alert-purple .alert-link { - color: #8958f1; } - .dark .alert-purple.bg-white { - background-color: #222222 !important; - color: #848486 !important; } - -.iq-example-row .row > .col { - padding-top: .75rem; - color: #768492; - padding-bottom: .75rem; - background-color: rgba(86, 61, 124, 0.15); - border: 1px solid rgba(86, 61, 124, 0.2); } - -.iq-example-row .row > [class^=col-] { - padding-top: .75rem; - color: #768492; - padding-bottom: .75rem; - background-color: rgba(86, 61, 124, 0.15); - border: 1px solid rgba(86, 61, 124, 0.2); } - -.iq-example-row-flex-cols .row { - margin-bottom: 15px; - min-height: 10rem; - background-color: rgba(255, 0, 0, 0.1); } - -.table, .tbl-server-info { - border: 1px solid rgba(31, 28, 47, 0.4); - border-radius: 10px; - overflow: hidden; - color: #131313; } - .table span, .table p, .tbl-server-info span, .tbl-server-info p { - color: #768492; } - .table .ligth th, .tbl-server-info .ligth th { - padding: .50rem 1.5rem; - text-transform: uppercase; - font-size: 14px; - letter-spacing: 1px; - background: #1f1c2f; - color: #fff; - border-top: 0px; - font-weight: 700 !important; } - .table td, .tbl-server-info td { - padding: 1.875rem 1.5rem; - border-top: 0px; - border-bottom: 1px solid #DCDDDF; } - -.nav-pills .nav-item a { - color: #768492; } - -.nav-pills .nav-link.active { - color: #1f1c2f; - background: #B2B2B2; } - -.nav-pills .show > .nav-link { - color: #1f1c2f; - background: #B2B2B2; } - -.nav-pills .nav-link:hover { - color: #1f1c2f; } - -.nav-tabs { - border-bottom: 2px solid #B2B2B2; - margin-bottom: 15px; } - .nav-tabs .nav-item { - margin-bottom: -2px; } - .nav-tabs .nav-item a { - color: #768492; - border: none; - border-bottom: 2px solid transparent; } - .nav-tabs .nav-item.show .nav-link { - border-bottom: 2px solid #1f1c2f; - color: #1f1c2f; } - .nav-tabs .nav-link.active { - border-bottom: 2px solid #1f1c2f; - color: #1f1c2f; } - -.custom-checkbox.custom-checkbox-color input.bg-primary ~ label::before { - background-color: #1f1c2f !important; - border-color: #1f1c2f !important; } - -.custom-checkbox.custom-checkbox-color input.bg-success ~ label::before { - background-color: #8ac3a3 !important; - border-color: #8ac3a3 !important; } - -.custom-checkbox.custom-checkbox-color input.bg-danger ~ label::before { - background-color: #f674ad !important; - border-color: #f674ad !important; } - -.custom-checkbox.custom-checkbox-color input.bg-warning ~ label::before { - background-color: #f0864a !important; - border-color: #f0864a !important; } - -.custom-checkbox.custom-checkbox-color input.bg-dark ~ label::before { - background-color: #768492 !important; - border-color: #768492 !important; } - -.custom-checkbox.custom-checkbox-color input.bg-info ~ label::before { - background-color: #87baf5 !important; - border-color: #87baf5 !important; } - -.custom-checkbox.custom-checkbox-color-check input:checked.bg-primary ~ label::before { - background-color: #1f1c2f !important; - border-color: #1f1c2f !important; } - -.custom-checkbox.custom-checkbox-color-check input:checked.bg-success ~ label::before { - background-color: #8ac3a3 !important; - border-color: #8ac3a3 !important; } - -.custom-checkbox.custom-checkbox-color-check input:checked.bg-danger ~ label::before { - background-color: #f674ad !important; - border-color: #f674ad !important; } - -.custom-checkbox.custom-checkbox-color-check input:checked.bg-warning ~ label::before { - background-color: #f0864a !important; - border-color: #f0864a !important; } - -.custom-checkbox.custom-checkbox-color-check input:checked.bg-dark ~ label::before { - background-color: #768492 !important; - border-color: #768492 !important; } - -.custom-checkbox.custom-checkbox-color-check input:checked.bg-info ~ label::before { - background-color: #87baf5 !important; - border-color: #87baf5 !important; } - -.custom-radio.custom-radio-color input.bg-primary ~ label::before { - background-color: #1f1c2f !important; - border-color: #1f1c2f !important; } - -.custom-radio.custom-radio-color input.bg-success ~ label::before { - background-color: #8ac3a3 !important; - border-color: #8ac3a3 !important; } - -.custom-radio.custom-radio-color input.bg-danger ~ label::before { - background-color: #f674ad !important; - border-color: #f674ad !important; } - -.custom-radio.custom-radio-color input.bg-warning ~ label::before { - background-color: #f0864a !important; - border-color: #f0864a !important; } - -.custom-radio.custom-radio-color input.bg-dark ~ label::before { - background-color: #768492 !important; - border-color: #768492 !important; } - -.custom-radio.custom-radio-color input.bg-info ~ label::before { - background-color: #87baf5 !important; - border-color: #87baf5 !important; } - -.custom-radio.custom-radio-color-checked input:checked.bg-primary ~ label::before { - background-color: #1f1c2f !important; - border-color: #1f1c2f !important; } - -.custom-radio.custom-radio-color-checked input:checked.bg-success ~ label::before { - background-color: #8ac3a3 !important; - border-color: #8ac3a3 !important; } - -.custom-radio.custom-radio-color-checked input:checked.bg-danger ~ label::before { - background-color: #f674ad !important; - border-color: #f674ad !important; } - -.custom-radio.custom-radio-color-checked input:checked.bg-warning ~ label::before { - background-color: #f0864a !important; - border-color: #f0864a !important; } - -.custom-radio.custom-radio-color-checked input:checked.bg-dark ~ label::before { - background-color: #768492 !important; - border-color: #768492 !important; } - -.custom-radio.custom-radio-color-checked input:checked.bg-info ~ label::before { - background-color: #87baf5 !important; - border-color: #87baf5 !important; } - -.custom-switch.custom-switch-color input:checked.bg-primary ~ label::before { - background-color: #1f1c2f !important; - border-color: #1f1c2f !important; } - -.custom-switch.custom-switch-color input:checked.bg-success ~ label::before { - background-color: #8ac3a3 !important; - border-color: #8ac3a3 !important; } - -.custom-switch.custom-switch-color input:checked.bg-danger ~ label::before { - background-color: #f674ad !important; - border-color: #f674ad !important; } - -.custom-switch.custom-switch-color input:checked.bg-warning ~ label::before { - background-color: #f0864a !important; - border-color: #f0864a !important; } - -.custom-switch.custom-switch-color input:checked.bg-dark ~ label::before { - background-color: #768492 !important; - border-color: #768492 !important; } - -.custom-switch.custom-switch-color input:checked.bg-info ~ label::before { - background-color: #87baf5 !important; - border-color: #87baf5 !important; } - -.custom-checkbox.checkbox-icon label i { - position: absolute; - top: 6px; - left: -21px; - font-size: 10px; - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.custom-checkbox.checkbox-icon input:checked ~ label i { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); - color: #fff; } - -.custom-checkbox.checkbox-icon input:checked ~ label::after { - display: none; } - -.custom-control-input:checked ~ .custom-control-label::before { - background-color: #1f1c2f; - border-color: #1f1c2f; } - -.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: #B2B2B2; - color: #1f1c2f; } - -.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: #B2B2B2; - color: #1f1c2f; } - -.custom-select:focus { - box-shadow: none; } - -.custom-switch.custom-switch-icon { - padding-left: 0; } - .custom-switch.custom-switch-icon label .switch-icon-left { - position: absolute; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - top: -3px; - left: 8px; - right: auto; - color: #fff; } - .custom-switch.custom-switch-icon label .switch-icon-left i { - font-size: 10px; } - .custom-switch.custom-switch-icon label .switch-icon-right { - position: absolute; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - top: -3px; - right: 5px; - left: auto; } - .custom-switch.custom-switch-icon label .switch-icon-right i { - font-size: 10px; } - .custom-switch.custom-switch-icon .custom-control-label { - height: 20px; - width: 42px; - padding: 0; } - .custom-switch.custom-switch-icon .custom-control-label::before { - height: 20px; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - user-select: none; - top: 0; - left: 1px; - width: 2.75rem; } - .custom-switch.custom-switch-icon .custom-control-label:after { - position: absolute; - top: 1px; - left: 2px; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - user-select: none; - height: 18px; - width: 18px; } - .custom-switch.custom-switch-icon .custom-control-input:checked ~ .custom-control-label::after { - -webkit-transform: translateX(1.4rem); - -moz-transform: translateX(1.4rem); - -ms-transform: translateX(1.4rem); - -o-transform: translateX(1.4rem); - transform: translateX(1.4rem); } - -.custom-switch.custom-switch-text { - padding-left: 0; } - .custom-switch.custom-switch-text label .switch-icon-left { - position: absolute; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - top: -3px; - left: 8px; - right: auto; - color: #fff; } - .custom-switch.custom-switch-text label .switch-icon-right { - position: absolute; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - top: -3px; - right: 5px; - left: auto; } - .custom-switch.custom-switch-text label::before { - color: #000; - content: attr(data-off-label); - width: 2.85rem; - height: 20px; - padding: 0 4px; - font-size: 11px; - line-height: 18px; - text-align: right; } - .custom-switch.custom-switch-text label:after { - position: absolute; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - user-select: none; - height: 16px; - width: 16px; } - .custom-switch.custom-switch-text .custom-control-label { - width: 46px; } - .custom-switch.custom-switch-text .custom-control-label::before { - height: 20px; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - user-select: none; - top: 0; - left: 1px; - width: 2.75rem; - width: 100%; } - .custom-switch.custom-switch-text .custom-control-label:after { - position: absolute; - top: 1px; - left: 2px; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - user-select: none; - height: 18px; - width: 18px; } - .custom-switch.custom-switch-text .custom-control-input:checked ~ .custom-control-label::after { - -webkit-transform: translateX(1.6rem); - -moz-transform: translateX(1.6rem); - -ms-transform: translateX(1.6rem); - -o-transform: translateX(1.6rem); - transform: translateX(1.6rem); } - .custom-switch.custom-switch-text input:checked ~ label::before { - color: #fff; - content: attr(data-on-label); - text-align: left; } - .custom-switch.custom-switch-text input:checked ~ label.custom-control-label::after { - -webkit-transform: translateX(1.6rem); - -moz-transform: translateX(1.6rem); - -ms-transform: translateX(1.6rem); - -o-transform: translateX(1.6rem); - transform: translateX(1.6rem); } - -.custom-switch-inner { - display: block; - text-align: center; } - -.form-label-group { - position: relative; - margin-bottom: 1.5rem; } - .form-label-group > label { - position: absolute; - top: 0; - left: 0; - display: block; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - padding: .6rem; - color: #475F7B; - font-size: .85rem; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } - -.counter-value { - color: #fff; - padding: 1px 6px; - font-size: .6rem; - -webkit-border-radius: 0 0 10px 10px; - -moz-border-radius: 0 0 10px 10px; - -ms-border-radius: 0 0 10px 10px; - -o-border-radius: 0 0 10px 10px; - border-radius: 0 0 10px 10px; - margin-right: 1rem; } - -.vector-map.h-500 { - width: 100%; - height: 500px; } - -.countdown { - margin: 60px 0 0; - padding: 0; } - .countdown li span { - font-size: 60px; - display: inline-block; - width: 100%; - color: #1f1c2f; } - .countdown li:last-child { - margin-right: 0; } - -.iq-comingsoon-form { - position: relative; } - .iq-comingsoon-form button { - position: absolute; - right: 0; - top: 0; - padding: 11px 30px; } - -.btn { - display: inline-block; - font-family: "Roboto", sans-serif; - font-weight: 400; - color: #768492; - text-align: center; - vertical-align: middle; - user-select: none; - background-color: transparent; - border: 1px solid transparent; - padding: 0.375rem 0.75rem; - font-size: 1rem; - line-height: 1.5; - border-radius: 10px; - 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: #768492; - text-decoration: none; } - .btn:focus, .btn.focus { - outline: none; - box-shadow: none; } - .btn.disabled, .btn:disabled { - opacity: 0.65; - box-shadow: none; } - .btn:not(:disabled):not(.disabled) { - cursor: pointer; } - .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { - box-shadow: none; } - .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus { - box-shadow: none; } - -a.btn.disabled, -fieldset:disabled a.btn { - pointer-events: none; } - -.btn-primary { - color: #fff; - background-color: #1f1c2f; - border-color: #1f1c2f; - box-shadow: unset; } - .btn-primary:hover { - color: #fff; - background-color: #0f0e17; - border-color: #0a090f; } - .btn-primary:focus, .btn-primary.focus { - color: #fff; - background-color: #0f0e17; - border-color: #0a090f; - box-shadow: unset, 0 0 0 0.2rem rgba(65, 62, 78, 0.5); } - .btn-primary.disabled, .btn-primary:disabled { - color: #fff; - background-color: #1f1c2f; - border-color: #1f1c2f; } - .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, - .show > .btn-primary.dropdown-toggle { - color: #fff; - background-color: #0a090f; - border-color: #050407; } - .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, - .show > .btn-primary.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(65, 62, 78, 0.5); } - -.btn-secondary { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; - box-shadow: unset; } - .btn-secondary:hover { - color: #fff; - background-color: #5a6268; - border-color: #545b62; } - .btn-secondary:focus, .btn-secondary.focus { - color: #fff; - background-color: #5a6268; - border-color: #545b62; - box-shadow: unset, 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } - .btn-secondary.disabled, .btn-secondary:disabled { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; } - .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, - .show > .btn-secondary.dropdown-toggle { - color: #fff; - background-color: #545b62; - border-color: #4e555b; } - .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, - .show > .btn-secondary.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } - -.btn-success { - color: #fff; - background-color: #8ac3a3; - border-color: #8ac3a3; - box-shadow: unset; } - .btn-success:hover { - color: #fff; - background-color: #71b68f; - border-color: #68b288; } - .btn-success:focus, .btn-success.focus { - color: #fff; - background-color: #71b68f; - border-color: #68b288; - box-shadow: unset, 0 0 0 0.2rem rgba(156, 204, 177, 0.5); } - .btn-success.disabled, .btn-success:disabled { - color: #fff; - background-color: #8ac3a3; - border-color: #8ac3a3; } - .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, - .show > .btn-success.dropdown-toggle { - color: #fff; - background-color: #68b288; - border-color: #60ad82; } - .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, - .show > .btn-success.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(156, 204, 177, 0.5); } - -.btn-info { - color: #fff; - background-color: #87baf5; - border-color: #87baf5; - box-shadow: unset; } - .btn-info:hover { - color: #fff; - background-color: #64a6f2; - border-color: #589ff1; } - .btn-info:focus, .btn-info.focus { - color: #fff; - background-color: #64a6f2; - border-color: #589ff1; - box-shadow: unset, 0 0 0 0.2rem rgba(153, 196, 247, 0.5); } - .btn-info.disabled, .btn-info:disabled { - color: #fff; - background-color: #87baf5; - border-color: #87baf5; } - .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, - .show > .btn-info.dropdown-toggle { - color: #fff; - background-color: #589ff1; - border-color: #4c98f0; } - .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, - .show > .btn-info.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(153, 196, 247, 0.5); } - -.btn-warning { - color: #fff; - background-color: #f0864a; - border-color: #f0864a; - box-shadow: unset; } - .btn-warning:hover { - color: #fff; - background-color: #ed6e27; - border-color: #ec671b; } - .btn-warning:focus, .btn-warning.focus { - color: #fff; - background-color: #ed6e27; - border-color: #ec671b; - box-shadow: unset, 0 0 0 0.2rem rgba(242, 152, 101, 0.5); } - .btn-warning.disabled, .btn-warning:disabled { - color: #fff; - background-color: #f0864a; - border-color: #f0864a; } - .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, - .show > .btn-warning.dropdown-toggle { - color: #fff; - background-color: #ec671b; - border-color: #e76013; } - .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, - .show > .btn-warning.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(242, 152, 101, 0.5); } - -.btn-danger { - color: #fff; - background-color: #f674ad; - border-color: #f674ad; - box-shadow: unset; } - .btn-danger:hover { - color: #fff; - background-color: #f45098; - border-color: #f34491; } - .btn-danger:focus, .btn-danger.focus { - color: #fff; - background-color: #f45098; - border-color: #f34491; - box-shadow: unset, 0 0 0 0.2rem rgba(247, 137, 185, 0.5); } - .btn-danger.disabled, .btn-danger:disabled { - color: #fff; - background-color: #f674ad; - border-color: #f674ad; } - .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, - .show > .btn-danger.dropdown-toggle { - color: #fff; - background-color: #f34491; - border-color: #f2388a; } - .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, - .show > .btn-danger.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(247, 137, 185, 0.5); } - -.btn-light { - color: #fff; - background-color: #848486; - border-color: #848486; - box-shadow: unset; } - .btn-light:hover { - color: #fff; - background-color: #717173; - border-color: #6b6b6c; } - .btn-light:focus, .btn-light.focus { - color: #fff; - background-color: #717173; - border-color: #6b6b6c; - box-shadow: unset, 0 0 0 0.2rem rgba(150, 150, 152, 0.5); } - .btn-light.disabled, .btn-light:disabled { - color: #fff; - background-color: #848486; - border-color: #848486; } - .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, - .show > .btn-light.dropdown-toggle { - color: #fff; - background-color: #6b6b6c; - border-color: #646466; } - .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, - .show > .btn-light.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(150, 150, 152, 0.5); } - -.btn-dark { - color: #fff; - background-color: #01041b; - border-color: #01041b; - box-shadow: unset; } - .btn-dark:hover { - color: #fff; - background-color: black; - border-color: black; } - .btn-dark:focus, .btn-dark.focus { - color: #fff; - background-color: black; - border-color: black; - box-shadow: unset, 0 0 0 0.2rem rgba(39, 42, 61, 0.5); } - .btn-dark.disabled, .btn-dark:disabled { - color: #fff; - background-color: #01041b; - border-color: #01041b; } - .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, - .show > .btn-dark.dropdown-toggle { - color: #fff; - background-color: black; - border-color: black; } - .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, - .show > .btn-dark.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(39, 42, 61, 0.5); } - -.btn-purple { - color: #fff; - background-color: #AA87F5; - border-color: #AA87F5; - box-shadow: unset; } - .btn-purple:hover { - color: #fff; - background-color: #9164f2; - border-color: #8958f1; } - .btn-purple:focus, .btn-purple.focus { - color: #fff; - background-color: #9164f2; - border-color: #8958f1; - box-shadow: unset, 0 0 0 0.2rem rgba(183, 153, 247, 0.5); } - .btn-purple.disabled, .btn-purple:disabled { - color: #fff; - background-color: #AA87F5; - border-color: #AA87F5; } - .btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active, - .show > .btn-purple.dropdown-toggle { - color: #fff; - background-color: #8958f1; - border-color: #804cf0; } - .btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus, - .show > .btn-purple.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(183, 153, 247, 0.5); } - -.btn-outline-primary { - color: #1f1c2f; - border-color: #1f1c2f; } - .btn-outline-primary:hover { - color: #fff; - background-color: #1f1c2f; - border-color: #1f1c2f; } - .btn-outline-primary:focus, .btn-outline-primary.focus { - box-shadow: 0 0 0 0.2rem rgba(31, 28, 47, 0.5); } - .btn-outline-primary.disabled, .btn-outline-primary:disabled { - color: #1f1c2f; - 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: #1f1c2f; - border-color: #1f1c2f; } - .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(31, 28, 47, 0.5); } - -.btn-outline-secondary { - color: #6c757d; - border-color: #6c757d; } - .btn-outline-secondary:hover { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; } - .btn-outline-secondary:focus, .btn-outline-secondary.focus { - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } - .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { - color: #6c757d; - background-color: transparent; } - .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, - .show > .btn-outline-secondary.dropdown-toggle { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; } - .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-secondary.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } - -.btn-outline-success { - color: #8ac3a3; - border-color: #8ac3a3; } - .btn-outline-success:hover { - color: #fff; - background-color: #8ac3a3; - border-color: #8ac3a3; } - .btn-outline-success:focus, .btn-outline-success.focus { - box-shadow: 0 0 0 0.2rem rgba(138, 195, 163, 0.5); } - .btn-outline-success.disabled, .btn-outline-success:disabled { - color: #8ac3a3; - 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: #8ac3a3; - border-color: #8ac3a3; } - .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(138, 195, 163, 0.5); } - -.btn-outline-info { - color: #87baf5; - border-color: #87baf5; } - .btn-outline-info:hover { - color: #fff; - background-color: #87baf5; - border-color: #87baf5; } - .btn-outline-info:focus, .btn-outline-info.focus { - box-shadow: 0 0 0 0.2rem rgba(135, 186, 245, 0.5); } - .btn-outline-info.disabled, .btn-outline-info:disabled { - color: #87baf5; - 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: #87baf5; - border-color: #87baf5; } - .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(135, 186, 245, 0.5); } - -.btn-outline-warning { - color: #f0864a; - border-color: #f0864a; } - .btn-outline-warning:hover { - color: #fff; - background-color: #f0864a; - border-color: #f0864a; } - .btn-outline-warning:focus, .btn-outline-warning.focus { - box-shadow: 0 0 0 0.2rem rgba(240, 134, 74, 0.5); } - .btn-outline-warning.disabled, .btn-outline-warning:disabled { - color: #f0864a; - 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: #fff; - background-color: #f0864a; - border-color: #f0864a; } - .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(240, 134, 74, 0.5); } - -.btn-outline-danger { - color: #f674ad; - border-color: #f674ad; } - .btn-outline-danger:hover { - color: #fff; - background-color: #f674ad; - border-color: #f674ad; } - .btn-outline-danger:focus, .btn-outline-danger.focus { - box-shadow: 0 0 0 0.2rem rgba(246, 116, 173, 0.5); } - .btn-outline-danger.disabled, .btn-outline-danger:disabled { - color: #f674ad; - 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: #f674ad; - border-color: #f674ad; } - .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(246, 116, 173, 0.5); } - -.btn-outline-light { - color: #848486; - border-color: #848486; } - .btn-outline-light:hover { - color: #fff; - background-color: #848486; - border-color: #848486; } - .btn-outline-light:focus, .btn-outline-light.focus { - box-shadow: 0 0 0 0.2rem rgba(132, 132, 134, 0.5); } - .btn-outline-light.disabled, .btn-outline-light:disabled { - color: #848486; - 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: #fff; - background-color: #848486; - border-color: #848486; } - .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(132, 132, 134, 0.5); } - -.btn-outline-dark { - color: #01041b; - border-color: #01041b; } - .btn-outline-dark:hover { - color: #fff; - background-color: #01041b; - border-color: #01041b; } - .btn-outline-dark:focus, .btn-outline-dark.focus { - box-shadow: 0 0 0 0.2rem rgba(1, 4, 27, 0.5); } - .btn-outline-dark.disabled, .btn-outline-dark:disabled { - color: #01041b; - background-color: transparent; } - .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, - .show > .btn-outline-dark.dropdown-toggle { - color: #fff; - background-color: #01041b; - border-color: #01041b; } - .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: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(1, 4, 27, 0.5); } - -.btn-outline-purple { - color: #AA87F5; - border-color: #AA87F5; } - .btn-outline-purple:hover { - color: #fff; - background-color: #AA87F5; - border-color: #AA87F5; } - .btn-outline-purple:focus, .btn-outline-purple.focus { - box-shadow: 0 0 0 0.2rem rgba(170, 135, 245, 0.5); } - .btn-outline-purple.disabled, .btn-outline-purple:disabled { - color: #AA87F5; - background-color: transparent; } - .btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active, - .show > .btn-outline-purple.dropdown-toggle { - color: #fff; - background-color: #AA87F5; - border-color: #AA87F5; } - .btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus, - .show > .btn-outline-purple.dropdown-toggle:focus { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(170, 135, 245, 0.5); } - -.btn-link { - font-weight: 400; - color: #1f1c2f; - text-decoration: none; } - .btn-link:hover { - color: black; - text-decoration: none; } - .btn-link:focus, .btn-link.focus { - text-decoration: none; } - .btn-link:disabled, .btn-link.disabled { - color: #6c757d; - pointer-events: none; } - -.btn-lg, .btn-group-lg > .btn { - padding: 0.5rem 1rem; - font-size: 0.75rem; - line-height: 1.5; - border-radius: 10px; } - -.btn-sm, .btn-group-sm > .btn { - padding: 0.25rem 0.5rem; - font-size: 0.75rem; - line-height: 1.5; - border-radius: 10px; } - -.btn-block { - display: block; - width: 100%; } - .btn-block + .btn-block { - margin-top: 0.5rem; } - -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; } - -.iq-progress-bar { - background: #848486; - box-shadow: 0 0 0; - height: 6px; - margin: 0; - position: relative; - width: 100%; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .iq-progress-bar > span { - position: relative; - display: block; - height: 100%; - width: 0; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .iq-progress-bar .progress-text { - position: absolute; - right: -10px; - top: -25px; - font-size: 13px; - font-weight: 500; } - -.iq-progress-bar.iq-progress-bar-icon > span:after { - content: ""; - width: 12px; - height: 12px; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - background: #fff; - border: 3px solid transparent; - position: absolute; - bottom: -3px; - right: 0; - z-index: 1; } - -.iq-progress-bar.iq-progress-bar-icon > span.bg-primary:after { - border-color: #1f1c2f; } - -.iq-progress-bar.iq-progress-bar-icon > span.bg-danger:after { - border-color: #f674ad; } - -.iq-progress-bar.iq-progress-bar-icon > span.bg-success:after { - border-color: #8ac3a3; } - -.iq-progress-bar.iq-progress-bar-icon > span.bg-warning:after { - border-color: #f0864a; } - -.iq-progress-bar.iq-progress-bar-icon > span.bg-info:after { - border-color: #87baf5; } - -.iq-progress-bar.iq-progress-bar-icon > span.bg-dark:after { - border-color: #01041b; } - -.progress-round.heatmap-progress { - height: 97px; - width: 97px; } - .progress-round.heatmap-progress .progress-bar { - border-width: 10px; } - .progress-round.heatmap-progress::after { - border: 10px solid #ff9273; } - -.progress-round.income-progress .progress-bar { - border-width: 10px; } - -.progress-round.income-progress::after { - border: 10px solid #ff9273; } - -.progress-round.alarams-progress { - height: 110px; - width: 110px; } - -.iq-progress-bar .progress-text-one { - position: absolute; - right: -20px; - top: -30px; - font-size: 13px; - font-weight: 500; - padding: 0px 5px; } - -.iq-progress-bar > span.bg-primary .progress-text-one:after { - border-color: #1f1c2f transparent transparent transparent; } - -.iq-progress-bar > span.bg-success .progress-text-one:after { - border-color: #8ac3a3 transparent transparent transparent; } - -.iq-progress-bar > span.bg-warning .progress-text-one:after { - border-color: #f0864a transparent transparent transparent; } - -.iq-progress-bar > span.bg-orange .progress-text-one:after { - border-color: #f0864a transparent transparent transparent; } - -.iq-progress-bar > span.bg-danger .progress-text-one:after { - border-color: #f674ad transparent transparent transparent; } - -.iq-progress-bar > span.bg-dark .progress-text-one:after { - border-color: #01041b transparent transparent transparent; } - -.iq-progress-bar > span.bg-info .progress-text-one:after { - border-color: #87baf5 transparent transparent transparent; } - -.iq-progress-bar > span.bg-skyblue .progress-text-one:after { - border-color: #158df7 transparent transparent transparent; } - -.progress-text-one { - position: relative; } - .progress-text-one:after { - content: ""; - position: absolute; - top: 100%; - left: 50%; - margin-left: -5px; - border-width: 5px; - border-style: solid; } - -.iq-circle-progressbar { - margin: 0 auto; - width: 100px !important; - height: 100px !important; } - .iq-circle-progressbar .percent { - font-size: 1.3rem !important; } - .iq-circle-progressbar svg { - width: 100px !important; - height: 100px !important; } - -.progress-round { - width: 50px; - height: 50px; - background: none; - position: relative; } - .progress-round::after { - content: ""; - width: 100%; - height: 100%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - border: 3px solid #DCDDDF; - position: absolute; - top: 0; - left: 0; } - .progress-round > span { - width: 50%; - height: 100%; - overflow: hidden; - position: absolute; - top: 0; - z-index: 1; } - .progress-round .progress-left { - left: 0; } - .progress-round .progress-left .progress-bar { - left: 100%; - border-top-right-radius: 80px; - border-bottom-right-radius: 80px; - border-left: 0; - -webkit-transform-origin: center left; - transform-origin: center left; } - .progress-round .progress-bar { - width: 100%; - height: 100%; - background: none; - border-width: 3px; - border-style: solid; - position: absolute; - top: 0; } - .progress-round .progress-right { - right: 0; } - .progress-round .progress-right .progress-bar { - left: -100%; - border-top-left-radius: 80px; - border-bottom-left-radius: 80px; - border-right: 0; - -webkit-transform-origin: center right; - transform-origin: center right; } - .progress-round .progress-value { - position: absolute; - top: 0; - left: 0; } - -.progress-round.income-progress { - height: 78px; - width: 78px; } - .progress-round.income-progress .progress-bar { - border-width: 10px; } - .progress-round.income-progress::after { - border: 10px solid #ff9273; } - -.progress-round.alarams-progress { - height: 110px; - width: 110px; } - -.progress-round.goal-progress { - width: 130px; - height: 130px; } - -.progress-round.goal-progress .progress-bar { - border-width: 10px; } - -.progress-round.goal-progress::after { - border: 10px solid #f4f4f4; } - -@keyframes progress-loading-1 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); } } - -@keyframes progress-loading-2 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(80deg); - -moz-transform: rotate(80deg); - -ms-transform: rotate(80deg); - -o-transform: rotate(80deg); - transform: rotate(80deg); } } - -.progress.progress-round { - width: 60px; - height: 60px; - line-height: 60px; - background: none; - margin: 0 auto; - box-shadow: none; - position: relative; } - .progress.progress-round > span { - width: 50%; - height: 100%; - overflow: hidden; - position: absolute; - top: 0; - z-index: 1; } - .progress.progress-round .progress-left { - left: 0; } - .progress.progress-round .progress-left .progress-bar { - left: 100%; - border-top-right-radius: 80px; - border-bottom-right-radius: 80px; - border-left: 0; - -webkit-transform-origin: center left; - transform-origin: center left; - animation: progress-loading-2 1.5s linear forwards 1.8s; } - .progress.progress-round .progress-bar { - border-width: 5px; } - .progress.progress-round .progress-right { - right: 0; } - .progress.progress-round .progress-right .progress-bar { - left: -100%; - border-top-left-radius: 80px; - border-bottom-left-radius: 80px; - border-right: 0; - -webkit-transform-origin: center right; - transform-origin: center right; - animation: progress-loading-1 1.8s linear forwards; } - .progress.progress-round:after { - content: ""; - width: 100%; - height: 100%; - border-radius: 50%; - border: 5px solid #848486; - position: absolute; - top: 0; - left: 0; } - .progress.progress-round .progress-value { - font-size: 16px; - left: 18px; } - -.progress.danger .progress-bar { - border-color: #f674ad; } - -.progress.warning .progress-bar { - border-color: #f0864a; } - -.progress.success .progress-bar { - border-color: #8ac3a3; } - -.progress.info .progress-bar { - border-color: #87baf5; } - -.progress.primary .progress-bar { - border-color: #1f1c2f; } - -.progress.orange .progress-bar { - border-color: #f0864a; } - -.page-link { - border-color: #1f1c2f; } - -.br-theme-bars-1to10 .br-widget { - height: 50px; - white-space: nowrap; } - .br-theme-bars-1to10 .br-widget a { - display: block; - width: 12px; - padding: 5px 0; - height: 28px; - float: left; - background-color: #ddd; - margin: 1px; - text-align: center; } - .br-theme-bars-1to10 .br-widget a.br-active { - background-color: #1f1c2f; } - .br-theme-bars-1to10 .br-widget a.br-selected { - background-color: #1f1c2f; } - .br-theme-bars-1to10 .br-widget .br-current-rating { - font-size: 20px; - line-height: 2; - float: right; - color: #1f1c2f; - font-weight: 400; } - -.br-theme-bars-1to10 .br-readonly a { - cursor: default; } - -.br-theme-bars-1to10 .br-readonly a.br-active { - background-color: #f2cd95; } - -.br-theme-bars-1to10 .br-readonly a.br-selected { - background-color: #f2cd95; } - -.br-theme-bars-1to10 .br-readonly .br-current-rating { - color: #f2cd95; } - -.br-theme-bars-pill .br-widget { - white-space: nowrap; } - .br-theme-bars-pill .br-widget a { - padding: 7px 15px; - background-color: #ddd; - color: #768492; - text-decoration: none; - font-size: 13px; - line-height: 3; - text-align: center; - font-weight: 400; } - .br-theme-bars-pill .br-widget a:first-child { - -webkit-border-top-left-radius: 999px; - -webkit-border-bottom-left-radius: 999px; - -moz-border-radius-topleft: 999px; - -moz-border-radius-bottomleft: 999px; - border-top-left-radius: 999px; - border-bottom-left-radius: 999px; } - .br-theme-bars-pill .br-widget a:last-child { - -webkit-border-top-right-radius: 999px; - -webkit-border-bottom-right-radius: 999px; - -moz-border-radius-top-right: 999px; - -moz-border-radius-bottom-right: 999px; - border-top-right-radius: 999px !important; - border-bottom-right-radius: 999px !important; } - .br-theme-bars-pill .br-widget a.br-active { - background-color: #1f1c2f; - color: white; } - .br-theme-bars-pill .br-widget a.br-selected { - background-color: #1f1c2f; - color: white; } - -.br-theme-bars-pill .br-readonly a { - cursor: default; } - -.br-theme-bars-pill .br-readonly a.br-active { - background-color: #7cead1; } - -.br-theme-bars-pill .br-readonly a.br-selected { - background-color: #7cead1; } - -.br-theme-fontawesome-stars .br-widget a { - margin-right: 8px !important; } - .br-theme-fontawesome-stars .br-widget a:after { - font-family: "Font Awesome 5 Free"; - font-weight: 900; } - -i.amber-text { - color: #1f1c2f !important; } - -#rateMe1 i { - font-size: 18px; } - -.mdb-rating .rate-popover { - color: #808080; } - -.mdb-rating .live { - color: #000; } - -.mdb-rating .oneStar { - color: #44370f; } - -.mdb-rating .twoStars { - color: #96781e; } - -.mdb-rating .threeStars { - color: #e2b52e; } - -.mdb-rating .fourStars { - color: #f1ba12; } - -.mdb-rating .fiveStars { - color: #f3cb06; } - -.mdb-rating .amber-text { - color: #ffc107; } - -.rating-faces i { - font-size: 21px; } - -.br-theme-bars-movie .br-widget { - white-space: nowrap; } - .br-theme-bars-movie .br-widget a { - display: block; - width: 60px; - height: 10px; - float: left; - background-color: transparent; - border: 1px solid #1f1c2f; - margin: 1px; } - .br-theme-bars-movie .br-widget a.br-active { - background-color: #1f1c2f; } - .br-theme-bars-movie .br-widget a.br-selected { - background-color: #1f1c2f; } - .br-theme-bars-movie .br-widget .br-current-rating { - clear: both; - width: 240px; - text-align: center; - font-weight: 600; - display: block; - padding-top: .5em; - color: #1f1c2f; - font-weight: 400; } - -.br-theme-bars-movie .br-readonly a { - cursor: default; } - -.br-theme-bars-movie .br-readonly a.br-active { - background-color: #729bf8; } - -.br-theme-bars-movie .br-readonly a.br-selected { - background-color: #729bf8; } - -.br-theme-bars-movie .br-readonly .br-current-rating { - color: #729bf8; } - -.br-theme-fontawesome-stars .br-widget { - height: 28px; - white-space: nowrap; } - .br-theme-fontawesome-stars .br-widget a { - text-rendering: auto; - -webkit-font-smoothing: antialiased; - text-decoration: none; - margin-right: 2px; } - .br-theme-fontawesome-stars .br-widget a:after { - content: '\f005'; - color: #d2d2d2; } - .br-theme-fontawesome-stars .br-widget a.br-active:after { - color: #edb867; } - .br-theme-fontawesome-stars .br-widget a.br-selected:after { - color: #edb867; } - .br-theme-fontawesome-stars .br-widget .br-current-rating { - display: none; } - -.br-theme-fontawesome-stars .br-readonly a { - cursor: default; } - -/*------------ Basic Tree -------------------------------------*/ -/*-------------------- Checkbox Tree ----------------------------*/ -.basic-tree li { - list-style-type: none; - margin: 0; - padding: 10px 5px 0 5px; - position: relative; - color: #131313; } - .basic-tree li::before { - content: ''; - left: -20px; - position: absolute; - right: auto; - border-left: 1px solid #999; - bottom: 50px; - height: 100%; - top: 0; - width: 1px; } - .basic-tree li::after { - content: ''; - left: -20px; - position: absolute; - right: auto; - border-top: 1px solid #999; - height: 20px; - top: 25px; - width: 25px; } - .basic-tree li:last-child::before { - height: 30px; } - -.basic-tree li.t-parent > span { - cursor: pointer; } - .basic-tree li.t-parent > span:hover { - color: #1f1c2f; - color: #1f1c2f; } - -.basic-tree > ul > li::before { - border: 0; } - -.basic-tree > ul > li::after { - border: 0; } - -.flex-tree li { - position: relative; - list-style: none; - margin: 0; } - .flex-tree li::before { - content: ''; - left: -20px; - position: absolute; - right: auto; - border-left: 1px solid #999; - bottom: 50px; - height: 100%; - top: 0; - width: 1px; - left: -25px; } - .flex-tree li::after { - content: ''; - left: -20px; - position: absolute; - right: auto; - border-top: 1px solid #999; - height: 20px; - top: 25px; - width: 25px; - top: 12px; - left: -25px; } - .flex-tree li:last-child::before { - height: 25px; } - .flex-tree li label { - cursor: pointer; } - .flex-tree li span { - cursor: pointer; } - .flex-tree li span label { - cursor: pointer; } - .flex-tree li span.open:after { - content: "\025BE"; - display: inline-block; - font: 400 16px/1 Arial, "Helvetica Neue", Helvetica, sans-serif; - width: 20px; - margin-top: 4px; - padding-left: 3px; - color: #ababab; } - .flex-tree li span.closed:after { - content: "\025BE"; - display: inline-block; - font: 400 16px/1 Arial, "Helvetica Neue", Helvetica, sans-serif; - width: 20px; - margin-top: 4px; - padding-left: 3px; - color: #ababab; - content: "\025B4"; } - -.flex-tree > ul > li::before { - border: 0; } - -.flex-tree > ul > li::after { - border: 0; } - -.flex-tree label { - font-weight: normal; } - -.flex-tree label.node { - font-weight: bold; } - -.flex-tree input[type="checkbox"] { - border: 1px solid #b4b9be; - background: #fff; - color: #555; - clear: none; - cursor: pointer; - display: inline-block; - line-height: 0; - height: 16px; - margin: -4px 4px 0 0; - outline: 0; - padding: 0; - text-align: center; - vertical-align: middle; - width: 16px; - min-width: 16px; - -webkit-appearance: none; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - transition: 0.05s border-color ease-in-out; } - .flex-tree input[type="checkbox"]:focus { - border-color: #5b9dd9; - box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); } - .flex-tree input[type="checkbox"]:checked { - background: #1f1c2f; - border: none; } - .flex-tree input[type="checkbox"]:checked:before { - float: left; - display: inline-block; - vertical-align: middle; - width: 16px; - font: 400 20px/1 Arial, "Helvetica Neue", Helvetica, sans-serif; - -webkit-font-smoothing: antialiased; - content: "\02713"; - color: var(--white); - margin: 1px 0 0 0; - font-size: 17px !important; } - .flex-tree input[type="checkbox"]:indeterminate:before { - float: left; - display: inline-block; - vertical-align: middle; - width: 16px; - font: 400 20px/1 Arial, "Helvetica Neue", Helvetica, sans-serif; - -webkit-font-smoothing: antialiased; - content: "\02043"; - color: #1f1c2f; - margin: -4px 0 0 -1px; } - -.flex-tree input[type="checkbox"].indeterminate { - background-color: #eee; } - -.ic-square { - width: 20px; - height: 20px; - background: transparent; - border: 1px solid #768492; - text-align: center; - line-height: 19px; - font-size: 12px; } - -.tree-box { - margin: 0; } - -.footer { - padding: 15px; - margin-left: 320px; - margin-bottom: 30px; - width: calc(100vw - 355px); - background: #fff; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .footer ul li { - color: #768492; } - .footer ul li:hover { - color: var(--info); - text-decoration: none; } - -body.tab-horizontal .footer { - margin-left: 0; - width: 100%; } - -.iq-mt--70 { - margin-top: -70px; } - -.banner-main-text { - position: absolute; - left: 15%; - bottom: 13%; } - -.nav.nav-pills.style-three { - margin-top: 10px; } - .nav.nav-pills.style-three .nav-link.active:before { - display: inline-block; - width: 100%; - height: 3px; - background: #1f1c2f; - content: ""; - position: absolute; - left: 0; - bottom: 0px; } - .nav.nav-pills.style-three .nav-link:hover:before { - display: inline-block; - width: 100%; - height: 3px; - background: #1f1c2f; - content: ""; - position: absolute; - left: 0; - bottom: 0px; } - .nav.nav-pills.style-three .nav-link:before { - width: 0; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - height: 3px; - background: #1f1c2f; - content: ""; - position: absolute; - right: 0; - bottom: 0px; } - .nav.nav-pills.style-three a { - background: transparent; - position: relative; - margin-right: 30px; - padding: 10px 0px; } - .nav.nav-pills.style-three a:last-child { - margin-right: 0px; } - -.iq-card-body.banner-box { - padding-bottom: 0; } - -@media (min-width: 1300px) { - body.sidebar-main .footer { - margin-left: 80px; - width: calc(100vw - 85px); } } - -@media (max-width: 1299px) { - .footer { - padding: 15px 10px; - margin-left: 0; - width: 100%; } - body.sidebar-main .footer { - padding: 15px 10px; - margin-left: 0; - width: 100%; } - .without-right-sidebar .footer { - width: 100%; } } - -@media (max-width: 991px) { - .footer { - text-align: center !important; } - .footer .col-lg-6.text-right { - text-align: center !important; } } - -.clear { - clear: both; } - -@media (min-width: 1300px) { - .iq-menu-horizontal .iq-sidebar-menu li .iq-submenu.iq-submenu-data { - position: static; } - .iq-menu-horizontal .iq-sidebar-menu .iq-sidebar-logo { - display: none !important; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li:first-child a { - padding-left: 0px; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li a:hover { - color: #1f1c2f; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li li .iq-arrow-right { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li ul { - display: block; - position: absolute; - top: 100%; - padding: 10px 0px; - min-width: 200px; - background: #fff; - z-index: 9; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - display: none; - animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; - -webkit-transform: translateY(100%); - -moz-transform: translateY(100%); - -ms-transform: translateY(100%); - -o-transform: translateY(100%); - transform: translateY(100%); - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu .iq-submenu li a { - padding: 12px 13px 12px 15px; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu > li:hover > a { - color: #1f1c2f; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li.menu-open .iq-arrow-right { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); } - .iq-menu-horizontal .iq-sidebar-menu li:hover > .iq-submenu { - display: block; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .iq-menu-horizontal .iq-sidebar-menu li:hover > .iq-submenu.iq-submenu-data { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .iq-menu-horizontal .iq-sidebar-menu li > .iq-submenu.iq-submenu-data { - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - visibility: visible; - left: 100%; - top: 0; - transform-origin: left center 0; } - .iq-menu-horizontal .iq-sidebar-menu li > .iq-submenu .iq-arrow-right { - margin-right: 0px; } - .iq-menu-horizontal .sub-scrll { - max-height: 315px; - overflow-y: scroll; - overflow-x: hidden; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li:hover .iq-arrow-right { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li:hover li .iq-arrow-right { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } } - -@media (max-width: 1299px) { - .iq-menu-horizontal { - position: fixed; - left: 0; - right: 0; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - top: 0; - width: 0; - background: #fff; - height: 100vh; - z-index: 9; - overflow-y: scroll; - overflow-x: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .iq-menu-horizontal ul.iq-menu { - display: block !important; - background: #fff; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li a { - padding: 15px 20px 15px 30px; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li a:hover { - color: #1f1c2f; } - .iq-menu-horizontal .iq-sidebar-menu .iq-menu li ul { - position: static; - box-shadow: none; } - .iq-menu-horizontal ul.iq-menu li a[aria-expanded=true] .iq-arrow-right { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); } - .sidebar-main .iq-menu-horizontal { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; - width: 260px; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } } - -.tab-pane.fade { - transition: all 0.3s; - transform: translateY(1rem); } - .tab-pane.fade.show { - transform: translateY(0rem); } - -.dropdown-menu { - animation: slideDown 300ms ease forwards; - transform-origin: top center; - top: auto !important; - right: 0 !important; - left: auto !important; } - -@keyframes rotateMenu { - 0% { - transform: rotateX(-90deg); } - 70% { - transform: rotateX(20deg); } - 100% { - transform: rotateX(0deg); } } - -@keyframes rotateY { - 0% { - transform: rotateY(90deg); } - 80% { - transform: rotateY(-10deg); } - 100% { - transform: rotateY(0); } } - -@keyframes slideDown { - 0% { - opacity: 0; - transform: translateY(-20px); } - 100% { - opacity: 1; - transform: translateY(0); } } - -/* new addtion here */ -.card.card-bottom-border-white { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; -} - -.card.card-bottom-border-white .card-body .items-list label { - color: var(--iq-dark) !important; -} - /* .card.card-bottom-border-white:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #1f1c2f; - background-color: #1f1c2f; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } */ - .card.card-bottom-border-white .card-header { - border-bottom: 0px; } - .card.card-bottom-border-white .icon { - border: 1px solid transparent; - color: #1f1c2f; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-white .icon.icon-border-white { - border: 1px solid; - border-color: #1f1c2f; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-white .card-title { - width: 100%; } - .card.card-bottom-border-white .card-text-primary { - margin-bottom: 10px; - color: #1f1c2f; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-white .note-text-primary i { - color: #1f1c2f; } - /* .card.card-bottom-border-white:hover { - background: #1f1c2f; } */ - /* .card.card-bottom-border-white:hover .card-title, .card.card-bottom-border-white:hover p, .card.card-bottom-border-white:hover a:not(.dropdown-item), .card.card-bottom-border-white:hover span { - color: #fff; } */ - /* .card.card-bottom-border-white:hover:after { - transform: translateY(-8px); } */ - /* .card.card-bottom-border-white:hover .icon { - color: #fff; } */ - /* .card.card-bottom-border-white:hover .icon.icon-border-white { - border-color: #fff; } */ - .card.card-bottom-border-white:hover .card-text { - color: #fff; } - /* .card.card-bottom-border-white:hover .note-text i { - color: black; } */ - - - - -/* new addition above */ - - -.card.card-bottom-border-primary { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-primary:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #1f1c2f; - background-color: #1f1c2f; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-primary .card-header { - border-bottom: 0px; } - .card.card-bottom-border-primary .icon { - border: 1px solid transparent; - color: #1f1c2f; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-primary .icon.icon-border-primary { - border: 1px solid; - border-color: #1f1c2f; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-primary .card-title { - width: 100%; } - .card.card-bottom-border-primary .card-text-primary { - margin-bottom: 10px; - color: #1f1c2f; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-primary .note-text-primary i { - color: #1f1c2f; } - .card.card-bottom-border-primary { - background: #1f1c2f; } - .card.card-bottom-border-primary - .card-title, .card.card-bottom-border-primary p, .card.card-bottom-border-primary - a:not(.dropdown-item), .card.card-bottom-border-primary span { - color: #fff; } - .card.card-bottom-border-primary:after { - transform: translateY(-8px); } - .card.card-bottom-border-primary .icon { - color: #fff; } - .card.card-bottom-border-primary .icon.icon-border-primary { - border-color: #fff; } - .card.card-bottom-border-primary .card-text { - color: #fff; } - .card.card-bottom-border-primary .note-text i { - color: #fff; } - -.card.card-bottom-border-secondary { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-secondary:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #6c757d; - background-color: #6c757d; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-secondary .card-header { - border-bottom: 0px; } - .card.card-bottom-border-secondary .icon { - border: 1px solid transparent; - color: #6c757d; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-secondary .icon.icon-border-secondary { - border: 1px solid; - border-color: #6c757d; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-secondary .card-title { - width: 100%; } - .card.card-bottom-border-secondary .card-text-secondary { - margin-bottom: 10px; - color: #6c757d; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-secondary .note-text-secondary i { - color: #6c757d; } - .card.card-bottom-border-secondary:hover { - background: #6c757d; } - .card.card-bottom-border-secondary:hover .card-title, .card.card-bottom-border-secondary:hover p, .card.card-bottom-border-secondary:hover a:not(.dropdown-item), .card.card-bottom-border-secondary:hover span { - color: #fff; } - .card.card-bottom-border-secondary:hover:after { - transform: translateY(-8px); } - .card.card-bottom-border-secondary:hover .icon { - color: #fff; } - .card.card-bottom-border-secondary:hover .icon.icon-border-secondary { - border-color: #fff; } - .card.card-bottom-border-secondary:hover .card-text { - color: #fff; } - .card.card-bottom-border-secondary:hover .note-text i { - color: #fff; } - -.card.card-bottom-border-success { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-success:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #8ac3a3; - background-color: #8ac3a3; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-success .card-header { - border-bottom: 0px; } - .card.card-bottom-border-success .icon { - border: 1px solid transparent; - color: #8ac3a3; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-success .icon.icon-border-success { - border: 1px solid; - border-color: #8ac3a3; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-success .card-title { - width: 100%; } - .card.card-bottom-border-success .card-text-success { - margin-bottom: 10px; - color: #8ac3a3; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-success .note-text-success i { - color: #8ac3a3; } - .card.card-bottom-border-success { - background: #8ac3a3; } - .card.card-bottom-border-success .card-title, .card.card-bottom-border-success p, .card.card-bottom-border-success a:not(.dropdown-item), .card.card-bottom-border-success span { - color: #fff; } - .card.card-bottom-border-success:after { - transform: translateY(-8px); } - .card.card-bottom-border-success .icon { - color: #fff; } - .card.card-bottom-border-success .icon.icon-border-success { - border-color: #fff; } - .card.card-bottom-border-success .card-text { - color: #fff; } - .card.card-bottom-border-success .note-text i { - color: #fff; } - -.card.card-bottom-border-info { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-info:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #87baf5; - background-color: #87baf5; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-info .card-header { - border-bottom: 0px; } - .card.card-bottom-border-info .icon { - border: 1px solid transparent; - color: #87baf5; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-info .icon.icon-border-info { - border: 1px solid; - border-color: #87baf5; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-info .card-title { - width: 100%; } - .card.card-bottom-border-info .card-text-info { - margin-bottom: 10px; - color: #87baf5; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-info .note-text-info i { - color: #87baf5; } - .card.card-bottom-border-info { - background: #87baf5; } - .card.card-bottom-border-info .card-title, .card.card-bottom-border-info p, .card.card-bottom-border-info a:not(.dropdown-item), .card.card-bottom-border-info span { - color: #fff; } - .card.card-bottom-border-info:after { - transform: translateY(-8px); } - .card.card-bottom-border-info .icon { - color: #fff; } - .card.card-bottom-border-info .icon.icon-border-info { - border-color: #fff; } - .card.card-bottom-border-info .card-text { - color: #fff; } - .card.card-bottom-border-info .note-text i { - color: #fff; } - -.card.card-bottom-border-warning { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-warning:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #f0864a; - background-color: #f0864a; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-warning .card-header { - border-bottom: 0px; } - .card.card-bottom-border-warning .icon { - border: 1px solid transparent; - color: #f0864a; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-warning .icon.icon-border-warning { - border: 1px solid; - border-color: #f0864a; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-warning .card-title { - width: 100%; } - .card.card-bottom-border-warning .card-text-warning { - margin-bottom: 10px; - color: #f0864a; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-warning .note-text-warning i { - color: #f0864a; } - .card.card-bottom-border-warning { - background: #f0864a; } - .card.card-bottom-border-warning .card-title, .card.card-bottom-border-warning p, .card.card-bottom-border-warning a:not(.dropdown-item), .card.card-bottom-border-warning span { - color: #fff; } - .card.card-bottom-border-warning:after { - transform: translateY(-8px); } - .card.card-bottom-border-warning .icon { - color: #fff; } - .card.card-bottom-border-warning .icon.icon-border-warning { - border-color: #fff; } - .card.card-bottom-border-warning .card-text { - color: #fff; } - .card.card-bottom-border-warning .note-text i { - color: #fff; } - -.card.card-bottom-border-danger { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-danger:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #f674ad; - background-color: #f674ad; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-danger .card-header { - border-bottom: 0px; } - .card.card-bottom-border-danger .icon { - border: 1px solid transparent; - color: #f674ad; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-danger .icon.icon-border-danger { - border: 1px solid; - border-color: #f674ad; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-danger .card-title { - width: 100%; } - .card.card-bottom-border-danger .card-text-danger { - margin-bottom: 10px; - color: #f674ad; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-danger .note-text-danger i { - color: #f674ad; } - .card.card-bottom-border-danger{ - background: #f674ad; } - .card.card-bottom-border-danger .card-title, .card.card-bottom-border-danger p, .card.card-bottom-border-danger a:not(.dropdown-item), .card.card-bottom-border-danger span { - color: #fff; } - .card.card-bottom-border-danger:after { - transform: translateY(-8px); } - .card.card-bottom-border-danger .icon { - color: #fff; } - .card.card-bottom-border-danger .icon.icon-border-danger { - border-color: #fff; } - .card.card-bottom-border-danger .card-text { - color: #fff; } - .card.card-bottom-border-danger .note-text i { - color: #fff; } - -.card.card-bottom-border-light { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-light:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #848486; - background-color: #848486; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-light .card-header { - border-bottom: 0px; } - .card.card-bottom-border-light .icon { - border: 1px solid transparent; - color: #848486; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-light .icon .icon-border-light { - border: 1px solid; - border-color: #848486; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-light .card-title { - width: 100%; } - .card.card-bottom-border-light .card-text-light { - margin-bottom: 10px; - color: #848486; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-light .note-text-light i { - color: #848486; } - .card.card-bottom-border-light { - background: #848486; } - .card.card-bottom-border-light .card-title, .card.card-bottom-border-light p, .card.card-bottom-border-light a:not(.dropdown-item), .card.card-bottom-border-light span { - color: #fff; } - .card.card-bottom-border-light:after { - transform: translateY(-8px); } - .card.card-bottom-border-light.icon { - color: #fff; } - .card.card-bottom-border-light .icon.icon-border-light { - border-color: #fff; } - .card.card-bottom-border-light .card-text { - color: #fff; } - .card.card-bottom-border-light .note-text i { - color: #fff; } - -.card.card-bottom-border-dark { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-dark:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #01041b; - background-color: #01041b; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-dark .card-header { - border-bottom: 0px; } - .card.card-bottom-border-dark .icon { - border: 1px solid transparent; - color: #01041b; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-dark .icon.icon-border-dark { - border: 1px solid; - border-color: #01041b; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-dark .card-title { - width: 100%; } - .card.card-bottom-border-dark .card-text-dark { - margin-bottom: 10px; - color: #01041b; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-dark .note-text-dark i { - color: #01041b; } - .card.card-bottom-border-dark{ - background: #01041b; } - .card.card-bottom-border-dark .card-title, .card.card-bottom-border-dark p, .card.card-bottom-border-dark a:not(.dropdown-item), .card.card-bottom-border-dark span { - color: #fff; } - .card.card-bottom-border-dark:after { - transform: translateY(-8px); } - .card.card-bottom-border-dark .icon { - color: #fff; } - .card.card-bottom-border-dark .icon.icon-border-dark { - border-color: #fff; } - .card.card-bottom-border-dark .card-text { - color: #fff; } - .card.card-bottom-border-dark .note-text i { - color: #fff; } - -.card.card-bottom-border-purple { - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-purple:after { - content: ''; - position: absolute; - width: 100%; - height: 0%; - bottom: 0px; - border: 2px solid; - border-color: #aa87f5; - background-color: #aa87f5; - border-radius: 8px; - overflow: hidden; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-purple .card-header { - border-bottom: 0px; } - .card.card-bottom-border-purple .icon { - border: 1px solid transparent; - color: #aa87f5; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .card.card-bottom-border-purple .icon.icon-border-purple { - border: 1px solid; - border-color: #aa87f5; - position: relative; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-purple .card-title { - width: 100%; } - .card.card-bottom-border-purple .card-text-purple { - margin-bottom: 10px; - color: #aa87f5; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .card.card-bottom-border-purple .note-text-purple i { - color: #aa87f5; } - .card.card-bottom-border-purple { - background: #aa87f5; } - .card.card-bottom-border-purple .card-title, .card.card-bottom-border-purple p, .card.card-bottom-border-purple a:not(.dropdown-item), .card.card-bottom-border-purple span { - color: #fff; } - .card.card-bottom-border-purple:after { - transform: translateY(-8px); } - .card.card-bottom-border-purple .icon { - color: #fff; } - .card.card-bottom-border-purple .icon.icon-border-purple { - border-color: #fff; } - .card.card-bottom-border-purple .card-text { - color: #fff; } - .card.card-bottom-border-purple .note-text i { - color: #fff; } - -.note-detail .card-footer { - background: unset; - border: 0; - padding-top: 0; - /* padding-bottom: 20px; */ -} - -.note-detail .note-text { - font-weight: 700; - font-size: 14px; - letter-spacing: 1px; - text-transform: capitalize; } - .note-detail .note-text i { - /* vertical-align: text-top; */ -} - -.note-details .form-control { - font-size: 16px; - line-height: 31px; - border: 0; - border-bottom: 2px solid #DCDDDF; - border-radius: 0; - padding-left: 0; - padding-right: 0; - background: none; - color: #768492; } - -.note-details .bootstrap-select .dropdown-toggle { - padding: .25rem .5rem; - font-size: 16px; - line-height: 38px; - border: 0; - border-radius: 0; - border-bottom: 2px solid #DCDDDF; } - .note-details .bootstrap-select .dropdown-toggle:focus { - outline: unset !important; } - -.note-details .dropdown-item:active { - background-color: #f3f6fd; } - -.card-description { - position: relative; } - .card-description.short { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; } - -.ellipsis-text { - flex-grow: 1; - overflow: hidden; - line-height: 20px; } - .ellipsis-text.short { - white-space: nowrap; - text-overflow: ellipsis; } - -.edit-notes .card .card-footer { - background-color: transparent !important; - border: 0; - padding: 0; } - -/* - * Background color - */ -.bg-blue { - color: #fff; - background-color: #1f1c2f; } - -a.bg-blue:hover, a.bg-blue:focus, -button.bg-blue:hover, -button.bg-blue:focus { - color: #fff; - background-color: #0a090f; } - -.bg-indigo { - color: #fff; - background-color: #6610f2; } - -a.bg-indigo:hover, a.bg-indigo:focus, -button.bg-indigo:hover, -button.bg-indigo:focus { - color: #fff; - background-color: #510bc4; } - -.bg-purple { - color: #fff; - background-color: #AA87F5; } - -a.bg-purple:hover, a.bg-purple:focus, -button.bg-purple:hover, -button.bg-purple:focus { - color: #fff; - background-color: #8958f1; } - -.bg-pink { - color: #363636; - background-color: #ffd3e2; } - -a.bg-pink:hover, a.bg-pink:focus, -button.bg-pink:hover, -button.bg-pink:focus { - color: #fff; - background-color: #ffa0c0; } - -.bg-red { - color: #fff; - background-color: #f674ad; } - -a.bg-red:hover, a.bg-red:focus, -button.bg-red:hover, -button.bg-red:focus { - color: #fff; - background-color: #f34491; } - -.bg-orange { - color: #fff; - background-color: #f0864a; } - -a.bg-orange:hover, a.bg-orange:focus, -button.bg-orange:hover, -button.bg-orange:focus { - color: #fff; - background-color: #ec671b; } - -.bg-yellow { - color: #fff; - background-color: #f0864a; } - -a.bg-yellow:hover, a.bg-yellow:focus, -button.bg-yellow:hover, -button.bg-yellow:focus { - color: #fff; - background-color: #ec671b; } - -.bg-green { - color: #fff; - background-color: #8ac3a3; } - -a.bg-green:hover, a.bg-green:focus, -button.bg-green:hover, -button.bg-green:focus { - color: #fff; - background-color: #68b288; } - -.bg-teal { - color: #fff; - background-color: #20c997; } - -a.bg-teal:hover, a.bg-teal:focus, -button.bg-teal:hover, -button.bg-teal:focus { - color: #fff; - background-color: #199d76; } - -.bg-cyan { - color: #fff; - background-color: #87baf5; } - -a.bg-cyan:hover, a.bg-cyan:focus, -button.bg-cyan:hover, -button.bg-cyan:focus { - color: #fff; - background-color: #589ff1; } - -.bg-white { - color: #363636; - background-color: #fff; } - -a.bg-white:hover, a.bg-white:focus, -button.bg-white:hover, -button.bg-white:focus { - color: #fff; - background-color: #e6e6e6; } - -.bg-gray { - color: #fff; - background-color: #6c757d; } - -a.bg-gray:hover, a.bg-gray:focus, -button.bg-gray:hover, -button.bg-gray:focus { - color: #fff; - background-color: #545b62; } - -.bg-gray-dark { - color: #fff; - background-color: #01041b; } - -a.bg-gray-dark:hover, a.bg-gray-dark:focus, -button.bg-gray-dark:hover, -button.bg-gray-dark:focus { - color: #fff; - background-color: black; } - -.bg-skyblue { - color: #fff; - background-color: #158df7; } - -a.bg-skyblue:hover, a.bg-skyblue:focus, -button.bg-skyblue:hover, -button.bg-skyblue:focus { - color: #fff; - background-color: #0773d2; } - -.bg-gradient-blue { - background: #1f1c2f linear-gradient(180deg, #3f3d4e, #1f1c2f) repeat-x; } - -.bg-gradient-indigo { - background: #6610f2 linear-gradient(180deg, #7b33f4, #6610f2) repeat-x; } - -.bg-gradient-purple { - background: #AA87F5 linear-gradient(180deg, #b598f6, #AA87F5) repeat-x; } - -.bg-gradient-pink { - background: #ffd3e2 linear-gradient(180deg, #fdd8e6, #ffd3e2) repeat-x; } - -.bg-gradient-red { - background: #f674ad linear-gradient(180deg, #f688b9, #f674ad) repeat-x; } - -.bg-gradient-orange { - background: #f0864a linear-gradient(180deg, #f09765, #f0864a) repeat-x; } - -.bg-gradient-yellow { - background: #f0864a linear-gradient(180deg, #f09765, #f0864a) repeat-x; } - -.bg-gradient-green { - background: #8ac3a3 linear-gradient(180deg, #9acbb1, #8ac3a3) repeat-x; } - -.bg-gradient-teal { - background: #20c997 linear-gradient(180deg, #40d0a6, #20c997) repeat-x; } - -.bg-gradient-cyan { - background: #87baf5 linear-gradient(180deg, #97c3f6, #87baf5) repeat-x; } - -.bg-gradient-white { - background: #fff linear-gradient(180deg, #fdfeff, #fff) repeat-x; } - -.bg-gradient-gray { - background: #6c757d linear-gradient(180deg, #808890, #6c757d) repeat-x; } - -.bg-gradient-gray-dark { - background: #01041b linear-gradient(180deg, #25283d, #01041b) repeat-x; } - -.bg-gradient-skyblue { - background: #158df7 linear-gradient(180deg, #369df8, #158df7) repeat-x; } - -.bg-gradient-primary { - background: #1f1c2f linear-gradient(180deg, #3f3d4e, #1f1c2f) repeat-x; } - -.bg-gradient-secondary { - background: #6c757d linear-gradient(180deg, #808890, #6c757d) repeat-x; } - -.bg-gradient-success { - background: #8ac3a3 linear-gradient(180deg, #9acbb1, #8ac3a3) repeat-x; } - -.bg-gradient-info { - background: #87baf5 linear-gradient(180deg, #97c3f6, #87baf5) repeat-x; } - -.bg-gradient-warning { - background: #f0864a linear-gradient(180deg, #f09765, #f0864a) repeat-x; } - -.bg-gradient-danger { - background: #f674ad linear-gradient(180deg, #f688b9, #f674ad) repeat-x; } - -.bg-gradient-light { - background: #848486 linear-gradient(180deg, #959598, #848486) repeat-x; } - -.bg-gradient-dark { - background: #01041b linear-gradient(180deg, #25283d, #01041b) repeat-x; } - -.bg-gradient-purple { - background: #AA87F5 linear-gradient(180deg, #b598f6, #AA87F5) repeat-x; } - -.bg-primary { - color: #fff; - background-color: #1f1c2f; } - -a.bg-primary:hover, a.bg-primary:focus, -button.bg-primary:hover, -button.bg-primary:focus { - color: #fff; - background-color: #0a090f; } - -.badge-primary { - color: #fff; - background-color: #1f1c2f; } - -a.badge-primary:hover, a.badge-primary:focus, -button.badge-primary:hover, -button.badge-primary:focus { - color: #fff; - background-color: #0a090f; } - -.bg-secondary { - color: #fff; - background-color: #6c757d; } - -a.bg-secondary:hover, a.bg-secondary:focus, -button.bg-secondary:hover, -button.bg-secondary:focus { - color: #fff; - background-color: #545b62; } - -.badge-secondary { - color: #fff; - background-color: #6c757d; } - -a.badge-secondary:hover, a.badge-secondary:focus, -button.badge-secondary:hover, -button.badge-secondary:focus { - color: #fff; - background-color: #545b62; } - -.bg-success { - color: #fff; - background-color: #8ac3a3; } - -a.bg-success:hover, a.bg-success:focus, -button.bg-success:hover, -button.bg-success:focus { - color: #fff; - background-color: #68b288; } - -.badge-success { - color: #fff; - background-color: #8ac3a3; } - -a.badge-success:hover, a.badge-success:focus, -button.badge-success:hover, -button.badge-success:focus { - color: #fff; - background-color: #68b288; } - -.bg-info { - color: #fff; - background-color: #87baf5; } - -a.bg-info:hover, a.bg-info:focus, -button.bg-info:hover, -button.bg-info:focus { - color: #fff; - background-color: #589ff1; } - -.badge-info { - color: #fff; - background-color: #87baf5; } - -a.badge-info:hover, a.badge-info:focus, -button.badge-info:hover, -button.badge-info:focus { - color: #fff; - background-color: #589ff1; } - -.bg-warning { - color: #fff; - background-color: #f0864a; } - -a.bg-warning:hover, a.bg-warning:focus, -button.bg-warning:hover, -button.bg-warning:focus { - color: #fff; - background-color: #ec671b; } - -.badge-warning { - color: #fff; - background-color: #f0864a; } - -a.badge-warning:hover, a.badge-warning:focus, -button.badge-warning:hover, -button.badge-warning:focus { - color: #fff; - background-color: #ec671b; } - -.bg-danger { - color: #fff; - background-color: #f674ad; } - -a.bg-danger:hover, a.bg-danger:focus, -button.bg-danger:hover, -button.bg-danger:focus { - color: #fff; - background-color: #f34491; } - -.badge-danger { - color: #fff; - background-color: #f674ad; } - -a.badge-danger:hover, a.badge-danger:focus, -button.badge-danger:hover, -button.badge-danger:focus { - color: #fff; - background-color: #f34491; } - -.bg-light { - color: #fff; - background-color: #848486; } - -a.bg-light:hover, a.bg-light:focus, -button.bg-light:hover, -button.bg-light:focus { - color: #fff; - background-color: #6b6b6c; } - -.badge-light { - color: #fff; - background-color: #848486; } - -a.badge-light:hover, a.badge-light:focus, -button.badge-light:hover, -button.badge-light:focus { - color: #fff; - background-color: #6b6b6c; } - -.bg-dark { - color: #fff; - background-color: #01041b; } - -a.bg-dark:hover, a.bg-dark:focus, -button.bg-dark:hover, -button.bg-dark:focus { - color: #fff; - background-color: black; } - -.badge-dark { - color: #fff; - background-color: #01041b; } - -a.badge-dark:hover, a.badge-dark:focus, -button.badge-dark:hover, -button.badge-dark:focus { - color: #fff; - background-color: black; } - -.bg-purple { - color: #fff; - background-color: #AA87F5; } - -a.bg-purple:hover, a.bg-purple:focus, -button.bg-purple:hover, -button.bg-purple:focus { - color: #fff; - background-color: #8958f1; } - -.badge-purple { - color: #fff; - background-color: #AA87F5; } - -a.badge-purple:hover, a.badge-purple:focus, -button.badge-purple:hover, -button.badge-purple:focus { - color: #fff; - background-color: #8958f1; } - -.bg-primary-light { - color: #403f46; - background-color: #c0bfc5; } - -a.bg-primary-light:hover, a.bg-primary-light:focus, -button.bg-primary-light:hover, -button.bg-primary-light:focus { - color: #403f46; - background-color: #a6a4ad; } - -.bg-secondary-light { - color: #53585f; - background-color: #d6d8db; } - -a.bg-secondary-light:hover, a.bg-secondary-light:focus, -button.bg-secondary-light:hover, -button.bg-secondary-light:focus { - color: #53585f; - background-color: #bbbec3; } - -.bg-success-light { - color: #468762; - background-color: #deeee5; } - -a.bg-success-light:hover, a.bg-success-light:focus, -button.bg-success-light:hover, -button.bg-success-light:focus { - color: #468762; - background-color: #bcddca; } - -.bg-info-light { - color: #126ac8; - background-color: #ddecfc; } - -a.bg-info-light:hover, a.bg-info-light:focus, -button.bg-info-light:hover, -button.bg-info-light:focus { - color: #126ac8; - background-color: #aed2f8; } - -.bg-warning-light { - color: #b94c0f; - background-color: #fbddcc; } - -a.bg-warning-light:hover, a.bg-warning-light:focus, -button.bg-warning-light:hover, -button.bg-warning-light:focus { - color: #b94c0f; - background-color: #f7bd9d; } - -.bg-danger-light { - color: #c60f60; - background-color: #fcd8e8; } - -a.bg-danger-light:hover, a.bg-danger-light:focus, -button.bg-danger-light:hover, -button.bg-danger-light:focus { - color: #c60f60; - background-color: #f8a9cc; } - -.bg-light-light { - color: #5e5e5e; - background-color: #dddddd; } - -a.bg-light-light:hover, a.bg-light-light:focus, -button.bg-light-light:hover, -button.bg-light-light:focus { - color: #5e5e5e; - background-color: #c4c4c4; } - -.bg-dark-light { - color: #393a3f; - background-color: #b8b9bf; } - -a.bg-dark-light:hover, a.bg-dark-light:focus, -button.bg-dark-light:hover, -button.bg-dark-light:focus { - color: #393a3f; - background-color: #9d9fa7; } - -.bg-purple-light { - color: #4d12c8; - background-color: #e7ddfc; } - -a.bg-purple-light:hover, a.bg-purple-light:focus, -button.bg-purple-light:hover, -button.bg-purple-light:focus { - color: #4d12c8; - background-color: #c6aef8; } - -/*** Sections backgrounds ***/ -/*** Background colors with transparency ***/ -.avatar-30 { - height: 30px; - width: 30px; - line-height: 30px; - min-width: 30px; } - -.avatar-35 { - height: 35px; - width: 35px; - line-height: 35px; - min-width: 35px; } - -.avatar-40 { - height: 40px; - width: 40px; - line-height: 40px; - min-width: 40px; } - -.avatar-45 { - height: 45px; - width: 45px; - line-height: 45px; - min-width: 45px; } - -.avatar-50 { - height: 50px; - width: 50px; - line-height: 50px; - min-width: 50px; } - -.avatar-60 { - height: 60px; - width: 60px; - line-height: 60px; - min-width: 60px; } - -.avatar-70 { - height: 70px; - width: 70px; - line-height: 70px; - min-width: 70px; } - -.avatar-80 { - height: 80px; - width: 80px; - line-height: 80px; - min-width: 80px; } - -.avatar-90 { - height: 90px; - width: 90px; - line-height: 90px; - min-width: 90px; } - -.avatar-100 { - height: 100px; - width: 100px; - line-height: 100px; - min-width: 100px; } - -.avatar-110 { - height: 110px; - width: 110px; - line-height: 110px; - min-width: 110px; } - -.avatar-120 { - height: 120px; - width: 120px; - line-height: 120px; - min-width: 120px; } - -.avatar-130 { - height: 130px; - width: 130px; - line-height: 130px; - min-width: 130px; } - -.avatar-155 { - height: 155px; - width: 155px; - line-height: 155px; - min-width: 155px; } - -.avatar-235 { - height: 235px; - width: 235px; - line-height: 235px; - min-width: 235px; } - -/* - * Font Helper - */ -.font-size-12 { - font-size: 12px !important; } - -.font-size-14 { - font-size: 14px !important; } - -.font-size-16 { - font-size: 16px !important; } - -.font-size-18 { - font-size: 18px !important; } - -.font-size-20 { - font-size: 20px !important; } - -.font-size-32 { - font-size: 32px !important; } - -.font-size-40 { - font-size: 40px !important; } - -/*** Weight and italics ***/ -.font-weight-300 { - font-weight: 300 !important; } - -.font-weight-400 { - font-weight: 400 !important; } - -.font-weight-500 { - font-weight: 500 !important; } - -.font-weight-600 { - font-weight: 600 !important; } - -.font-weight-700 { - font-weight: 700 !important; } - -.font-weight-800 { - font-weight: 800 !important; } - -.font-weight-900 { - font-weight: 900 !important; } - -/*** Text decorations ***/ -.text-underline { - text-decoration: underline; } - -.text-through { - text-decoration: line-through; } - -/*** Text size ***/ -.text-sm { - font-size: 12 !important; } - -.text-lg { - font-size: 12 !important; } - -.text-xl { - font-size: 12 !important; } - -/*** Line heights ***/ -.line-height-100 { - line-height: 1; } - -.line-height-110 { - line-height: 1.1; } - -.line-height-120 { - line-height: 1.2; } - -.line-height-130 { - line-height: 1.3; } - -.line-height-140 { - line-height: 1.4; } - -.line-height-150 { - line-height: 1.5; } - -.line-height-160 { - line-height: 1.6; } - -.line-height-170 { - line-height: 1.7; } - -.line-height-180 { - line-height: 1.8; } - -/*** Letter spacings ***/ -.letter-spacing-1 { - letter-spacing: .0625rem; } - -.letter-spacing-15 { - letter-spacing: .09375rem; } - -.letter-spacing-2 { - letter-spacing: 0.125rem; } - -/*** Text color variations ***/ -.text-blue { - color: #1f1c2f !important; } - -a.text-blue:hover, a.text-blue:focus { - color: black !important; } - -.text-indigo { - color: #6610f2 !important; } - -a.text-indigo:hover, a.text-indigo:focus { - color: #4709ac !important; } - -.text-purple { - color: #AA87F5 !important; } - -a.text-purple:hover, a.text-purple:focus { - color: #7840ef !important; } - -.text-pink { - color: #ffd3e2 !important; } - -a.text-pink:hover, a.text-pink:focus { - color: #ff87b0 !important; } - -.text-red { - color: #f674ad !important; } - -a.text-red:hover, a.text-red:focus { - color: #f12c83 !important; } - -.text-orange { - color: #f0864a !important; } - -a.text-orange:hover, a.text-orange:focus { - color: #db5b12 !important; } - -.text-yellow { - color: #f0864a !important; } - -a.text-yellow:hover, a.text-yellow:focus { - color: #db5b12 !important; } - -.text-green { - color: #8ac3a3 !important; } - -a.text-green:hover, a.text-green:focus { - color: #57a97b !important; } - -.text-teal { - color: #20c997 !important; } - -a.text-teal:hover, a.text-teal:focus { - color: #158765 !important; } - -.text-cyan { - color: #87baf5 !important; } - -a.text-cyan:hover, a.text-cyan:focus { - color: #4091ef !important; } - -.text-white { - color: #fff !important; } - -a.text-white:hover, a.text-white:focus { - color: #d9d9d9 !important; } - -.text-gray { - color: #6c757d !important; } - -a.text-gray:hover, a.text-gray:focus { - color: #494f54 !important; } - -.text-gray-dark { - color: #01041b !important; } - -a.text-gray-dark:hover, a.text-gray-dark:focus { - color: black !important; } - -.text-skyblue { - color: #158df7 !important; } - -a.text-skyblue:hover, a.text-skyblue:focus { - color: #0665b9 !important; } - -.text-ellipsis.short-1 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-2 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-3 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-4 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 4; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-5 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 5; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-6 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 6; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-7 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 7; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-8 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 8; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-9 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 9; - -webkit-box-orient: vertical; } - -.text-ellipsis.short-10 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 10; - -webkit-box-orient: vertical; } - -.cursor-pointer { - cursor: pointer; } - .cursor-pointer :hover { - color: #0a090f; } - -@-webkit-keyframes custom_fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 20%, 0); - transform: translate3d(0, 20%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); } } - -@keyframes custom_fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 20%, 0); - transform: translate3d(0, 20%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0); - transform: translate3d(0, 20px, 0); } } - -.animate_custom_fadeInUp { - -webkit-animation-name: custom_fadeInUp; - animation-name: custom_fadeInUp; } - -:root { - --animate-duration: 100ms; - --animate-delay: 2s; - --animate-repeat: 0.5; } - -.swal2-icon.swal2-warning { - border-color: rgba(246, 116, 173, 0.8) !important; - color: #f674ad !important; } - -.swal2-icon.swal2-success .swal2-success-ring { - border: 0.25em solid rgba(138, 195, 163, 0.5); } - -.swal2-icon.swal2-success [class^='swal2-success-line'] { - background-color: #8ac3a3 !important; } - -.select2-container--default .select2-selection--single { - font-size: 14px !important; - border-radius: 10px !important; - background: unset !important; - border-color: #DCDDDF !important; } - -.select2-results__option { - background: #f3f6fd !important; } - -.select2-container--default .select2-results__option--highlighted { - background: #f3f6fd !important; } - -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: #1f1c2f !important; - color: #fff !important; } - -.select2-container--open .select2-dropdown--below { - border: unset; - -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); } - -.select2-container--open .select2-dropdown--above { - border: unset; - -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); } - -/*! -Animate.css - http://daneden.me/animate -Licensed under the MIT license - -Copyright (c) 2013 Daniel Eden - -Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -*/ -.animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; } - -.animated.hinge { - -webkit-animation-duration: 2s; - animation-duration: 2s; } - -@-webkit-keyframes bounce { - 0%, 20%, 50%, 80%, 100% { - -webkit-transform: translateY(0); - transform: translateY(0); } - 40% { - -webkit-transform: translateY(-30px); - transform: translateY(-30px); } - 60% { - -webkit-transform: translateY(-15px); - transform: translateY(-15px); } } - -@keyframes bounce { - 0%, 20%, 50%, 80%, 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - 40% { - -webkit-transform: translateY(-30px); - -ms-transform: translateY(-30px); - transform: translateY(-30px); } - 60% { - -webkit-transform: translateY(-15px); - -ms-transform: translateY(-15px); - transform: translateY(-15px); } } - -.bounce { - -webkit-animation-name: bounce; - animation-name: bounce; } - -@-webkit-keyframes flash { - 0%, 50%, 100% { - opacity: 1; } - 25%, 75% { - opacity: 0; } } - -@keyframes flash { - 0%, 50%, 100% { - opacity: 1; } - 25%, 75% { - opacity: 0; } } - -.flash { - -webkit-animation-name: flash; - animation-name: flash; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes pulse { - 0% { - -webkit-transform: scale(1); - transform: scale(1); } - 50% { - -webkit-transform: scale(1.1); - transform: scale(1.1); } - 100% { - -webkit-transform: scale(1); - transform: scale(1); } } - -@keyframes pulse { - 0% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); } - 50% { - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); } - 100% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); } } - -.pulse { - -webkit-animation-name: pulse; - animation-name: pulse; } - -@-webkit-keyframes shake { - 0%, 100% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); } - 20%, 40%, 60%, 80% { - -webkit-transform: translateX(10px); - transform: translateX(10px); } } - -@keyframes shake { - 0%, 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 10%, 30%, 50%, 70%, 90% { - -webkit-transform: translateX(-10px); - -ms-transform: translateX(-10px); - transform: translateX(-10px); } - 20%, 40%, 60%, 80% { - -webkit-transform: translateX(10px); - -ms-transform: translateX(10px); - transform: translateX(10px); } } - -.shake { - -webkit-animation-name: shake; - animation-name: shake; } - -@-webkit-keyframes swing { - 20% { - -webkit-transform: rotate(15deg); - transform: rotate(15deg); } - 40% { - -webkit-transform: rotate(-10deg); - transform: rotate(-10deg); } - 60% { - -webkit-transform: rotate(5deg); - transform: rotate(5deg); } - 80% { - -webkit-transform: rotate(-5deg); - transform: rotate(-5deg); } - 100% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); } } - -@keyframes swing { - 20% { - -webkit-transform: rotate(15deg); - -ms-transform: rotate(15deg); - transform: rotate(15deg); } - 40% { - -webkit-transform: rotate(-10deg); - -ms-transform: rotate(-10deg); - transform: rotate(-10deg); } - 60% { - -webkit-transform: rotate(5deg); - -ms-transform: rotate(5deg); - transform: rotate(5deg); } - 80% { - -webkit-transform: rotate(-5deg); - -ms-transform: rotate(-5deg); - transform: rotate(-5deg); } - 100% { - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); } } - -.swing { - -webkit-transform-origin: top center; - -ms-transform-origin: top center; - transform-origin: top center; - -webkit-animation-name: swing; - animation-name: swing; } - -@-webkit-keyframes tada { - 0% { - -webkit-transform: scale(1); - transform: scale(1); } - 10%, 20% { - -webkit-transform: scale(0.9) rotate(-3deg); - transform: scale(0.9) rotate(-3deg); } - 30%, 50%, 70%, 90% { - -webkit-transform: scale(1.1) rotate(3deg); - transform: scale(1.1) rotate(3deg); } - 40%, 60%, 80% { - -webkit-transform: scale(1.1) rotate(-3deg); - transform: scale(1.1) rotate(-3deg); } - 100% { - -webkit-transform: scale(1) rotate(0); - transform: scale(1) rotate(0); } } - -@keyframes tada { - 0% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); } - 10%, 20% { - -webkit-transform: scale(0.9) rotate(-3deg); - -ms-transform: scale(0.9) rotate(-3deg); - transform: scale(0.9) rotate(-3deg); } - 30%, 50%, 70%, 90% { - -webkit-transform: scale(1.1) rotate(3deg); - -ms-transform: scale(1.1) rotate(3deg); - transform: scale(1.1) rotate(3deg); } - 40%, 60%, 80% { - -webkit-transform: scale(1.1) rotate(-3deg); - -ms-transform: scale(1.1) rotate(-3deg); - transform: scale(1.1) rotate(-3deg); } - 100% { - -webkit-transform: scale(1) rotate(0); - -ms-transform: scale(1) rotate(0); - transform: scale(1) rotate(0); } } - -.tada { - -webkit-animation-name: tada; - animation-name: tada; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes wobble { - 0% { - -webkit-transform: translateX(0%); - transform: translateX(0%); } - 15% { - -webkit-transform: translateX(-25%) rotate(-5deg); - transform: translateX(-25%) rotate(-5deg); } - 30% { - -webkit-transform: translateX(20%) rotate(3deg); - transform: translateX(20%) rotate(3deg); } - 45% { - -webkit-transform: translateX(-15%) rotate(-3deg); - transform: translateX(-15%) rotate(-3deg); } - 60% { - -webkit-transform: translateX(10%) rotate(2deg); - transform: translateX(10%) rotate(2deg); } - 75% { - -webkit-transform: translateX(-5%) rotate(-1deg); - transform: translateX(-5%) rotate(-1deg); } - 100% { - -webkit-transform: translateX(0%); - transform: translateX(0%); } } - -@keyframes wobble { - 0% { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); } - 15% { - -webkit-transform: translateX(-25%) rotate(-5deg); - -ms-transform: translateX(-25%) rotate(-5deg); - transform: translateX(-25%) rotate(-5deg); } - 30% { - -webkit-transform: translateX(20%) rotate(3deg); - -ms-transform: translateX(20%) rotate(3deg); - transform: translateX(20%) rotate(3deg); } - 45% { - -webkit-transform: translateX(-15%) rotate(-3deg); - -ms-transform: translateX(-15%) rotate(-3deg); - transform: translateX(-15%) rotate(-3deg); } - 60% { - -webkit-transform: translateX(10%) rotate(2deg); - -ms-transform: translateX(10%) rotate(2deg); - transform: translateX(10%) rotate(2deg); } - 75% { - -webkit-transform: translateX(-5%) rotate(-1deg); - -ms-transform: translateX(-5%) rotate(-1deg); - transform: translateX(-5%) rotate(-1deg); } - 100% { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); } } - -.wobble { - -webkit-animation-name: wobble; - animation-name: wobble; } - -@-webkit-keyframes bounceIn { - 0% { - opacity: 0; - -webkit-transform: scale(0.3); - transform: scale(0.3); } - 50% { - opacity: 1; - -webkit-transform: scale(1.05); - transform: scale(1.05); } - 70% { - -webkit-transform: scale(0.9); - transform: scale(0.9); } - 100% { - -webkit-transform: scale(1); - transform: scale(1); } } - -@keyframes bounceIn { - 0% { - opacity: 0; - -webkit-transform: scale(0.3); - -ms-transform: scale(0.3); - transform: scale(0.3); } - 50% { - opacity: 1; - -webkit-transform: scale(1.05); - -ms-transform: scale(1.05); - transform: scale(1.05); } - 70% { - -webkit-transform: scale(0.9); - -ms-transform: scale(0.9); - transform: scale(0.9); } - 100% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); } } - -.bounceIn { - -webkit-animation-name: bounceIn; - animation-name: bounceIn; } - -@-webkit-keyframes bounceInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); } - 60% { - opacity: 1; - -webkit-transform: translateY(30px); - transform: translateY(30px); } - 80% { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); } } - -@keyframes bounceInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); } - 60% { - opacity: 1; - -webkit-transform: translateY(30px); - -ms-transform: translateY(30px); - transform: translateY(30px); } - 80% { - -webkit-transform: translateY(-10px); - -ms-transform: translateY(-10px); - transform: translateY(-10px); } - 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } } - -.bounceInDown { - -webkit-animation-name: bounceInDown; - animation-name: bounceInDown; } - -@-webkit-keyframes bounceInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); } - 60% { - opacity: 1; - -webkit-transform: translateX(30px); - transform: translateX(30px); } - 80% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes bounceInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); } - 60% { - opacity: 1; - -webkit-transform: translateX(30px); - -ms-transform: translateX(30px); - transform: translateX(30px); } - 80% { - -webkit-transform: translateX(-10px); - -ms-transform: translateX(-10px); - transform: translateX(-10px); } - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } } - -.bounceInLeft { - -webkit-animation-name: bounceInLeft; - animation-name: bounceInLeft; } - -@-webkit-keyframes bounceInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); } - 60% { - opacity: 1; - -webkit-transform: translateX(-30px); - transform: translateX(-30px); } - 80% { - -webkit-transform: translateX(10px); - transform: translateX(10px); } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes bounceInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); } - 60% { - opacity: 1; - -webkit-transform: translateX(-30px); - -ms-transform: translateX(-30px); - transform: translateX(-30px); } - 80% { - -webkit-transform: translateX(10px); - -ms-transform: translateX(10px); - transform: translateX(10px); } - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } } - -.bounceInRight { - -webkit-animation-name: bounceInRight; - animation-name: bounceInRight; } - -@-webkit-keyframes bounceInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px); } - 60% { - opacity: 1; - -webkit-transform: translateY(-30px); - transform: translateY(-30px); } - 80% { - -webkit-transform: translateY(10px); - transform: translateY(10px); } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); } } - -@keyframes bounceInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px); } - 60% { - opacity: 1; - -webkit-transform: translateY(-30px); - -ms-transform: translateY(-30px); - transform: translateY(-30px); } - 80% { - -webkit-transform: translateY(10px); - -ms-transform: translateY(10px); - transform: translateY(10px); } - 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } } - -.bounceInUp { - -webkit-animation-name: bounceInUp; - animation-name: bounceInUp; } - -@-webkit-keyframes bounceOut { - 0% { - -webkit-transform: scale(1); - transform: scale(1); } - 25% { - -webkit-transform: scale(0.95); - transform: scale(0.95); } - 50% { - opacity: 1; - -webkit-transform: scale(1.1); - transform: scale(1.1); } - 100% { - opacity: 0; - -webkit-transform: scale(0.3); - transform: scale(0.3); } } - -@keyframes bounceOut { - 0% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); } - 25% { - -webkit-transform: scale(0.95); - -ms-transform: scale(0.95); - transform: scale(0.95); } - 50% { - opacity: 1; - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); } - 100% { - opacity: 0; - -webkit-transform: scale(0.3); - -ms-transform: scale(0.3); - transform: scale(0.3); } } - -.bounceOut { - -webkit-animation-name: bounceOut; - animation-name: bounceOut; } - -@-webkit-keyframes bounceOutDown { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); } - 20% { - opacity: 1; - -webkit-transform: translateY(-20px); - transform: translateY(-20px); } - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px); } } - -@keyframes bounceOutDown { - 0% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - 20% { - opacity: 1; - -webkit-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px); } - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px); } } - -.bounceOutDown { - -webkit-animation-name: bounceOutDown; - animation-name: bounceOutDown; } - -@-webkit-keyframes bounceOutLeft { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 20% { - opacity: 1; - -webkit-transform: translateX(20px); - transform: translateX(20px); } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); } } - -@keyframes bounceOutLeft { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 20% { - opacity: 1; - -webkit-transform: translateX(20px); - -ms-transform: translateX(20px); - transform: translateX(20px); } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); } } - -.bounceOutLeft { - -webkit-animation-name: bounceOutLeft; - animation-name: bounceOutLeft; } - -@-webkit-keyframes bounceOutRight { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 20% { - opacity: 1; - -webkit-transform: translateX(-20px); - transform: translateX(-20px); } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); } } - -@keyframes bounceOutRight { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 20% { - opacity: 1; - -webkit-transform: translateX(-20px); - -ms-transform: translateX(-20px); - transform: translateX(-20px); } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); } } - -.bounceOutRight { - -webkit-animation-name: bounceOutRight; - animation-name: bounceOutRight; } - -@-webkit-keyframes bounceOutUp { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); } - 20% { - opacity: 1; - -webkit-transform: translateY(20px); - transform: translateY(20px); } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); } } - -@keyframes bounceOutUp { - 0% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - 20% { - opacity: 1; - -webkit-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); } } - -.bounceOutUp { - -webkit-animation-name: bounceOutUp; - animation-name: bounceOutUp; } - -@-webkit-keyframes fadeIn { - 0% { - opacity: 0; } - 100% { - opacity: 1; } } - -@keyframes fadeIn { - 0% { - opacity: 0; } - 100% { - opacity: 1; } } - -.fadeIn { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; } - -@-webkit-keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-20px); - transform: translateY(-20px); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } } - -@keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } } - -.fadeInDown { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; } - -@-webkit-keyframes fadeInDownBig { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } } - -@keyframes fadeInDownBig { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } } - -.fadeInDownBig { - -webkit-animation-name: fadeInDownBig; - animation-name: fadeInDownBig; } - -@-webkit-keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-20px); - transform: translateX(-20px); } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-20px); - -ms-transform: translateX(-20px); - transform: translateX(-20px); } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } } - -.fadeInLeft { - -webkit-animation-name: fadeInLeft; - animation-name: fadeInLeft; } - -@-webkit-keyframes fadeInLeftBig { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes fadeInLeftBig { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } } - -.fadeInLeftBig { - -webkit-animation-name: fadeInLeftBig; - animation-name: fadeInLeftBig; } - -@-webkit-keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(20px); - transform: translateX(20px); } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(20px); - -ms-transform: translateX(20px); - transform: translateX(20px); } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } } - -.fadeInRight { - -webkit-animation-name: fadeInRight; - animation-name: fadeInRight; } - -@-webkit-keyframes fadeInRightBig { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes fadeInRightBig { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } } - -.fadeInRightBig { - -webkit-animation-name: fadeInRightBig; - animation-name: fadeInRightBig; } - -@-webkit-keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(20px); - transform: translateY(20px); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } } - -@keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } } - -.fadeInUp { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; } - -@-webkit-keyframes fadeInUpBig { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } } - -@keyframes fadeInUpBig { - 0% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px); } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } } - -.fadeInUpBig { - -webkit-animation-name: fadeInUpBig; - animation-name: fadeInUpBig; } - -@-webkit-keyframes fadeOut { - 0% { - opacity: 1; } - 100% { - opacity: 0; } } - -@keyframes fadeOut { - 0% { - opacity: 1; } - 100% { - opacity: 0; } } - -.fadeOut { - -webkit-animation-name: fadeOut; - animation-name: fadeOut; } - -@-webkit-keyframes fadeOutDown { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(20px); - transform: translateY(20px); } } - -@keyframes fadeOutDown { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(20px); - -ms-transform: translateY(20px); - transform: translateY(20px); } } - -.fadeOutDown { - -webkit-animation-name: fadeOutDown; - animation-name: fadeOutDown; } - -@-webkit-keyframes fadeOutDownBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - transform: translateY(2000px); } } - -@keyframes fadeOutDownBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(2000px); - -ms-transform: translateY(2000px); - transform: translateY(2000px); } } - -.fadeOutDownBig { - -webkit-animation-name: fadeOutDownBig; - animation-name: fadeOutDownBig; } - -@-webkit-keyframes fadeOutLeft { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(-20px); - transform: translateX(-20px); } } - -@keyframes fadeOutLeft { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(-20px); - -ms-transform: translateX(-20px); - transform: translateX(-20px); } } - -.fadeOutLeft { - -webkit-animation-name: fadeOutLeft; - animation-name: fadeOutLeft; } - -@-webkit-keyframes fadeOutLeftBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); } } - -@keyframes fadeOutLeftBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); } } - -.fadeOutLeftBig { - -webkit-animation-name: fadeOutLeftBig; - animation-name: fadeOutLeftBig; } - -@-webkit-keyframes fadeOutRight { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(20px); - transform: translateX(20px); } } - -@keyframes fadeOutRight { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(20px); - -ms-transform: translateX(20px); - transform: translateX(20px); } } - -.fadeOutRight { - -webkit-animation-name: fadeOutRight; - animation-name: fadeOutRight; } - -@-webkit-keyframes fadeOutRightBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); } } - -@keyframes fadeOutRightBig { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); } } - -.fadeOutRightBig { - -webkit-animation-name: fadeOutRightBig; - animation-name: fadeOutRightBig; } - -@-webkit-keyframes fadeOutUp { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(-20px); - transform: translateY(-20px); } } - -@keyframes fadeOutUp { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(-20px); - -ms-transform: translateY(-20px); - transform: translateY(-20px); } } - -.fadeOutUp { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp; } - -@-webkit-keyframes fadeOutUpBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); } } - -@keyframes fadeOutUpBig { - 0% { - opacity: 1; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); } } - -.fadeOutUpBig { - -webkit-animation-name: fadeOutUpBig; - animation-name: fadeOutUpBig; } - -@-webkit-keyframes flip { - 0% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 40% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 50% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 80% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 100% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } } - -@keyframes flip { - 0% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - transform: perspective(400px) translateZ(0) rotateY(0) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 40% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 50% { - -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 80% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 100% { - -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } } - -.animated.flip { - -webkit-backface-visibility: visible; - -ms-backface-visibility: visible; - backface-visibility: visible; - -webkit-animation-name: flip; - animation-name: flip; } - -@-webkit-keyframes flipInX { - 0% { - -webkit-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotateX(-10deg); - transform: perspective(400px) rotateX(-10deg); } - 70% { - -webkit-transform: perspective(400px) rotateX(10deg); - transform: perspective(400px) rotateX(10deg); } - 100% { - -webkit-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1; } } - -@keyframes flipInX { - 0% { - -webkit-transform: perspective(400px) rotateX(90deg); - -ms-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotateX(-10deg); - -ms-transform: perspective(400px) rotateX(-10deg); - transform: perspective(400px) rotateX(-10deg); } - 70% { - -webkit-transform: perspective(400px) rotateX(10deg); - -ms-transform: perspective(400px) rotateX(10deg); - transform: perspective(400px) rotateX(10deg); } - 100% { - -webkit-transform: perspective(400px) rotateX(0deg); - -ms-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1; } } - -.flipInX { - -webkit-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInX; - animation-name: flipInX; } - -@-webkit-keyframes flipInY { - 0% { - -webkit-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotateY(-10deg); - transform: perspective(400px) rotateY(-10deg); } - 70% { - -webkit-transform: perspective(400px) rotateY(10deg); - transform: perspective(400px) rotateY(10deg); } - 100% { - -webkit-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1; } } - -@keyframes flipInY { - 0% { - -webkit-transform: perspective(400px) rotateY(90deg); - -ms-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotateY(-10deg); - -ms-transform: perspective(400px) rotateY(-10deg); - transform: perspective(400px) rotateY(-10deg); } - 70% { - -webkit-transform: perspective(400px) rotateY(10deg); - -ms-transform: perspective(400px) rotateY(10deg); - transform: perspective(400px) rotateY(10deg); } - 100% { - -webkit-transform: perspective(400px) rotateY(0deg); - -ms-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1; } } - -.flipInY { - -webkit-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInY; - animation-name: flipInY; } - -@-webkit-keyframes flipOutX { - 0% { - -webkit-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1; } - 100% { - -webkit-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0; } } - -@keyframes flipOutX { - 0% { - -webkit-transform: perspective(400px) rotateX(0deg); - -ms-transform: perspective(400px) rotateX(0deg); - transform: perspective(400px) rotateX(0deg); - opacity: 1; } - 100% { - -webkit-transform: perspective(400px) rotateX(90deg); - -ms-transform: perspective(400px) rotateX(90deg); - transform: perspective(400px) rotateX(90deg); - opacity: 0; } } - -.flipOutX { - -webkit-animation-name: flipOutX; - animation-name: flipOutX; - -webkit-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; } - -@-webkit-keyframes flipOutY { - 0% { - -webkit-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1; } - 100% { - -webkit-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0; } } - -@keyframes flipOutY { - 0% { - -webkit-transform: perspective(400px) rotateY(0deg); - -ms-transform: perspective(400px) rotateY(0deg); - transform: perspective(400px) rotateY(0deg); - opacity: 1; } - 100% { - -webkit-transform: perspective(400px) rotateY(90deg); - -ms-transform: perspective(400px) rotateY(90deg); - transform: perspective(400px) rotateY(90deg); - opacity: 0; } } - -.flipOutY { - -webkit-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipOutY; - animation-name: flipOutY; } - -@-webkit-keyframes lightSpeedIn { - 0% { - -webkit-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0; } - 60% { - -webkit-transform: translateX(-20%) skewX(30deg); - transform: translateX(-20%) skewX(30deg); - opacity: 1; } - 80% { - -webkit-transform: translateX(0%) skewX(-15deg); - transform: translateX(0%) skewX(-15deg); - opacity: 1; } - 100% { - -webkit-transform: translateX(0%) skewX(0deg); - transform: translateX(0%) skewX(0deg); - opacity: 1; } } - -@keyframes lightSpeedIn { - 0% { - -webkit-transform: translateX(100%) skewX(-30deg); - -ms-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0; } - 60% { - -webkit-transform: translateX(-20%) skewX(30deg); - -ms-transform: translateX(-20%) skewX(30deg); - transform: translateX(-20%) skewX(30deg); - opacity: 1; } - 80% { - -webkit-transform: translateX(0%) skewX(-15deg); - -ms-transform: translateX(0%) skewX(-15deg); - transform: translateX(0%) skewX(-15deg); - opacity: 1; } - 100% { - -webkit-transform: translateX(0%) skewX(0deg); - -ms-transform: translateX(0%) skewX(0deg); - transform: translateX(0%) skewX(0deg); - opacity: 1; } } - -.lightSpeedIn { - -webkit-animation-name: lightSpeedIn; - animation-name: lightSpeedIn; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - -@-webkit-keyframes lightSpeedOut { - 0% { - -webkit-transform: translateX(0%) skewX(0deg); - transform: translateX(0%) skewX(0deg); - opacity: 1; } - 100% { - -webkit-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0; } } - -@keyframes lightSpeedOut { - 0% { - -webkit-transform: translateX(0%) skewX(0deg); - -ms-transform: translateX(0%) skewX(0deg); - transform: translateX(0%) skewX(0deg); - opacity: 1; } - 100% { - -webkit-transform: translateX(100%) skewX(-30deg); - -ms-transform: translateX(100%) skewX(-30deg); - transform: translateX(100%) skewX(-30deg); - opacity: 0; } } - -.lightSpeedOut { - -webkit-animation-name: lightSpeedOut; - animation-name: lightSpeedOut; - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - -@-webkit-keyframes rotateIn { - 0% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(-200deg); - transform: rotate(-200deg); - opacity: 0; } - 100% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -@keyframes rotateIn { - 0% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(-200deg); - -ms-transform: rotate(-200deg); - transform: rotate(-200deg); - opacity: 0; } - 100% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -.rotateIn { - -webkit-animation-name: rotateIn; - animation-name: rotateIn; } - -@-webkit-keyframes rotateInDownLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; } - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -@keyframes rotateInDownLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; } - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -.rotateInDownLeft { - -webkit-animation-name: rotateInDownLeft; - animation-name: rotateInDownLeft; } - -@-webkit-keyframes rotateInDownRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; } - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -@keyframes rotateInDownRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; } - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -.rotateInDownRight { - -webkit-animation-name: rotateInDownRight; - animation-name: rotateInDownRight; } - -@-webkit-keyframes rotateInUpLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; } - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -@keyframes rotateInUpLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; } - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -.rotateInUpLeft { - -webkit-animation-name: rotateInUpLeft; - animation-name: rotateInUpLeft; } - -@-webkit-keyframes rotateInUpRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; } - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -@keyframes rotateInUpRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; } - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } } - -.rotateInUpRight { - -webkit-animation-name: rotateInUpRight; - animation-name: rotateInUpRight; } - -@-webkit-keyframes rotateOut { - 0% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(200deg); - transform: rotate(200deg); - opacity: 0; } } - -@keyframes rotateOut { - 0% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: center center; - -ms-transform-origin: center center; - transform-origin: center center; - -webkit-transform: rotate(200deg); - -ms-transform: rotate(200deg); - transform: rotate(200deg); - opacity: 0; } } - -.rotateOut { - -webkit-animation-name: rotateOut; - animation-name: rotateOut; } - -@-webkit-keyframes rotateOutDownLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; } } - -@keyframes rotateOutDownLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; } } - -.rotateOutDownLeft { - -webkit-animation-name: rotateOutDownLeft; - animation-name: rotateOutDownLeft; } - -@-webkit-keyframes rotateOutDownRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; } } - -@keyframes rotateOutDownRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; } } - -.rotateOutDownRight { - -webkit-animation-name: rotateOutDownRight; - animation-name: rotateOutDownRight; } - -@-webkit-keyframes rotateOutUpLeft { - 0% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; } } - -@keyframes rotateOutUpLeft { - 0% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: left bottom; - -ms-transform-origin: left bottom; - transform-origin: left bottom; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - opacity: 0; } } - -.rotateOutUpLeft { - -webkit-animation-name: rotateOutUpLeft; - animation-name: rotateOutUpLeft; } - -@-webkit-keyframes rotateOutUpRight { - 0% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; } } - -@keyframes rotateOutUpRight { - 0% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - 100% { - -webkit-transform-origin: right bottom; - -ms-transform-origin: right bottom; - transform-origin: right bottom; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - opacity: 0; } } - -.rotateOutUpRight { - -webkit-animation-name: rotateOutUpRight; - animation-name: rotateOutUpRight; } - -@-webkit-keyframes slideInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); } } - -@keyframes slideInDown { - 0% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); } - 100% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } } - -.slideInDown { - -webkit-animation-name: slideInDown; - animation-name: slideInDown; } - -@-webkit-keyframes slideInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes slideInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); } - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } } - -.slideInLeft { - -webkit-animation-name: slideInLeft; - animation-name: slideInLeft; } - -@-webkit-keyframes slideInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes slideInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); } - 100% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } } - -.slideInRight { - -webkit-animation-name: slideInRight; - animation-name: slideInRight; } - -@-webkit-keyframes slideOutLeft { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - transform: translateX(-2000px); } } - -@keyframes slideOutLeft { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(-2000px); - -ms-transform: translateX(-2000px); - transform: translateX(-2000px); } } - -.slideOutLeft { - -webkit-animation-name: slideOutLeft; - animation-name: slideOutLeft; } - -@-webkit-keyframes slideOutRight { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - transform: translateX(2000px); } } - -@keyframes slideOutRight { - 0% { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - 100% { - opacity: 0; - -webkit-transform: translateX(2000px); - -ms-transform: translateX(2000px); - transform: translateX(2000px); } } - -.slideOutRight { - -webkit-animation-name: slideOutRight; - animation-name: slideOutRight; } - -@-webkit-keyframes slideOutUp { - 0% { - -webkit-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - transform: translateY(-2000px); } } - -@keyframes slideOutUp { - 0% { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - 100% { - opacity: 0; - -webkit-transform: translateY(-2000px); - -ms-transform: translateY(-2000px); - transform: translateY(-2000px); } } - -.slideOutUp { - -webkit-animation-name: slideOutUp; - animation-name: slideOutUp; } - -@-webkit-keyframes hinge { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 20%, 60% { - -webkit-transform: rotate(80deg); - transform: rotate(80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 40% { - -webkit-transform: rotate(60deg); - transform: rotate(60deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 80% { - -webkit-transform: rotate(60deg) translateY(0); - transform: rotate(60deg) translateY(0); - opacity: 1; - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 100% { - -webkit-transform: translateY(700px); - transform: translateY(700px); - opacity: 0; } } - -@keyframes hinge { - 0% { - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 20%, 60% { - -webkit-transform: rotate(80deg); - -ms-transform: rotate(80deg); - transform: rotate(80deg); - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 40% { - -webkit-transform: rotate(60deg); - -ms-transform: rotate(60deg); - transform: rotate(60deg); - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 80% { - -webkit-transform: rotate(60deg) translateY(0); - -ms-transform: rotate(60deg) translateY(0); - transform: rotate(60deg) translateY(0); - opacity: 1; - -webkit-transform-origin: top left; - -ms-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 100% { - -webkit-transform: translateY(700px); - -ms-transform: translateY(700px); - transform: translateY(700px); - opacity: 0; } } - -.hinge { - -webkit-animation-name: hinge; - animation-name: hinge; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes rollIn { - 0% { - opacity: 0; - -webkit-transform: translateX(-100%) rotate(-120deg); - transform: translateX(-100%) rotate(-120deg); } - 100% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - transform: translateX(0px) rotate(0deg); } } - -@keyframes rollIn { - 0% { - opacity: 0; - -webkit-transform: translateX(-100%) rotate(-120deg); - -ms-transform: translateX(-100%) rotate(-120deg); - transform: translateX(-100%) rotate(-120deg); } - 100% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - -ms-transform: translateX(0px) rotate(0deg); - transform: translateX(0px) rotate(0deg); } } - -.rollIn { - -webkit-animation-name: rollIn; - animation-name: rollIn; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes rollOut { - 0% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - transform: translateX(0px) rotate(0deg); } - 100% { - opacity: 0; - -webkit-transform: translateX(100%) rotate(120deg); - transform: translateX(100%) rotate(120deg); } } - -@keyframes rollOut { - 0% { - opacity: 1; - -webkit-transform: translateX(0px) rotate(0deg); - -ms-transform: translateX(0px) rotate(0deg); - transform: translateX(0px) rotate(0deg); } - 100% { - opacity: 0; - -webkit-transform: translateX(100%) rotate(120deg); - -ms-transform: translateX(100%) rotate(120deg); - transform: translateX(100%) rotate(120deg); } } - -.rollOut { - -webkit-animation-name: rollOut; - animation-name: rollOut; } - -.swal2-popup.swal2-toast { - flex-direction: row; - align-items: center; - width: auto; - padding: 0.625em; - overflow-y: hidden; - background: #fff; - box-shadow: 0 0 0.625em #d9d9d9; } - .swal2-popup.swal2-toast .swal2-header { - flex-direction: row; - padding: 0; } - .swal2-popup.swal2-toast .swal2-title { - flex-grow: 1; - justify-content: flex-start; - margin: 0 0.6em; - font-size: 1em; } - .swal2-popup.swal2-toast .swal2-footer { - margin: 0.5em 0 0; - padding: 0.5em 0 0; - font-size: 0.8em; } - .swal2-popup.swal2-toast .swal2-close { - position: static; - width: 0.8em; - height: 0.8em; - line-height: 0.8; } - .swal2-popup.swal2-toast .swal2-content { - justify-content: flex-start; - padding: 0; - font-size: 1em; } - .swal2-popup.swal2-toast .swal2-icon { - width: 2em; - min-width: 2em; - height: 2em; - margin: 0; } - .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { - display: flex; - align-items: center; - font-size: 1.8em; - font-weight: bold; } - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { - font-size: .25em; } } - .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { - width: 2em; - height: 2em; } - .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { - top: .875em; - width: 1.375em; } - .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] { - left: .3125em; } - .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] { - right: .3125em; } - .swal2-popup.swal2-toast .swal2-actions { - flex-basis: auto !important; - width: auto; - height: auto; - margin: 0 .3125em; - padding: 0; } - .swal2-popup.swal2-toast .swal2-styled { - margin: 0 .3125em; - padding: .3125em .625em; - font-size: 1em; } - .swal2-popup.swal2-toast .swal2-styled:focus { - box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(100, 150, 200, 0.5); } - .swal2-popup.swal2-toast .swal2-success { - border-color: #a5dc86; } - .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] { - position: absolute; - width: 1.6em; - height: 3em; - transform: rotate(45deg); - border-radius: 50%; } - .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] { - top: -.8em; - left: -.5em; - transform: rotate(-45deg); - transform-origin: 2em 2em; - border-radius: 4em 0 0 4em; } - .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] { - top: -.25em; - left: .9375em; - transform-origin: 0 1.5em; - border-radius: 0 4em 4em 0; } - .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { - width: 2em; - height: 2em; } - .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { - top: 0; - left: .4375em; - width: .4375em; - height: 2.6875em; } - .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] { - height: .3125em; } - .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] { - top: 1.125em; - left: .1875em; - width: .75em; } - .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] { - top: .9375em; - right: .1875em; - width: 1.375em; } - .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { - animation: swal2-toast-animate-success-line-tip .75s; } - .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { - animation: swal2-toast-animate-success-line-long .75s; } - .swal2-popup.swal2-toast.swal2-show { - animation: swal2-toast-show 0.5s; } - .swal2-popup.swal2-toast.swal2-hide { - animation: swal2-toast-hide 0.1s forwards; } - -.swal2-container { - display: flex; - position: fixed; - z-index: 1060; - top: 0; - right: 0; - bottom: 0; - left: 0; - flex-direction: row; - align-items: center; - justify-content: center; - padding: 0.625em; - overflow-x: hidden; - transition: background-color 0.1s; - -webkit-overflow-scrolling: touch; } - .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation { - background: rgba(0, 0, 0, 0.4); } - .swal2-container.swal2-backdrop-hide { - background: transparent !important; } - .swal2-container.swal2-top { - align-items: flex-start; } - .swal2-container.swal2-top-start, .swal2-container.swal2-top-left { - align-items: flex-start; - justify-content: flex-start; } - .swal2-container.swal2-top-end, .swal2-container.swal2-top-right { - align-items: flex-start; - justify-content: flex-end; } - .swal2-container.swal2-center { - align-items: center; } - .swal2-container.swal2-center-start, .swal2-container.swal2-center-left { - align-items: center; - justify-content: flex-start; } - .swal2-container.swal2-center-end, .swal2-container.swal2-center-right { - align-items: center; - justify-content: flex-end; } - .swal2-container.swal2-bottom { - align-items: flex-end; } - .swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left { - align-items: flex-end; - justify-content: flex-start; } - .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right { - align-items: flex-end; - justify-content: flex-end; } - .swal2-container.swal2-bottom > :first-child, - .swal2-container.swal2-bottom-start > :first-child, - .swal2-container.swal2-bottom-left > :first-child, - .swal2-container.swal2-bottom-end > :first-child, - .swal2-container.swal2-bottom-right > :first-child { - margin-top: auto; } - .swal2-container.swal2-grow-fullscreen > .swal2-modal { - display: flex !important; - flex: 1; - align-self: stretch; - justify-content: center; } - .swal2-container.swal2-grow-row > .swal2-modal { - display: flex !important; - flex: 1; - align-content: center; - justify-content: center; } - .swal2-container.swal2-grow-column { - flex: 1; - flex-direction: column; } - .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom { - align-items: center; } - .swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left { - align-items: flex-start; } - .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right { - align-items: flex-end; } - .swal2-container.swal2-grow-column > .swal2-modal { - display: flex !important; - flex: 1; - align-content: center; - justify-content: center; } - .swal2-container.swal2-no-transition { - transition: none !important; } - .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal { - margin: auto; } - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .swal2-container .swal2-modal { - margin: 0 !important; } } - -.swal2-popup { - display: none; - position: relative; - box-sizing: border-box; - flex-direction: column; - justify-content: center; - width: 32em; - max-width: 100%; - padding: 1.25em; - border: none; - border-radius: 5px; - background: #fff; - font-family: inherit; - font-size: 1rem; } - .swal2-popup:focus { - outline: none; } - .swal2-popup.swal2-loading { - overflow-y: hidden; } - -.swal2-header { - display: flex; - flex-direction: column; - align-items: center; - padding: 0 1.8em; } - -.swal2-title { - position: relative; - max-width: 100%; - margin: 0 0 0.4em; - padding: 0; - color: #595959; - font-size: 1.875em; - font-weight: 600; - text-align: center; - text-transform: none; - word-wrap: break-word; } - -.swal2-actions { - display: flex; - z-index: 1; - box-sizing: border-box; - flex-wrap: wrap; - align-items: center; - justify-content: center; - width: 100%; - margin: 1.25em auto 0; - padding: 0 1.6em; } - .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { - opacity: .4; } - .swal2-actions:not(.swal2-loading) .swal2-styled:hover { - background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } - .swal2-actions:not(.swal2-loading) .swal2-styled:active { - background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } - -.swal2-loader { - display: none; - align-items: center; - justify-content: center; - width: 2.2em; - height: 2.2em; - margin: 0 1.875em; - animation: swal2-rotate-loading 1.5s linear 0s infinite normal; - border-width: 0.25em; - border-style: solid; - border-radius: 100%; - border-color: #2778c4 transparent #2778c4 transparent; } - -.swal2-styled { - margin: 0.3125em; - padding: 0.625em 1.1em; - box-shadow: none; - font-weight: 500; } - .swal2-styled:not([disabled]) { - cursor: pointer; } - .swal2-styled.swal2-confirm { - border: 0; - border-radius: 0.25em; - background: initial; - background-color: #2778c4; - color: #fff; - font-size: 1.0625em; } - .swal2-styled.swal2-deny { - border: 0; - border-radius: 0.25em; - background: initial; - background-color: #d14529; - color: #fff; - font-size: 1.0625em; } - .swal2-styled.swal2-cancel { - border: 0; - border-radius: 0.25em; - background: initial; - background-color: #757575; - color: #fff; - font-size: 1.0625em; } - .swal2-styled:focus { - outline: none; - box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5); } - .swal2-styled::-moz-focus-inner { - border: 0; } - -.swal2-footer { - justify-content: center; - margin: 1.25em 0 0; - padding: 1em 0 0; - border-top: 1px solid #eee; - color: #545454; - font-size: 1em; } - -.swal2-timer-progress-bar-container { - position: absolute; - right: 0; - bottom: 0; - left: 0; - height: 0.25em; - overflow: hidden; - border-bottom-right-radius: 5px; - border-bottom-left-radius: 5px; } - -.swal2-timer-progress-bar { - width: 100%; - height: 0.25em; - background: rgba(0, 0, 0, 0.2); } - -.swal2-image { - max-width: 100%; - margin: 1.25em auto; } - -.swal2-close { - position: absolute; - z-index: 2; - top: 0; - right: 0; - align-items: center; - justify-content: center; - width: 1.2em; - height: 1.2em; - padding: 0; - overflow: hidden; - transition: color 0.1s ease-out; - border: none; - border-radius: 5px; - background: transparent; - color: #cccccc; - font-family: serif; - font-size: 2.5em; - line-height: 1.2; - cursor: pointer; } - .swal2-close:hover { - transform: none; - background: transparent; - color: #f27474; } - .swal2-close:focus { - outline: none; - box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5); } - .swal2-close::-moz-focus-inner { - border: 0; } - -.swal2-content { - z-index: 1; - justify-content: center; - margin: 0; - padding: 0 1.6em; - color: #545454; - font-size: 1.125em; - font-weight: normal; - line-height: normal; - text-align: center; - word-wrap: break-word; } - -.swal2-input, -.swal2-file, -.swal2-textarea, -.swal2-select, -.swal2-radio, -.swal2-checkbox { - margin: 1em auto; } - -.swal2-input, -.swal2-file, -.swal2-textarea { - box-sizing: border-box; - width: 100%; - transition: border-color 0.3s, box-shadow 0.3s; - border: 1px solid #d9d9d9; - border-radius: 0.1875em; - background: inherit; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); - color: inherit; - font-size: 1.125em; } - .swal2-input.swal2-inputerror, - .swal2-file.swal2-inputerror, - .swal2-textarea.swal2-inputerror { - border-color: #f27474 !important; - box-shadow: 0 0 2px #f27474 !important; } - .swal2-input:focus, - .swal2-file:focus, - .swal2-textarea:focus { - border: 1px solid #b4dbed; - outline: none; - box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5); } - .swal2-input::placeholder, - .swal2-file::placeholder, - .swal2-textarea::placeholder { - color: #cccccc; } - -.swal2-range { - margin: 1em auto; - background: #fff; } - .swal2-range input { - width: 80%; } - .swal2-range output { - width: 20%; - color: inherit; - font-weight: 600; - text-align: center; } - .swal2-range input, - .swal2-range output { - height: 2.625em; - padding: 0; - font-size: 1.125em; - line-height: 2.625em; } - -.swal2-input { - height: 2.625em; - padding: 0 0.75em; } - .swal2-input[type='number'] { - max-width: 10em; } - -.swal2-file { - background: inherit; - font-size: 1.125em; } - -.swal2-textarea { - height: 6.75em; - padding: 0.75em; } - -.swal2-select { - min-width: 50%; - max-width: 100%; - padding: .375em .625em; - background: inherit; - color: inherit; - font-size: 1.125em; } - -.swal2-radio, -.swal2-checkbox { - align-items: center; - justify-content: center; - background: #fff; - color: inherit; } - .swal2-radio label, - .swal2-checkbox label { - margin: 0 .6em; - font-size: 1.125em; } - .swal2-radio input, - .swal2-checkbox input { - margin: 0 .4em; } - -.swal2-input-label { - display: flex; - justify-content: center; - margin: 1em auto; } - -.swal2-validation-message { - display: none; - align-items: center; - justify-content: center; - margin: 0 -2.7em; - padding: 0.625em; - overflow: hidden; - background: #f0f0f0; - color: #666666; - font-size: 1em; - font-weight: 300; } - .swal2-validation-message::before { - content: '!'; - display: inline-block; - width: 1.5em; - min-width: 1.5em; - height: 1.5em; - margin: 0 .625em; - border-radius: 50%; - background-color: #f27474; - color: #fff; - font-weight: 600; - line-height: 1.5em; - text-align: center; } - -.swal2-icon { - position: relative; - box-sizing: content-box; - justify-content: center; - width: 5em; - height: 5em; - margin: 1.25em auto 1.875em; - border: .25em solid transparent; - border-radius: 50%; - font-family: inherit; - line-height: 5em; - cursor: default; - user-select: none; } - .swal2-icon .swal2-icon-content { - display: flex; - align-items: center; - font-size: 3.75em; } - .swal2-icon.swal2-error { - border-color: #f27474; - color: #f27474; } - .swal2-icon.swal2-error .swal2-x-mark { - position: relative; - flex-grow: 1; } - .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { - display: block; - position: absolute; - top: 2.3125em; - width: 2.9375em; - height: .3125em; - border-radius: .125em; - background-color: #f27474; } - .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] { - left: 1.0625em; - transform: rotate(45deg); } - .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] { - right: 1em; - transform: rotate(-45deg); } - .swal2-icon.swal2-error.swal2-icon-show { - animation: swal2-animate-error-icon .5s; } - .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark { - animation: swal2-animate-error-x-mark .5s; } - .swal2-icon.swal2-warning { - border-color: #facea8; - color: #f8bb86; } - .swal2-icon.swal2-info { - border-color: #9de0f6; - color: #3fc3ee; } - .swal2-icon.swal2-question { - border-color: #c9dae1; - color: #87adbd; } - .swal2-icon.swal2-success { - border-color: #a5dc86; - color: #a5dc86; } - .swal2-icon.swal2-success [class^='swal2-success-circular-line'] { - position: absolute; - width: 3.75em; - height: 7.5em; - transform: rotate(45deg); - border-radius: 50%; } - .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] { - top: -.4375em; - left: -2.0635em; - transform: rotate(-45deg); - transform-origin: 3.75em 3.75em; - border-radius: 7.5em 0 0 7.5em; } - .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] { - top: -.6875em; - left: 1.875em; - transform: rotate(-45deg); - transform-origin: 0 3.75em; - border-radius: 0 7.5em 7.5em 0; } - .swal2-icon.swal2-success .swal2-success-ring { - position: absolute; - z-index: 2; - top: -.25em; - left: -.25em; - box-sizing: content-box; - width: 100%; - height: 100%; - border: 0.25em solid rgba(165, 220, 134, 0.3); - border-radius: 50%; } - .swal2-icon.swal2-success .swal2-success-fix { - position: absolute; - z-index: 1; - top: .5em; - left: 1.625em; - width: .4375em; - height: 5.625em; - transform: rotate(-45deg); } - .swal2-icon.swal2-success [class^='swal2-success-line'] { - display: block; - position: absolute; - z-index: 2; - height: .3125em; - border-radius: .125em; - background-color: #a5dc86; } - .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] { - top: 2.875em; - left: .8125em; - width: 1.5625em; - transform: rotate(45deg); } - .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] { - top: 2.375em; - right: .5em; - width: 2.9375em; - transform: rotate(-45deg); } - .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip { - animation: swal2-animate-success-line-tip .75s; } - .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long { - animation: swal2-animate-success-line-long .75s; } - .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right { - animation: swal2-rotate-success-circular-line 4.25s ease-in; } - -.swal2-progress-steps { - flex-wrap: wrap; - align-items: center; - max-width: 100%; - margin: 0 0 1.25em; - padding: 0; - background: inherit; - font-weight: 600; } - .swal2-progress-steps li { - display: inline-block; - position: relative; } - .swal2-progress-steps .swal2-progress-step { - z-index: 20; - flex-shrink: 0; - width: 2em; - height: 2em; - border-radius: 2em; - background: #2778c4; - color: #fff; - line-height: 2em; - text-align: center; } - .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { - background: #2778c4; } - .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { - background: #add8e6; - color: #fff; } - .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { - background: #add8e6; } - .swal2-progress-steps .swal2-progress-step-line { - z-index: 10; - flex-shrink: 0; - width: 2.5em; - height: .4em; - margin: 0 -1px; - background: #2778c4; } - -[class^='swal2'] { - -webkit-tap-highlight-color: transparent; } - -.swal2-show { - animation: swal2-show 0.3s; } - -.swal2-hide { - animation: swal2-hide 0.15s forwards; } - -.swal2-noanimation { - transition: none; } - -.swal2-scrollbar-measure { - position: absolute; - top: -9999px; - width: 50px; - height: 50px; - overflow: scroll; } - -.swal2-rtl .swal2-close { - right: auto; - left: 0; } - -.swal2-rtl .swal2-timer-progress-bar { - right: 0; - left: auto; } - -@supports (-ms-accelerator: true) { - .swal2-range input { - width: 100% !important; } - .swal2-range output { - display: none; } } - -@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .swal2-range input { - width: 100% !important; } - .swal2-range output { - display: none; } } - -@keyframes swal2-toast-show { - 0% { - transform: translateY(-0.625em) rotateZ(2deg); } - 33% { - transform: translateY(0) rotateZ(-2deg); } - 66% { - transform: translateY(0.3125em) rotateZ(2deg); } - 100% { - transform: translateY(0) rotateZ(0deg); } } - -@keyframes swal2-toast-hide { - 100% { - transform: rotateZ(1deg); - opacity: 0; } } - -@keyframes swal2-toast-animate-success-line-tip { - 0% { - top: .5625em; - left: .0625em; - width: 0; } - 54% { - top: .125em; - left: .125em; - width: 0; } - 70% { - top: .625em; - left: -.25em; - width: 1.625em; } - 84% { - top: 1.0625em; - left: .75em; - width: .5em; } - 100% { - top: 1.125em; - left: .1875em; - width: .75em; } } - -@keyframes swal2-toast-animate-success-line-long { - 0% { - top: 1.625em; - right: 1.375em; - width: 0; } - 65% { - top: 1.25em; - right: .9375em; - width: 0; } - 84% { - top: .9375em; - right: 0; - width: 1.125em; } - 100% { - top: .9375em; - right: .1875em; - width: 1.375em; } } - -@keyframes swal2-show { - 0% { - transform: scale(0.7); } - 45% { - transform: scale(1.05); } - 80% { - transform: scale(0.95); } - 100% { - transform: scale(1); } } - -@keyframes swal2-hide { - 0% { - transform: scale(1); - opacity: 1; } - 100% { - transform: scale(0.5); - opacity: 0; } } - -@keyframes swal2-animate-success-line-tip { - 0% { - top: 1.1875em; - left: .0625em; - width: 0; } - 54% { - top: 1.0625em; - left: .125em; - width: 0; } - 70% { - top: 2.1875em; - left: -.375em; - width: 3.125em; } - 84% { - top: 3em; - left: 1.3125em; - width: 1.0625em; } - 100% { - top: 2.8125em; - left: .8125em; - width: 1.5625em; } } - -@keyframes swal2-animate-success-line-long { - 0% { - top: 3.375em; - right: 2.875em; - width: 0; } - 65% { - top: 3.375em; - right: 2.875em; - width: 0; } - 84% { - top: 2.1875em; - right: 0; - width: 3.4375em; } - 100% { - top: 2.375em; - right: .5em; - width: 2.9375em; } } - -@keyframes swal2-rotate-success-circular-line { - 0% { - transform: rotate(-45deg); } - 5% { - transform: rotate(-45deg); } - 12% { - transform: rotate(-405deg); } - 100% { - transform: rotate(-405deg); } } - -@keyframes swal2-animate-error-x-mark { - 0% { - margin-top: 1.625em; - transform: scale(0.4); - opacity: 0; } - 50% { - margin-top: 1.625em; - transform: scale(0.4); - opacity: 0; } - 80% { - margin-top: -.375em; - transform: scale(1.15); } - 100% { - margin-top: 0; - transform: scale(1); - opacity: 1; } } - -@keyframes swal2-animate-error-icon { - 0% { - transform: rotateX(100deg); - opacity: 0; } - 100% { - transform: rotateX(0deg); - opacity: 1; } } - -@keyframes swal2-rotate-loading { - 0% { - transform: rotate(0deg); } - 100% { - transform: rotate(360deg); } } - -body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { - overflow: hidden; } - -body.swal2-height-auto { - height: auto !important; } - -body.swal2-no-backdrop .swal2-container { - top: auto; - right: auto; - bottom: auto; - left: auto; - max-width: calc(100% - 0.625em * 2); - background-color: transparent !important; } - body.swal2-no-backdrop .swal2-container > .swal2-modal { - box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } - body.swal2-no-backdrop .swal2-container.swal2-top { - top: 0; - left: 50%; - transform: translateX(-50%); } - body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left { - top: 0; - left: 0; } - body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right { - top: 0; - right: 0; } - body.swal2-no-backdrop .swal2-container.swal2-center { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); } - body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left { - top: 50%; - left: 0; - transform: translateY(-50%); } - body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right { - top: 50%; - right: 0; - transform: translateY(-50%); } - body.swal2-no-backdrop .swal2-container.swal2-bottom { - bottom: 0; - left: 50%; - transform: translateX(-50%); } - body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left { - bottom: 0; - left: 0; } - body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right { - right: 0; - bottom: 0; } - -@media print { - body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { - overflow-y: scroll !important; } - body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden='true'] { - display: none; } - body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { - position: static !important; } } - -body.swal2-toast-shown .swal2-container { - background-color: transparent; } - body.swal2-toast-shown .swal2-container.swal2-top { - top: 0; - right: auto; - bottom: auto; - left: 50%; - transform: translateX(-50%); } - body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { - top: 0; - right: 0; - bottom: auto; - left: auto; } - body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { - top: 0; - right: auto; - bottom: auto; - left: 0; } - body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { - top: 50%; - right: auto; - bottom: auto; - left: 0; - transform: translateY(-50%); } - body.swal2-toast-shown .swal2-container.swal2-center { - top: 50%; - right: auto; - bottom: auto; - left: 50%; - transform: translate(-50%, -50%); } - body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { - top: 50%; - right: 0; - bottom: auto; - left: auto; - transform: translateY(-50%); } - body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { - top: auto; - right: auto; - bottom: 0; - left: 0; } - body.swal2-toast-shown .swal2-container.swal2-bottom { - top: auto; - right: auto; - bottom: 0; - left: 50%; - transform: translateX(-50%); } - body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { - top: auto; - right: 0; - bottom: 0; - left: auto; } - -body.swal2-toast-column .swal2-toast { - flex-direction: column; - align-items: stretch; } - body.swal2-toast-column .swal2-toast .swal2-actions { - flex: 1; - align-self: stretch; - height: 2.2em; - margin-top: .3125em; } - body.swal2-toast-column .swal2-toast .swal2-loading { - justify-content: center; } - body.swal2-toast-column .swal2-toast .swal2-input { - height: 2em; - margin: .3125em auto; - font-size: 1em; } - body.swal2-toast-column .swal2-toast .swal2-validation-message { - font-size: 1em; } - -.croppy-round .cropper-view-box, -.croppy-round .cropper-face { - border-radius: 50%; } - -.noteplus-layout .ql-toolbar.ql-snow { - position: absolute; - top: 18px; } - -/*! - * animate.css - https://animate.style/ - * Version - 4.1.1 - * Licensed under the MIT license - http://opensource.org/licenses/MIT - * - * Copyright (c) 2020 Animate.css - */ -:root { - --animate-duration: 1s; - --animate-delay: 1s; - --animate-repeat: 1; } - -.animate__animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-duration: var(--animate-duration); - animation-duration: var(--animate-duration); - -webkit-animation-fill-mode: both; - animation-fill-mode: both; } - -.animate__animated.animate__infinite { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; } - -.animate__animated.animate__repeat-1 { - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; - -webkit-animation-iteration-count: var(--animate-repeat); - animation-iteration-count: var(--animate-repeat); } - -.animate__animated.animate__repeat-2 { - -webkit-animation-iteration-count: calc(1 * 2); - animation-iteration-count: calc(1 * 2); - -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); - animation-iteration-count: calc(var(--animate-repeat) * 2); } - -.animate__animated.animate__repeat-3 { - -webkit-animation-iteration-count: calc(1 * 3); - animation-iteration-count: calc(1 * 3); - -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); - animation-iteration-count: calc(var(--animate-repeat) * 3); } - -.animate__animated.animate__delay-1s { - -webkit-animation-delay: 1s; - animation-delay: 1s; - -webkit-animation-delay: var(--animate-delay); - animation-delay: var(--animate-delay); } - -.animate__animated.animate__delay-2s { - -webkit-animation-delay: calc(1s * 2); - animation-delay: calc(1s * 2); - -webkit-animation-delay: calc(var(--animate-delay) * 2); - animation-delay: calc(var(--animate-delay) * 2); } - -.animate__animated.animate__delay-3s { - -webkit-animation-delay: calc(1s * 3); - animation-delay: calc(1s * 3); - -webkit-animation-delay: calc(var(--animate-delay) * 3); - animation-delay: calc(var(--animate-delay) * 3); } - -.animate__animated.animate__delay-4s { - -webkit-animation-delay: calc(1s * 4); - animation-delay: calc(1s * 4); - -webkit-animation-delay: calc(var(--animate-delay) * 4); - animation-delay: calc(var(--animate-delay) * 4); } - -.animate__animated.animate__delay-5s { - -webkit-animation-delay: calc(1s * 5); - animation-delay: calc(1s * 5); - -webkit-animation-delay: calc(var(--animate-delay) * 5); - animation-delay: calc(var(--animate-delay) * 5); } - -.animate__animated.animate__faster { - -webkit-animation-duration: calc(1s / 2); - animation-duration: calc(1s / 2); - -webkit-animation-duration: calc(var(--animate-duration) / 2); - animation-duration: calc(var(--animate-duration) / 2); } - -.animate__animated.animate__fast { - -webkit-animation-duration: calc(1s * 0.8); - animation-duration: calc(1s * 0.8); - -webkit-animation-duration: calc(var(--animate-duration) * 0.8); - animation-duration: calc(var(--animate-duration) * 0.8); } - -.animate__animated.animate__slow { - -webkit-animation-duration: calc(1s * 2); - animation-duration: calc(1s * 2); - -webkit-animation-duration: calc(var(--animate-duration) * 2); - animation-duration: calc(var(--animate-duration) * 2); } - -.animate__animated.animate__slower { - -webkit-animation-duration: calc(1s * 3); - animation-duration: calc(1s * 3); - -webkit-animation-duration: calc(var(--animate-duration) * 3); - animation-duration: calc(var(--animate-duration) * 3); } - -@media print, (prefers-reduced-motion: reduce) { - .animate__animated { - -webkit-animation-duration: 1ms !important; - animation-duration: 1ms !important; - -webkit-transition-duration: 1ms !important; - transition-duration: 1ms !important; - -webkit-animation-iteration-count: 1 !important; - animation-iteration-count: 1 !important; } - .animate__animated[class*='Out'] { - opacity: 0; } } - -/* Attention seekers */ -@-webkit-keyframes bounce { - from, - 20%, - 53%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 40%, - 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); - transform: translate3d(0, -30px, 0) scaleY(1.1); } - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); - transform: translate3d(0, -15px, 0) scaleY(1.05); } - 80% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); - transform: translate3d(0, 0, 0) scaleY(0.95); } - 90% { - -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); - transform: translate3d(0, -4px, 0) scaleY(1.02); } } - -@keyframes bounce { - from, - 20%, - 53%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 40%, - 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); - transform: translate3d(0, -30px, 0) scaleY(1.1); } - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); - transform: translate3d(0, -15px, 0) scaleY(1.05); } - 80% { - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); - transform: translate3d(0, 0, 0) scaleY(0.95); } - 90% { - -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); - transform: translate3d(0, -4px, 0) scaleY(1.02); } } - -.animate__bounce { - -webkit-animation-name: bounce; - animation-name: bounce; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; } - -@-webkit-keyframes flash { - from, - 50%, - to { - opacity: 1; } - 25%, - 75% { - opacity: 0; } } - -@keyframes flash { - from, - 50%, - to { - opacity: 1; } - 25%, - 75% { - opacity: 0; } } - -.animate__flash { - -webkit-animation-name: flash; - animation-name: flash; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes pulse { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } - -@keyframes pulse { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 50% { - -webkit-transform: scale3d(1.05, 1.05, 1.05); - transform: scale3d(1.05, 1.05, 1.05); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } - -.animate__pulse { - -webkit-animation-name: pulse; - animation-name: pulse; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - -@-webkit-keyframes rubberBand { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 30% { - -webkit-transform: scale3d(1.25, 0.75, 1); - transform: scale3d(1.25, 0.75, 1); } - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); } - 50% { - -webkit-transform: scale3d(1.15, 0.85, 1); - transform: scale3d(1.15, 0.85, 1); } - 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); } - 75% { - -webkit-transform: scale3d(1.05, 0.95, 1); - transform: scale3d(1.05, 0.95, 1); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } - -@keyframes rubberBand { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 30% { - -webkit-transform: scale3d(1.05, 0.75, 1); - transform: scale3d(1.05, 0.75, 1); } - 40% { - -webkit-transform: scale3d(0.75, 1.25, 1); - transform: scale3d(0.75, 1.25, 1); } - 50% { - -webkit-transform: scale3d(1.08, 0.75, 1); - transform: scale3d(1.08, 0.75, 1); } - 65% { - -webkit-transform: scale3d(0.95, 1.05, 1); - transform: scale3d(0.95, 1.05, 1); } - 75% { - -webkit-transform: scale3d(1.02, 0.95, 1); - transform: scale3d(1.02, 0.95, 1); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } - -.animate__rubberBand { - -webkit-animation-name: rubberBand; - animation-name: rubberBand; } - -@-webkit-keyframes shakeX { - from, - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); } } - -@keyframes shakeX { - from, - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(-10px, 0, 0); - transform: translate3d(-10px, 0, 0); } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(10px, 0, 0); - transform: translate3d(10px, 0, 0); } } - -.animate__shakeX { - -webkit-animation-name: shakeX; - animation-name: shakeX; } - -@-webkit-keyframes shakeY { - from, - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); } } - -@keyframes shakeY { - from, - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 10%, - 30%, - 50%, - 70%, - 90% { - -webkit-transform: translate3d(0, -10px, 0); - transform: translate3d(0, -10px, 0); } - 20%, - 40%, - 60%, - 80% { - -webkit-transform: translate3d(0, 10px, 0); - transform: translate3d(0, 10px, 0); } } - -.animate__shakeY { - -webkit-animation-name: shakeY; - animation-name: shakeY; } - -@-webkit-keyframes headShake { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 6.5% { - -webkit-transform: translateX(-6px) rotateY(-9deg); - transform: translateX(-6px) rotateY(-9deg); } - 18.5% { - -webkit-transform: translateX(5px) rotateY(7deg); - transform: translateX(5px) rotateY(7deg); } - 31.5% { - -webkit-transform: translateX(-3px) rotateY(-5deg); - transform: translateX(-3px) rotateY(-5deg); } - 43.5% { - -webkit-transform: translateX(2px) rotateY(3deg); - transform: translateX(2px) rotateY(3deg); } - 50% { - -webkit-transform: translateX(0); - transform: translateX(0); } } - -@keyframes headShake { - 0% { - -webkit-transform: translateX(0); - transform: translateX(0); } - 6.5% { - -webkit-transform: translateX(-6px) rotateY(-9deg); - transform: translateX(-6px) rotateY(-9deg); } - 18.5% { - -webkit-transform: translateX(5px) rotateY(7deg); - transform: translateX(5px) rotateY(7deg); } - 31.5% { - -webkit-transform: translateX(-3px) rotateY(-5deg); - transform: translateX(-3px) rotateY(-5deg); } - 43.5% { - -webkit-transform: translateX(2px) rotateY(3deg); - transform: translateX(2px) rotateY(3deg); } - 50% { - -webkit-transform: translateX(0); - transform: translateX(0); } } - -.animate__headShake { - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - -webkit-animation-name: headShake; - animation-name: headShake; } - -@-webkit-keyframes swing { - 20% { - -webkit-transform: rotate3d(0, 0, 1, 15deg); - transform: rotate3d(0, 0, 1, 15deg); } - 40% { - -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); } - 60% { - -webkit-transform: rotate3d(0, 0, 1, 5deg); - transform: rotate3d(0, 0, 1, 5deg); } - 80% { - -webkit-transform: rotate3d(0, 0, 1, -5deg); - transform: rotate3d(0, 0, 1, -5deg); } - to { - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 0deg); } } - -@keyframes swing { - 20% { - -webkit-transform: rotate3d(0, 0, 1, 15deg); - transform: rotate3d(0, 0, 1, 15deg); } - 40% { - -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); } - 60% { - -webkit-transform: rotate3d(0, 0, 1, 5deg); - transform: rotate3d(0, 0, 1, 5deg); } - 80% { - -webkit-transform: rotate3d(0, 0, 1, -5deg); - transform: rotate3d(0, 0, 1, -5deg); } - to { - -webkit-transform: rotate3d(0, 0, 1, 0deg); - transform: rotate3d(0, 0, 1, 0deg); } } - -.animate__swing { - -webkit-transform-origin: top center; - transform-origin: top center; - -webkit-animation-name: swing; - animation-name: swing; } - -@-webkit-keyframes tada { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 10%, - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } - 30%, - 50%, - 70%, - 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } - 40%, - 60%, - 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } - -@keyframes tada { - from { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } - 10%, - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); - transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } - 30%, - 50%, - 70%, - 90% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } - 40%, - 60%, - 80% { - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } - to { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } - -.animate__tada { - -webkit-animation-name: tada; - animation-name: tada; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes wobble { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes wobble { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 15% { - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } - 30% { - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } - 45% { - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } - 60% { - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } - 75% { - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__wobble { - -webkit-animation-name: wobble; - animation-name: wobble; } - -@-webkit-keyframes jello { - from, - 11.1%, - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 22.2% { - -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); - transform: skewX(-12.5deg) skewY(-12.5deg); } - 33.3% { - -webkit-transform: skewX(6.25deg) skewY(6.25deg); - transform: skewX(6.25deg) skewY(6.25deg); } - 44.4% { - -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); - transform: skewX(-3.125deg) skewY(-3.125deg); } - 55.5% { - -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); - transform: skewX(1.5625deg) skewY(1.5625deg); } - 66.6% { - -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); } - 77.7% { - -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); - transform: skewX(0.39062deg) skewY(0.39062deg); } - 88.8% { - -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); - transform: skewX(-0.19531deg) skewY(-0.19531deg); } } - -@keyframes jello { - from, - 11.1%, - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - 22.2% { - -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); - transform: skewX(-12.5deg) skewY(-12.5deg); } - 33.3% { - -webkit-transform: skewX(6.25deg) skewY(6.25deg); - transform: skewX(6.25deg) skewY(6.25deg); } - 44.4% { - -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); - transform: skewX(-3.125deg) skewY(-3.125deg); } - 55.5% { - -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); - transform: skewX(1.5625deg) skewY(1.5625deg); } - 66.6% { - -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); - transform: skewX(-0.78125deg) skewY(-0.78125deg); } - 77.7% { - -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); - transform: skewX(0.39062deg) skewY(0.39062deg); } - 88.8% { - -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); - transform: skewX(-0.19531deg) skewY(-0.19531deg); } } - -.animate__jello { - -webkit-animation-name: jello; - animation-name: jello; - -webkit-transform-origin: center; - transform-origin: center; } - -@-webkit-keyframes heartBeat { - 0% { - -webkit-transform: scale(1); - transform: scale(1); } - 14% { - -webkit-transform: scale(1.3); - transform: scale(1.3); } - 28% { - -webkit-transform: scale(1); - transform: scale(1); } - 42% { - -webkit-transform: scale(1.3); - transform: scale(1.3); } - 70% { - -webkit-transform: scale(1); - transform: scale(1); } } - -@keyframes heartBeat { - 0% { - -webkit-transform: scale(1); - transform: scale(1); } - 14% { - -webkit-transform: scale(1.3); - transform: scale(1.3); } - 28% { - -webkit-transform: scale(1); - transform: scale(1); } - 42% { - -webkit-transform: scale(1.3); - transform: scale(1.3); } - 70% { - -webkit-transform: scale(1); - transform: scale(1); } } - -.animate__heartBeat { - -webkit-animation-name: heartBeat; - animation-name: heartBeat; - -webkit-animation-duration: calc(1s * 1.3); - animation-duration: calc(1s * 1.3); - -webkit-animation-duration: calc(var(--animate-duration) * 1.3); - animation-duration: calc(var(--animate-duration) * 1.3); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - -/* Back entrances */ -@-webkit-keyframes backInDown { - 0% { - -webkit-transform: translateY(-1200px) scale(0.7); - transform: translateY(-1200px) scale(0.7); - opacity: 0.7; } - 80% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -@keyframes backInDown { - 0% { - -webkit-transform: translateY(-1200px) scale(0.7); - transform: translateY(-1200px) scale(0.7); - opacity: 0.7; } - 80% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -.animate__backInDown { - -webkit-animation-name: backInDown; - animation-name: backInDown; } - -@-webkit-keyframes backInLeft { - 0% { - -webkit-transform: translateX(-2000px) scale(0.7); - transform: translateX(-2000px) scale(0.7); - opacity: 0.7; } - 80% { - -webkit-transform: translateX(0px) scale(0.7); - transform: translateX(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -@keyframes backInLeft { - 0% { - -webkit-transform: translateX(-2000px) scale(0.7); - transform: translateX(-2000px) scale(0.7); - opacity: 0.7; } - 80% { - -webkit-transform: translateX(0px) scale(0.7); - transform: translateX(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -.animate__backInLeft { - -webkit-animation-name: backInLeft; - animation-name: backInLeft; } - -@-webkit-keyframes backInRight { - 0% { - -webkit-transform: translateX(2000px) scale(0.7); - transform: translateX(2000px) scale(0.7); - opacity: 0.7; } - 80% { - -webkit-transform: translateX(0px) scale(0.7); - transform: translateX(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -@keyframes backInRight { - 0% { - -webkit-transform: translateX(2000px) scale(0.7); - transform: translateX(2000px) scale(0.7); - opacity: 0.7; } - 80% { - -webkit-transform: translateX(0px) scale(0.7); - transform: translateX(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -.animate__backInRight { - -webkit-animation-name: backInRight; - animation-name: backInRight; } - -@-webkit-keyframes backInUp { - 0% { - -webkit-transform: translateY(1200px) scale(0.7); - transform: translateY(1200px) scale(0.7); - opacity: 0.7; } - 80% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -@keyframes backInUp { - 0% { - -webkit-transform: translateY(1200px) scale(0.7); - transform: translateY(1200px) scale(0.7); - opacity: 0.7; } - 80% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } } - -.animate__backInUp { - -webkit-animation-name: backInUp; - animation-name: backInUp; } - -/* Back exits */ -@-webkit-keyframes backOutDown { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 20% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: translateY(700px) scale(0.7); - transform: translateY(700px) scale(0.7); - opacity: 0.7; } } - -@keyframes backOutDown { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 20% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: translateY(700px) scale(0.7); - transform: translateY(700px) scale(0.7); - opacity: 0.7; } } - -.animate__backOutDown { - -webkit-animation-name: backOutDown; - animation-name: backOutDown; } - -@-webkit-keyframes backOutLeft { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 20% { - -webkit-transform: translateX(0px) scale(0.7); - transform: translateX(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: translateX(-2000px) scale(0.7); - transform: translateX(-2000px) scale(0.7); - opacity: 0.7; } } - -@keyframes backOutLeft { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 20% { - -webkit-transform: translateX(0px) scale(0.7); - transform: translateX(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: translateX(-2000px) scale(0.7); - transform: translateX(-2000px) scale(0.7); - opacity: 0.7; } } - -.animate__backOutLeft { - -webkit-animation-name: backOutLeft; - animation-name: backOutLeft; } - -@-webkit-keyframes backOutRight { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 20% { - -webkit-transform: translateX(0px) scale(0.7); - transform: translateX(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: translateX(2000px) scale(0.7); - transform: translateX(2000px) scale(0.7); - opacity: 0.7; } } - -@keyframes backOutRight { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 20% { - -webkit-transform: translateX(0px) scale(0.7); - transform: translateX(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: translateX(2000px) scale(0.7); - transform: translateX(2000px) scale(0.7); - opacity: 0.7; } } - -.animate__backOutRight { - -webkit-animation-name: backOutRight; - animation-name: backOutRight; } - -@-webkit-keyframes backOutUp { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 20% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: translateY(-700px) scale(0.7); - transform: translateY(-700px) scale(0.7); - opacity: 0.7; } } - -@keyframes backOutUp { - 0% { - -webkit-transform: scale(1); - transform: scale(1); - opacity: 1; } - 20% { - -webkit-transform: translateY(0px) scale(0.7); - transform: translateY(0px) scale(0.7); - opacity: 0.7; } - 100% { - -webkit-transform: translateY(-700px) scale(0.7); - transform: translateY(-700px) scale(0.7); - opacity: 0.7; } } - -.animate__backOutUp { - -webkit-animation-name: backOutUp; - animation-name: backOutUp; } - -/* Bouncing entrances */ -@-webkit-keyframes bounceIn { - from, - 20%, - 40%, - 60%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); } - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); } - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); } - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); } - to { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } - -@keyframes bounceIn { - from, - 20%, - 40%, - 60%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - 20% { - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); } - 40% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); } - 60% { - opacity: 1; - -webkit-transform: scale3d(1.03, 1.03, 1.03); - transform: scale3d(1.03, 1.03, 1.03); } - 80% { - -webkit-transform: scale3d(0.97, 0.97, 0.97); - transform: scale3d(0.97, 0.97, 0.97); } - to { - opacity: 1; - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); } } - -.animate__bounceIn { - -webkit-animation-duration: calc(1s * 0.75); - animation-duration: calc(1s * 0.75); - -webkit-animation-duration: calc(var(--animate-duration) * 0.75); - animation-duration: calc(var(--animate-duration) * 0.75); - -webkit-animation-name: bounceIn; - animation-name: bounceIn; } - -@-webkit-keyframes bounceInDown { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); - transform: translate3d(0, -3000px, 0) scaleY(3); } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); - transform: translate3d(0, 25px, 0) scaleY(0.9); } - 75% { - -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); - transform: translate3d(0, -10px, 0) scaleY(0.95); } - 90% { - -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); - transform: translate3d(0, 5px, 0) scaleY(0.985); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes bounceInDown { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); - transform: translate3d(0, -3000px, 0) scaleY(3); } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); - transform: translate3d(0, 25px, 0) scaleY(0.9); } - 75% { - -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); - transform: translate3d(0, -10px, 0) scaleY(0.95); } - 90% { - -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); - transform: translate3d(0, 5px, 0) scaleY(0.985); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__bounceInDown { - -webkit-animation-name: bounceInDown; - animation-name: bounceInDown; } - -@-webkit-keyframes bounceInLeft { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); - transform: translate3d(-3000px, 0, 0) scaleX(3); } - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0) scaleX(1); - transform: translate3d(25px, 0, 0) scaleX(1); } - 75% { - -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); - transform: translate3d(-10px, 0, 0) scaleX(0.98); } - 90% { - -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); - transform: translate3d(5px, 0, 0) scaleX(0.995); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes bounceInLeft { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - 0% { - opacity: 0; - -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); - transform: translate3d(-3000px, 0, 0) scaleX(3); } - 60% { - opacity: 1; - -webkit-transform: translate3d(25px, 0, 0) scaleX(1); - transform: translate3d(25px, 0, 0) scaleX(1); } - 75% { - -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); - transform: translate3d(-10px, 0, 0) scaleX(0.98); } - 90% { - -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); - transform: translate3d(5px, 0, 0) scaleX(0.995); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__bounceInLeft { - -webkit-animation-name: bounceInLeft; - animation-name: bounceInLeft; } - -@-webkit-keyframes bounceInRight { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - from { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); - transform: translate3d(3000px, 0, 0) scaleX(3); } - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); - transform: translate3d(-25px, 0, 0) scaleX(1); } - 75% { - -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); - transform: translate3d(10px, 0, 0) scaleX(0.98); } - 90% { - -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); - transform: translate3d(-5px, 0, 0) scaleX(0.995); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes bounceInRight { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - from { - opacity: 0; - -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); - transform: translate3d(3000px, 0, 0) scaleX(3); } - 60% { - opacity: 1; - -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); - transform: translate3d(-25px, 0, 0) scaleX(1); } - 75% { - -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); - transform: translate3d(10px, 0, 0) scaleX(0.98); } - 90% { - -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); - transform: translate3d(-5px, 0, 0) scaleX(0.995); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__bounceInRight { - -webkit-animation-name: bounceInRight; - animation-name: bounceInRight; } - -@-webkit-keyframes bounceInUp { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - from { - opacity: 0; - -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); - transform: translate3d(0, 3000px, 0) scaleY(5); } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); - transform: translate3d(0, -20px, 0) scaleY(0.9); } - 75% { - -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); - transform: translate3d(0, 10px, 0) scaleY(0.95); } - 90% { - -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); - transform: translate3d(0, -5px, 0) scaleY(0.985); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes bounceInUp { - from, - 60%, - 75%, - 90%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } - from { - opacity: 0; - -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); - transform: translate3d(0, 3000px, 0) scaleY(5); } - 60% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); - transform: translate3d(0, -20px, 0) scaleY(0.9); } - 75% { - -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); - transform: translate3d(0, 10px, 0) scaleY(0.95); } - 90% { - -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); - transform: translate3d(0, -5px, 0) scaleY(0.985); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__bounceInUp { - -webkit-animation-name: bounceInUp; - animation-name: bounceInUp; } - -/* Bouncing exits */ -@-webkit-keyframes bounceOut { - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); } - 50%, - 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); } - to { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } } - -@keyframes bounceOut { - 20% { - -webkit-transform: scale3d(0.9, 0.9, 0.9); - transform: scale3d(0.9, 0.9, 0.9); } - 50%, - 55% { - opacity: 1; - -webkit-transform: scale3d(1.1, 1.1, 1.1); - transform: scale3d(1.1, 1.1, 1.1); } - to { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } } - -.animate__bounceOut { - -webkit-animation-duration: calc(1s * 0.75); - animation-duration: calc(1s * 0.75); - -webkit-animation-duration: calc(var(--animate-duration) * 0.75); - animation-duration: calc(var(--animate-duration) * 0.75); - -webkit-animation-name: bounceOut; - animation-name: bounceOut; } - -@-webkit-keyframes bounceOutDown { - 20% { - -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); - transform: translate3d(0, 10px, 0) scaleY(0.985); } - 40%, - 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); - transform: translate3d(0, -20px, 0) scaleY(0.9); } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); - transform: translate3d(0, 2000px, 0) scaleY(3); } } - -@keyframes bounceOutDown { - 20% { - -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); - transform: translate3d(0, 10px, 0) scaleY(0.985); } - 40%, - 45% { - opacity: 1; - -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); - transform: translate3d(0, -20px, 0) scaleY(0.9); } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); - transform: translate3d(0, 2000px, 0) scaleY(3); } } - -.animate__bounceOutDown { - -webkit-animation-name: bounceOutDown; - animation-name: bounceOutDown; } - -@-webkit-keyframes bounceOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); - transform: translate3d(20px, 0, 0) scaleX(0.9); } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); - transform: translate3d(-2000px, 0, 0) scaleX(2); } } - -@keyframes bounceOutLeft { - 20% { - opacity: 1; - -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); - transform: translate3d(20px, 0, 0) scaleX(0.9); } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); - transform: translate3d(-2000px, 0, 0) scaleX(2); } } - -.animate__bounceOutLeft { - -webkit-animation-name: bounceOutLeft; - animation-name: bounceOutLeft; } - -@-webkit-keyframes bounceOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); - transform: translate3d(-20px, 0, 0) scaleX(0.9); } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); - transform: translate3d(2000px, 0, 0) scaleX(2); } } - -@keyframes bounceOutRight { - 20% { - opacity: 1; - -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); - transform: translate3d(-20px, 0, 0) scaleX(0.9); } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); - transform: translate3d(2000px, 0, 0) scaleX(2); } } - -.animate__bounceOutRight { - -webkit-animation-name: bounceOutRight; - animation-name: bounceOutRight; } - -@-webkit-keyframes bounceOutUp { - 20% { - -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); - transform: translate3d(0, -10px, 0) scaleY(0.985); } - 40%, - 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); - transform: translate3d(0, 20px, 0) scaleY(0.9); } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); - transform: translate3d(0, -2000px, 0) scaleY(3); } } - -@keyframes bounceOutUp { - 20% { - -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); - transform: translate3d(0, -10px, 0) scaleY(0.985); } - 40%, - 45% { - opacity: 1; - -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); - transform: translate3d(0, 20px, 0) scaleY(0.9); } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); - transform: translate3d(0, -2000px, 0) scaleY(3); } } - -.animate__bounceOutUp { - -webkit-animation-name: bounceOutUp; - animation-name: bounceOutUp; } - -/* Fading entrances */ -@-webkit-keyframes fadeIn { - from { - opacity: 0; } - to { - opacity: 1; } } - -@keyframes fadeIn { - from { - opacity: 0; } - to { - opacity: 1; } } - -.animate__fadeIn { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; } - -@-webkit-keyframes fadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInDown { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; } - -@-webkit-keyframes fadeInDownBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInDownBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInDownBig { - -webkit-animation-name: fadeInDownBig; - animation-name: fadeInDownBig; } - -@-webkit-keyframes fadeInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInLeft { - -webkit-animation-name: fadeInLeft; - animation-name: fadeInLeft; } - -@-webkit-keyframes fadeInLeftBig { - from { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInLeftBig { - from { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInLeftBig { - -webkit-animation-name: fadeInLeftBig; - animation-name: fadeInLeftBig; } - -@-webkit-keyframes fadeInRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInRight { - -webkit-animation-name: fadeInRight; - animation-name: fadeInRight; } - -@-webkit-keyframes fadeInRightBig { - from { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInRightBig { - from { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInRightBig { - -webkit-animation-name: fadeInRightBig; - animation-name: fadeInRightBig; } - -@-webkit-keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInUp { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; } - -@-webkit-keyframes fadeInUpBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInUpBig { - from { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInUpBig { - -webkit-animation-name: fadeInUpBig; - animation-name: fadeInUpBig; } - -@-webkit-keyframes fadeInTopLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, -100%, 0); - transform: translate3d(-100%, -100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInTopLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, -100%, 0); - transform: translate3d(-100%, -100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInTopLeft { - -webkit-animation-name: fadeInTopLeft; - animation-name: fadeInTopLeft; } - -@-webkit-keyframes fadeInTopRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, -100%, 0); - transform: translate3d(100%, -100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInTopRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, -100%, 0); - transform: translate3d(100%, -100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInTopRight { - -webkit-animation-name: fadeInTopRight; - animation-name: fadeInTopRight; } - -@-webkit-keyframes fadeInBottomLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 100%, 0); - transform: translate3d(-100%, 100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInBottomLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 100%, 0); - transform: translate3d(-100%, 100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInBottomLeft { - -webkit-animation-name: fadeInBottomLeft; - animation-name: fadeInBottomLeft; } - -@-webkit-keyframes fadeInBottomRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 100%, 0); - transform: translate3d(100%, 100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes fadeInBottomRight { - from { - opacity: 0; - -webkit-transform: translate3d(100%, 100%, 0); - transform: translate3d(100%, 100%, 0); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__fadeInBottomRight { - -webkit-animation-name: fadeInBottomRight; - animation-name: fadeInBottomRight; } - -/* Fading exits */ -@-webkit-keyframes fadeOut { - from { - opacity: 1; } - to { - opacity: 0; } } - -@keyframes fadeOut { - from { - opacity: 1; } - to { - opacity: 0; } } - -.animate__fadeOut { - -webkit-animation-name: fadeOut; - animation-name: fadeOut; } - -@-webkit-keyframes fadeOutDown { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } } - -@keyframes fadeOutDown { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } } - -.animate__fadeOutDown { - -webkit-animation-name: fadeOutDown; - animation-name: fadeOutDown; } - -@-webkit-keyframes fadeOutDownBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); } } - -@keyframes fadeOutDownBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, 2000px, 0); - transform: translate3d(0, 2000px, 0); } } - -.animate__fadeOutDownBig { - -webkit-animation-name: fadeOutDownBig; - animation-name: fadeOutDownBig; } - -@-webkit-keyframes fadeOutLeft { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } } - -@keyframes fadeOutLeft { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } } - -.animate__fadeOutLeft { - -webkit-animation-name: fadeOutLeft; - animation-name: fadeOutLeft; } - -@-webkit-keyframes fadeOutLeftBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); } } - -@keyframes fadeOutLeftBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(-2000px, 0, 0); - transform: translate3d(-2000px, 0, 0); } } - -.animate__fadeOutLeftBig { - -webkit-animation-name: fadeOutLeftBig; - animation-name: fadeOutLeftBig; } - -@-webkit-keyframes fadeOutRight { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } } - -@keyframes fadeOutRight { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } } - -.animate__fadeOutRight { - -webkit-animation-name: fadeOutRight; - animation-name: fadeOutRight; } - -@-webkit-keyframes fadeOutRightBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); } } - -@keyframes fadeOutRightBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(2000px, 0, 0); - transform: translate3d(2000px, 0, 0); } } - -.animate__fadeOutRightBig { - -webkit-animation-name: fadeOutRightBig; - animation-name: fadeOutRightBig; } - -@-webkit-keyframes fadeOutUp { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } } - -@keyframes fadeOutUp { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } } - -.animate__fadeOutUp { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp; } - -@-webkit-keyframes fadeOutUpBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); } } - -@keyframes fadeOutUpBig { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, -2000px, 0); - transform: translate3d(0, -2000px, 0); } } - -.animate__fadeOutUpBig { - -webkit-animation-name: fadeOutUpBig; - animation-name: fadeOutUpBig; } - -@-webkit-keyframes fadeOutTopLeft { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, -100%, 0); - transform: translate3d(-100%, -100%, 0); } } - -@keyframes fadeOutTopLeft { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, -100%, 0); - transform: translate3d(-100%, -100%, 0); } } - -.animate__fadeOutTopLeft { - -webkit-animation-name: fadeOutTopLeft; - animation-name: fadeOutTopLeft; } - -@-webkit-keyframes fadeOutTopRight { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(100%, -100%, 0); - transform: translate3d(100%, -100%, 0); } } - -@keyframes fadeOutTopRight { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(100%, -100%, 0); - transform: translate3d(100%, -100%, 0); } } - -.animate__fadeOutTopRight { - -webkit-animation-name: fadeOutTopRight; - animation-name: fadeOutTopRight; } - -@-webkit-keyframes fadeOutBottomRight { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 100%, 0); - transform: translate3d(100%, 100%, 0); } } - -@keyframes fadeOutBottomRight { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 100%, 0); - transform: translate3d(100%, 100%, 0); } } - -.animate__fadeOutBottomRight { - -webkit-animation-name: fadeOutBottomRight; - animation-name: fadeOutBottomRight; } - -@-webkit-keyframes fadeOutBottomLeft { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 100%, 0); - transform: translate3d(-100%, 100%, 0); } } - -@keyframes fadeOutBottomLeft { - from { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - opacity: 0; - -webkit-transform: translate3d(-100%, 100%, 0); - transform: translate3d(-100%, 100%, 0); } } - -.animate__fadeOutBottomLeft { - -webkit-animation-name: fadeOutBottomLeft; - animation-name: fadeOutBottomLeft; } - -/* Flippers */ -@-webkit-keyframes flip { - from { - -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); - transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 40% { - -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 50% { - -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 80% { - -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); - transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - to { - -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); - transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } } - -@keyframes flip { - from { - -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); - transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 40% { - -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - 50% { - -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 80% { - -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); - transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - to { - -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); - transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } } - -.animate__animated.animate__flip { - -webkit-backface-visibility: visible; - backface-visibility: visible; - -webkit-animation-name: flip; - animation-name: flip; } - -@-webkit-keyframes flipInX { - from { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; } - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); } } - -@keyframes flipInX { - from { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 60% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - transform: perspective(400px) rotate3d(1, 0, 0, 10deg); - opacity: 1; } - 80% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); - transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); } } - -.animate__flipInX { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInX; - animation-name: flipInX; } - -@-webkit-keyframes flipInY { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 60% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; } - 80% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); } } - -@keyframes flipInY { - from { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; } - 40% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - transform: perspective(400px) rotate3d(0, 1, 0, -20deg); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - 60% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - transform: perspective(400px) rotate3d(0, 1, 0, 10deg); - opacity: 1; } - 80% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); - transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } - to { - -webkit-transform: perspective(400px); - transform: perspective(400px); } } - -.animate__flipInY { - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipInY; - animation-name: flipInY; } - -@-webkit-keyframes flipOutX { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); } - 30% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; } - to { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; } } - -@keyframes flipOutX { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); } - 30% { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - transform: perspective(400px) rotate3d(1, 0, 0, -20deg); - opacity: 1; } - to { - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - transform: perspective(400px) rotate3d(1, 0, 0, 90deg); - opacity: 0; } } - -.animate__flipOutX { - -webkit-animation-duration: calc(1s * 0.75); - animation-duration: calc(1s * 0.75); - -webkit-animation-duration: calc(var(--animate-duration) * 0.75); - animation-duration: calc(var(--animate-duration) * 0.75); - -webkit-animation-name: flipOutX; - animation-name: flipOutX; - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; } - -@-webkit-keyframes flipOutY { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); } - 30% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; } - to { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; } } - -@keyframes flipOutY { - from { - -webkit-transform: perspective(400px); - transform: perspective(400px); } - 30% { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - transform: perspective(400px) rotate3d(0, 1, 0, -15deg); - opacity: 1; } - to { - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - transform: perspective(400px) rotate3d(0, 1, 0, 90deg); - opacity: 0; } } - -.animate__flipOutY { - -webkit-animation-duration: calc(1s * 0.75); - animation-duration: calc(1s * 0.75); - -webkit-animation-duration: calc(var(--animate-duration) * 0.75); - animation-duration: calc(var(--animate-duration) * 0.75); - -webkit-backface-visibility: visible !important; - backface-visibility: visible !important; - -webkit-animation-name: flipOutY; - animation-name: flipOutY; } - -/* Lightspeed */ -@-webkit-keyframes lightSpeedInRight { - from { - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; } - 60% { - -webkit-transform: skewX(20deg); - transform: skewX(20deg); - opacity: 1; } - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes lightSpeedInRight { - from { - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); - transform: translate3d(100%, 0, 0) skewX(-30deg); - opacity: 0; } - 60% { - -webkit-transform: skewX(20deg); - transform: skewX(20deg); - opacity: 1; } - 80% { - -webkit-transform: skewX(-5deg); - transform: skewX(-5deg); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__lightSpeedInRight { - -webkit-animation-name: lightSpeedInRight; - animation-name: lightSpeedInRight; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - -@-webkit-keyframes lightSpeedInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); - transform: translate3d(-100%, 0, 0) skewX(30deg); - opacity: 0; } - 60% { - -webkit-transform: skewX(-20deg); - transform: skewX(-20deg); - opacity: 1; } - 80% { - -webkit-transform: skewX(5deg); - transform: skewX(5deg); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes lightSpeedInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); - transform: translate3d(-100%, 0, 0) skewX(30deg); - opacity: 0; } - 60% { - -webkit-transform: skewX(-20deg); - transform: skewX(-20deg); - opacity: 1; } - 80% { - -webkit-transform: skewX(5deg); - transform: skewX(5deg); } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__lightSpeedInLeft { - -webkit-animation-name: lightSpeedInLeft; - animation-name: lightSpeedInLeft; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; } - -@-webkit-keyframes lightSpeedOutRight { - from { - opacity: 1; } - to { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; } } - -@keyframes lightSpeedOutRight { - from { - opacity: 1; } - to { - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); - transform: translate3d(100%, 0, 0) skewX(30deg); - opacity: 0; } } - -.animate__lightSpeedOutRight { - -webkit-animation-name: lightSpeedOutRight; - animation-name: lightSpeedOutRight; - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - -@-webkit-keyframes lightSpeedOutLeft { - from { - opacity: 1; } - to { - -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); - transform: translate3d(-100%, 0, 0) skewX(-30deg); - opacity: 0; } } - -@keyframes lightSpeedOutLeft { - from { - opacity: 1; } - to { - -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); - transform: translate3d(-100%, 0, 0) skewX(-30deg); - opacity: 0; } } - -.animate__lightSpeedOutLeft { - -webkit-animation-name: lightSpeedOutLeft; - animation-name: lightSpeedOutLeft; - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; } - -/* Rotating entrances */ -@-webkit-keyframes rotateIn { - from { - -webkit-transform: rotate3d(0, 0, 1, -200deg); - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@keyframes rotateIn { - from { - -webkit-transform: rotate3d(0, 0, 1, -200deg); - transform: rotate3d(0, 0, 1, -200deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -.animate__rotateIn { - -webkit-animation-name: rotateIn; - animation-name: rotateIn; - -webkit-transform-origin: center; - transform-origin: center; } - -@-webkit-keyframes rotateInDownLeft { - from { - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@keyframes rotateInDownLeft { - from { - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -.animate__rotateInDownLeft { - -webkit-animation-name: rotateInDownLeft; - animation-name: rotateInDownLeft; - -webkit-transform-origin: left bottom; - transform-origin: left bottom; } - -@-webkit-keyframes rotateInDownRight { - from { - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@keyframes rotateInDownRight { - from { - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -.animate__rotateInDownRight { - -webkit-animation-name: rotateInDownRight; - animation-name: rotateInDownRight; - -webkit-transform-origin: right bottom; - transform-origin: right bottom; } - -@-webkit-keyframes rotateInUpLeft { - from { - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@keyframes rotateInUpLeft { - from { - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -.animate__rotateInUpLeft { - -webkit-animation-name: rotateInUpLeft; - animation-name: rotateInUpLeft; - -webkit-transform-origin: left bottom; - transform-origin: left bottom; } - -@-webkit-keyframes rotateInUpRight { - from { - -webkit-transform: rotate3d(0, 0, 1, -90deg); - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -@keyframes rotateInUpRight { - from { - -webkit-transform: rotate3d(0, 0, 1, -90deg); - transform: rotate3d(0, 0, 1, -90deg); - opacity: 0; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; } } - -.animate__rotateInUpRight { - -webkit-animation-name: rotateInUpRight; - animation-name: rotateInUpRight; - -webkit-transform-origin: right bottom; - transform-origin: right bottom; } - -/* Rotating exits */ -@-webkit-keyframes rotateOut { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, 200deg); - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; } } - -@keyframes rotateOut { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, 200deg); - transform: rotate3d(0, 0, 1, 200deg); - opacity: 0; } } - -.animate__rotateOut { - -webkit-animation-name: rotateOut; - animation-name: rotateOut; - -webkit-transform-origin: center; - transform-origin: center; } - -@-webkit-keyframes rotateOutDownLeft { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } } - -@keyframes rotateOutDownLeft { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, 45deg); - transform: rotate3d(0, 0, 1, 45deg); - opacity: 0; } } - -.animate__rotateOutDownLeft { - -webkit-animation-name: rotateOutDownLeft; - animation-name: rotateOutDownLeft; - -webkit-transform-origin: left bottom; - transform-origin: left bottom; } - -@-webkit-keyframes rotateOutDownRight { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } } - -@keyframes rotateOutDownRight { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } } - -.animate__rotateOutDownRight { - -webkit-animation-name: rotateOutDownRight; - animation-name: rotateOutDownRight; - -webkit-transform-origin: right bottom; - transform-origin: right bottom; } - -@-webkit-keyframes rotateOutUpLeft { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } } - -@keyframes rotateOutUpLeft { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, -45deg); - transform: rotate3d(0, 0, 1, -45deg); - opacity: 0; } } - -.animate__rotateOutUpLeft { - -webkit-animation-name: rotateOutUpLeft; - animation-name: rotateOutUpLeft; - -webkit-transform-origin: left bottom; - transform-origin: left bottom; } - -@-webkit-keyframes rotateOutUpRight { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, 90deg); - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; } } - -@keyframes rotateOutUpRight { - from { - opacity: 1; } - to { - -webkit-transform: rotate3d(0, 0, 1, 90deg); - transform: rotate3d(0, 0, 1, 90deg); - opacity: 0; } } - -.animate__rotateOutUpRight { - -webkit-animation-name: rotateOutUpRight; - animation-name: rotateOutUpRight; - -webkit-transform-origin: right bottom; - transform-origin: right bottom; } - -/* Specials */ -@-webkit-keyframes hinge { - 0% { - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 20%, - 60% { - -webkit-transform: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 40%, - 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 60deg); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1; } - to { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - opacity: 0; } } - -@keyframes hinge { - 0% { - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 20%, - 60% { - -webkit-transform: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; } - 40%, - 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 60deg); - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1; } - to { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - opacity: 0; } } - -.animate__hinge { - -webkit-animation-duration: calc(1s * 2); - animation-duration: calc(1s * 2); - -webkit-animation-duration: calc(var(--animate-duration) * 2); - animation-duration: calc(var(--animate-duration) * 2); - -webkit-animation-name: hinge; - animation-name: hinge; - -webkit-transform-origin: top left; - transform-origin: top left; } - -@-webkit-keyframes jackInTheBox { - from { - opacity: 0; - -webkit-transform: scale(0.1) rotate(30deg); - transform: scale(0.1) rotate(30deg); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; } - 50% { - -webkit-transform: rotate(-10deg); - transform: rotate(-10deg); } - 70% { - -webkit-transform: rotate(3deg); - transform: rotate(3deg); } - to { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); } } - -@keyframes jackInTheBox { - from { - opacity: 0; - -webkit-transform: scale(0.1) rotate(30deg); - transform: scale(0.1) rotate(30deg); - -webkit-transform-origin: center bottom; - transform-origin: center bottom; } - 50% { - -webkit-transform: rotate(-10deg); - transform: rotate(-10deg); } - 70% { - -webkit-transform: rotate(3deg); - transform: rotate(3deg); } - to { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); } } - -.animate__jackInTheBox { - -webkit-animation-name: jackInTheBox; - animation-name: jackInTheBox; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes rollIn { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes rollIn { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } - to { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__rollIn { - -webkit-animation-name: rollIn; - animation-name: rollIn; } - -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ -@-webkit-keyframes rollOut { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } - -@keyframes rollOut { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } - -.animate__rollOut { - -webkit-animation-name: rollOut; - animation-name: rollOut; } - -/* Zooming entrances */ -@-webkit-keyframes zoomIn { - from { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - 50% { - opacity: 1; } } - -@keyframes zoomIn { - from { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - 50% { - opacity: 1; } } - -.animate__zoomIn { - -webkit-animation-name: zoomIn; - animation-name: zoomIn; } - -@-webkit-keyframes zoomInDown { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -@keyframes zoomInDown { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -.animate__zoomInDown { - -webkit-animation-name: zoomInDown; - animation-name: zoomInDown; } - -@-webkit-keyframes zoomInLeft { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -@keyframes zoomInLeft { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -.animate__zoomInLeft { - -webkit-animation-name: zoomInLeft; - animation-name: zoomInLeft; } - -@-webkit-keyframes zoomInRight { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -@keyframes zoomInRight { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -.animate__zoomInRight { - -webkit-animation-name: zoomInRight; - animation-name: zoomInRight; } - -@-webkit-keyframes zoomInUp { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -@keyframes zoomInUp { - from { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - 60% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -.animate__zoomInUp { - -webkit-animation-name: zoomInUp; - animation-name: zoomInUp; } - -/* Zooming exits */ -@-webkit-keyframes zoomOut { - from { - opacity: 1; } - 50% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - to { - opacity: 0; } } - -@keyframes zoomOut { - from { - opacity: 1; } - 50% { - opacity: 0; - -webkit-transform: scale3d(0.3, 0.3, 0.3); - transform: scale3d(0.3, 0.3, 0.3); } - to { - opacity: 0; } } - -.animate__zoomOut { - -webkit-animation-name: zoomOut; - animation-name: zoomOut; } - -@-webkit-keyframes zoomOutDown { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -@keyframes zoomOutDown { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -.animate__zoomOutDown { - -webkit-animation-name: zoomOutDown; - animation-name: zoomOutDown; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; } - -@-webkit-keyframes zoomOutLeft { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); - transform: scale(0.1) translate3d(-2000px, 0, 0); } } - -@keyframes zoomOutLeft { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); - transform: scale(0.1) translate3d(-2000px, 0, 0); } } - -.animate__zoomOutLeft { - -webkit-animation-name: zoomOutLeft; - animation-name: zoomOutLeft; - -webkit-transform-origin: left center; - transform-origin: left center; } - -@-webkit-keyframes zoomOutRight { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); - transform: scale(0.1) translate3d(2000px, 0, 0); } } - -@keyframes zoomOutRight { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } - to { - opacity: 0; - -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); - transform: scale(0.1) translate3d(2000px, 0, 0); } } - -.animate__zoomOutRight { - -webkit-animation-name: zoomOutRight; - animation-name: zoomOutRight; - -webkit-transform-origin: right center; - transform-origin: right center; } - -@-webkit-keyframes zoomOutUp { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -@keyframes zoomOutUp { - 40% { - opacity: 1; - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } - to { - opacity: 0; - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } - -.animate__zoomOutUp { - -webkit-animation-name: zoomOutUp; - animation-name: zoomOutUp; - -webkit-transform-origin: center bottom; - transform-origin: center bottom; } - -/* Sliding entrances */ -@-webkit-keyframes slideInDown { - from { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes slideInDown { - from { - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__slideInDown { - -webkit-animation-name: slideInDown; - animation-name: slideInDown; } - -@-webkit-keyframes slideInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes slideInLeft { - from { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__slideInLeft { - -webkit-animation-name: slideInLeft; - animation-name: slideInLeft; } - -@-webkit-keyframes slideInRight { - from { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes slideInRight { - from { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__slideInRight { - -webkit-animation-name: slideInRight; - animation-name: slideInRight; } - -@-webkit-keyframes slideInUp { - from { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -@keyframes slideInUp { - from { - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - visibility: visible; } - to { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } - -.animate__slideInUp { - -webkit-animation-name: slideInUp; - animation-name: slideInUp; } - -/* Sliding exits */ -@-webkit-keyframes slideOutDown { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } } - -@keyframes slideOutDown { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } } - -.animate__slideOutDown { - -webkit-animation-name: slideOutDown; - animation-name: slideOutDown; } - -@-webkit-keyframes slideOutLeft { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } } - -@keyframes slideOutLeft { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } } - -.animate__slideOutLeft { - -webkit-animation-name: slideOutLeft; - animation-name: slideOutLeft; } - -@-webkit-keyframes slideOutRight { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } } - -@keyframes slideOutRight { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } } - -.animate__slideOutRight { - -webkit-animation-name: slideOutRight; - animation-name: slideOutRight; } - -@-webkit-keyframes slideOutUp { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } } - -@keyframes slideOutUp { - from { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - to { - visibility: hidden; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } } - -.animate__slideOutUp { - -webkit-animation-name: slideOutUp; - animation-name: slideOutUp; } - -.picker .pc-select .pc-list li:nth-child(even) { - background-color: unset !important; } - -.picker .pc-select { - min-width: 200px !important; - max-width: 200px; } - .picker .pc-select .pc-trigger { - font-size: 14px; - line-height: 31px; - border: 0; - border-bottom: 2px solid #DCDDDF; - border-radius: 0; - padding-left: 0; - padding-right: 0; - background: none; - color: #768492; - position: relative; } - .picker .pc-select .pc-trigger:after { - content: "\EA4E"; - position: absolute; - right: 0; - top: -1; - font-size: 20px; - font-family: remixicon !important; - font-weight: normal; } - .picker .pc-select .pc-trigger:hover { - background: none; - color: #768492; } - .picker .pc-select .pc-list { - -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -ms-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - -o-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); - border: unset !important; } - .picker .pc-select .pc-list li:hover { - background-color: #1f1c2f !important; - color: #fff; } - -.scroller { - overflow-y: auto; - scrollbar-color: #1f1c2f #B2B2B2; - scrollbar-width: thin; } - .scroller::-webkit-scrollbar-thumb { - background-color: #1f1c2f; } - .scroller::-webkit-scrollbar-track { - background-color: #B2B2B2; } - .scroller::-moz-scrollbar-thumb { - background-color: #1f1c2f; } - .scroller::-moz-scrollbar-track { - background-color: #B2B2B2; } - -::-webkit-scrollbar { - width: 8px; - height: 8px; - border-radius: 20px; } - -::-moz-scrollbar { - width: 8px; - height: 8px; - border-radius: 20px; } - -::-webkit-scrollbar-track { - background: #DCDDDF; - border-radius: 20px; } - -::-webkit-scrollbar-thumb { - background: #6c757d; - border-radius: 20px; } - ::-webkit-scrollbar-thumb:hover { - background: #01041b; - border-radius: 20px; } - -::-moz-scrollbar-thumb { - background: #6c757d; - border-radius: 20px; } - ::-moz-scrollbar-thumb:hover { - background: #01041b; - border-radius: 20px; } - -::-webkit-scrollbar { - width: 4px; - height: 8px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -::-moz-scrollbar { - width: 4px; - height: 8px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.scrollbar-thumb { - width: 4px !important; } - -.scrollbar-track-y { - width: 4px !important; } - -body { - font-family: "Roboto", sans-serif; - font-weight: 400; - font-style: normal; - font-size: 16px; - line-height: 26px; - padding: 0; - margin: 0; - color: #768492; - background: #f3f6fd; } - -.body-bg { - background: #f3f6fd; } - -a:hover { - text-decoration: none; } - -.btn i { - margin-right: 5px; } - -.iq-mb-3 { - margin-bottom: 30px !important; } - -h1 { - font-family: "Jost", sans-serif; - font-weight: 400; - margin: 0px; - line-height: 1; - color: #131313; - font-size: 2.488rem; } - h1 a { - color: inherit; } - -h2 { - font-family: "Jost", sans-serif; - font-weight: 400; - margin: 0px; - line-height: 1.5; - color: #131313; - font-size: 2.074em; } - h2 a { - color: inherit; } - -h3 { - font-family: "Jost", sans-serif; - font-weight: 400; - margin: 0px; - line-height: 1.5; - color: #131313; - font-size: 1.728em; } - h3 a { - color: inherit; } - -h4 { - font-family: "Jost", sans-serif; - font-weight: 400; - margin: 0px; - line-height: 1; - color: #131313; - font-size: 1.44em; } - h4 a { - color: inherit; } - -h5 { - font-family: "Jost", sans-serif; - font-weight: 400; - margin: 0px; - line-height: 1.5; - color: #131313; - font-size: 1.2em; } - h5 a { - color: inherit; } - -h6 { - font-family: "Jost", sans-serif; - font-weight: 400; - margin: 0px; - line-height: 1.5; - color: #131313; - font-size: 1em; } - h6 a { - color: inherit; } - -button:focus { - outline: none; } - -.line-height { - line-height: normal; } - -.rounded-normal, .rounded-small { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -:focus { - outline: none; } - -.text-break { - word-break: break-all; } - -.border-none { - border: none !important; } - -.user-list-files { - justify-content: flex-end; } - .user-list-files a { - padding: 10px 15px; - margin: 0 0 0 10px; - border-radius: 5px; - line-height: normal; } - -code { - color: #f674ad; } - -.slick-loading .slick-list { - background: transparent !important; } - -ul.iq-edit-profile li a { - padding: 1rem 1rem !important; - text-align: center; } - -.change-mode { - margin-right: 25px; } - .change-mode .custom-switch.custom-switch-icon .custom-control-input { - height: 100%; } - .change-mode .custom-switch.custom-switch-icon .custom-control-input:checked ~ .custom-control-label:after { - transform: translateX(1.6rem); } - .change-mode .custom-switch.custom-switch-icon .custom-control-input:checked ~ .custom-control-label:before { - background-color: #181818; - border-color: #181818; } - .change-mode .custom-switch.custom-switch-icon label.custom-control-label { - height: 31px; } - .change-mode .custom-switch.custom-switch-icon label.custom-control-label:after { - top: 0; - left: 0; - width: 35px; - height: 30px; - -webkit-border-radius: 5px 0 0 5px; - -moz-border-radius: 5px 0 0 5px; - -ms-border-radius: 5px 0 0 5px; - -o-border-radius: 5px 0 0 5px; - border-radius: 5px 0 0 5px; - background-color: #1f1c2f; - border-color: #1f1c2f; - z-index: 0; } - .change-mode .custom-switch.custom-switch-icon label.custom-control-label:before { - width: 70px; - height: 30px; - top: 0; - left: 0; - background-color: #fff; - border-color: #1f1c2f; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-left { - top: 3px; - z-index: 1; - left: 12px; } - .change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-left i { - font-size: 12px; } - .change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-right { - right: -18px; - top: 3px; } - .change-mode .custom-switch.custom-switch-icon label.custom-control-label .switch-icon-right i { - font-size: 12px; } - -.custom-control-input:focus ~ .custom-control-label:before { - box-shadow: none !important; } - -g[aria-describedby="id-22-description"] { - stroke: none; } - -@media (min-width: 1400px) { - .container { - max-width: 1300px; } - .container-lg { - max-width: 1300px; } - .container-md { - max-width: 1300px; } - .container-sm { - max-width: 1300px; } - .container-xl { - max-width: 1300px; } } - -@media (max-width: 767px) { - .table { - width: 100%; - max-width: 100%; - margin-bottom: 1rem; - display: block; - overflow-x: auto; } - .tree { - display: inline-table; } } - -@media (max-width: 575px) { - .user-list-files { - justify-content: center; - margin-top: 15px; } } - -.content-page { - overflow: hidden; - margin-left: 290px; - padding: 30px 15px 0px 15px; - min-height: 100vh; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -@media (min-width: 1300px) { - body.sidebar-main .content-page { - margin-left: 80px; } - body.sidebar-main .iq-menu-bt-sidebar { - display: block; - margin-left: auto; - margin-right: auto; } } - -@media (max-width: 1299px) { - .content-page { - margin-left: 0; - padding: 90px 15px 0; } } - -@media (max-width: 991px) { - .content-page { - padding: 100px 0 0; } } - -@media (max-width: 479px) { - .content-page { - padding: 90px 0px 0; } - .welcome-content { - display: block !important; - text-align: center; } - .welcome-content .breadcrumb { - justify-content: center; } } - -label { - color: #01041b; } - -.table td { - vertical-align: middle; } - -.table th { - vertical-align: middle; } - -.form-control { - height: 45px; - line-height: 30px; - background: #f3f6fd; - border: 1px solid #DCDDDF; - font-size: 14px; - color: #768492; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - box-shadow: none; } - .form-control:focus { - color: #01041b; - border-color: #1f1c2f; - box-shadow: none; } - -.form-control-sm { - height: 30px; - line-height: 30px; } - -.form-control-lg { - height: 50px; - line-height: 50px; } - -.spin { - -webkit-animation: spin 2s infinite linear; - animation: spin 2s infinite linear; } - -.input-group .input-group-prepend .input-group-text { - border: 1px solid #bfc9d4; - background-color: #f3f6fd; } - -.input-group .input-group-append .input-group-text { - border: 1px solid #bfc9d4; - background-color: #f3f6fd; } - -textarea.form-control { - background-color: #f3f6fd; } - -#editor { - height: 375px; } - -.uploader-file { - display: block; - clear: both; - margin: 0 auto; - width: 100%; - max-width: 600px; } - .uploader-file label { - float: left; - clear: both; - width: 100%; - padding: 2rem 1.5rem; - text-align: center; - background: #fff; - border-radius: 7px; - border: 3px solid #eee; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - user-select: none; } - .uploader-file label.hover { - border: 3px solid; - box-shadow: inset 0 0 0 6px #eee; } - .uploader-file label.hover #start-one i.fa { - -webkit-transform: scale(0.8); - -moz-transform: scale(0.8); - -ms-transform: scale(0.8); - -o-transform: scale(0.8); - transform: scale(0.8); - -webkit-opacity: 0.3; - -moz-opacity: 0.3; - -ms-opacity: 0.3; - -o-opacity: 0.3; - opacity: 0.3; } - .uploader-file #start-one { - float: left; - clear: both; - width: 100%; } - .uploader-file #start-one i.fa { - font-size: 50px; - margin-bottom: 1rem; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .uploader-file #start-one.hidden { - display: none; } - .uploader-file #response { - float: left; - clear: both; - width: 100%; } - .uploader-file #response #messages { - margin-bottom: 0.5rem; } - .uploader-file #response.hidden { - display: none; } - .uploader-file #file-image { - display: inline; - margin: 0 auto 0.5rem auto; - width: auto; - height: auto; - max-width: 180px; } - .uploader-file #file-image.hidden { - display: none; } - .uploader-file #notimage { - display: block; - float: left; - clear: both; - width: 100%; } - .uploader-file #notimage.hidden { - display: none; } - .uploader-file progress { - display: inline; - clear: both; - margin: 0 auto; - width: 100%; - max-width: 180px; - height: 8px; - border: 0; - border-radius: 4px; - background-color: #eee; - overflow: hidden; } - .uploader-file .progress { - display: inline; - clear: both; - margin: 0 auto; - width: 100%; - max-width: 180px; - height: 8px; - border: 0; - border-radius: 4px; - background-color: #eee; - overflow: hidden; } - .uploader-file input[type="file"] { - display: none; } - .uploader-file div { - margin: 0 0 0.5rem 0; - color: #5f6982; } - -.spin { - -webkit-animation: spin 2s infinite linear; - animation: spin 2s infinite linear; } - -.input-group .input-group-prepend .input-group-text { - border: 1px solid #DCDDDF; - background-color: #f3f6fd; } - -.input-group .input-group-append .input-group-text { - border: 1px solid #DCDDDF; - background-color: #f3f6fd; } - -.custom-select { - height: 46px; - border: 1px solid #DCDDDF; } - -.dropone.dropdown-toggle:after { - display: none; } - -.input-group-sm > .custom-select { - height: 30px; } - -.input-group-sm > .form-control:not(textarea) { - height: 30px; } - -.input-group-lg > .custom-select { - height: 50px; } - -.input-group-lg > .form-control:not(textarea) { - height: 50px; } - -.input-group-text.text-area { - padding: 1.9rem .75rem; } - -.custom-file-label::after { - background-color: #f3f6fd; - color: #768492; } - -.custom-file-input:focus ~ .custom-file-label { - border-color: #1f1c2f; - box-shadow: none; } - -.btn-outline-primary.disabled { - color: #1f1c2f; - background-color: transparent; } - -.btn-outline-primary:disabled { - color: #1f1c2f; - background-color: transparent; } - -table.dataTable thead td { - padding: 10px 10px !important; } - -table.dataTable thead th { - padding: 10px 10px !important; } - -.table-striped tbody tr:nth-of-type(odd) { - background-color: #f3f6fd; } - -.table-bordered { - border: 1px solid #DCDDDF; } - .table-bordered td { - border: 1px solid #DCDDDF; } - .table-bordered th { - border: 1px solid #DCDDDF; } - -.dataTables_wrapper .dataTables_filter { - color: #768492; } - -.dataTables_wrapper .dataTables_info { - color: #768492; } - -.dataTables_wrapper .dataTables_length { - color: #768492; } - -.dataTables_wrapper .dataTables_paginate { - color: #768492; } - -.dataTables_wrapper .dataTables_processing { - color: #768492; } - -.dataTables_wrapper .dataTables_paginate span .paginate_button.current { - padding: 3px 10px; - color: #1f1c2f !important; - border: 1px solid #1f1c2f !important; - background: #B2B2B2 !important; - border-radius: 10px; } - .dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover { - color: #1f1c2f !important; - border: 1px solid #1f1c2f !important; - background: #B2B2B2 !important; } - -.dataTables_wrapper .dataTables_filter input { - border-color: #DCDDDF; - background-color: transparent; - border-style: solid; - border-width: 1px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -table.dataTable thead td { - padding: 10px 18px; - border-bottom: 1px solid #DCDDDF !important; } - -table.dataTable thead th { - padding: 10px 18px; - border-bottom: 1px solid #DCDDDF !important; - color: #131313 !important; } - -table.dataTable.no-footer { - border-bottom: 1px solid #DCDDDF !important; } - -.dataTables_wrapper .dataTables_paginate .paginate_button { - box-shadow: none !important; - outline: none !important; } - -.dataTables_wrapper .dataTables_info { - padding-top: 15px !important; } - -.dataTables_wrapper .dataTables_length label { - border-color: #DCDDDF !important; } - -.dataTables_wrapper .dataTables_length select { - border-color: #DCDDDF !important; } - -.custom-control-label:after { - top: .25rem; } - -.custom-control-label:before { - top: .25rem; } - -.custom-switch .custom-control-label::after { - top: calc(.25rem + 2px); } - -.select2-container--default .select2-selection--multiple { - height: 45px; - line-height: 34px; - background: #fafbfe; - border: 1px solid #f1f1f1; - font-size: 14px; - color: #535f6b; - border-radius: 5px; } - -#form-wizard1 { - position: relative; } - #form-wizard1 input[type="file"] { - line-height: 27px; } - #form-wizard1 fieldset:not(:first-of-type) { - display: none; } - -#form-wizard2 { - position: relative; } - -#form-wizard3 { - position: relative; } - -.card { - border: none; - position: relative; } - -.steps { - font-size: 20px; - color: #768492; - font-weight: normal; - text-align: right; } - -#top-tab-list { - margin: 0 -10px 60px; - overflow: hidden; - color: #768492; } - #top-tab-list .active { - color: #1f1c2f; } - #top-tab-list li { - list-style-type: none; - font-size: 18px; - width: 25%; - float: left; - text-align: left; - position: relative; - font-weight: 400; } - #top-tab-list li i { - display: inline-block; - text-align: center; - height: 50px; - width: 50px; - line-height: 50px; - font-size: 20px; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - margin: 0 15px 0 0; - color: #fff; - background: #1f1c2f; } - #top-tab-list li a { - background: #B2B2B2; - color: #1f1c2f; - display: block; - padding: 15px; - margin: 0 10px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - text-decoration: none; } - #top-tab-list li.active a { - color: #fff; - background: #1f1c2f; } - #top-tab-list li.active i { - background-color: #fff; - color: #1f1c2f; } - #top-tab-list li.active.done a { - background: #8ac3a3; } - #top-tab-list li.active.done i { - color: #8ac3a3; } - #top-tab-list li#confirm.active a { - background: #8ac3a3; } - #top-tab-list li#confirm.active i { - color: #8ac3a3; } - -.fit-image { - width: 100%; - object-fit: cover; } - -@media (max-width: 991px) { - #top-tab-list li a { - margin: 0 5px; - padding: 15px 8px; } } - -@media (max-width: 767px) { - #top-tab-list li { - width: 100%; - margin-bottom: 15px; } } - -.stepwizard-row { - display: block; - margin: 0 -20px; } - .stepwizard-row .wizard-step a.btn { - background: #fff; - color: #768492; - font-size: 18px; - font-weight: 400; - display: block; - padding: 50px 15px; - margin: 10px 20px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - text-decoration: none; - border: 1px solid #B2B2B2; } - .stepwizard-row .wizard-step i { - display: block; - text-align: center; - height: 65px; - width: 65px; - line-height: 65px; - font-size: 25px; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - margin: 0 auto 20px; - color: #fff; - background: #1f1c2f; } - .stepwizard-row #user.active a { - background: #B2B2B2; - border-color: #1f1c2f; } - .stepwizard-row #document.active a { - background: #ffdce8; - border-color: #f674ad; } - .stepwizard-row #bank.active a { - background: #ddfeeb; - border-color: #8ac3a3; } - .stepwizard-row #confirm.active a { - background: #fff0e1; - border-color: #f0864a; } - .stepwizard-row .wizard-step#user i { - background: #B2B2B2; - color: #1f1c2f; } - .stepwizard-row .wizard-step#document i { - background: #ffdce8; - color: #f674ad; } - .stepwizard-row .wizard-step#bank i { - background: #ddfeeb; - color: #8ac3a3; } - .stepwizard-row .wizard-step#confirm i { - background: #fff0e1; - color: #f0864a; } - .stepwizard-row .wizard-step.active i { - background-color: #fff !important; } - .stepwizard-row .wizard-step#document.active i { - background: #ffdce8; - color: #f674ad; } - .stepwizard-row .wizard-step#bank.active i { - background: #ddfeeb; - color: #8ac3a3; } - .stepwizard-row .wizard-step#confirm.active i { - background: #fff0e1; - color: #f0864a; } - -.stepwizard { - display: table; - width: 100%; - position: relative; } - -.setup-content { - margin-top: 60px; } - -.wizard-step { - font-size: 18px; - width: 25%; - float: left; - position: relative; - font-weight: 400; - text-align: center; } - -.has-error .help-block { - color: #f674ad; } - -.has-error .control-label { - color: #f674ad; } - -.has-error .radio { - color: #f674ad; } - -.has-error .checkbox { - color: #f674ad; } - -.has-error .radio-inline { - color: #f674ad; } - -.has-error .checkbox-inline { - color: #f674ad; } - -.has-error .form-control { - border: 1px solid #f674ad; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - -.btn.disabled { - cursor: not-allowed; - pointer-events: none; - -webkit-box-shadow: none; - box-shadow: none; } - -.btn[disabled] { - cursor: not-allowed; - pointer-events: none; - -webkit-box-shadow: none; - box-shadow: none; } - -fieldset[disabled] .btn { - cursor: not-allowed; - pointer-events: none; - -webkit-box-shadow: none; - box-shadow: none; } - -@media (max-width: 767px) { - .wizard-step { - width: 50%; } } - -@media (max-width: 479px) { - .wizard-step { - width: 100%; } } - -#form-wizard3 fieldset:not(:first-of-type) { - display: none; } - -#top-tabbar-vertical { - overflow: hidden; - color: #768492; - margin: 0 -20px 60px; } - #top-tabbar-vertical .active { - color: #1f1c2f; } - #top-tabbar-vertical li { - list-style-type: none; - font-size: 18px; - width: 100%; - float: left; - position: relative; - font-weight: 400; } - #top-tabbar-vertical li i { - display: inline-block; - text-align: center; - height: 50px; - width: 50px; - line-height: 50px; - font-size: 20px; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - margin: 0 20px 0 0; } - #top-tabbar-vertical li a { - background: #fff; - color: #000; - display: block; - padding: 20px 15px; - margin: 10px 20px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - text-decoration: none; - border: 1px solid #B2B2B2; } - #top-tabbar-vertical li.step1 i { - background: #B2B2B2; - color: #1f1c2f; } - #top-tabbar-vertical li.step2 i { - background: #ffdce8; - color: #f674ad; } - #top-tabbar-vertical li.step3 i { - background: #ddfeeb; - color: #8ac3a3; } - #top-tabbar-vertical li.step4 i { - background: #fff0e1; - color: #f0864a; } - #top-tabbar-vertical li.active a { - border-color: transparent; } - #top-tabbar-vertical li.active i { - background-color: #fff; - color: #1f1c2f; - background: #fff !important; } - #top-tabbar-vertical .step1.active a { - background: #B2B2B2; } - #top-tabbar-vertical .step2.active a { - background: #ffdce8; } - #top-tabbar-vertical .step3.active a { - background: #ddfeeb; } - #top-tabbar-vertical .step4.active a { - background: #fff0e1; } - -.iq-icons-list { - line-height: 50px; - margin-bottom: 15px; - display: inline-block; } - .iq-icons-list i { - text-align: center; - vertical-align: middle; - font-size: 22px; - width: 40px; - height: 50px; - line-height: 50px; - margin-right: 10px; - display: inline-block; } - .iq-icons-list .icon { - text-align: center; - vertical-align: middle; - font-size: 22px; - width: 40px; - height: 40px; - line-height: 50px; - margin-right: 10px; - display: inline-block; } - .iq-icons-list span { - display: inline-block; - vertical-align: middle; } - -.iq-card-icon { - height: 60px; - width: 60px; - display: inline-block; - line-height: 60px; - text-align: center; - font-size: 22px; } - -.ion-icon { - height: 15px; - width: 15px; - line-height: 15px; - font-size: 22px; - margin-right: 10px; } - -.iq-iconbox { - height: 50px; - width: 50px; - line-height: 50px; - text-align: center; - font-size: 25px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.iq-icon-box { - height: 64px; - width: 64px; - min-width: 64px; - line-height: 64px; - text-align: center; - margin-right: 10px; - font-size: 26px; - text-decoration: none; } - -.card.iq-border-box { - border-bottom: 4px solid; } - -.profile-icon { - height: 40px; - width: 40px; - line-height: 40px; - text-align: center; - font-size: 20px; - font-weight: 700; } - -.iq-error { - width: 100%; - overflow: hidden; - display: inline-block; } - .iq-error h1.text-in-box { - position: absolute; - top: 0; - left: 0; - right: 0; - font-size: 8em; - font-weight: 700; } - -.iq-error-img { - position: static; - display: inline-block; - margin-bottom: 20px; } - -.iq-error-img { - width: 50%; } - -.height-self-center { - height: 100vh; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.landing img { - width: 100%; -} - -@media (max-width: 767px) { - .iq-error h1.text-in-box { - font-size: 5em; } } - -@media (max-width: 479px) { - .iq-error h1.text-in-box { - font-size: 4em; } - .iq-error h2 { - font-size: 1.5em; } } - -.login-content { - position: relative; - height: 100vh; - z-index: 99; } - .login-content .floating-label label { - color: #768492; - font-size: 14px; - font-weight: 400; - position: absolute; - pointer-events: none; - left: 12px; - top: 50%; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - -o-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - .login-content .form-control { - border-color: #DCDDDF; } - .login-content .form-control:focus { - border-width: 2px; - border-color: #1f1c2f; } - .login-content .custom-control-label::before { - background-color: #f3f6fd; } - .login-content .sign-user_card { - padding: 20px; - text-align: center; - background: #fff; - -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -ms-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -o-box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - box-shadow: 0 0px 40px rgba(0, 0, 0, 0.05); - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .login-content .sign-user_card .logo-detail { - margin: 0 auto 20px; - text-align: center; - display: inline-block; } - .login-content .sign-user_card .logo { - max-height: 50px; } - .login-content .sign-user_card .custom-control-label { - color: #768492; } - .login-content .sign-user_card .logo-detail { - margin: 0 auto 20px; - text-align: center; - display: inline-block; } - -.floating-label { - position: relative; - margin-bottom: 20px; } - -.floating-input:focus ~ label { - color: #1f1c2f; - top: 0; - left: 6px; - font-size: 10px; - background: #f3f6fd; - padding: 1px 8px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.floating-input:not(:placeholder-shown) { - color: #768492; - border: 1px solid #848486; } - .floating-input:not(:placeholder-shown) ~ label { - top: 0; - font-size: 10px; - left: 6px; - background: #f3f6fd; - padding: 5px 8px; } - -@media (min-width: 992px) { - .lb-img { - position: absolute; - bottom: 0; - left: 0; - width: 213px; } - .rb-img { - position: absolute; - bottom: 0; - right: 0; - width: 194px; } - .cnf-mail { - width: 80%; } } - -@media (max-width: 991px) { - .lb-img { - display: none; } - .rb-img { - display: none; } } - -#loading { - background-color: #f3f6fd; - height: 100%; - width: 100%; - position: fixed; - margin-top: 0px; - top: 0px; - left: 0px; - bottom: 0px; - overflow: hidden !important; - right: 0px; - z-index: 999999; } - -#loading-center { - background: url(../images/loader.gif) no-repeat scroll center center; - background-size: 20%; - width: 100%; - height: 100%; - position: relative; } - -.loader { - width: 3em; - height: 3em; - margin: auto; - left: 0; - right: 0; - top: 0; - bottom: 0; - position: absolute; } - -/*------------------*/ -@keyframes loader1 { - 0%, 100% { - box-shadow: 0em -2.6em 0em 0em #4788ff, 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.5), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.7); } - 12.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.7), 1.8em -1.8em 0 0em #4788ff, 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.5); } - 25% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.5), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.7), 2.5em 0em 0 0em #4788ff, 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 37.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.5), 2.5em 0em 0 0em rgba(71, 136, 255, 0.7), 1.75em 1.75em 0 0em #4788ff, 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 50% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.5), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.7), 0em 2.5em 0 0em #4788ff, -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 62.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.5), 0em 2.5em 0 0em rgba(71, 136, 255, 0.7), -1.8em 1.8em 0 0em #4788ff, -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 75% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.5), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.7), -2.6em 0em 0 0em #4788ff, -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 87.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.5), -2.6em 0em 0 0em rgba(71, 136, 255, 0.7), -1.8em -1.8em 0 0em #4788ff; } } - -@-webkit-keyframes loader1 { - 0%, 100% { - box-shadow: 0em -2.6em 0em 0em #4788ff, 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.5), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.7); } - 12.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.7), 1.8em -1.8em 0 0em #4788ff, 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.5); } - 25% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.5), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.7), 2.5em 0em 0 0em #4788ff, 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 37.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.5), 2.5em 0em 0 0em rgba(71, 136, 255, 0.7), 1.75em 1.75em 0 0em #4788ff, 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 50% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.5), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.7), 0em 2.5em 0 0em #4788ff, -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 62.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.5), 0em 2.5em 0 0em rgba(71, 136, 255, 0.7), -1.8em 1.8em 0 0em #4788ff, -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 75% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.5), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.7), -2.6em 0em 0 0em #4788ff, -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 87.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.5), -2.6em 0em 0 0em rgba(71, 136, 255, 0.7), -1.8em -1.8em 0 0em #4788ff; } } - -@-webkit-keyframes loader2 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader2 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes loader-3-outter { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader-3-outter { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes loader-3-inner { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } } - -@keyframes loader-3-inner { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } } - -@-webkit-keyframes loader4 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader4 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader5 { - 0%, 100% { - -webkit-transform: translateX(0px); - -moz-transform: translateX(0px); - -ms-transform: translateX(0px); - -o-transform: translateX(0px); - transform: translateX(0px); } - 75% { - -webkit-transform: translateX(30px); - -moz-transform: translateX(30px); - -ms-transform: translateX(30px); - -o-transform: translateX(30px); - transform: translateX(30px); } } - -@keyframes loader5_1 { - 0%, 100% { - -webkit-transform: translateY(0px); - -moz-transform: translateY(0px); - -ms-transform: translateY(0px); - -o-transform: translateY(0px); - transform: translateY(0px); } - 75% { - -webkit-transform: translateY(30px); - -moz-transform: translateY(30px); - -ms-transform: translateY(30px); - -o-transform: translateY(30px); - transform: translateY(30px); } } - -@keyframes loader5_2 { - 0%, 100% { - -webkit-transform: translate(0px, 0px); - -moz-transform: translate(0px, 0px); - -ms-transform: translate(0px, 0px); - -o-transform: translate(0px, 0px); - transform: translate(0px, 0px); } - 75% { - -webkit-transform: translate(30px, 30px); - -moz-transform: translate(30px, 30px); - -ms-transform: translate(30px, 30px); - -o-transform: translate(30px, 30px); - transform: translate(30px, 30px); } } - -@keyframes inner1 { - 0% { - -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } - 100% { - -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } - -@keyframes inner2 { - 0% { - -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } - 100% { - -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } - -@keyframes inner3 { - 0% { - -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } - 100% { - -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } - -@keyframes loader7 { - 0% { - -webkit-transform: rotate(0); - -moz-transform: rotate(0); - -ms-transform: rotate(0); - -o-transform: rotate(0); - transform: rotate(0); } - 50% { - -webkit-transform: rotateY(180deg); - -moz-transform: rotateY(180deg); - -ms-transform: rotateY(180deg); - -o-transform: rotateY(180deg); - transform: rotateY(180deg); } - 100% { - -webkit-transform: rotateY(180deg) rotateX(180deg); - -moz-transform: rotateY(180deg) rotateX(180deg); - -ms-transform: rotateY(180deg) rotateX(180deg); - -o-transform: rotateY(180deg) rotateX(180deg); - transform: rotateY(180deg) rotateX(180deg); } } - -@-webkit-keyframes loader8 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader8 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes loader9 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader9 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader10 { - 0%, 100% { - -webkit-transform: translate(0, 0) rotate(0); - -moz-transform: translate(0, 0) rotate(0); - -ms-transform: translate(0, 0) rotate(0); - -o-transform: translate(0, 0) rotate(0); - transform: translate(0, 0) rotate(0); } - 25% { - -webkit-transform: translate(40px, 40px) rotate(45deg); - -moz-transform: translate(40px, 40px) rotate(45deg); - -ms-transform: translate(40px, 40px) rotate(45deg); - -o-transform: translate(40px, 40px) rotate(45deg); - transform: translate(40px, 40px) rotate(45deg); } - 50% { - -webkit-transform: translate(0px, 80px) rotate(0deg); - -moz-transform: translate(0px, 80px) rotate(0deg); - -ms-transform: translate(0px, 80px) rotate(0deg); - -o-transform: translate(0px, 80px) rotate(0deg); - transform: translate(0px, 80px) rotate(0deg); } - 75% { - -webkit-transform: translate(-40px, 40px) rotate(45deg); - -moz-transform: translate(-40px, 40px) rotate(45deg); - -ms-transform: translate(-40px, 40px) rotate(45deg); - -o-transform: translate(-40px, 40px) rotate(45deg); - transform: translate(-40px, 40px) rotate(45deg); } } - -@keyframes loader11 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader12 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } - 50% { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); - border-radius: 0%; } - 100% { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } } - -@-webkit-keyframes loader13 { - to { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader13 { - to { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes loader14 { - 0% { - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } - 50% { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } - 100% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } } - -@keyframes loader14 { - 0% { - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } - 50% { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } - 100% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } } - -@-webkit-keyframes loader15-inner { - 0% { - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); } - 100% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } } - -@keyframes loader15-inner { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } } - -@-webkit-keyframes loader15 { - 0% { - border-width: 0px; } - 100% { - border-width: 10px; } } - -@keyframes loader15 { - 0% { - border-width: 0px; } - 100% { - border-width: 10px; } } - -@-webkit-keyframes loader16 { - 0% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader16 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -.iq-loader-box { - height: 150px; - text-align: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - vertical-align: middle; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .iq-loader-box [class*="loader-"] { - display: inline-block; - width: 60px; - height: 60px; - color: inherit; - vertical-align: middle; - position: relative; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } - .iq-loader-box .iq-loader-1 { - width: 1em; - height: 1em; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - position: relative; - text-indent: -9999em; - -webkit-animation: loader1 1.1s infinite ease; - animation: loader1 1.1s infinite ease; - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -ms-transform: translateZ(0); - -o-transform: translateZ(0); - transform: translateZ(0); } - .iq-loader-box .iq-loader-2 { - border: 7px double #37e6b0; - -webkit-animation: loader2 1s linear infinite; - animation: loader2 1s linear infinite; } - .iq-loader-box .iq-loader-2:before { - content: ""; - position: absolute; - width: 12px; - height: 12px; - background: #37e6b0; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - bottom: 0; - right: 37px; } - .iq-loader-box .iq-loader-2:after { - content: ""; - position: absolute; - width: 12px; - height: 12px; - background: #37e6b0; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - bottom: 0; - right: 37px; - left: 37px; - top: 0; } - .iq-loader-box .iq-loader-3 { - position: relative; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - display: inline-block; - vertical-align: middle; } - .iq-loader-box .iq-loader-3 .loader-outter { - position: absolute; - border: 4px solid #f50057; - border-left-color: transparent; - border-bottom: 0; - width: 100%; - height: 100%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - -webkit-animation: loader-3-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; - animation: loader-3-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; } - .iq-loader-box .iq-loader-3 .loader-inner { - position: absolute; - border: 4px solid #f50057; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 40px; - height: 40px; - left: calc(50% - 20px); - top: calc(50% - 20px); - border-right: 0; - border-top-color: transparent; - -webkit-animation: loader-3-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; - animation: loader-3-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; } - .iq-loader-box .iq-loader-4 { - border: .2em solid transparent; - border-top-color: #fe721c; - border-bottom-color: #fe721c; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - position: relative; - -webkit-animation: 1s loader4 linear infinite; - animation: 1s loader4 linear infinite; } - .iq-loader-box .iq-loader-4:before { - content: ''; - display: block; - width: 0; - height: 0; - position: absolute; - border: .2em solid transparent; - border-bottom-color: #fe721c; - -webkit-transform: rotate(135deg); - transform: rotate(135deg); - right: -.3em; - top: -.05em; } - .iq-loader-box .iq-loader-4:after { - content: ''; - display: block; - width: 0; - height: 0; - position: absolute; - border: .2em solid transparent; - border-bottom-color: #fe721c; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - left: -.3em; - bottom: -.05em; } - .iq-loader-box .iq-loader-5 { - width: 100px; - height: 100px; - border-radius: 100%; - position: relative; - margin: 0 auto; } - .iq-loader-box .iq-loader-5 span { - display: block; - position: absolute; - left: calc(50% - 20px); - top: calc(50% - 20px); - width: 20px; - height: 20px; - background-color: var(--info); } - .iq-loader-box .iq-loader-5 span:nth-child(1) { - animation: loader5 1s ease-in-out infinite; } - .iq-loader-box .iq-loader-5 span:nth-child(2) { - animation: loader5_1 1s ease-in-out infinite; } - .iq-loader-box .iq-loader-5 span:nth-child(3) { - animation: loader5_2 1s ease-in-out infinite; } - .iq-loader-box .iq-loader-6 .inner { - position: absolute; - box-sizing: border-box; - width: 100%; - height: 100%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } - .iq-loader-box .iq-loader-6 .inner1 { - left: 0%; - top: 0%; - animation: inner1 1s linear infinite; - border-bottom: 3px solid #ff4b4b; } - .iq-loader-box .iq-loader-6 .inner2 { - right: 0%; - top: 0%; - animation: inner2 1s linear infinite; - border-right: 3px solid #ff4b4b; } - .iq-loader-box .iq-loader-6 .inner3 { - right: 0%; - bottom: 0%; - animation: inner3 1s linear infinite; - border-top: 3px solid #ff4b4b; } - .iq-loader-box .iq-loader-7:before { - content: ""; - position: absolute; - left: 0px; - width: 50px; - height: 50px; - background-color: #3498db; - animation: loader7 1s infinite; } - .iq-loader-box .iq-loader-8 { - border: 1.2em solid transparent; - border-left-color: #d0bac2; - border-right-color: #d0bac2; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - -webkit-animation: 1s loader8 linear infinite; - animation: 1s loader8 linear infinite; } - .iq-loader-box .iq-loader-9 { - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 7em; - height: 7em; - margin: 60px auto; - font-size: 10px; - position: relative; - text-indent: -9999em; - border-top: 1.1em solid rgba(255, 107, 208, 0.2); - border-right: 1.1em solid rgba(255, 107, 208, 0.2); - border-bottom: 1.1em solid rgba(255, 107, 208, 0.2); - border-left: 1.1em solid #ff6bd0; - -webkit-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - -webkit-animation: loader9 1.1s infinite linear; - animation: loader9 1.1s infinite linear; } - .iq-loader-box .iq-loader-9:after { - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 7em; - height: 7em; } - .iq-loader-box .iq-loader-10:before { - content: ""; - width: 20px; - height: 20px; - position: absolute; - top: -10px; - left: calc(50% - 10px); - background-color: #3450db; - animation: loader10 1s ease-in-out infinite; } - .iq-loader-box .iq-loader-10:after { - content: ""; - width: 20px; - height: 20px; - position: absolute; - top: -10px; - left: calc(50% - 10px); - background-color: #3450db; - animation: loader10 1s ease-in-out infinite; - bottom: 0; - animation-delay: 0.5s; } - .iq-loader-box .iq-loader-11 { - background: #000000; } - .iq-loader-box .iq-loader-11:before { - content: ''; - position: absolute; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 25px; - height: 25px; - margin: 0 0 0 -12px; - background-color: white; - top: auto; - bottom: 0; - left: 50%; - transform-origin: 50% 0%; - animation: loader11 1s infinite linear; } - .iq-loader-box .iq-loader-12 { - animation: loader12 1s infinite linear; - background: #6dca5c; } - .iq-loader-box .iq-loader-13 { - border-top: 0.2em solid #a7a4ca; - border-right: .2em solid transparent; - -webkit-animation: loader13 1s linear infinite; - animation: loader13 1s linear infinite; - border-radius: 100%; - position: relative; } - .iq-loader-box .iq-loader-14 { - border: 0 solid transparent; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - position: relative; } - .iq-loader-box .iq-loader-14:before { - content: ''; - border: 1em solid #13d7eb; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: inherit; - height: inherit; - position: absolute; - top: 0; - left: 0; - -webkit-animation: loader14 1s linear infinite; - animation: loader14 1s linear infinite; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - -webkit-animation-delay: 1s; - animation-delay: 1s; } - .iq-loader-box .iq-loader-14:after { - content: ''; - border: 1em solid #13d7eb; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: inherit; - height: inherit; - position: absolute; - top: 0; - left: 0; - -webkit-animation: loader14 1s linear infinite; - animation: loader14 1s linear infinite; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - -webkit-animation-delay: .5s; - animation-delay: .5s; } - .iq-loader-box .iq-loader-15 { - border: 6px groove #7e57c2; - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - -webkit-transition: all 1s ease; - transition: all 1s ease; - -webkit-animation: loader15-inner 1s ease-out alternate infinite; - animation: loader15-inner 1s ease-out alternate infinite; } - .iq-loader-box .iq-loader-15 .loader-inner { - border: 0px inset #9575cd; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 100%; - height: 100%; - -webkit-animation: loader15 1s ease-out alternate infinite; - animation: loader15 1s ease-out alternate infinite; } - .iq-loader-box .iq-loader-16 { - width: 70px; - height: 70px; - border: 5px dashed #b3a57c; - -webkit-animation: loader16 2s linear both infinite; - animation: loader16 2s linear both infinite; } - -.iq-timeline { - margin: 0 0 0 20px; - padding: 0; - width: 100%; } - .iq-timeline li { - margin-left: 35px; - position: relative; - padding: 15px 15px 0 5px; - list-style-type: none; } - .iq-timeline li .timeline-dots { - position: absolute; - top: 20px; - left: -54px; - border: 3px solid #1f1c2f; - border-radius: 90px; - padding: 5px; - background: #ffffff; - height: 40px; - width: 40px; - line-height: 25px; - text-align: center; } - -.iq-timeline:before { - content: ''; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -moz-transform: translateX(-50%); - -ms-transform: translateX(-50%); - -o-transform: translateX(-50%); - transform: translateX(-50%); - width: 2px; - height: 100%; - background-color: #ccc; } - -.timeline-page .iq-timeline ul li { - width: 50%; - padding: 5px 30px 40px 30px; - cursor: pointer; - margin: 0px; } - .timeline-page .iq-timeline ul li:nth-child(odd) { - float: left; - text-align: right; - clear: both; } - .timeline-page .iq-timeline ul li:nth-child(odd) .timeline-dots { - right: -8px; - left: auto; } - .timeline-page .iq-timeline ul li:nth-child(odd) .time { - padding-left: 10px; - right: -145px; - -webkit-box-shadow: 0px 0px 0px 3px rgba(80, 181, 255, 0.3); - -moz-box-shadow: 0px 0px 0px 3px rgba(80, 181, 255, 0.3); - -ms-box-shadow: 0px 0px 0px 3px rgba(80, 181, 255, 0.3); - -o-box-shadow: 0px 0px 0px 3px rgba(80, 181, 255, 0.3); - box-shadow: 0px 0px 0px 3px rgba(80, 181, 255, 0.3); } - .timeline-page .iq-timeline ul li:nth-child(even) { - float: right; - text-align: left; - clear: both; } - .timeline-page .iq-timeline ul li:nth-child(even) .timeline-dots { - left: -8px; - right: auto; } - .timeline-page .iq-timeline ul li:nth-child(even) .time { - text-align: right; - padding-right: 10px; - left: -145px; - -webkit-box-shadow: 0px 0px 0px 3px rgba(73, 240, 211, 0.3); - -moz-box-shadow: 0px 0px 0px 3px rgba(73, 240, 211, 0.3); - -ms-box-shadow: 0px 0px 0px 3px rgba(73, 240, 211, 0.3); - -o-box-shadow: 0px 0px 0px 3px rgba(73, 240, 211, 0.3); - box-shadow: 0px 0px 0px 3px rgba(73, 240, 211, 0.3); } - .timeline-page .iq-timeline ul li .time { - position: absolute; - top: 15px; - background-color: #1f1c2f; - color: #fff; - text-align: left; - width: 120px; - height: 28px; - line-height: 28px; - border-radius: 20px; } - -.timeline-page .iq-timeline li .timeline-dots { - height: 15px; - width: 15px; - background: #fff !important; } - -.timeline-page .iq-timeline0 ul li { - width: 50%; - padding: 5px 30px 40px 30px; - cursor: pointer; - margin: 0px; } - .timeline-page .iq-timeline0 ul li:nth-child(odd) { - float: left; - text-align: left; - width: 100%; - padding: 0 0 0 60px; - margin-bottom: 20px; } - .timeline-page .iq-timeline0 ul li:nth-child(odd) .timeline-dots { - left: 12px; - right: auto; } - .timeline-page .iq-timeline0 ul li:nth-child(odd) .timeline-dots.timeline-dot1 { - left: 12px; - right: auto; } - .timeline-page .iq-timeline0 ul li:nth-child(even) { - float: left; - text-align: left; - width: 100%; - padding: 0 0 0 60px; - margin-bottom: 20px; } - .timeline-page .iq-timeline0 ul li:nth-child(even) .timeline-dots { - left: 12px; - right: auto; } - .timeline-page .iq-timeline0 ul li:nth-child(even) .timeline-dots.timeline-dot1 { - left: 12px; - right: auto; } - -.timeline-page .iq-timeline0 li .timeline-dots { - height: 15px; - width: 15px; - background: #fff !important; } - -.timeline-page .iq-timeline0 li .timeline-dots1 { - position: absolute; - top: 0; - left: 0; - border: 3px solid #1f1c2f; - border-radius: 90px; - padding: 5px; - background: #fff; - height: 40px; - width: 40px; - line-height: 25px; - text-align: center; } - -.timeline-page .iq-timeline0 li .timeline-dots.timeline-dot1 { - height: 15px; - width: 15px; } - -.timeline-page .iq-timeline1 ul li { - width: 50%; - padding: 20px 30px 0px 30px; - cursor: pointer; - margin: 0px; } - .timeline-page .iq-timeline1 ul li:nth-child(odd) { - float: left; - text-align: right; - clear: both; - margin-left: -19px; } - .timeline-page .iq-timeline1 ul li:nth-child(odd) .timeline-dots { - right: -28px; - left: auto; } - .timeline-page .iq-timeline1 ul li:nth-child(even) { - float: right; - text-align: left; - clear: both; - margin-right: -20px; } - .timeline-page .iq-timeline1 ul li:nth-child(even) .timeline-dots { - left: -27px; - right: auto; } - -.timeline-page .iq-timeline2 ul li:nth-child(odd) { - float: left; - text-align: left; - width: 100%; - padding: 0 0 0 60px; - margin-bottom: 20px; } - -.timeline-page .iq-timeline2 ul li:nth-child(even) { - float: left; - text-align: left; - width: 100%; - padding: 0 0 0 60px; - margin-bottom: 20px; } - -.timeline-page .iq-timeline2:before { - content: ''; - position: absolute; - left: 30px; - transform: translateX(-50%); - width: 2px; - height: 100%; - background-color: #ccc; } - -.timeline-page .iq-timeline2 .content-date { - position: absolute; - top: 0; - left: 0; - width: 60px; - height: 60px; - line-height: 22px; - padding-top: 8px; - text-align: center; - margin-left: 0px; - border-radius: 100%; } - .timeline-page .iq-timeline2 .content-date .date { - display: block; - font-size: 20px; - font-weight: 700; } - -.iq-timeline0 li { - margin-left: 35px; - position: relative; - padding: 15px 15px 0 5px; - list-style-type: none; } - .iq-timeline0 li .timeline-dots { - position: absolute; - top: 20px; - left: -54px; - border: 3px solid #1f1c2f; - border-radius: 90px; - padding: 5px; - background: #ffffff; - height: 40px; - width: 40px; - line-height: 25px; - text-align: center; } - -.iq-timeline0:before { - content: ''; - position: absolute; - left: 20px; - -webkit-transform: translateX(-50%); - -moz-transform: translateX(-50%); - -ms-transform: translateX(-50%); - -o-transform: translateX(-50%); - transform: translateX(-50%); - width: 2px; - height: 100%; - background-color: #ccc; } - -.iq-timeline1 li { - margin-left: 35px; - position: relative; - padding: 15px 15px 0 5px; - list-style-type: none; } - .iq-timeline1 li .timeline-dots { - position: absolute; - top: 20px; - left: -54px; - border: 3px solid #1f1c2f; - border-radius: 90px; - padding: 5px; - background: #fff; - height: 15px; - width: 15px; - line-height: 25px; - text-align: center; } - -.iq-timeline1:before { - content: ''; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -moz-transform: translateX(-50%); - -ms-transform: translateX(-50%); - -o-transform: translateX(-50%); - transform: translateX(-50%); - width: 2px; - height: 100%; - background-color: #ccc; } - -.iq-timeline2 li { - margin-left: 0px; - position: relative; - padding: 15px 15px 0 5px; - list-style-type: none; } - -@media (max-width: 575px) { - .timeline-page .iq-timeline ul li { - padding-left: 10px; - padding-right: 10px; } - .timeline-page .iq-timeline ul li .time { - width: 90px; } - .timeline-page .iq-timeline ul li:nth-child(odd) .time { - right: -115px; } - .timeline-page .iq-timeline ul li:nth-child(even) .time { - left: -115px; } } - -.active-faq a.accordion-title { - display: block; - padding-right: 45px; } - -.iq-accordion.career-style.faq-style .iq-accordion-block { - padding: 10px 5px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - .iq-accordion.career-style.faq-style .iq-accordion-block .accordion-title span { - padding-left: 0px; } - .iq-accordion.career-style.faq-style .iq-accordion-block .accordion-details p { - padding-left: 15px; - padding-top: 15px; - padding-bottom: 15px; } - -.iq-accordion.career-style.faq-style .accordion-title:before { - display: inline-block; - cursor: pointer; - content: ""; - font-family: remixicon; - position: absolute; - top: -8px; - right: 15px; - color: #1e1e1e; - font-size: 16px; - line-height: 16px; - font-weight: normal; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - width: 45px; - height: 45px; - line-height: 45px; - text-align: center; - -webkit-border-radius: 90px; - -moz-border-radius: 90px; - -ms-border-radius: 90px; - -o-border-radius: 90px; - border-radius: 90px; } - -.iq-accordion.career-style.faq-style .iq-accordion-block.accordion-active .accordion-title:before { - content: ""; - display: inline-block; - -webkit-border-radius: 90px; - -moz-border-radius: 90px; - -ms-border-radius: 90px; - -o-border-radius: 90px; - border-radius: 90px; } - -.iq-accordion.career-style.faq-style .active-faq .row { - background: transparent; - padding: 10px 0px; } - -.iq-accordion.career-style .iq-accordion-block { - margin-bottom: 30px; } - .iq-accordion.career-style .iq-accordion-block .accordion-title span { - font-size: 16px; - display: table-cell; - color: #01041b; } - -#loading { - background-color: #f3f6fd; - height: 100%; - width: 100%; - position: fixed; - margin-top: 0px; - top: 0px; - left: 0px; - bottom: 0px; - overflow: hidden !important; - right: 0px; - z-index: 999999; } - -#loading-center { - background: url(../images/loader.gif) no-repeat scroll center center; - background-size: 20%; - width: 100%; - height: 100%; - position: relative; } - -.loader { - width: 3em; - height: 3em; - margin: auto; - left: 0; - right: 0; - top: 0; - bottom: 0; - position: absolute; } - -/*------------------*/ -@keyframes loader1 { - 0%, 100% { - box-shadow: 0em -2.6em 0em 0em #4788ff, 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.5), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.7); } - 12.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.7), 1.8em -1.8em 0 0em #4788ff, 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.5); } - 25% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.5), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.7), 2.5em 0em 0 0em #4788ff, 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 37.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.5), 2.5em 0em 0 0em rgba(71, 136, 255, 0.7), 1.75em 1.75em 0 0em #4788ff, 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 50% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.5), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.7), 0em 2.5em 0 0em #4788ff, -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 62.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.5), 0em 2.5em 0 0em rgba(71, 136, 255, 0.7), -1.8em 1.8em 0 0em #4788ff, -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 75% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.5), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.7), -2.6em 0em 0 0em #4788ff, -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 87.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.5), -2.6em 0em 0 0em rgba(71, 136, 255, 0.7), -1.8em -1.8em 0 0em #4788ff; } } - -@-webkit-keyframes loader1 { - 0%, 100% { - box-shadow: 0em -2.6em 0em 0em #4788ff, 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.5), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.7); } - 12.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.7), 1.8em -1.8em 0 0em #4788ff, 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.5); } - 25% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.5), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.7), 2.5em 0em 0 0em #4788ff, 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 37.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.5), 2.5em 0em 0 0em rgba(71, 136, 255, 0.7), 1.75em 1.75em 0 0em #4788ff, 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 50% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.5), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.7), 0em 2.5em 0 0em #4788ff, -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.2), -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 62.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.5), 0em 2.5em 0 0em rgba(71, 136, 255, 0.7), -1.8em 1.8em 0 0em #4788ff, -2.6em 0em 0 0em rgba(71, 136, 255, 0.2), -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 75% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.5), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.7), -2.6em 0em 0 0em #4788ff, -1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2); } - 87.5% { - box-shadow: 0em -2.6em 0em 0em rgba(71, 136, 255, 0.2), 1.8em -1.8em 0 0em rgba(71, 136, 255, 0.2), 2.5em 0em 0 0em rgba(71, 136, 255, 0.2), 1.75em 1.75em 0 0em rgba(71, 136, 255, 0.2), 0em 2.5em 0 0em rgba(71, 136, 255, 0.2), -1.8em 1.8em 0 0em rgba(71, 136, 255, 0.5), -2.6em 0em 0 0em rgba(71, 136, 255, 0.7), -1.8em -1.8em 0 0em #4788ff; } } - -@-webkit-keyframes loader2 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader2 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes loader-3-outter { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader-3-outter { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes loader-3-inner { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } } - -@keyframes loader-3-inner { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } } - -@-webkit-keyframes loader4 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader4 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader5 { - 0%, 100% { - -webkit-transform: translateX(0px); - -moz-transform: translateX(0px); - -ms-transform: translateX(0px); - -o-transform: translateX(0px); - transform: translateX(0px); } - 75% { - -webkit-transform: translateX(30px); - -moz-transform: translateX(30px); - -ms-transform: translateX(30px); - -o-transform: translateX(30px); - transform: translateX(30px); } } - -@keyframes loader5_1 { - 0%, 100% { - -webkit-transform: translateY(0px); - -moz-transform: translateY(0px); - -ms-transform: translateY(0px); - -o-transform: translateY(0px); - transform: translateY(0px); } - 75% { - -webkit-transform: translateY(30px); - -moz-transform: translateY(30px); - -ms-transform: translateY(30px); - -o-transform: translateY(30px); - transform: translateY(30px); } } - -@keyframes loader5_2 { - 0%, 100% { - -webkit-transform: translate(0px, 0px); - -moz-transform: translate(0px, 0px); - -ms-transform: translate(0px, 0px); - -o-transform: translate(0px, 0px); - transform: translate(0px, 0px); } - 75% { - -webkit-transform: translate(30px, 30px); - -moz-transform: translate(30px, 30px); - -ms-transform: translate(30px, 30px); - -o-transform: translate(30px, 30px); - transform: translate(30px, 30px); } } - -@keyframes inner1 { - 0% { - -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); - transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } - 100% { - -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); - transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } - -@keyframes inner2 { - 0% { - -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); - transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } - 100% { - -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); - transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } - -@keyframes inner3 { - 0% { - -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); - transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } - 100% { - -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); - transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } - -@keyframes loader7 { - 0% { - -webkit-transform: rotate(0); - -moz-transform: rotate(0); - -ms-transform: rotate(0); - -o-transform: rotate(0); - transform: rotate(0); } - 50% { - -webkit-transform: rotateY(180deg); - -moz-transform: rotateY(180deg); - -ms-transform: rotateY(180deg); - -o-transform: rotateY(180deg); - transform: rotateY(180deg); } - 100% { - -webkit-transform: rotateY(180deg) rotateX(180deg); - -moz-transform: rotateY(180deg) rotateX(180deg); - -ms-transform: rotateY(180deg) rotateX(180deg); - -o-transform: rotateY(180deg) rotateX(180deg); - transform: rotateY(180deg) rotateX(180deg); } } - -@-webkit-keyframes loader8 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader8 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes loader9 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader9 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader10 { - 0%, 100% { - -webkit-transform: translate(0, 0) rotate(0); - -moz-transform: translate(0, 0) rotate(0); - -ms-transform: translate(0, 0) rotate(0); - -o-transform: translate(0, 0) rotate(0); - transform: translate(0, 0) rotate(0); } - 25% { - -webkit-transform: translate(40px, 40px) rotate(45deg); - -moz-transform: translate(40px, 40px) rotate(45deg); - -ms-transform: translate(40px, 40px) rotate(45deg); - -o-transform: translate(40px, 40px) rotate(45deg); - transform: translate(40px, 40px) rotate(45deg); } - 50% { - -webkit-transform: translate(0px, 80px) rotate(0deg); - -moz-transform: translate(0px, 80px) rotate(0deg); - -ms-transform: translate(0px, 80px) rotate(0deg); - -o-transform: translate(0px, 80px) rotate(0deg); - transform: translate(0px, 80px) rotate(0deg); } - 75% { - -webkit-transform: translate(-40px, 40px) rotate(45deg); - -moz-transform: translate(-40px, 40px) rotate(45deg); - -ms-transform: translate(-40px, 40px) rotate(45deg); - -o-transform: translate(-40px, 40px) rotate(45deg); - transform: translate(-40px, 40px) rotate(45deg); } } - -@keyframes loader11 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader12 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } - 50% { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); - border-radius: 0%; } - 100% { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } } - -@-webkit-keyframes loader13 { - to { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader13 { - to { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@-webkit-keyframes loader14 { - 0% { - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } - 50% { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } - 100% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } } - -@keyframes loader14 { - 0% { - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } - 50% { - -webkit-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; } - 100% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; } } - -@-webkit-keyframes loader15-inner { - 0% { - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); } - 100% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } } - -@keyframes loader15-inner { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } } - -@-webkit-keyframes loader15 { - 0% { - border-width: 0px; } - 100% { - border-width: 10px; } } - -@keyframes loader15 { - 0% { - border-width: 0px; } - 100% { - border-width: 10px; } } - -@-webkit-keyframes loader16 { - 0% { - -webkit-transform: rotate(-360deg); - -moz-transform: rotate(-360deg); - -ms-transform: rotate(-360deg); - -o-transform: rotate(-360deg); - transform: rotate(-360deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -@keyframes loader16 { - 0% { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); } } - -.iq-loader-box { - height: 150px; - text-align: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - vertical-align: middle; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .iq-loader-box [class*="loader-"] { - display: inline-block; - width: 60px; - height: 60px; - color: inherit; - vertical-align: middle; - position: relative; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } - .iq-loader-box .iq-loader-1 { - width: 1em; - height: 1em; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - position: relative; - text-indent: -9999em; - -webkit-animation: loader1 1.1s infinite ease; - animation: loader1 1.1s infinite ease; - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -ms-transform: translateZ(0); - -o-transform: translateZ(0); - transform: translateZ(0); } - .iq-loader-box .iq-loader-2 { - border: 7px double #37e6b0; - -webkit-animation: loader2 1s linear infinite; - animation: loader2 1s linear infinite; } - .iq-loader-box .iq-loader-2:before { - content: ""; - position: absolute; - width: 12px; - height: 12px; - background: #37e6b0; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - bottom: 0; - right: 37px; } - .iq-loader-box .iq-loader-2:after { - content: ""; - position: absolute; - width: 12px; - height: 12px; - background: #37e6b0; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - bottom: 0; - right: 37px; - left: 37px; - top: 0; } - .iq-loader-box .iq-loader-3 { - position: relative; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - display: inline-block; - vertical-align: middle; } - .iq-loader-box .iq-loader-3 .loader-outter { - position: absolute; - border: 4px solid #f50057; - border-left-color: transparent; - border-bottom: 0; - width: 100%; - height: 100%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - -webkit-animation: loader-3-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; - animation: loader-3-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; } - .iq-loader-box .iq-loader-3 .loader-inner { - position: absolute; - border: 4px solid #f50057; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 40px; - height: 40px; - left: calc(50% - 20px); - top: calc(50% - 20px); - border-right: 0; - border-top-color: transparent; - -webkit-animation: loader-3-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; - animation: loader-3-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; } - .iq-loader-box .iq-loader-4 { - border: .2em solid transparent; - border-top-color: #fe721c; - border-bottom-color: #fe721c; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - position: relative; - -webkit-animation: 1s loader4 linear infinite; - animation: 1s loader4 linear infinite; } - .iq-loader-box .iq-loader-4:before { - content: ''; - display: block; - width: 0; - height: 0; - position: absolute; - border: .2em solid transparent; - border-bottom-color: #fe721c; - -webkit-transform: rotate(135deg); - transform: rotate(135deg); - right: -.3em; - top: -.05em; } - .iq-loader-box .iq-loader-4:after { - content: ''; - display: block; - width: 0; - height: 0; - position: absolute; - border: .2em solid transparent; - border-bottom-color: #fe721c; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - left: -.3em; - bottom: -.05em; } - .iq-loader-box .iq-loader-5 { - width: 100px; - height: 100px; - border-radius: 100%; - position: relative; - margin: 0 auto; } - .iq-loader-box .iq-loader-5 span { - display: block; - position: absolute; - left: calc(50% - 20px); - top: calc(50% - 20px); - width: 20px; - height: 20px; - background-color: var(--info); } - .iq-loader-box .iq-loader-5 span:nth-child(1) { - animation: loader5 1s ease-in-out infinite; } - .iq-loader-box .iq-loader-5 span:nth-child(2) { - animation: loader5_1 1s ease-in-out infinite; } - .iq-loader-box .iq-loader-5 span:nth-child(3) { - animation: loader5_2 1s ease-in-out infinite; } - .iq-loader-box .iq-loader-6 .inner { - position: absolute; - box-sizing: border-box; - width: 100%; - height: 100%; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; } - .iq-loader-box .iq-loader-6 .inner1 { - left: 0%; - top: 0%; - animation: inner1 1s linear infinite; - border-bottom: 3px solid #ff4b4b; } - .iq-loader-box .iq-loader-6 .inner2 { - right: 0%; - top: 0%; - animation: inner2 1s linear infinite; - border-right: 3px solid #ff4b4b; } - .iq-loader-box .iq-loader-6 .inner3 { - right: 0%; - bottom: 0%; - animation: inner3 1s linear infinite; - border-top: 3px solid #ff4b4b; } - .iq-loader-box .iq-loader-7:before { - content: ""; - position: absolute; - left: 0px; - width: 50px; - height: 50px; - background-color: #3498db; - animation: loader7 1s infinite; } - .iq-loader-box .iq-loader-8 { - border: 1.2em solid transparent; - border-left-color: #d0bac2; - border-right-color: #d0bac2; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - -webkit-animation: 1s loader8 linear infinite; - animation: 1s loader8 linear infinite; } - .iq-loader-box .iq-loader-9 { - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 7em; - height: 7em; - margin: 60px auto; - font-size: 10px; - position: relative; - text-indent: -9999em; - border-top: 1.1em solid rgba(255, 107, 208, 0.2); - border-right: 1.1em solid rgba(255, 107, 208, 0.2); - border-bottom: 1.1em solid rgba(255, 107, 208, 0.2); - border-left: 1.1em solid #ff6bd0; - -webkit-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - -webkit-animation: loader9 1.1s infinite linear; - animation: loader9 1.1s infinite linear; } - .iq-loader-box .iq-loader-9:after { - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 7em; - height: 7em; } - .iq-loader-box .iq-loader-10:before { - content: ""; - width: 20px; - height: 20px; - position: absolute; - top: -10px; - left: calc(50% - 10px); - background-color: #3450db; - animation: loader10 1s ease-in-out infinite; } - .iq-loader-box .iq-loader-10:after { - content: ""; - width: 20px; - height: 20px; - position: absolute; - top: -10px; - left: calc(50% - 10px); - background-color: #3450db; - animation: loader10 1s ease-in-out infinite; - bottom: 0; - animation-delay: 0.5s; } - .iq-loader-box .iq-loader-11 { - background: #000000; } - .iq-loader-box .iq-loader-11:before { - content: ''; - position: absolute; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 25px; - height: 25px; - margin: 0 0 0 -12px; - background-color: white; - top: auto; - bottom: 0; - left: 50%; - transform-origin: 50% 0%; - animation: loader11 1s infinite linear; } - .iq-loader-box .iq-loader-12 { - animation: loader12 1s infinite linear; - background: #6dca5c; } - .iq-loader-box .iq-loader-13 { - border-top: 0.2em solid #a7a4ca; - border-right: .2em solid transparent; - -webkit-animation: loader13 1s linear infinite; - animation: loader13 1s linear infinite; - border-radius: 100%; - position: relative; } - .iq-loader-box .iq-loader-14 { - border: 0 solid transparent; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - position: relative; } - .iq-loader-box .iq-loader-14:before { - content: ''; - border: 1em solid #13d7eb; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: inherit; - height: inherit; - position: absolute; - top: 0; - left: 0; - -webkit-animation: loader14 1s linear infinite; - animation: loader14 1s linear infinite; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - -webkit-animation-delay: 1s; - animation-delay: 1s; } - .iq-loader-box .iq-loader-14:after { - content: ''; - border: 1em solid #13d7eb; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: inherit; - height: inherit; - position: absolute; - top: 0; - left: 0; - -webkit-animation: loader14 1s linear infinite; - animation: loader14 1s linear infinite; - -webkit-opacity: 0; - -moz-opacity: 0; - -ms-opacity: 0; - -o-opacity: 0; - opacity: 0; - -webkit-animation-delay: .5s; - animation-delay: .5s; } - .iq-loader-box .iq-loader-15 { - border: 6px groove #7e57c2; - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - -webkit-transition: all 1s ease; - transition: all 1s ease; - -webkit-animation: loader15-inner 1s ease-out alternate infinite; - animation: loader15-inner 1s ease-out alternate infinite; } - .iq-loader-box .iq-loader-15 .loader-inner { - border: 0px inset #9575cd; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - width: 100%; - height: 100%; - -webkit-animation: loader15 1s ease-out alternate infinite; - animation: loader15 1s ease-out alternate infinite; } - .iq-loader-box .iq-loader-16 { - width: 70px; - height: 70px; - border: 5px dashed #b3a57c; - -webkit-animation: loader16 2s linear both infinite; - animation: loader16 2s linear both infinite; } - -.treegrid-indent { - width: 0px; - height: 16px; - display: inline-block; - position: relative; } - -.table-data .table tbody tr { - color: #000; } - -.treegrid-expander { - width: 0px; - height: 16px; - display: inline-block; - position: relative; - left: -17px; - cursor: pointer; } - -.glyphicon.glyphicon-chevron-right:before { - position: absolute; - content: "\EA6E"; - font-family: remixicon; - top: 0; - bottom: 0; - left: 0; - right: 0; } - -.glyphicon.glyphicon-chevron-down:before { - position: absolute; - content: "\EA4E"; - font-family: remixicon; - top: 0; - bottom: 0; - left: 0; - right: 0; } - -.glyphicon.glyphicon-plus:before { - position: absolute; - content: "\EA13"; - font-family: remixicon; - top: 0; - bottom: 0; - left: 0; - right: 0; } - -.glyphicon.glyphicon-minus:before { - position: absolute; - content: "\F1AF"; - font-family: remixicon; - top: 0; - bottom: 0; - left: 0; - right: 0; } - -.logo-invoice { - height: 55px; } - -.print .card-title { - color: #fff; } - -.print .table thead { - background: #f3f6fd; } - .print .table thead th { - border: 0; } - -.print .table th { - border: 0; } - -.print .table td { - border-top: 0; } - -.print .table tr { - border-top: 1px solid #dee2e6; } - .print .table tr:first-child { - border-top: 0; } - -.btn-primary-dark { - background: #07060E; - color: #fff; } - .btn-primary-dark:hover { - color: #fff; } - -.or-detail { - background: #f3f6fd; - border: 1px solid rgba(210, 201, 255, 0.4); } - .or-detail p { - margin-bottom: 0; } - -.ttl-amt { - border-top: 1px solid rgba(210, 201, 255, 0.4); } - -#scroll1 { - position: relative; - width: 600px; - height: 250px; } - -.sweet_al .btn { - margin-right: 5px; } - -@media (max-width: 479px) { - .header-invoice { - display: block !important; - text-align: center; } - .header-invoice .invoice-btn { - margin-top: 15px; } } - -.pricing .table th { - border-top: none; - border-bottom: 1px solid #dee2e6; } - -.pricing .table td { - border-top: none !important; } - -.pricing .table tr { - border-bottom: 1px solid #dee2e6; } - .pricing .table tr:last-child { - border-bottom: 0; } - -.prc-box { - background: #f3f6fd; - padding: 15px; - position: relative; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.type { - position: absolute; - background: #1f1c2f; - padding: 9px 25px; - color: #fff; - top: -15px; - left: 50%; - -webkit-transform: translateX(-50%); - -moz-transform: translateX(-50%); - -ms-transform: translateX(-50%); - -o-transform: translateX(-50%); - transform: translateX(-50%); - font-weight: 500; } - .type:before { - position: absolute; - content: ''; - width: 0; - height: 0; - right: -15px; - top: 0px; - border-left: 15px solid #07060E; - border-top: 15px solid transparent; } - .type:after { - position: absolute; - content: ''; - width: 0; - height: 0; - left: -15px; - top: 0px; - border-right: 15px solid #07060E; - border-top: 15px solid transparent; } - -.prc-box.active { - background: #1f1c2f; } - .prc-box.active .h3 { - color: #fff; } - .prc-box.active .type { - background: #f3f6fd; - color: #01041b; } - .prc-box.active .type:before { - border-left: 16px solid #07060E; - right: -16px; } - .prc-box.active .type:after { - border-right: 16px solid #07060E; - left: -16px; } - -.prc-wrap { - border-bottom: none !important; } - -.i_close { - font-size: 22px; } - -.p-image { - position: absolute; - top: auto; - right: 6px; - bottom: 10px; - transition: all .3s ease; - background: #1f1c2f; - color: #fff; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - height: 30px; - width: 30px; - line-height: 28px; - text-align: center; - font-size: 12px; - cursor: pointer; } - -.upload-button { - font-size: 1.5em; } - -.file-upload { - display: none; } - -.upload_profile { - position: relative; } - -.child-cell.active { - color: #1f1c2f; } - -.iq-social ul li a { - display: block; - text-align: center; - font-size: 16px; - line-height: 43px; } - -.card .pricing-radius-box { - -webkit-border-radius: 60px 0 60px 0; - -moz-border-radius: 60px 0 60px 0; - -ms-border-radius: 60px 0 60px 0; - -o-border-radius: 60px 0 60px 0; - border-radius: 60px 0 60px 0; } - -.pricing-header { - padding: 20px 0; - -webkit-border-radius: 10px 10px 50% 50%; - -moz-border-radius: 10px 10px 50% 50%; - -ms-border-radius: 10px 10px 50% 50%; - -o-border-radius: 10px 10px 50% 50%; - border-radius: 10px 10px 50% 50%; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - margin-bottom: 20px; } - -.pricing-details .icon-data { - font-size: 50px; } - -.pricing-custom-tab .tab-pane.fade.active.show { - display: block; } - -.pricing-custom-tab .tab-pane.fade { - display: none; } - -.pricing-custom-tab li.nav-item .nav-link { - border: 1px solid #DCDDDF; - color: #01041b; - font-size: 16px; - padding: 12px 35px; - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - border-radius: 0; } - -.pricing-custom-tab li.nav-item .nav-link.active { - color: #fff; - background: #1f1c2f; } - -.pricing-custom-tab li.nav-item .star-circle { - background-color: #1f1c2f; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); - -moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); - -ms-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); - -o-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); - box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); - color: #fff; - display: block; - font-size: 13px; - height: 25px; - padding: 0; - line-height: 23px; - text-align: center; - width: 20px; - position: absolute; - top: -14px; - left: -14px; - z-index: 1; } - -.nav-pills li { - position: relative; } - -.iq-avatars .iq-avatar { - margin-right: 10px; - margin-bottom: 10px; - position: relative; - display: inline-block; } - -.profile-icon.iq-icon-box { - height: 58px; - width: 58px; - line-height: 58px; - text-align: center; - margin-right: 10px; - font-size: 26px; - text-decoration: none; } - -.profile-overly { - position: absolute; - left: auto; - bottom: 0; - right: 0; - background: #fff; - padding: 10px 30px; - text-align: center; - border-radius: 10px 10px 0 0; } - -ul.iq-contact-rest li a p { - word-break: break-all; } - -.crm-profile-img-edit { - position: relative; } - .crm-profile-img-edit .file-upload { - display: none; } - -.crm-profile-pic { - border-radius: 10px; } - -.crm-p-image { - position: absolute; - top: auto; - left: 69px; - bottom: -9px; - transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -ms-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - height: 35px; - width: 35px; - text-align: center; - font-size: 12px; - cursor: pointer; - border: 5px solid #fff; } - .crm-p-image .upload-button { - font-size: 13px; - line-height: 26px; } - -@media (max-width: 479px) { - .profile-overly h3 { - font-size: 14px; } } - -.subscriber-detail .title { - padding: 5px 20px; - line-height: 26px; } - -.subscriber-detail .iq-card-btn { - position: absolute; - top: 0px; - left: -15px; - margin: 0 auto; - border: 4px solid #fff; - padding: 2px; - height: 40px; - width: 40px; - line-height: 22px; - font-size: 20px; } - -.subscriber-detail .iq-card-btn.title-instagram { - background-color: #d6249f !important; - background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%) !important; - color: #fff; } - -.subscriber-detail .iq-card-btn.title-whatsapp { - background-color: #00e676 !important; - color: #fff; - text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.22); } - -.subscriber-detail .iq-card-btn.title-twitter { - background-color: #1da1f2 !important; - color: #fff; } - -.subscriber-detail .iq-card-btn.title-facebook { - background-color: #3b5998 !important; - background-image: linear-gradient(#4e69a2, #3b5998 50%) !important; - color: #fff; } - -.iq-note-callapse-btn { - line-height: 38px; - color: #848486; } - -.card.card-content-left { - width: 85%; - margin-right: 30px; } - -.write-card { - padding-left: 30px !important; - padding-right: 30px !important; } - -.note-right .view-btn.btn-dropdown { - padding: 0 10px; - width: 35px; - height: 38px; - line-height: 38px; } - -.note-right .dropdown-toggle:after { - display: none; } - -.iq-icon-box-2 { - height: 45px; - width: 45px; - min-width: 45px; - line-height: 45px; - text-align: center; - font-size: 22px; - text-decoration: none; } - .iq-icon-box-2 .svg-icon { - text-align: center; - margin-top: -5px; } - -.iq-grid .view-btn { - height: 40px; - width: 40px; - line-height: 40px; - text-align: center; - background: #f3f6fd; } - -.iq-grid .list-grid-toggle .icon.i-grid { - display: none; } - -.iq-grid .list-grid-toggle .icon.active.i-grid { - display: block; - height: 40px; - width: 40px; - font-size: 20px; - line-height: 38px; - text-align: center; - background: #f3f6fd; } - -.iq-grid .list-grid-toggle .icon.active.i-list { - display: none; } - -.iq-grid .list-grid-toggle .icon.i-list { - display: block; - height: 40px; - width: 40px; - font-size: 20px; - line-height: 38px; - text-align: center; - background: #f3f6fd; } - -.iq-grid .list-grid-toggle .label.label-list { - display: none; } - -.iq-grid .icon.i-grid { - display: none; } - -.iq-grid .icon.active.i-grid { - display: block; } - -.iq-grid .icon.active.i-list { - display: none; } - -.iq-grid .icon.i-list { - display: block; } - -.note-tab .nav-item:first-child .nav-link { - margin-left: 0; } - -.note-tab .nav-item:last-child .nav-link { - margin-right: 0; } - -.note-tab .nav-item .nav-link { - margin: 0 1rem; - padding-left: 0; - padding-right: 0; - border-radius: 0; - border-bottom: 1px solid transparent; - color: #848486; - font-weight: 600; } - .note-tab .nav-item .nav-link.active { - background-color: transparent; - border-bottom-color: #1f1c2f; - color: #1f1c2f; } - .note-tab .nav-item .nav-link:hover { - border-bottom-color: #1f1c2f; - color: #1f1c2f; } - -.header-title i { - vertical-align: middle; } - -.edit-notes .ql-toolbar.ql-snow { - top: -7px; } - -.note-content { - min-height: 370px; } - .note-content .icon.i-grid { - display: none; } - .note-content .icon.active.i-grid { - display: block; } - .note-content .icon.active.i-list { - display: none; } - .note-content .icon.i-list { - display: block; } - -.note-detail .checkbox-input { - vertical-align: middle; } - -.note-detail .note-checkbox { - color: #768492; } - -.note-detail:hover .note-content .tab-pane .note-list { - color: #fff; } - -.note-detail .note-checkbox { - color: #fff; } - -.event-note .ql-snow { - border: 0 !important; - padding: 0 !important; } - -.event-note h1 { - margin-bottom: 20px !important; } - -.event-note p { - font-size: 16px; - color: #768492; - font-family: "Roboto", sans-serif; } - -.event-note .ql-editor { - padding-left: 0; - padding-right: 0; } - -.event-note ul { - margin-top: 20px !important; - padding-left: 0px !important; - list-style: inherit; } - .event-note ul li { - font-size: 16px; - color: #768492; - font-family: "Roboto", sans-serif; - margin-bottom: 15px !important; } - .event-note ul li:before { - text-align: left !important; } - -.event-note img { - margin-top: 10px; - margin-right: 18px; } - -.dropdown-item i { - vertical-align: middle; } - -.tbl-server-info a.badge { - margin: 5px 0px; - font-size: 16px; - padding: 7px 10px; } - -.filter-btn span.dropdown-toggle:after { - display: none; } - -.filter-btn .form-group { - width: 200px; } - -i { - vertical-align: middle; } - -.add-tag a { - position: absolute; - left: 20px; } - -.add-tag .search-input { - width: 100%; - border: 0; - background: unset; - padding-left: 35px; } - -.btn-cancel { - cursor: pointer; - font-size: 22px; } - -@media (max-width: 991px) { - .card.card-content-left { - width: 100%; - margin-right: 0px; } - .card.card-content-right { - display: none; } - .navbar-expand-lg .navbar-nav .dropdown-menu { - position: absolute; - left: 0; - right: auto; } } - -@media (max-width: 560px) { - .iq-grid { - padding-bottom: 15px; } - .note-tab .nav-link { - margin: 0 0.3rem; } } - -@media (max-width: 420px) { - .note-tab.nav-pills li { - width: 100%; } - .note-tab.nav-pills li:first-child .nav-link { - margin-right: 0; } - .note-tab.nav-pills li:last-child .nav-link { - margin-left: 0; } - .note-tab.nav-pills li .nav-link { - display: inline-block; - margin: 0; - padding-top: 0; - padding-bottom: 0; - margin-bottom: 15px; } } - -.custom-notes-space { - padding: 25px 30px 0 !important; } - -.note-table .table thead th { - border: 0; - border-bottom: 1px solid #DCDDDF; - font-weight: normal; } - -.note-table .table tbody:before { - content: "@"; - display: block; - line-height: 10px; - text-indent: -99999px; } - -.note-table .table tbody tr { - background: transparent; } - -.note-table .dropdown-toggle:after { - display: none; } - -.note-table .treegrid-expander { - height: 18px; - left: -25px; - font-size: 26px; } - .note-table .treegrid-expander:before { - content: "\EA6D"; } - .note-table .treegrid-expander.glyphicon-chevron-down:before { - content: "\EA4D"; } - -.iq-search-bar.card-search .search-link { - top: 5px; - font-size: 18px; } - -.iq-search-bar.card-search .search-input { - padding-right: 15px; - border: unset; } - -.iq-search-bar.card-search .iq-sub-dropdown { - right: 0 !important; - left: auto !important; - padding: 0; - top: 25px !important; } - -@media (max-width: 625px) { - .iq-search-bar { - margin-top: 15px; } - .add-btn { - margin-top: 15px; } } - -.add-notes { - position: relative; } - .add-notes a { - position: absolute; - right: 10px; } - .add-notes .search-input { - width: 100%; - border: 0; - background: unset; - padding-left: 10px; } - -.note-detail .note-list { - position: relative; } - -.note-detail a.badge { - display: inline-flex; - padding: 7px 15px; - font-size: 16px; - font-weight: normal; } - -.note-detail .card-text i { - vertical-align: bottom; } - -.note-detail:hover .note-list { - color: #fff; } - -.icon-btn-primary { - border: 1px solid; - border-color: #2a263f; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.icon-btn-secondary { - border: 1px solid; - border-color: #78828a; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.icon-btn-success { - border: 1px solid; - border-color: #9bccb0; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.icon-btn-info { - border: 1px solid; - border-color: #9fc8f7; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.icon-btn-warning { - border: 1px solid; - border-color: #f29662; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.icon-btn-danger { - border: 1px solid; - border-color: #f88cbb; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.icon-btn-light { - border: 1px solid; - border-color: #919193; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.icon-btn-dark { - border: 1px solid; - border-color: #020834; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.icon-btn-purple { - border: 1px solid; - border-color: #bb9ff7; - position: relative; - color: #131313; - -webkit-transition: all 0.3s ease-in-out; - -moz-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; } - -.tag-details .icon-btn { - height: 35px; - width: 35px; - line-height: 34px; - font-weight: 600; - font-size: 18px; - text-align: center; - margin-right: 15px; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; } - -.tag-details .dropdown-toggle { - font-size: 16px; } - .tag-details .dropdown-toggle:after { - display: none; } - -.tag-header a { - font-size: 24px; } - - - - -.la-bars { - color: var(--danger); -} - -.newnote { - padding: 20px; -} \ No newline at end of file diff --git a/frontend/build/assets/images/404.png b/frontend/build/assets/images/404.png deleted file mode 100755 index 4a95a67..0000000 Binary files a/frontend/build/assets/images/404.png and /dev/null differ diff --git a/frontend/build/assets/images/notes_banner.webp b/frontend/build/assets/images/notes_banner.webp deleted file mode 100644 index 0f530bf..0000000 Binary files a/frontend/build/assets/images/notes_banner.webp and /dev/null differ diff --git a/frontend/build/assets/images/notes_icon.png b/frontend/build/assets/images/notes_icon.png deleted file mode 100644 index 3aa7e3a..0000000 Binary files a/frontend/build/assets/images/notes_icon.png and /dev/null differ diff --git a/frontend/build/assets/images/notes_option_1.png b/frontend/build/assets/images/notes_option_1.png deleted file mode 100644 index a300b70..0000000 Binary files a/frontend/build/assets/images/notes_option_1.png and /dev/null differ diff --git a/frontend/build/assets/images/notes_option_2.jpeg b/frontend/build/assets/images/notes_option_2.jpeg deleted file mode 100644 index 1ff472b..0000000 Binary files a/frontend/build/assets/images/notes_option_2.jpeg and /dev/null differ diff --git a/frontend/build/assets/images/notes_option_3.jpeg b/frontend/build/assets/images/notes_option_3.jpeg deleted file mode 100644 index a0ef52d..0000000 Binary files a/frontend/build/assets/images/notes_option_3.jpeg and /dev/null differ diff --git a/frontend/build/assets/images/notes_user.png b/frontend/build/assets/images/notes_user.png deleted file mode 100644 index e2e1337..0000000 Binary files a/frontend/build/assets/images/notes_user.png and /dev/null differ diff --git a/frontend/build/index.html b/frontend/build/index.html deleted file mode 100644 index 524d562..0000000 --- a/frontend/build/index.html +++ /dev/null @@ -1 +0,0 @@ -
a||125d?(a.sortIndex=c,f(t,a),null===h(r)&&a===h(t)&&(B?(E(L),L=-1):B=!0,K(H,c-d))):(a.sortIndex=e,f(r,a),A||z||(A=!0,I(J)));return a};\nexports.unstable_shouldYield=M;exports.unstable_wrapCallback=function(a){var b=y;return function(){var c=y;y=b;try{return a.apply(this,arguments)}finally{y=c}}};\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/scheduler.production.min.js');\n} else {\n module.exports = require('./cjs/scheduler.development.js');\n}\n","/**\n * @license React\n * use-sync-external-store-shim.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var e=require(\"react\");function h(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var k=\"function\"===typeof Object.is?Object.is:h,l=e.useState,m=e.useEffect,n=e.useLayoutEffect,p=e.useDebugValue;function q(a,b){var d=b(),f=l({inst:{value:d,getSnapshot:b}}),c=f[0].inst,g=f[1];n(function(){c.value=d;c.getSnapshot=b;r(c)&&g({inst:c})},[a,d,b]);m(function(){r(c)&&g({inst:c});return a(function(){r(c)&&g({inst:c})})},[a]);p(d);return d}\nfunction r(a){var b=a.getSnapshot;a=a.value;try{var d=b();return!k(a,d)}catch(f){return!0}}function t(a,b){return b()}var u=\"undefined\"===typeof window||\"undefined\"===typeof window.document||\"undefined\"===typeof window.document.createElement?t:q;exports.useSyncExternalStore=void 0!==e.useSyncExternalStore?e.useSyncExternalStore:u;\n","/**\n * @license React\n * use-sync-external-store-shim/with-selector.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var h=require(\"react\"),n=require(\"use-sync-external-store/shim\");function p(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var q=\"function\"===typeof Object.is?Object.is:p,r=n.useSyncExternalStore,t=h.useRef,u=h.useEffect,v=h.useMemo,w=h.useDebugValue;\nexports.useSyncExternalStoreWithSelector=function(a,b,e,l,g){var c=t(null);if(null===c.current){var f={hasValue:!1,value:null};c.current=f}else f=c.current;c=v(function(){function a(a){if(!c){c=!0;d=a;a=l(a);if(void 0!==g&&f.hasValue){var b=f.value;if(g(b,a))return k=b}return k=a}b=k;if(q(d,a))return b;var e=l(a);if(void 0!==g&&g(b,e))return b;d=a;return k=e}var c=!1,d,k,m=void 0===e?null:e;return[function(){return a(b())},null===m?void 0:function(){return a(m())}]},[b,e,l,g]);var d=r(a,c[0],c[1]);\nu(function(){f.hasValue=!0;f.value=d},[d]);w(d);return d};\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('../cjs/use-sync-external-store-shim.production.min.js');\n} else {\n module.exports = require('../cjs/use-sync-external-store-shim.development.js');\n}\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('../cjs/use-sync-external-store-shim/with-selector.production.min.js');\n} else {\n module.exports = require('../cjs/use-sync-external-store-shim/with-selector.development.js');\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.f = {};\n// This file contains only the entry chunk.\n// The chunk loading function for additional chunks\n__webpack_require__.e = function(chunkId) {\n\treturn Promise.all(Object.keys(__webpack_require__.f).reduce(function(promises, key) {\n\t\t__webpack_require__.f[key](chunkId, promises);\n\t\treturn promises;\n\t}, []));\n};","// This function allow to reference async chunks\n__webpack_require__.u = function(chunkId) {\n\t// return url for filenames based on template\n\treturn \"static/js/\" + chunkId + \".\" + \"cda612ba\" + \".chunk.js\";\n};","// This function allow to reference async chunks\n__webpack_require__.miniCssF = function(chunkId) {\n\t// return url for filenames based on template\n\treturn undefined;\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","var inProgress = {};\nvar dataWebpackPrefix = \"frontend:\";\n// loadScript function to load a script via script tag\n__webpack_require__.l = function(url, done, key, chunkId) {\n\tif(inProgress[url]) { inProgress[url].push(done); return; }\n\tvar script, needAttach;\n\tif(key !== undefined) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tfor(var i = 0; i < scripts.length; i++) {\n\t\t\tvar s = scripts[i];\n\t\t\tif(s.getAttribute(\"src\") == url || s.getAttribute(\"data-webpack\") == dataWebpackPrefix + key) { script = s; break; }\n\t\t}\n\t}\n\tif(!script) {\n\t\tneedAttach = true;\n\t\tscript = document.createElement('script');\n\n\t\tscript.charset = 'utf-8';\n\t\tscript.timeout = 120;\n\t\tif (__webpack_require__.nc) {\n\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n\t\t}\n\t\tscript.setAttribute(\"data-webpack\", dataWebpackPrefix + key);\n\t\tscript.src = url;\n\t}\n\tinProgress[url] = [done];\n\tvar onScriptComplete = function(prev, event) {\n\t\t// avoid mem leaks in IE.\n\t\tscript.onerror = script.onload = null;\n\t\tclearTimeout(timeout);\n\t\tvar doneFns = inProgress[url];\n\t\tdelete inProgress[url];\n\t\tscript.parentNode && script.parentNode.removeChild(script);\n\t\tdoneFns && doneFns.forEach(function(fn) { return fn(event); });\n\t\tif(prev) return prev(event);\n\t}\n\t;\n\tvar timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);\n\tscript.onerror = onScriptComplete.bind(null, script.onerror);\n\tscript.onload = onScriptComplete.bind(null, script.onload);\n\tneedAttach && document.head.appendChild(script);\n};","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t179: 0\n};\n\n__webpack_require__.f.j = function(chunkId, promises) {\n\t\t// JSONP chunk loading for javascript\n\t\tvar installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;\n\t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n\t\t\t// a Promise means \"currently loading\".\n\t\t\tif(installedChunkData) {\n\t\t\t\tpromises.push(installedChunkData[2]);\n\t\t\t} else {\n\t\t\t\tif(true) { // all chunks have JS\n\t\t\t\t\t// setup Promise in chunk cache\n\t\t\t\t\tvar promise = new Promise(function(resolve, reject) { installedChunkData = installedChunks[chunkId] = [resolve, reject]; });\n\t\t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n\t\t\t\t\t// start chunk loading\n\t\t\t\t\tvar url = __webpack_require__.p + __webpack_require__.u(chunkId);\n\t\t\t\t\t// create error before stack unwound to get useful stacktrace later\n\t\t\t\t\tvar error = new Error();\n\t\t\t\t\tvar loadingEnded = function(event) {\n\t\t\t\t\t\tif(__webpack_require__.o(installedChunks, chunkId)) {\n\t\t\t\t\t\t\tinstalledChunkData = installedChunks[chunkId];\n\t\t\t\t\t\t\tif(installedChunkData !== 0) installedChunks[chunkId] = undefined;\n\t\t\t\t\t\t\tif(installedChunkData) {\n\t\t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n\t\t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n\t\t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n\t\t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n\t\t\t\t\t\t\t\terror.type = errorType;\n\t\t\t\t\t\t\t\terror.request = realSrc;\n\t\t\t\t\t\t\t\tinstalledChunkData[1](error);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t\t__webpack_require__.l(url, loadingEnded, \"chunk-\" + chunkId, chunkId);\n\t\t\t\t} else installedChunks[chunkId] = 0;\n\t\t\t}\n\t\t}\n};\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n// no on chunks loaded\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkfrontend\"] = self[\"webpackChunkfrontend\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","export default function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n}","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","export default function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"];\n\n if (_i == null) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n\n var _s, _e;\n\n try {\n for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","export default function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","export default function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}","import * as React from \"react\";\nimport type { History, Location } from \"history\";\nimport { Action as NavigationType } from \"history\";\n\nimport type { RouteMatch } from \"./router\";\n\n/**\n * A Navigator is a \"location changer\"; it's how you get to different locations.\n *\n * Every history instance conforms to the Navigator interface, but the\n * distinction is useful primarily when it comes to the low-level