/*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/bootstrap/dist/css/bootstrap.min.css?ngGlobalStyle ***! \*********************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8";/*! * Bootstrap v5.3.8 (https://getbootstrap.com/) * Copyright 2011-2025 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{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,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.display-6{font-size:2.5rem}}.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:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label::after{background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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.1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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.1'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(-1 * var(--bs-border-width))}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(-1 * var(--bs-border-width))}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-grow:1;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap: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:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap: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:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap: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:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap: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:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.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:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@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-header,.card-group>.card:not(:last-child)>.card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-footer,.card-group>.card:not(:last-child)>.card-img-bottom{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-header,.card-group>.card:not(:first-child)>.card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-footer,.card-group>.card:not(:first-child)>.card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-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,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.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:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);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:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);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:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);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:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);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:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);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:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translate(0,-50px);transition:transform .3s ease-out}@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{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-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;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-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;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.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 .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}.spinner-border,.spinner-grow{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.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}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.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}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{object-fit:contain!important}.object-fit-cover{object-fit:cover!important}.object-fit-fill{object-fit:fill!important}.object-fit-scale{object-fit:scale-down!important}.object-fit-none{object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!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}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.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}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.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}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!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}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.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-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}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!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}.justify-content-evenly{justify-content:space-evenly!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}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{column-gap:0!important}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{object-fit:contain!important}.object-fit-sm-cover{object-fit:cover!important}.object-fit-sm-fill{object-fit:fill!important}.object-fit-sm-scale{object-fit:scale-down!important}.object-fit-sm-none{object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!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}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.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-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}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!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}.justify-content-sm-evenly{justify-content:space-evenly!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}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{column-gap:0!important}.column-gap-sm-1{column-gap:.25rem!important}.column-gap-sm-2{column-gap:.5rem!important}.column-gap-sm-3{column-gap:1rem!important}.column-gap-sm-4{column-gap:1.5rem!important}.column-gap-sm-5{column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{object-fit:contain!important}.object-fit-md-cover{object-fit:cover!important}.object-fit-md-fill{object-fit:fill!important}.object-fit-md-scale{object-fit:scale-down!important}.object-fit-md-none{object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!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}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.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-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}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!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}.justify-content-md-evenly{justify-content:space-evenly!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}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{column-gap:0!important}.column-gap-md-1{column-gap:.25rem!important}.column-gap-md-2{column-gap:.5rem!important}.column-gap-md-3{column-gap:1rem!important}.column-gap-md-4{column-gap:1.5rem!important}.column-gap-md-5{column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{object-fit:contain!important}.object-fit-lg-cover{object-fit:cover!important}.object-fit-lg-fill{object-fit:fill!important}.object-fit-lg-scale{object-fit:scale-down!important}.object-fit-lg-none{object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!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}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.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-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}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!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}.justify-content-lg-evenly{justify-content:space-evenly!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}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{column-gap:0!important}.column-gap-lg-1{column-gap:.25rem!important}.column-gap-lg-2{column-gap:.5rem!important}.column-gap-lg-3{column-gap:1rem!important}.column-gap-lg-4{column-gap:1.5rem!important}.column-gap-lg-5{column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{object-fit:contain!important}.object-fit-xl-cover{object-fit:cover!important}.object-fit-xl-fill{object-fit:fill!important}.object-fit-xl-scale{object-fit:scale-down!important}.object-fit-xl-none{object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!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}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.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-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}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!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}.justify-content-xl-evenly{justify-content:space-evenly!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}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{column-gap:0!important}.column-gap-xl-1{column-gap:.25rem!important}.column-gap-xl-2{column-gap:.5rem!important}.column-gap-xl-3{column-gap:1rem!important}.column-gap-xl-4{column-gap:1.5rem!important}.column-gap-xl-5{column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{object-fit:contain!important}.object-fit-xxl-cover{object-fit:cover!important}.object-fit-xxl-fill{object-fit:fill!important}.object-fit-xxl-scale{object-fit:scale-down!important}.object-fit-xxl-none{object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{column-gap:0!important}.column-gap-xxl-1{column-gap:.25rem!important}.column-gap-xxl-2{column-gap:.5rem!important}.column-gap-xxl-3{column-gap:1rem!important}.column-gap-xxl-4{column-gap:1.5rem!important}.column-gap-xxl-5{column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!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}.d-print-none{display:none!important}} /*# sourceMappingURL=bootstrap.min.css.map */ /*!**********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************/ /* You can add global styles to this file, and also import other style files */ .multiselect-dropdown[_ngcontent-ng-c692748064] .dropdown-btn[_ngcontent-ng-c692748064] .selected-item-container[_ngcontent-ng-c692748064] .selected-item[_ngcontent-ng-c692748064] { max-width: fit-content !important; } .multiselect-dropdown[_ngcontent-ng-c692748064] .dropdown-btn[_ngcontent-ng-c692748064] { line-height: 2 !important; } .modal { z-index: 1055 !important; } /* .main-menu.menu-dark, .vertical-overlay-menu.menu-hide .menu-dark.main-menu { background-color: #E21710 !important; } */ .main-loader { width: 100%; height: 100vh; position: absolute; z-index: 999999; background-color: #897b7b4a; top: 0; right: 0; } .main-loader .loader-wrapper { top: 50%; } form .form-group { margin-bottom: 0.5rem; } .cursor-nodrop { cursor: no-drop; } .app-content { min-height: calc(100vh - 86px) !important; } .main-menu.menu-fixed, .vertical-overlay-menu.menu-hide .menu-fixed.main-menu{ top: 3rem !important; } .header-navbar .navbar-container{ height: 3rem !important; } .list-group-item{ padding: 0 var(--bs-list-group-item-padding-x) !important; } /* app-print-layout { display: none; } @media print { app-print-layout { display: block; } .routing { display: none; } } */ ngb-datepicker .btn-light{ background-color: #fff !important; color: #000; } ngb-datepicker .bg-primary { background-color: #666ee8 !important; } .table th, .table td{ padding: 0.2rem 0.5rem !important; } #drag-area .nav-link{ color: #ff0041 !important; } #drag-area .nav.nav-tabs .nav-item .nav-link.active { background-color: #ff0041 !important; color: #fff !important; } .page-item.disabled .page-link{ background-color: #e0e0e0 !important; color: #a0a0a0 !important; cursor: not-allowed !important; border: 1px solid #d0d0d0 !important; } .form-control{ appearance: auto !important; } .custom-table.table-bordered>:not(caption)>*>*, .table-bordered>:not(caption)>*>*{ border-width: inherit; } .custom-table.table>:not(caption)>*>*{ border-width: inherit; padding: inherit; } /* For disable scrolling of input number filed */ input[type="number"]:focus { pointer-events: none; } /* Chrome, Safari, Edge, Opera */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #navbar-mobile li a.dropdown-user-link { padding: .6rem; } .header-navbar{ min-height: auto; } .header-navbar .navbar-header .navbar-brand{ padding:4px !important; } #navbar-header .nav .nav-item .nav-link{ padding-top: 1rem !important; } #navbar-header.navbar-header{ height: 3rem; } app-header .header-navbar{ min-height: auto !important; } html body.fixed-navbar { padding-top: 3rem !important; } #navbar-mobile .avatar { width: 30px; } .main-menu.menu-fixed, .vertical-overlay-menu.menu-hide .menu-fixed.main-menu{ height: calc(100% - 3rem) !important; } @media (max-width: 991.98px) { } @media only screen and (max-width: 991.98px) { #navbar-header .nav .nav-item .nav-link { padding-top: 0 !important; } #navbar-mobile.collapse:not(.show) { display: flex !important; } } .rakee-icon{ width: 15px; } app-notifications { display: none; } @media (max-width: 768px) { .badge-up { top: -10px !important; right: 15px !important; } } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/sass/main.scss?ngGlobalStyle ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*! * Bootstrap v4.2.1 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #1e9ff2; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #ff4961; --orange: #ff9149; --yellow: #ffc107; --green: #28d094; --teal: #20c997; --cyan: #666ee8; --white: #fff; --gray: #6b6f82; --gray-dark: #464855; --primary: #666ee8; --secondary: #6b6f82; --success: #28d094; --info: #1e9ff2; --warning: #ff9149; --danger: #ff4961; --light: #babfc7; --dark: #464855; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-family-monospace: "Quicksand", Georgia, "Times New Roman", Times, serif; } *, *::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: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.45; color: #6b6f82; text-align: left; background-color: #F4F5FA; } [tabindex="-1"]:focus { 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; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; 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: 0.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: -0.25em; } sup { top: -0.5em; } a { color: #5059e5; text-decoration: none; background-color: transparent; } a:hover { color: #1e29ca; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: "Quicksand", Georgia, "Times New Roman", Times, serif; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } 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: #6b6f82; 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; } 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; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } 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: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } 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-family: "Quicksand", Georgia, "Times New Roman", Times, serif; font-weight: 400; line-height: 1.2; color: #464855; } h1, .h1 { font-size: 2rem; } h2, .h2 { font-size: 1.74rem; } h3, .h3 { font-size: 1.51rem; } h4, .h4 { font-size: 1.32rem; } h5, .h5 { font-size: 1.14rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 400; } .display-1 { font-size: 6rem; font-weight: 400; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 400; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 400; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 400; line-height: 1.2; } 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: #6b6f82; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #F4F5FA; border: 1px solid #626e82; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6b6f82; } code { font-size: 87.5%; color: #F74B5C; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #f2f3f5; border-radius: 0.21rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #6b6f82; } 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 { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .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-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .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.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .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.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .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.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .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.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .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.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #6b6f82; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #626e82; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #626e82; } .table tbody + tbody { border-top: 2px solid #626e82; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #626e82; } .table-bordered th, .table-bordered td { border: 1px solid #626e82; } .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(245, 247, 250, 0.5); } .table-hover tbody tr:hover { color: #6b6f82; background-color: rgba(245, 247, 250, 0.5); } .table-primary, .table-primary > th, .table-primary > td { background-color: #d4d6f9; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #afb4f3; } .table-hover .table-primary:hover { background-color: #bec1f6; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #bec1f6; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d7dc; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b2b4be; } .table-hover .table-secondary:hover { background-color: #c8cad0; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cad0; } .table-success, .table-success > th, .table-success > td { background-color: #c3f2e1; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fe7c7; } .table-hover .table-success:hover { background-color: #aeedd7; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #aeedd7; } .table-info, .table-info > th, .table-info > td { background-color: #c0e4fb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #8acdf8; } .table-hover .table-info:hover { background-color: #a8daf9; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a8daf9; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffe0cc; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffc6a0; } .table-hover .table-warning:hover { background-color: #ffd1b3; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffd1b3; } .table-danger, .table-danger > th, .table-danger > td { background-color: #ffccd3; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ffa0ad; } .table-hover .table-danger:hover { background-color: #ffb3bd; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ffb3bd; } .table-light, .table-light > th, .table-light > td { background-color: #ecedef; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #dbdee2; } .table-hover .table-light:hover { background-color: #dee0e3; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #dee0e3; } .table-dark, .table-dark > th, .table-dark > td { background-color: #cbcccf; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #9fa0a7; } .table-hover .table-dark:hover { background-color: #bebfc3; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #bebfc3; } .table-active, .table-active > th, .table-active > td { background-color: rgba(245, 247, 250, 0.5); } .table-hover .table-active:hover { background-color: rgba(228, 233, 242, 0.5); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(228, 233, 242, 0.5); } .table .thead-dark th { color: #fff; background-color: #464855; border-color: #575a6a; } .table .thead-light th { color: #4e5154; background-color: #98a4b8; border-color: #626e82; } .table-dark { color: #fff; background-color: #464855; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #575a6a; } .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.25em + 1.5rem + 2px); padding: 0.75rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.25; color: #4e5154; background-color: #fff; background-clip: padding-box; border: 1px solid #babfc7; border-radius: 0.25rem; 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:focus { color: #4e5154; background-color: #fff; border-color: #1e9ff2; outline: 0; box-shadow: none; } .form-control::placeholder { color: #babfc7; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #98a4b8; opacity: 1; } select.form-control:focus::-ms-value { color: #4e5154; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.75rem + 1px); padding-bottom: calc(0.75rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.25; } .col-form-label-lg { padding-top: calc(1rem + 1px); padding-bottom: calc(1rem + 1px); font-size: 1.25rem; line-height: 1.25; } .col-form-label-sm { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 0.875rem; line-height: 1; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.75rem; padding-bottom: 0.75rem; margin-bottom: 0; line-height: 1.25; color: #6b6f82; 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.875rem + 2px); padding: 0.5rem 0.75rem; font-size: 0.875rem; line-height: 1; border-radius: 0.21rem; } .form-control-lg { height: calc(1.25em + 2rem + 2px); padding: 1rem 1.25rem; font-size: 1.25rem; line-height: 1.25; border-radius: 0.35rem; } 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 { color: #6b6f82; } .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: #28d094; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.45; color: #2a2e30; background-color: rgba(40, 208, 148, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28d094; padding-right: calc(1.25em + 1.5rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328d094' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(0.3125em + 0.375rem); background-size: calc(0.625em + 0.75rem) calc(0.625em + 0.75rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28d094; box-shadow: 0 0 0 0.2rem rgba(40, 208, 148, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.25em + 1.5rem); background-position: top calc(0.3125em + 0.375rem) right calc(0.3125em + 0.375rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28d094; padding-right: calc((1em + 1.5rem) * 3 / 4 + 2rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23464855' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328d094' 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 2rem/calc(0.625em + 0.75rem) calc(0.625em + 0.75rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28d094; box-shadow: 0 0 0 0.2rem rgba(40, 208, 148, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28d094; } .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: #28d094; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28d094; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #4eddaa; background-color: #4eddaa; } .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(40, 208, 148, 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: #28d094; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28d094; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28d094; box-shadow: 0 0 0 0.2rem rgba(40, 208, 148, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #ff4961; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.45; color: #fff; background-color: rgba(255, 73, 97, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #ff4961; padding-right: calc(1.25em + 1.5rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff4961' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff4961' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.3125em + 0.375rem); background-size: calc(0.625em + 0.75rem) calc(0.625em + 0.75rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #ff4961; box-shadow: 0 0 0 0.2rem rgba(255, 73, 97, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.25em + 1.5rem); background-position: top calc(0.3125em + 0.375rem) right calc(0.3125em + 0.375rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #ff4961; padding-right: calc((1em + 1.5rem) * 3 / 4 + 2rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23464855' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff4961' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff4961' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 2rem/calc(0.625em + 0.75rem) calc(0.625em + 0.75rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #ff4961; box-shadow: 0 0 0 0.2rem rgba(255, 73, 97, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #ff4961; } .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: #ff4961; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #ff4961; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #ff7c8d; background-color: #ff7c8d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(255, 73, 97, 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: #ff4961; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #ff4961; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #ff4961; box-shadow: 0 0 0 0.2rem rgba(255, 73, 97, 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; } } .btn { display: inline-block; font-weight: 400; color: #6b6f82; text-align: center; vertical-align: middle; -webkit-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.75rem 1rem; font-size: 1rem; line-height: 1.25; border-radius: 0.25rem; 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: #6b6f82; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: none; } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #666ee8; border-color: #666ee8; } .btn-primary:hover { color: #fff; background-color: #454ee3; border-color: #3a44e1; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(125, 132, 235, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #666ee8; border-color: #666ee8; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #3a44e1; border-color: #2f39e0; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(125, 132, 235, 0.5); } .btn-secondary { color: #fff; background-color: #6b6f82; border-color: #6b6f82; } .btn-secondary:hover { color: #fff; background-color: #5a5d6d; border-color: #545766; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(129, 133, 149, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6b6f82; border-color: #6b6f82; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545766; border-color: #4e515f; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(129, 133, 149, 0.5); } .btn-success { color: #2a2e30; background-color: #28d094; border-color: #28d094; } .btn-success:hover { color: #fff; background-color: #22b07d; border-color: #20a576; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 184, 133, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #2a2e30; background-color: #28d094; border-color: #28d094; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #20a576; border-color: #1e9b6e; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 184, 133, 0.5); } .btn-info { color: #fff; background-color: #1e9ff2; border-color: #1e9ff2; } .btn-info:hover { color: #fff; background-color: #0d8bdd; border-color: #0c84d1; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(64, 173, 244, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #1e9ff2; border-color: #1e9ff2; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #0c84d1; border-color: #0b7cc5; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(64, 173, 244, 0.5); } .btn-warning { color: #2a2e30; background-color: #ff9149; border-color: #ff9149; } .btn-warning:hover { color: #2a2e30; background-color: #ff7a23; border-color: #ff7216; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(223, 130, 69, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #2a2e30; background-color: #ff9149; border-color: #ff9149; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #ff7216; border-color: #ff6a09; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(223, 130, 69, 0.5); } .btn-danger { color: #fff; background-color: #ff4961; border-color: #ff4961; } .btn-danger:hover { color: #fff; background-color: #ff2340; border-color: #ff1635; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(255, 100, 121, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #ff4961; border-color: #ff4961; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #ff1635; border-color: #ff092a; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 100, 121, 0.5); } .btn-light { color: #2a2e30; background-color: #babfc7; border-color: #babfc7; } .btn-light:hover { color: #2a2e30; background-color: #a5abb6; border-color: #9ea5b0; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(164, 169, 176, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #2a2e30; background-color: #babfc7; border-color: #babfc7; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #2a2e30; background-color: #9ea5b0; border-color: #979eaa; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(164, 169, 176, 0.5); } .btn-dark { color: #fff; background-color: #464855; border-color: #464855; } .btn-dark:hover { color: #fff; background-color: #353640; border-color: #2f3039; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(98, 99, 111, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #464855; border-color: #464855; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #2f3039; border-color: #292a32; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(98, 99, 111, 0.5); } .btn-outline-primary { color: #666ee8; border-color: #666ee8; } .btn-outline-primary:hover { color: #fff; background-color: #666ee8; border-color: #666ee8; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(102, 110, 232, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #666ee8; 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: #666ee8; border-color: #666ee8; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(102, 110, 232, 0.5); } .btn-outline-secondary { color: #6b6f82; border-color: #6b6f82; } .btn-outline-secondary:hover { color: #fff; background-color: #6b6f82; border-color: #6b6f82; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(107, 111, 130, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6b6f82; 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: #6b6f82; border-color: #6b6f82; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(107, 111, 130, 0.5); } .btn-outline-success { color: #28d094; border-color: #28d094; } .btn-outline-success:hover { color: #2a2e30; background-color: #28d094; border-color: #28d094; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 208, 148, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28d094; 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: #2a2e30; background-color: #28d094; border-color: #28d094; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 208, 148, 0.5); } .btn-outline-info { color: #1e9ff2; border-color: #1e9ff2; } .btn-outline-info:hover { color: #fff; background-color: #1e9ff2; border-color: #1e9ff2; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(30, 159, 242, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #1e9ff2; 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: #1e9ff2; border-color: #1e9ff2; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(30, 159, 242, 0.5); } .btn-outline-warning { color: #ff9149; border-color: #ff9149; } .btn-outline-warning:hover { color: #2a2e30; background-color: #ff9149; border-color: #ff9149; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 145, 73, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ff9149; 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: #2a2e30; background-color: #ff9149; border-color: #ff9149; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 145, 73, 0.5); } .btn-outline-danger { color: #ff4961; border-color: #ff4961; } .btn-outline-danger:hover { color: #fff; background-color: #ff4961; border-color: #ff4961; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(255, 73, 97, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #ff4961; 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: #ff4961; border-color: #ff4961; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 73, 97, 0.5); } .btn-outline-light { color: #babfc7; border-color: #babfc7; } .btn-outline-light:hover { color: #2a2e30; background-color: #babfc7; border-color: #babfc7; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(186, 191, 199, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #babfc7; 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: #2a2e30; background-color: #babfc7; border-color: #babfc7; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(186, 191, 199, 0.5); } .btn-outline-dark { color: #464855; border-color: #464855; } .btn-outline-dark:hover { color: #fff; background-color: #464855; border-color: #464855; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(70, 72, 85, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #464855; 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: #464855; border-color: #464855; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(70, 72, 85, 0.5); } .btn-link { font-weight: 400; color: #5059e5; text-decoration: none; } .btn-link:hover { color: #1e29ca; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6b6f82; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 1rem 1.25rem; font-size: 1.25rem; line-height: 1.25; border-radius: 0.35rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.5rem 0.75rem; font-size: 0.875rem; line-height: 1; border-radius: 0.21rem; } .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%; } .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: #6b6f82; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .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 #98a4b8; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #2a2e30; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #1e2122; text-decoration: none; background-color: #F4F5FA; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #666ee8; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6b6f82; 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.875rem; color: #6b6f82; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #2a2e30; } .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.75rem; padding-left: 0.75rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.9375rem; padding-left: 0.9375rem; } .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%; 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.75rem 1rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.25; color: #4e5154; text-align: center; white-space: nowrap; background-color: #F4F5FA; border: 1px solid #babfc7; border-radius: 0.25rem; } .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.25em + 2rem + 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: 1rem 1.25rem; font-size: 1.25rem; line-height: 1.25; border-radius: 0.35rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.875rem + 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.5rem 0.75rem; font-size: 0.875rem; line-height: 1; border-radius: 0.21rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 2rem; } .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: 1.45rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #666ee8; background-color: #666ee8; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #1e9ff2; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: white; border-color: white; } .custom-control-input:disabled ~ .custom-control-label { color: #6b6f82; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #98a4b8; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.225rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.225rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50%/50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #666ee8; background-color: #666ee8; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(102, 110, 232, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(102, 110, 232, 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' 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(102, 110, 232, 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(0.225rem + 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(102, 110, 232, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.25em + 1.5rem + 2px); padding: 0.75rem 2rem 0.75rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.25; color: #4e5154; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23464855' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px; background-color: #fff; border: 1px solid #babfc7; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #1e9ff2; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(30, 159, 242, 0.5); } .custom-select:focus::-ms-value { color: #4e5154; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 1rem; background-image: none; } .custom-select:disabled { color: #6b6f82; background-color: #98a4b8; } .custom-select::-ms-expand { display: none; } .custom-select-sm { height: calc(1.875rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.25em + 2rem + 2px); padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.25rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.25em + 1.5rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.25em + 1.5rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #1e9ff2; box-shadow: none; } .custom-file-input:disabled ~ .custom-file-label { background-color: #98a4b8; } .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.25em + 1.5rem + 2px); padding: 0.75rem 1rem; font-weight: 400; line-height: 1.25; color: #4e5154; background-color: #fff; border: 1px solid #babfc7; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.25em + 1.5rem); padding: 0.75rem 1rem; line-height: 1.25; color: #4e5154; content: "Browse"; background-color: #F4F5FA; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: calc(1rem + 0.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 #F4F5FA, none; } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #F4F5FA, none; } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #F4F5FA, none; } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #666ee8; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: white; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #626e82; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #666ee8; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: white; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #626e82; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #666ee8; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: white; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #626e82; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #626e82; 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: #6b6f82; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #babfc7; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #98a4b8 #98a4b8 #babfc7; } .nav-tabs .nav-link.disabled { color: #6b6f82; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #4e5154; background-color: #F4F5FA; border-color: #626e82 #626e82 #F4F5FA; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #666ee8; } .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 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.31875rem; padding-bottom: 0.31875rem; margin-right: 1rem; font-size: 1.25rem; 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: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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 { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: #464855; } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: #464855; } .navbar-light .navbar-nav .nav-link { color: #6b6f82; } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: #626e82; } .navbar-light .navbar-nav .nav-link.disabled { color: #F4F5FA; } .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: #464855; } .navbar-light .navbar-toggler { color: #6b6f82; border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%236b6f82' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: #6b6f82; } .navbar-light .navbar-text a { color: #464855; } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: #464855; } .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: white; } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.9); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: white; border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: white; } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 0.35rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.35rem; border-bottom-left-radius: 0.35rem; } .card-body { flex: 1 1 auto; padding: 1.5rem; } .card-title { margin-bottom: 1.5rem; } .card-subtitle { margin-top: -0.75rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.5rem; } .card-header { padding: 1.5rem 1.5rem; margin-bottom: 0; background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .card-header:first-child { border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 1.5rem 1.5rem; background-color: #fff; border-top: 1px solid rgba(0, 0, 0, 0.06); } .card-footer:last-child { border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); } .card-header-tabs { margin-right: -0.75rem; margin-bottom: -1.5rem; margin-left: -0.75rem; border-bottom: 0; } .card-header-pills { margin-right: -0.75rem; margin-left: -0.75rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.35rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.35rem - 1px); border-top-right-radius: calc(0.35rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.35rem - 1px); border-bottom-left-radius: calc(0.35rem - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { 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: 1.5rem; } @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(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 0rem; margin-bottom: 1rem; list-style: none; background-color: #98a4b8; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6b6f82; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6b6f82; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #5059e5; background-color: #fff; border: 1px solid #626e82; } .page-link:hover { z-index: 2; color: #1e29ca; text-decoration: none; background-color: #F4F5FA; border-color: #626e82; } .page-link:focus { z-index: 2; outline: 0; box-shadow: none; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #666ee8; border-color: #666ee8; } .page-item.disabled .page-link { color: #6b6f82; pointer-events: none; cursor: auto; background-color: #fff; border-color: #626e82; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.25; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.35rem; border-bottom-left-radius: 0.35rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.35rem; border-bottom-right-radius: 0.35rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.21rem; border-bottom-left-radius: 0.21rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.21rem; border-bottom-right-radius: 0.21rem; } .badge { display: inline-block; padding: 0.35em 0.4em; font-size: 85%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; 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: #666ee8; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #3a44e1; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(102, 110, 232, 0.5); } .badge-secondary { color: #fff; background-color: #6b6f82; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545766; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(107, 111, 130, 0.5); } .badge-success { color: #2a2e30; background-color: #28d094; } a.badge-success:hover, a.badge-success:focus { color: #2a2e30; background-color: #20a576; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 208, 148, 0.5); } .badge-info { color: #fff; background-color: #1e9ff2; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #0c84d1; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(30, 159, 242, 0.5); } .badge-warning { color: #2a2e30; background-color: #ff9149; } a.badge-warning:hover, a.badge-warning:focus { color: #2a2e30; background-color: #ff7216; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 145, 73, 0.5); } .badge-danger { color: #fff; background-color: #ff4961; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #ff1635; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 73, 97, 0.5); } .badge-light { color: #2a2e30; background-color: #babfc7; } a.badge-light:hover, a.badge-light:focus { color: #2a2e30; background-color: #9ea5b0; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(186, 191, 199, 0.5); } .badge-dark { color: #fff; background-color: #464855; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #2f3039; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(70, 72, 85, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #98a4b8; border-radius: 0.35rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3.5rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1rem; color: inherit; } .alert-primary { color: #353979; background-color: #e0e2fa; border-color: #d4d6f9; } .alert-primary hr { border-top-color: #bec1f6; } .alert-primary .alert-link { color: #252856; } .alert-secondary { color: #383a44; background-color: #e1e2e6; border-color: #d6d7dc; } .alert-secondary hr { border-top-color: #c8cad0; } .alert-secondary .alert-link { color: #212228; } .alert-success { color: #156c4d; background-color: #d4f6ea; border-color: #c3f2e1; } .alert-success hr { border-top-color: #aeedd7; } .alert-success .alert-link { color: #0d412f; } .alert-info { color: #10537e; background-color: #d2ecfc; border-color: #c0e4fb; } .alert-info hr { border-top-color: #a8daf9; } .alert-info .alert-link { color: #0a3551; } .alert-warning { color: #854b26; background-color: #ffe9db; border-color: #ffe0cc; } .alert-warning hr { border-top-color: #ffd1b3; } .alert-warning .alert-link { color: #5d351b; } .alert-danger { color: #852632; background-color: #ffdbdf; border-color: #ffccd3; } .alert-danger hr { border-top-color: #ffb3bd; } .alert-danger .alert-link { color: #5d1b23; } .alert-light { color: #616367; background-color: #f1f2f4; border-color: #ecedef; } .alert-light hr { border-top-color: #dee0e3; } .alert-light .alert-link { color: #484a4d; } .alert-dark { color: #24252c; background-color: #dadadd; border-color: #cbcccf; } .alert-dark hr { border-top-color: #bebfc3; } .alert-dark .alert-link { color: #0d0d10; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #EEE; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #666ee8; 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; } .list-group-item-action { width: 100%; color: #4e5154; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #4e5154; text-decoration: none; background-color: #F4F5FA; } .list-group-item-action:active { color: #6b6f82; background-color: #98a4b8; } .list-group-item { position: relative; display: block; padding: 1.25rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid #E4E7ED; } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled { color: #6b6f82; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #666ee8; border-color: #666ee8; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; } .list-group-item-primary { color: #353979; background-color: #d4d6f9; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #353979; background-color: #bec1f6; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #353979; border-color: #353979; } .list-group-item-secondary { color: #383a44; background-color: #d6d7dc; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383a44; background-color: #c8cad0; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383a44; border-color: #383a44; } .list-group-item-success { color: #156c4d; background-color: #c3f2e1; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #156c4d; background-color: #aeedd7; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #156c4d; border-color: #156c4d; } .list-group-item-info { color: #10537e; background-color: #c0e4fb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #10537e; background-color: #a8daf9; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #10537e; border-color: #10537e; } .list-group-item-warning { color: #854b26; background-color: #ffe0cc; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #854b26; background-color: #ffd1b3; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #854b26; border-color: #854b26; } .list-group-item-danger { color: #852632; background-color: #ffccd3; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #852632; background-color: #ffb3bd; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #852632; border-color: #852632; } .list-group-item-light { color: #616367; background-color: #ecedef; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #616367; background-color: #dee0e3; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #616367; border-color: #616367; } .list-group-item-dark { color: #24252c; background-color: #cbcccf; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #24252c; background-color: #bebfc3; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #24252c; border-color: #24252c; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6b6f82; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .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-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); 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: 0.35rem; 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 #626e82; border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.45; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #626e82; border-bottom-right-radius: 0.35rem; border-bottom-left-radius: 0.35rem; } .modal-footer > :not(:first-child) { margin-left: 0.25rem; } .modal-footer > :not(:last-child) { margin-right: 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); } .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: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.45; 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.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.45; 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.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.35rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.35rem; } .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) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #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) * -1); width: 0.5rem; height: 1rem; margin: 0.35rem 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) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #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) * -1); width: 0.5rem; height: 1rem; margin: 0.35rem 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; color: #464855; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.35rem - 1px); border-top-right-radius: calc(0.35rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #6b6f82; } .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: 0s 0.6s opacity; } @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' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } .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: 0.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; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border 0.75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow 0.75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .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 { background-color: #666ee8 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #3a44e1 !important; } .bg-secondary { background-color: #6b6f82 !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545766 !important; } .bg-success { background-color: #28d094 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #20a576 !important; } .bg-info { background-color: #1e9ff2 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #0c84d1 !important; } .bg-warning { background-color: #ff9149 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #ff7216 !important; } .bg-danger { background-color: #ff4961 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #ff1635 !important; } .bg-light { background-color: #babfc7 !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #9ea5b0 !important; } .bg-dark { background-color: #464855 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #2f3039 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #626e82 !important; } .border-top { border-top: 1px solid #626e82 !important; } .border-right { border-right: 1px solid #626e82 !important; } .border-bottom { border-bottom: 1px solid #626e82 !important; } .border-left { border-left: 1px solid #626e82 !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: #666ee8 !important; } .border-secondary { border-color: #6b6f82 !important; } .border-success { border-color: #28d094 !important; } .border-info { border-color: #1e9ff2 !important; } .border-warning { border-color: #ff9149 !important; } .border-danger { border-color: #ff4961 !important; } .border-light { border-color: #babfc7 !important; } .border-dark { border-color: #464855 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.21rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.35rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !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.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .embed-responsive-21by9::before { padding-top: 42.8571428571%; } .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; } } .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: 1038; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1038; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; 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 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !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; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-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: 1rem !important; } .mt-1, .my-1 { margin-top: 1rem !important; } .mr-1, .mx-1 { margin-right: 1rem !important; } .mb-1, .my-1 { margin-bottom: 1rem !important; } .ml-1, .mx-1 { margin-left: 1rem !important; } .m-2 { margin: 1.5rem !important; } .mt-2, .my-2 { margin-top: 1.5rem !important; } .mr-2, .mx-2 { margin-right: 1.5rem !important; } .mb-2, .my-2 { margin-bottom: 1.5rem !important; } .ml-2, .mx-2 { margin-left: 1.5rem !important; } .m-3 { margin: 3rem !important; } .mt-3, .my-3 { margin-top: 3rem !important; } .mr-3, .mx-3 { margin-right: 3rem !important; } .mb-3, .my-3 { margin-bottom: 3rem !important; } .ml-3, .mx-3 { margin-left: 3rem !important; } .m-4 { margin: 3.5rem !important; } .mt-4, .my-4 { margin-top: 3.5rem !important; } .mr-4, .mx-4 { margin-right: 3.5rem !important; } .mb-4, .my-4 { margin-bottom: 3.5rem !important; } .ml-4, .mx-4 { margin-left: 3.5rem !important; } .m-5 { margin: 4rem !important; } .mt-5, .my-5 { margin-top: 4rem !important; } .mr-5, .mx-5 { margin-right: 4rem !important; } .mb-5, .my-5 { margin-bottom: 4rem !important; } .ml-5, .mx-5 { margin-left: 4rem !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: 1rem !important; } .pt-1, .py-1 { padding-top: 1rem !important; } .pr-1, .px-1 { padding-right: 1rem !important; } .pb-1, .py-1 { padding-bottom: 1rem !important; } .pl-1, .px-1 { padding-left: 1rem !important; } .p-2 { padding: 1.5rem !important; } .pt-2, .py-2 { padding-top: 1.5rem !important; } .pr-2, .px-2 { padding-right: 1.5rem !important; } .pb-2, .py-2 { padding-bottom: 1.5rem !important; } .pl-2, .px-2 { padding-left: 1.5rem !important; } .p-3 { padding: 3rem !important; } .pt-3, .py-3 { padding-top: 3rem !important; } .pr-3, .px-3 { padding-right: 3rem !important; } .pb-3, .py-3 { padding-bottom: 3rem !important; } .pl-3, .px-3 { padding-left: 3rem !important; } .p-4 { padding: 3.5rem !important; } .pt-4, .py-4 { padding-top: 3.5rem !important; } .pr-4, .px-4 { padding-right: 3.5rem !important; } .pb-4, .py-4 { padding-bottom: 3.5rem !important; } .pl-4, .px-4 { padding-left: 3.5rem !important; } .p-5 { padding: 4rem !important; } .pt-5, .py-5 { padding-top: 4rem !important; } .pr-5, .px-5 { padding-right: 4rem !important; } .pb-5, .py-5 { padding-bottom: 4rem !important; } .pl-5, .px-5 { padding-left: 4rem !important; } .m-n1 { margin: -1rem !important; } .mt-n1, .my-n1 { margin-top: -1rem !important; } .mr-n1, .mx-n1 { margin-right: -1rem !important; } .mb-n1, .my-n1 { margin-bottom: -1rem !important; } .ml-n1, .mx-n1 { margin-left: -1rem !important; } .m-n2 { margin: -1.5rem !important; } .mt-n2, .my-n2 { margin-top: -1.5rem !important; } .mr-n2, .mx-n2 { margin-right: -1.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -1.5rem !important; } .ml-n2, .mx-n2 { margin-left: -1.5rem !important; } .m-n3 { margin: -3rem !important; } .mt-n3, .my-n3 { margin-top: -3rem !important; } .mr-n3, .mx-n3 { margin-right: -3rem !important; } .mb-n3, .my-n3 { margin-bottom: -3rem !important; } .ml-n3, .mx-n3 { margin-left: -3rem !important; } .m-n4 { margin: -3.5rem !important; } .mt-n4, .my-n4 { margin-top: -3.5rem !important; } .mr-n4, .mx-n4 { margin-right: -3.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -3.5rem !important; } .ml-n4, .mx-n4 { margin-left: -3.5rem !important; } .m-n5 { margin: -4rem !important; } .mt-n5, .my-n5 { margin-top: -4rem !important; } .mr-n5, .mx-n5 { margin-right: -4rem !important; } .mb-n5, .my-n5 { margin-bottom: -4rem !important; } .ml-n5, .mx-n5 { margin-left: -4rem !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: 1rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 1rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 1rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 1rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 1rem !important; } .m-sm-2 { margin: 1.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 1.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 1.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 1.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 1.5rem !important; } .m-sm-3 { margin: 3rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 3rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 3rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 3rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 3rem !important; } .m-sm-4 { margin: 3.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 3.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 3.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 3.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 3.5rem !important; } .m-sm-5 { margin: 4rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 4rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 4rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 4rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 4rem !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: 1rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 1rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 1rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 1rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 1rem !important; } .p-sm-2 { padding: 1.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 1.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 1.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 1.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 1.5rem !important; } .p-sm-3 { padding: 3rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 3rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 3rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 3rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 3rem !important; } .p-sm-4 { padding: 3.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 3.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 3.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 3.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 3.5rem !important; } .p-sm-5 { padding: 4rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 4rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 4rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 4rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 4rem !important; } .m-sm-n1 { margin: -1rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -1rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -1rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -1rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -1rem !important; } .m-sm-n2 { margin: -1.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -1.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -1.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -1.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -1.5rem !important; } .m-sm-n3 { margin: -3rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -3rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -3rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -3rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -3rem !important; } .m-sm-n4 { margin: -3.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -3.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -3.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -3.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -3.5rem !important; } .m-sm-n5 { margin: -4rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -4rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -4rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -4rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -4rem !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: 1rem !important; } .mt-md-1, .my-md-1 { margin-top: 1rem !important; } .mr-md-1, .mx-md-1 { margin-right: 1rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 1rem !important; } .ml-md-1, .mx-md-1 { margin-left: 1rem !important; } .m-md-2 { margin: 1.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 1.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 1.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 1.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 1.5rem !important; } .m-md-3 { margin: 3rem !important; } .mt-md-3, .my-md-3 { margin-top: 3rem !important; } .mr-md-3, .mx-md-3 { margin-right: 3rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 3rem !important; } .ml-md-3, .mx-md-3 { margin-left: 3rem !important; } .m-md-4 { margin: 3.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 3.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 3.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 3.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 3.5rem !important; } .m-md-5 { margin: 4rem !important; } .mt-md-5, .my-md-5 { margin-top: 4rem !important; } .mr-md-5, .mx-md-5 { margin-right: 4rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 4rem !important; } .ml-md-5, .mx-md-5 { margin-left: 4rem !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: 1rem !important; } .pt-md-1, .py-md-1 { padding-top: 1rem !important; } .pr-md-1, .px-md-1 { padding-right: 1rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 1rem !important; } .pl-md-1, .px-md-1 { padding-left: 1rem !important; } .p-md-2 { padding: 1.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 1.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 1.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 1.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 1.5rem !important; } .p-md-3 { padding: 3rem !important; } .pt-md-3, .py-md-3 { padding-top: 3rem !important; } .pr-md-3, .px-md-3 { padding-right: 3rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 3rem !important; } .pl-md-3, .px-md-3 { padding-left: 3rem !important; } .p-md-4 { padding: 3.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 3.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 3.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 3.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 3.5rem !important; } .p-md-5 { padding: 4rem !important; } .pt-md-5, .py-md-5 { padding-top: 4rem !important; } .pr-md-5, .px-md-5 { padding-right: 4rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 4rem !important; } .pl-md-5, .px-md-5 { padding-left: 4rem !important; } .m-md-n1 { margin: -1rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -1rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -1rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -1rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -1rem !important; } .m-md-n2 { margin: -1.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -1.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -1.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -1.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -1.5rem !important; } .m-md-n3 { margin: -3rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -3rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -3rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -3rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -3rem !important; } .m-md-n4 { margin: -3.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -3.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -3.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -3.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -3.5rem !important; } .m-md-n5 { margin: -4rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -4rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -4rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -4rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -4rem !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: 1rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 1rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 1rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 1rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 1rem !important; } .m-lg-2 { margin: 1.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 1.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 1.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 1.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 1.5rem !important; } .m-lg-3 { margin: 3rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 3rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 3rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 3rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 3rem !important; } .m-lg-4 { margin: 3.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 3.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 3.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 3.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 3.5rem !important; } .m-lg-5 { margin: 4rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 4rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 4rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 4rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 4rem !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: 1rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 1rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 1rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 1rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 1rem !important; } .p-lg-2 { padding: 1.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 1.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 1.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 1.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 1.5rem !important; } .p-lg-3 { padding: 3rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 3rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 3rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 3rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 3rem !important; } .p-lg-4 { padding: 3.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 3.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 3.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 3.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 3.5rem !important; } .p-lg-5 { padding: 4rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 4rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 4rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 4rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 4rem !important; } .m-lg-n1 { margin: -1rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -1rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -1rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -1rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -1rem !important; } .m-lg-n2 { margin: -1.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -1.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -1.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -1.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -1.5rem !important; } .m-lg-n3 { margin: -3rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -3rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -3rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -3rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -3rem !important; } .m-lg-n4 { margin: -3.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -3.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -3.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -3.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -3.5rem !important; } .m-lg-n5 { margin: -4rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -4rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -4rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -4rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -4rem !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: 1rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 1rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 1rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 1rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 1rem !important; } .m-xl-2 { margin: 1.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 1.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 1.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 1.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 1.5rem !important; } .m-xl-3 { margin: 3rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 3rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 3rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 3rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 3rem !important; } .m-xl-4 { margin: 3.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 3.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 3.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 3.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 3.5rem !important; } .m-xl-5 { margin: 4rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 4rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 4rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 4rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 4rem !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: 1rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 1rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 1rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 1rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 1rem !important; } .p-xl-2 { padding: 1.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 1.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 1.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 1.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 1.5rem !important; } .p-xl-3 { padding: 3rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 3rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 3rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 3rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 3rem !important; } .p-xl-4 { padding: 3.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 3.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 3.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 3.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 3.5rem !important; } .p-xl-5 { padding: 4rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 4rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 4rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 4rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 4rem !important; } .m-xl-n1 { margin: -1rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -1rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -1rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -1rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -1rem !important; } .m-xl-n2 { margin: -1.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -1.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -1.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -1.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -1.5rem !important; } .m-xl-n3 { margin: -3rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -3rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -3rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -3rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -3rem !important; } .m-xl-n4 { margin: -3.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -3.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -3.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -3.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -3.5rem !important; } .m-xl-n5 { margin: -4rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -4rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -4rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -4rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -4rem !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; } } .text-monospace { font-family: "Quicksand", Georgia, "Times New Roman", Times, serif !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: #666ee8 !important; } a.text-primary:hover, a.text-primary:focus { color: #232fde !important; } .text-secondary { color: #6b6f82 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #484b58 !important; } .text-success { color: #28d094 !important; } a.text-success:hover, a.text-success:focus { color: #1c9066 !important; } .text-info { color: #1e9ff2 !important; } a.text-info:hover, a.text-info:focus { color: #0b75b9 !important; } .text-warning { color: #ff9149 !important; } a.text-warning:hover, a.text-warning:focus { color: #fc6300 !important; } .text-danger { color: #ff4961 !important; } a.text-danger:hover, a.text-danger:focus { color: #fc0021 !important; } .text-light { color: #babfc7 !important; } a.text-light:hover, a.text-light:focus { color: #9098a5 !important; } .text-dark { color: #464855 !important; } a.text-dark:hover, a.text-dark:focus { color: #23242b !important; } .text-body { color: #6b6f82 !important; } .text-muted { color: #6b6f82 !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-break: break-word !important; overflow-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 #626e82 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #626e82; } .table .thead-dark th { color: inherit; border-color: #626e82; } } a:focus { outline: none; } .font-small-1 { font-size: 0.7rem !important; } .font-small-2 { font-size: 0.8rem !important; } .font-small-3 { font-size: 0.9rem !important; } .font-medium-1 { font-size: 1.1rem !important; } .font-medium-2 { font-size: 1.2rem !important; } .font-medium-3 { font-size: 1.3rem !important; } .font-medium-4 { font-size: 1.4rem !important; } .font-medium-5 { font-size: 1.5rem !important; } .font-large-1 { font-size: 2rem !important; } .font-large-2 { font-size: 3rem !important; } .font-large-3 { font-size: 4rem !important; } .font-large-4 { font-size: 5rem !important; } .font-large-5 { font-size: 6rem !important; } .text-bold-300 { font-weight: 300; } .text-bold-400 { font-weight: 400; } .text-bold-500 { font-weight: 500; } .text-bold-600 { font-weight: 600; } .text-bold-700 { font-weight: 700; } .text-italic { font-style: italic; } .text-highlight { padding: 4px 6px; } ol li, ul li, dl li { line-height: 1.8; } code { padding: 0.2rem 0.4rem; font-size: 90%; color: #F74B5C; background-color: #f2f3f5; border-radius: 0.25rem; } pre { background-color: #f7f7f9; } pre code { background-color: transparent !important; } .bd-example-row .row + .row { margin-top: 1rem; } .bd-example-row .row > .col, .bd-example-row .row > [class^=col-] { padding-top: 0.75rem; padding-bottom: 0.75rem; background-color: rgba(86, 61, 124, 0.15); border: 1px solid rgba(86, 61, 124, 0.2); } .bd-example-row .flex-items-top, .bd-example-row .flex-items-middle, .bd-example-row .flex-items-bottom { min-height: 6rem; background-color: rgba(255, 0, 0, 0.1); } .bd-example-row-flex-cols .row { min-height: 10rem; background-color: rgba(255, 0, 0, 0.1); } .bd-highlight { background-color: rgba(86, 61, 124, 0.15); border: 1px solid rgba(86, 61, 124, 0.15); } .example-container { width: 800px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .example-row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .example-content-main { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .example-content-main { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .example-content-main { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } } .example-content-secondary { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .example-content-secondary { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .example-content-secondary { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } .table-white-space th, .table-white-space td { white-space: nowrap; } .table-borderless td, .table-borderless th { border: none; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #e3ebf3; border-top: 1px solid #e3ebf3; } .table-bordered th, .table-bordered td { border: 1px solid #e3ebf3; } .table th, .table td { border-bottom: 1px solid #e3ebf3; } .table-bordered { border: 1px solid #e3ebf3; } .table-inverse { color: #eceeef; background-color: #00A5A8; } .table.table-column th, .table.table-column td { border: none; border-left: 1px solid #e3ebf3; } .table.table-column th:first-child, .table.table-column td:first-child { border-left: none; } .table th, .table td { padding: 0.75rem 2rem; } .table.table-xl th, .table.table-xl td { padding: 1.25rem 2rem; } .table.table-lg th, .table.table-lg td { padding: 0.9rem 2rem; } .table.table-de th, .table.table-de td { padding: 0.75rem 2rem; } .table.table-sm th, .table.table-sm td { padding: 0.6rem 2rem; } .table.table-xs th, .table.table-xs td { padding: 0.4rem 2rem; } /* * Table sizing */ .table-borderless thead th { border-top: 1px solid #e3ebf3; } .table-borderless > tbody > tr > td, .table-borderless > tbody > tr > th { border: 0; } .table > thead > tr.border-solid > th { border-bottom-width: 2px; } .table > thead > tr.border-double > th { border-bottom-width: 4px; border-bottom-style: double; } .table > tbody > tr.border-dashed > td { border-top-style: dashed; } .border-custom-color td { border-top: inherit; border-bottom: inherit; } .handsontable .ht_master .wtHolder { width: auto !important; height: auto !important; } #hot-display-license-info { display: none; } form { /* .form-body{ overflow: hidden; } */ } form label { color: #2b335e; } form .form-group { margin-bottom: 1.5rem; } form .form-control { border: 1px solid #cacfe7; color: #3b4781; } form .form-control::-webkit-input-placeholder { color: #aeb5da; } form .form-control:-moz-placeholder { /* Firefox 18- */ color: #aeb5da; } form .form-control::-moz-placeholder { /* Firefox 19+ */ color: #aeb5da; } form .form-control:-ms-input-placeholder { color: #aeb5da; } form .form-section { color: #2C303B; line-height: 3rem; margin-bottom: 20px; border-bottom: 1px solid #2C303B; } form .form-section i { font-size: 20px; margin-left: 5px; margin-right: 10px; } form .form-actions { border-top: 1px solid #d1d5ea; padding: 20px 0; margin-top: 20px; } form .form-actions.filled { background-color: #F4F5FA; } form .form-actions.center { text-align: center; } form .form-actions.right { text-align: right; } form .form-actions.top { border-top: 0; border-bottom: 1px solid #d1d5ea; margin-top: 0; margin-bottom: 20px; } @media (max-width: 767.98px) { form .form-actions .buttons-group { float: left !important; margin-bottom: 10px; } } @media (min-width: 576px) { form.form-horizontal .form-group .label-control { text-align: right; } } form.row-separator .form-group { margin: 0; border-bottom: 1px solid #e9ebf5; } form.row-separator .form-group .label-control { padding-top: 1.5rem; } form.row-separator .form-group > div { padding: 1.2rem; padding-right: 0; } form.row-separator .form-group.last { border-bottom: 0; } form.form-bordered .form-group { margin: 0; border-bottom: 1px solid #e9ebf5; } form.form-bordered .form-group .label-control { padding-top: 1.5rem; } form.form-bordered .form-group > div { padding: 1.2rem; padding-right: 0; border-left: 1px solid #e9ebf5; } form.form-bordered .form-group.last { border-bottom: 0; } form.striped-rows .form-group { margin: 0; } form.striped-rows .form-group .label-control { padding-top: 1.5rem; } form.striped-rows .form-group > div { padding: 1.2rem; padding-right: 0; } form.striped-rows .form-group:nth-child(even) { background-color: #F4F5FA; } form.striped-labels .form-group { margin: 0; } form.striped-labels .form-group .label-control { padding-top: 1.5rem; } form.striped-labels .form-group > div { padding: 1.2rem; padding-right: 0; background-color: white; } form.striped-labels .form-group:nth-child(even) { background-color: #F4F5FA; } form .custom-control-indicator { width: 1.1rem; height: 1.075rem; line-height: 1.05rem; top: 0.15rem; left: 0; } form .custom-control-indicator + .custom-control-description { margin-left: 1rem; } select.form-control { padding-top: 0; padding-bottom: 0; } /*Bootstrap Enhance */ .custom-checkbox { margin-bottom: 0; } .custom-checkbox .custom-control-input:focus { outline: -webkit-focus-ring-color auto 5px; } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(30, 159, 242, 0.5); } .custom-checkbox input:disabled:checked ~ .custom-control-indicator { opacity: 0.5; } .custom-checkbox input:disabled ~ .custom-control-indicator { cursor: not-allowed; } .custom-control-input > input:focus ~ .custom-control-indicator { padding: 0.51rem; } .custom-control-indicator { width: 1.1rem; height: 1.075rem; line-height: 1.05rem; top: 0.15rem; } .custom-control-indicator + .custom-control-description { margin-left: 1rem; } .form-control:disabled, .form-control[readonly] { background-color: #ECEFF1; } .input-group-addon { background-color: #ECEFF1; border-color: #BABFC7; } .input-group-text { padding: 0.4rem 1rem; } .custom-control { min-height: auto; } .checkbox-input-group .input-group .skin.skin-square, .checkbox-input-group .input-group .skin-polaris.skin, .radio-input-group .input-group .skin.skin-square, .radio-input-group .input-group .skin-polaris.skin { height: 16px; width: 22px; } .checkbox-input-group .input-group .skin.skin-square .icheckbox_square-red, .checkbox-input-group .input-group .skin-polaris.skin .icheckbox_square-red, .radio-input-group .input-group .skin.skin-square .icheckbox_square-red, .radio-input-group .input-group .skin-polaris.skin .icheckbox_square-red { top: -3px; } .checkbox-input-group .input-group .skin.skin-square .iradio_polaris, .checkbox-input-group .input-group .skin-polaris.skin .iradio_polaris, .radio-input-group .input-group .skin.skin-square .iradio_polaris, .radio-input-group .input-group .skin-polaris.skin .iradio_polaris { top: -7px; } .switchery-input-group .input-group .input-group-text { padding: 0.2rem 1rem; } .custom-control-label::before { width: 1.1rem; height: 1.1rem; } .custom-control-label::after { width: 1.1rem; } .btn.btn-square { border-radius: 0; } .btn.btn-round { border-radius: 2rem; } .btn:focus, .btn.focus, .btn:active, .btn.active { outline: none; box-shadow: none !important; } .btn.btn-icon i { font-size: 1.1rem; } .btn.btn-icon.btn-pure { background-color: transparent; border-color: transparent; box-shadow: none; } .btn.btn-icon.btn-pure i { font-size: 1.25rem; } .btn.btn-social, .btn.btn-social-icon { padding: 0.7rem 0.25rem 0.85rem 3.75rem; } .btn-min-width { min-width: 8.5rem; } .color-box { width: 100%; height: 2.75rem; border-radius: 0.25rem; } .btn-float { padding: 15px; white-space: normal; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); } .btn-float.btn-link { padding: 10px; } .btn-float i { display: block; margin: 0; top: 0; } .btn-float.btn-float-lg i, .btn-float.btn-float-lg span { font-size: 2rem; } .btn-float.btn-float-lg i + span { font-size: 1.1rem; } .btn-float > i + span { display: block; padding-top: 10px; margin-bottom: -6px; } .collapse-icon .card-header { position: relative; } .collapse-icon a[data-toggle=collapse]:after { position: absolute; top: 48%; right: 20px; margin-top: -8px; font-family: "feather"; content: "\e982"; transition: all 300ms linear 0s; } .collapse-icon a[data-toggle=collapse]:before { position: absolute; top: 48%; right: 20px; margin-top: -8px; font-family: "feather"; content: "\e99d"; transition: all 300ms linear 0s; } .collapse-icon.left a { padding-left: 28px; } .collapse-icon.left a:before, .collapse-icon.left a:after { left: 20px; right: auto; } .collapse-icon a[aria-expanded=true]:before { opacity: 0; } .collapse-icon a[aria-expanded=false]:after { opacity: 0; } .collapse-icon.accordion-icon-rotate a[aria-expanded=true]:before { transform: rotate(180deg); } .collapse-icon.accordion-icon-rotate a[aria-expanded=false]:after { transform: rotate(-180deg); } .header-navbar .navbar-container .mega-dropdown-menu .collapse-icon a[data-toggle=collapse]:after { margin-top: -16px; } .header-navbar .navbar-container .mega-dropdown-menu .collapse-icon a[data-toggle=collapse]:before { margin-top: -16px; } .dropdown.dropdown-demo { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown .dropdown-menu { border: 1px solid #E4E5EC; border-radius: 0.35rem; transform-origin: top; animation-fill-mode: forwards; transform: scale(1, 0); transition: all 0.2s linear; margin: -0.1rem 0 0; box-shadow: 0px 5px 75px 2px rgba(64, 70, 74, 0.2); min-width: 11rem; } .dropdown .dropdown-menu .dropdown-header { padding: 10px 20px; margin-top: 10px; text-transform: uppercase; color: #626e82; } .dropdown .dropdown-menu .dropdown-item { padding: 10px 20px; width: 100%; } .dropdown .dropdown-menu .dropdown-item:active a, .dropdown .dropdown-menu .dropdown-item.active a { color: #fff; } .dropdown .dropdown-divider { border: 1px solid #E4E5EC; } .dropdown i { margin-right: 0.5rem; } .dropdown .dropdown-menu { border: 1px solid #E4E5EC; border-radius: 0.35rem; transform-origin: top; animation-fill-mode: forwards; transform: scale(1, 0); transition: all 0.2s linear; margin: -0.1rem 0 0; box-shadow: 0px 5px 75px 2px rgba(64, 70, 74, 0.2) !important; min-width: 11rem; } .dropdown .dropdown-menu .dropdown-header { padding: 10px 20px; margin-top: 10px; text-transform: uppercase; color: #626e82; } .dropdown .dropdown-menu .dropdown-item { padding: 10px 20px; width: 100%; } .dropdown .dropdown-menu .dropdown-item:active a, .dropdown .dropdown-menu .dropdown-item.active a { color: #fff; } .show > .dropdown-menu { transform: scale(1, 1); opacity: 1; display: block; } .dropdown-toggle::after { font-size: 0.8rem; font-family: "LineAwesome"; content: "\f110" !important; border: none !important; position: relative; top: 0px; right: 0px; padding: 0 2px 0 6px; margin: 0 0.3em 0 0; vertical-align: 0; } .dropdown-toggle.nav-hide-arrow::after { display: none; } .dropdown-toggle:focus { outline: 0; } .navbar-horizontal .dropdown-menu .dropdown-submenu > a:after, .navbar-horizontal .dropdown-menu .dropdown-submenu > button:after { font-size: 0.85rem; right: 2px; } .navbar-horizontal .dropdown-toggle::after { top: 14px !important; } .dropdown-menu-right { right: 0; } .dropdown-menu { box-shadow: none; } .dropdown-menu .dropdown-submenu { position: relative; } .dropdown-menu .dropdown-submenu:hover .dropdown-menu { display: block; } .dropdown-menu .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; } .dropdown-menu .dropdown-submenu > .dropdown-menu::before { box-shadow: none; } .dropdown-menu .dropdown-submenu > .dropdown-menu.open-left { left: auto; right: 100%; } .dropdown-menu .dropdown-submenu > a:after, .dropdown-menu .dropdown-submenu > button:after { font-family: "LineAwesome"; content: "\f112" !important; right: 15px; font-size: 1rem; float: right; border: none; position: absolute; } .dropdown-menu .dropdown-submenu :hover > a:after, .dropdown-menu .dropdown-submenu :hover > button:after { border-left-color: #555; } .dropdown-menu .dropdown-submenu .pull-left { float: none; } .dropdown-menu .dropdown-submenu .pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .dropdown-header { text-transform: uppercase; } .dropdown-header.highlight { color: #2b2d2f; text-decoration: none; background-color: #f5f5f5; } .btn-secondary ~ .dropdown-menu .dropdown-item.active { background-color: #cccccc; } .btn-primary ~ .dropdown-menu .dropdown-item.active { background-color: #666ee8; } .btn-success ~ .dropdown-menu .dropdown-item.active { background-color: #28d094; } .btn-danger ~ .dropdown-menu .dropdown-item.active { background-color: #ff4961; } .btn-info ~ .dropdown-menu .dropdown-item.active { background-color: #1e9ff2; } .btn-warning ~ .dropdown-menu .dropdown-item.active { background-color: #ff9149; } .dropdown-menu.arrow { margin-top: 12px; } .dropdown-menu.arrow:after, .dropdown-menu.arrow:before { position: absolute; left: 10px; display: inline-block; width: 0; height: 0; content: ""; border: 7px solid transparent; border-top-width: 0; } .dropdown-menu.arrow:before { top: -7px; border-bottom-color: #b3b3b3; } .dropdown-menu.arrow:after { top: -6px; border-bottom-color: #fff; } .dropdown-menu .arrow-left { margin-left: 7px !important; } .dropdown-menu .arrow-left:after, .dropdown-menu .arrow-left:before { position: absolute; top: 10px; display: inline-block; width: 0; height: 0; content: ""; border: 7px solid transparent; border-left-width: 0; } .dropdown-menu .arrow-left:before { left: -8px; border-right-color: #b3b3b3; } .dropdown-menu .arrow-left:after { left: -7px; border-right-color: #fff; } .dropdown-menu .arrow-right { margin-right: 7px !important; } .dropdown-menu .arrow-right:after, .dropdown-menu .arrow-right:before { position: absolute; top: 10px; display: inline-block; width: 0; height: 0; content: ""; border: 7px solid transparent; border-right-width: 0; } .dropdown-menu .arrow-right:before { right: -7px; border-left-color: #b3b3b3; } .dropdown-menu .arrow-right:after { right: -6px; border-left-color: #fff; } .dropup .dropdown-toggle::after { content: "\f113" !important; } .dropup .dropdown-menu { top: auto; } .dropup .dropdown-menu.arrow { margin-bottom: 12px; } .dropup .dropdown-menu.arrow:after, .dropup .dropdown-menu.arrow:before { top: auto; border-top-width: 7px; border-bottom-width: 0; } .dropup .dropdown-menu.arrow:before { bottom: -8px; border-top-color: #b3b3b3; } .dropup .dropdown-menu.arrow:after { bottom: -6px; border-top-color: #fff; } .dropup .dropdown-submenu .dropdown-menu { bottom: auto; top: 0; } .dropdown-menu-xl a, .dropdown-menu-xl button { padding-top: 9px !important; padding-bottom: 9px !important; font-size: 1.2rem; line-height: 1.43; } .dropdown-menu-lg a, .dropdown-menu-lg button { padding-top: 6px !important; padding-bottom: 6px !important; } .dropdown-menu-sm a, .dropdown-menu-sm button { padding-top: 5px !important; padding-bottom: 5px !important; font-size: 0.86rem; line-height: 1.67; } .dropdown-item.buttons-columnVisibility.active { color: #000; } .drilldown-menu .dropdown-item.active.hover, .drilldown-menu .dropdown-item.active:hover, .drilldown-menu .dropdown-item:active.hover, .drilldown-menu .dropdown-item:active:hover { color: #fff; } .selectBox-arrow-light .selectboxit-default-arrow { border-top-color: #fff; } /* =============================================================================================== File Name: navbar.scss Description: Contain header navigation bar, vertical main navigation bar and horiznotal main navigation bar related SCSS. ---------------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ================================================================================================*/ .navbar-dark .hamburger-inner, .navbar-dark .hamburger-inner::before, .navbar-dark .hamburger-inner::after { background-color: #fff; } .header-navbar { padding: 0px; min-height: 5rem; font-family: "Quicksand", Georgia, "Times New Roman", Times, serif; transition: 300ms ease all; /* For sm screen*/ } .header-navbar.navbar-static-top { z-index: 1038; } .header-navbar .navbar-wrapper { width: 100%; } .header-navbar.navbar-border { border-bottom: 1px solid #e4e7ed; } .header-navbar.navbar-dark.navbar-border { border-bottom: 1px solid #8596b5; } .header-navbar.navbar-shadow { box-shadow: 0px 2px 30px 2px rgba(0, 0, 0, 0.1); } .header-navbar.navbar-without-dd-arrow .nav-link.dropdown-toggle::after { display: none; } .header-navbar.navbar-brand-center .navbar-header { width: 192px; position: absolute; top: 0; left: 50%; padding: 0; margin: 0; transform: translate(-50%, 0); z-index: 999; } .header-navbar .navbar-header { height: 100%; width: 235px; height: 5.1rem; float: left; position: relative; padding: 0rem 0.85rem; transition: 300ms ease all; } .header-navbar .navbar-header .navbar-brand { padding: 18px 0px; margin-right: 0; } .header-navbar .navbar-header .navbar-brand .brand-logo { width: 36px; } .header-navbar .navbar-header .navbar-brand .brand-text { display: inline; padding-left: 6px; font-weight: 500; vertical-align: middle; } .header-navbar .navbar-container { padding: 0rem 18px; height: 5rem; transition: 300ms ease all; background: inherit; } .header-navbar .navbar-container ul.nav li > a.nav-link { padding: 1.9rem 1rem; font-size: 1.15rem; } .header-navbar .navbar-container ul.nav li > a.nav-link i.flag-icon { margin-right: 0.5rem; } .header-navbar .navbar-container ul.nav li a.dropdown-user-link { padding: 1.2rem 1rem; line-height: 23px; } .header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name { display: inline-block; margin-bottom: 0.4rem; margin-left: 0.2rem; } .header-navbar .navbar-container ul.nav li a.menu-toggle { padding: 1.7rem 1rem 1.6rem 1rem; } .header-navbar .navbar-container ul.nav li a.menu-toggle i { font-size: 1.6rem; } .header-navbar .navbar-container ul.nav li a.nav-link-label { padding: 1.7rem 1rem 1.6rem 1rem; height: 100%; } .header-navbar .navbar-container ul.nav li a.dropdown-user-link .avatar { margin-right: 0.5rem; width: 36px; } .header-navbar .navbar-container ul.nav li a.nav-link-search, .header-navbar .navbar-container ul.nav li a.nav-link-expand { padding: 1.7rem 1rem 1.7rem 1rem; } .header-navbar .navbar-container ul.nav li div.input-group { padding: 0.7rem 1rem; } .header-navbar .navbar-container ul.nav li i.ficon { font-size: 1.5rem; } .header-navbar .navbar-container ul.nav li .media-list { max-height: 18.2rem; top: -20px; } .header-navbar .navbar-container ul.nav li .scrollable-container { position: relative; } .header-navbar .navbar-container .dropdown-menu-media { width: 24rem; } .header-navbar .navbar-container .dropdown-menu-media .media-list .media { padding: 1rem; border: none; border-bottom: 1px solid #E4E5EC; } .header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-header { border-bottom: 1px solid #E4E5EC; } .header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-footer { position: relative; top: -20px; } .header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-footer a { padding: 0.3rem; border-top: 1px solid #E4E5EC; margin-bottom: -20px; } .header-navbar.navbar-without-menu .navbar-container { margin-left: 0; } .header-navbar .nav-item + .nav-item { margin-left: 0rem; } @media (max-width: 767.98px) { .header-navbar .navbar-header { width: 100% !important; padding: 0.5rem 1rem; position: relative; } .header-navbar .navbar-header .menu-toggle { top: 2px; position: relative; } .header-navbar .navbar-header .open-navbar-container i { font-size: 1.8rem; } .header-navbar .navbar-header .navbar-brand { position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); } .header-navbar.navbar-with-menu .navbar-container { width: 100%; display: table; background: #fff; padding: 0rem 1rem; margin: 0; height: auto; } } /* Modern menu For md screen*/ @media (max-width: 991.98px) { [data-menu=vertical-menu-modern] .header-navbar .navbar-header { width: 100% !important; padding: 0.5rem 1rem; position: relative; } [data-menu=vertical-menu-modern] .header-navbar .navbar-header .menu-toggle { top: 2px; position: relative; } [data-menu=vertical-menu-modern] .header-navbar .navbar-header .open-navbar-container i { font-size: 1.8rem; } [data-menu=vertical-menu-modern] .header-navbar .navbar-header .navbar-brand { position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); } [data-menu=vertical-menu-modern] .header-navbar.navbar-with-menu .navbar-container { width: 100%; display: table; background: #fff; padding: 0rem 1rem; margin: 0; height: auto; } [data-menu=vertical-menu-modern] .navbar-dark .navbar-header .navbar-nav .nav-link, [data-menu=vertical-menu-modern] .navbar-semi-dark .navbar-header .navbar-nav .nav-link { color: #fff; } [data-menu=vertical-menu-modern] .navbar-dark .navbar-container .navbar-nav .nav-link, [data-menu=vertical-menu-modern] .navbar-semi-dark .navbar-container .navbar-nav .nav-link { color: #2C303B; } [data-menu=vertical-menu-modern] .navbar-light .navbar-header .navbar-nav .nav-link { color: #2C303B; } [data-menu=vertical-menu-modern] .navbar-header .navbar-nav .open-navbar-container, [data-menu=vertical-menu-modern] .navbar-header .navbar-nav .nav-menu-main { padding: 1rem; } } .navbar-light { background: #fff; } .navbar-light.navbar-horizontal { background: #fff; } .navbar-light .navbar-nav li { line-height: 1; } .navbar-light .navbar-nav .active.nav-link { background-color: rgba(0, 0, 0, 0.03); } .navbar-light .navbar-nav .disabled.nav-link { color: #6b6f82; } .navbar-dark { background: #2C303B; } .navbar-dark .navbar-brand { color: #fff !important; } .navbar-dark .navbar-brand .brand-text { color: #fff !important; } .navbar-dark.navbar-horizontal { background: #2C303B; } .navbar-dark .nav-search .form-control, .navbar-dark .nav-search .btn-secondary { color: #fff; background: #2C303B; } .navbar-dark .navbar-nav li { line-height: 1; } .navbar-dark .navbar-nav .active.nav-link { background-color: rgba(255, 255, 255, 0.05); } .navbar-dark .navbar-nav .disabled.nav-link { color: #98a4b8; } .navbar-semi-dark { background: #fff; } .navbar-semi-dark .navbar-header { background: #2C303B; } .navbar-semi-dark .navbar-header .brand-text { color: #fff; } .navbar-semi-dark .navbar-nav li { line-height: 1; } .navbar-semi-dark .navbar-nav .nav-link { color: #6b6f82; } .navbar-semi-dark .navbar-nav .active.nav-link { background-color: rgba(0, 0, 0, 0.03); } .navbar-semi-dark .navbar-nav .disabled.nav-link { color: #6b6f82; } .navbar-semi-light { background: #6b6f82; } .navbar-semi-light .navbar-header { background: #fff; } .navbar-semi-light .navbar-header .brand-text { color: #464855; } .navbar-semi-light .navbar-nav li { line-height: 1; } .navbar-semi-light .navbar-nav .nav-link { color: #fff; } .navbar-semi-light .navbar-nav .active.nav-link { background-color: rgba(0, 0, 0, 0.03); } .navbar-semi-light .navbar-nav .disabled.nav-link { color: #6b6f82; } .mega-dropdown { position: static !important; } .mega-dropdown .dropdown-menu { display: flex; } .navigation-main .mega-dropdown-menu, .navbar-nav .mega-dropdown-menu { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; width: calc(100% - 50px); padding: 0.5rem 0; /* fallback if needed */ margin: 0px 25px; box-shadow: none; box-shadow: 0px 5px 75px 2px rgba(64, 70, 74, 0.2); z-index: 9999; } .navigation-main .mega-dropdown-menu ul, .navbar-nav .mega-dropdown-menu ul { padding: 0; margin: 0; } .navigation-main .mega-dropdown-menu ul li, .navbar-nav .mega-dropdown-menu ul li { list-style: none; } .navigation-main .mega-dropdown-menu ul li a, .navbar-nav .mega-dropdown-menu ul li a { display: block; color: #464855; } .navigation-main .mega-dropdown-menu ul li a.dropdown-item:active, .navbar-nav .mega-dropdown-menu ul li a.dropdown-item:active { color: #fff; } .navigation-main .mega-dropdown-menu ul li a .children-in, .navbar-nav .mega-dropdown-menu ul li a .children-in { float: right; } .navigation-main .mega-dropdown-menu ul li a:hover, .navbar-nav .mega-dropdown-menu ul li a:hover { text-decoration: none; color: #6b6f82; } .navigation-main .mega-dropdown-menu ul li a:focus, .navbar-nav .mega-dropdown-menu ul li a:focus { text-decoration: none; color: #6b6f82; } .navigation-main .mega-dropdown-menu ul a.dropdown-item, .navbar-nav .mega-dropdown-menu ul a.dropdown-item { padding: 10px; } .navigation-main .mega-dropdown-menu p.accordion-text, .navbar-nav .mega-dropdown-menu p.accordion-text { line-height: 1.45; } .navigation-main .mega-dropdown-menu .dropdown-menu-header, .navbar-nav .mega-dropdown-menu .dropdown-menu-header { padding: 0.5rem 0; border-bottom: 1px solid #E4E5EC; } .navigation-main .mega-dropdown-menu h6 i.la, .navbar-nav .mega-dropdown-menu h6 i.la { font-size: 1.1rem; } .horizontal-top-icon-menu .mega-dropdown-menu { margin: 0px 25px !important; } @media (min-width: 576px) { .container .mega-dropdown-menu { max-width: 540px; margin: 0 calc((100% - 540px) / 2); } } @media (min-width: 768px) { .container .mega-dropdown-menu { max-width: 720px; margin: 0 calc((100% - 720px) / 2); } } @media (min-width: 992px) { .container .mega-dropdown-menu { max-width: 960px; margin: 0 calc((100% - 960px) / 2); } } @media (min-width: 1200px) { .container .mega-dropdown-menu { max-width: 1140px; margin: 0 calc((100% - 1140px) / 2); } } @-moz-document url-prefix() { ul li a .children-in { position: relative; right: 3px; top: -14px; } } .menu-list { list-style: none; padding: 0; overflow: hidden; } .menu-panel { padding: 0; } .sliding-menu { overflow: hidden; position: relative; } .sliding-menu ul { float: left; margin: 0; padding: 0; } .sliding-menu ul li { list-style: none; margin: 0; } .navbar-menu-icon { width: 24px; margin: 16px 2px !important; position: relative; margin: 0px auto; transform: rotate(0deg); transition: 0.5s ease-in-out; cursor: pointer; } .navbar-menu-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #6b6f82; border-radius: 9px; opacity: 1; left: 0; transform: rotate(0deg); transition: 0.25s ease-in-out; } .navbar-menu-icon span:nth-child(1) { top: 0px; } .navbar-menu-icon span:nth-child(2) { top: 10px; } .navbar-menu-icon span:nth-child(3) { top: 20px; } .navbar-menu-icon.show span:nth-child(1) { top: 10px; transform: rotate(135deg); } .navbar-menu-icon.show span:nth-child(2) { opacity: 0; left: -60px; } .navbar-menu-icon.show span:nth-child(3) { top: 10px; transform: rotate(-135deg); } @media (max-width: 767.98px) { .header-navbar #navbar-mobile .search-input.open .input { width: 132px; } .header-navbar #navbar-mobile .search-input.open .input::placeholder { color: #babfc7; } .header-navbar .navbar-nav .show { position: static; } .header-navbar .navbar-nav .open-navbar-container { padding-top: 0.9rem; } .header-navbar .navbar-container .show .dropdown-menu { right: 0; left: 0 !important; float: none; width: auto; margin-top: 0; max-height: 400px; overflow-x: hidden; overflow-y: hidden; } .header-navbar .navbar-container ul.nav li.nav-item i { margin-right: 0.2rem; } .header-navbar .navbar-container ul.nav li > a.nav-link { padding: 1.5rem 0.4rem; } .header-navbar .navbar-container ul.nav li > a.nav-link i.flag-icon { margin-right: 0.2rem; } .header-navbar .navbar-container ul.nav li a.dropdown-user-link { padding: 0.8rem 0.6rem !important; } .header-navbar .navbar-container ul.nav li a.nav-link-label { padding: 1.4rem 0.4rem; } .header-navbar .navbar-container ul.nav li a.nav-link-label i.ft-bell { position: relative; left: 8px; } .header-navbar .navbar-container ul.nav li a.nav-link-search, .header-navbar .navbar-container ul.nav li a.nav-link-expand { padding: 1.4rem 1rem 1rem 1rem; } .header-navbar .navbar-container ul.nav li .dropdown-toggle::after { margin-right: 0; margin-left: -2px; } .navbar-dark .hamburger-inner, .navbar-dark .hamburger-inner::before, .navbar-dark .hamburger-inner::after, .navbar-semi-dark .hamburger-inner, .navbar-semi-dark .hamburger-inner::before, .navbar-semi-dark .hamburger-inner::after { background-color: #fff; } .navbar-dark .navbar-header .navbar-nav .nav-link, .navbar-semi-dark .navbar-header .navbar-nav .nav-link { color: #fff; } .navbar-dark .navbar-container .navbar-nav .nav-link, .navbar-semi-dark .navbar-container .navbar-nav .nav-link { color: #6b6f82; } .navbar-light .navbar-header .navbar-nav .nav-link, .navbar-semi-light .navbar-header .navbar-nav .nav-link { color: #2C303B; } .navbar-light .navbar-container .navbar-nav .nav-link, .navbar-semi-light .navbar-container .navbar-nav .nav-link { color: #6b6f82; } } .headroom { will-change: transform; transition: transform 200ms linear; } .headroom--pinned-top { transform: translateY(0%); } .headroom--unpinned-top { transform: translateY(-100%); } .headroom--pinned-bottom { transform: translateY(0%); } .headroom--unpinned-bottom { transform: translateY(100%); } @media (max-width: 1199.98px) { .header-navbar .navbar-container ul.nav li > a.nav-link i.flag-icon { margin-right: 0.2rem; } .header-navbar .navbar-container ul.nav li a.dropdown-user-link { padding: 1.2rem 0.6rem; } .header-navbar .navbar-container ul.nav li .dropdown-toggle::after { margin-right: 0; margin-left: -2px; } .header-navbar .navbar-container ul.nav li .selected-language { display: none; } .header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name { display: none; } } @media (max-width: 767px) { #navbar-mobile.navbar-collapse .navbar-nav { margin: 0; flex-flow: row wrap; } #navbar-mobile.navbar-collapse .navbar-nav .dropdown-menu { position: absolute; } #navbar-mobile.navbar-collapse .navbar-nav .nav-item { float: left; } } @media (max-width: 991.98px) { #navbar-mobile.navbar-collapse .navbar-nav { margin: 0; flex-flow: row wrap; } #navbar-mobile.navbar-collapse .navbar-nav .dropdown-menu { position: absolute; } #navbar-mobile.navbar-collapse .navbar-nav .nav-item { float: left; } } /* ----------- iPhone 5, 5S iPhone 6----------- */ /* Landscape */ @media only screen and (min-device-width: 26.78em) and (max-device-width: 47.64em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .header-navbar .navbar-container .show .dropdown-menu { max-height: 180px; } } /* ----------- iPhone 6+ ----------- */ /* Landscape */ @media only screen and (min-device-width: 29.57em) and (max-device-width: 52.57em) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .header-navbar .navbar-container .show .dropdown-menu { max-height: 280px; } } @media screen and (max-width: 1024px) { #navbar-demo .header-navbar .navbar-header { width: auto; } #navbar-demo .header-navbar .navbar-header .menu-toggle.ft-menu { position: relative; } #navbar-demo .header-navbar .navbar-header .nav-link.open-navbar-container .la.la-ellipsis-v { position: relative; } #navbar-demo .navbar-container { margin-left: auto; } #navbar-demo .navbar-container .navbar-btn .nav-link.btn { padding: 0.5rem 1rem; } .internationalization .card .card-body .header-navbar .navbar-wrapper .navbar-header { width: auto; } .internationalization .card .card-body .header-navbar .navbar-wrapper .navbar-header .menu-toggle.ft-menu { position: relative; } .internationalization .card .card-body .header-navbar .navbar-wrapper .navbar-header .nav-link.open-navbar-container .la.la-ellipsis-v { position: relative; top: 0.5rem; } } @media screen and (max-width: 768px) { #navbar-demo .header-navbar.navbar-semi-dark .navbar-header, #navbar-demo .header-navbar.navbar-brand-center .navbar-header { width: 60px; } #navbar-demo .navbar-container .nav-form-inline .input-group .form-control { width: 95px; } } @media screen and (max-width: 540px) { #navbar-demo .navbar-container #navbar-mobile5.navbar-badges .badge-up { position: absolute; top: 1px; right: 16rem; } #navbar-demo .navbar-container .add-on-right { margin-top: 5rem !important; margin-bottom: 1rem; } #navbar-demo .navbar-container .nav-form-select { margin-bottom: 1rem; float: left !important; } #navbar-demo .navbar-container .nav-radio label, #navbar-demo .navbar-container .nav-checkbox label { color: #000 !important; } #navbar-demo .navbar-container .nav-checkbox { float: left !important; } .internationalization .card .card-body .header-navbar .navbar-wrapper .navbar-header { width: 100%; } .internationalization .card .card-body .header-navbar .navbar-wrapper .navbar-header .menu-toggle.ft-menu { position: relative; top: 0.6rem !important; } .internationalization .card .card-body .header-navbar .navbar-wrapper .navbar-header .nav-link.open-navbar-container .la.la-ellipsis-v { position: relative; } } body.vertical-layout.menu-open .main-menu .navigation .navigation-header .la-ellipsis-h, body.vertical-layout.menu-open .main-menu .navigation .navigation-header .nav-menu-icon { display: none; } .card-group, .card-deck { margin-bottom: 0.75rem; } .card { margin-bottom: 1.875rem; border: none; box-shadow: 0px 1px 15px 1px rgba(62, 57, 107, 0.07); } .card .card { box-shadow: none !important; } .card .card-title { font-weight: 500; letter-spacing: 0.05rem; font-size: 1.12rem; } .card .card-bordered { border: 1px solid rgba(0, 0, 0, 0.06); } .card.card-fullscreen { display: block; z-index: 9999; position: fixed; width: 100% !important; height: 100% !important; top: 0; right: 0; left: 0; bottom: 0; overflow: auto; } .card .card-body[class*=border-bottom-] { border-bottom-width: 2px !important; } .card .card-img-overlay.bg-overlay { background: rgba(0, 0, 0, 0.45); } .card .card-img-overlay .text-muted { color: #464855 !important; } .card.card-minimal { border: none; box-shadow: none; } .card.crypto-card-3 .card-body:before { font-family: "cryptocoins"; font-size: 10rem; color: rgba(255, 255, 255, 0.15); position: absolute; bottom: -32px; right: 0px; } .card-moved .card, .card-moved .card-header { background-color: #ff9149; color: #fff; } .handle, .titleArea { cursor: move; } .card-header { border-bottom: none; } .card-header .card-title { margin-bottom: 0; } .card-header .heading-elements, .card-header .heading-elements-toggle { background-color: inherit; position: absolute; top: 20px; right: 20px; } .card-header .heading-elements.heading-top-elements .page-item, .card-header .heading-elements-toggle.heading-top-elements .page-item { display: inline-block; } .card-header .heading-elements a, .card-header .heading-elements-toggle a { padding: 0 8px; } .card-header .heading-elements a.btn, .card-header .heading-elements-toggle a.btn { padding-top: 6px; padding-bottom: 6px; } .card-footer { border-top: 1px solid #EEEEEE; } .text-white .card-text { color: rgb(255, 255, 255); } .text-white .card-img-overlay .text-muted { color: #FFF !important; } .text-white code { background-color: rgb(255, 255, 255); } .text-white .heading-elements i { color: #FFF; } .card-head-inverse { color: #FFF; } .card-head-inverse .heading-elements i { color: #FFF; } .card-transparent { background-color: transparent; } .card-image-position-right { margin-left: 50px; position: absolute; top: -27px; } .card-image-position-right-mid { position: absolute; top: auto; right: 0px; width: 250px; } .card-font-style-black { font-size: 90px; font-weight: 900; color: rgba(255, 255, 255, 0.3215686275); margin-top: -12px; } .card-font-style-white { font-size: 72px; font-weight: 900; margin-top: -10px; } .background-round { background-color: rgba(0, 0, 0, 0.18); padding: 8px; border-radius: 50%; } @media (max-width: 991.98px) { .heading-elements .list-inline { display: none; } .heading-elements.visible { display: block; margin-top: 0; top: 100%; top: 37px; height: auto; left: 0px; padding: 10px; text-align: right; z-index: 997; position: absolute; width: 100%; } .heading-elements.visible .list-inline { display: block; } } @media (min-width: 992px) { .heading-elements-toggle { display: none; } } .breadcrumb { font-size: 1rem; font-family: "Quicksand", Georgia, "Times New Roman", Times, serif; background-color: transparent; padding: 0 0 0.75rem 0rem; } .breadcrumb > li + li::before { padding-right: 0.6rem; padding-left: 0.6rem; } .breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "-"; } /* Custom scss for page headers style */ .breadcrumbs-right .breadcrumb { float: right; } .breadcrumbs-top .breadcrumb { margin: 0; padding: 0; } .breadcrumb-new .content-header-title { padding: 6px 24px 8px 0; margin: 0 24px 0 0; border-right: 1px solid #E4E5EC; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .breadcrumb { min-height: auto; } } .pagination { margin-top: 1rem; } .pagination .page-link { color: #1e9ff2; border: 1px solid #babfc7; } .pager { padding-left: 0; margin: 1.45 0; list-style: none; text-align: center; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #626e82; border-radius: 0.25rem; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #F4F5FA; } .pager.pager-square li a { border-radius: 0; } .pager.pager-round li a { border-radius: 2rem; } .pager.pager-flat li a { border: 0; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #6b6f82; background-color: #fff; } .pager [class*=text-] .pager { text-align: inherit; } .badge { color: #fff; font-weight: 400; } .badge[class*=badge-] [class*=icon-] { line-height: 1; } .badge[class*=badge-] [class*=icon-] ~ span { position: relative; bottom: 2px; padding: 0 5px; } .badge[class*=badge-] span { position: relative; bottom: 2px; padding: 0 5px; } .badge[class*=badge-] a { color: #fff; } .badge[class*=badge-] .dropdown-toggle::after, .badge[class*=badge-].dropdown-toggle::after { position: relative; top: -2px; right: 3px; font-size: 1rem; } .badge[class*=badge-] .dropdown-menu a { color: #555; } .badge.badge-square { border-radius: 0; } .badge.badge-border { background-color: transparent; border-width: 3px !important; font-size: 85%; } .badge.badge-striped { background-color: #dadada; border-width: 3px !important; font-size: 0.85rem; color: #555; } .badge.badge-striped a { color: #555; } .badge.badge.float-right { margin-left: 0.5rem; margin-top: 0.15rem; } .badge-xl { font-size: 1.8rem; } .badge-lg { font-size: 1.2rem; } .badge-md { font-size: 1rem; } .badge-sm { font-size: 0.8rem; } .badge-secondary { background-color: #6b6f82; } .badge-secondary.badge-glow { box-shadow: 0px 0px 10px #6b6f82; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { background-color: #545766; } .badge-primary { background-color: #666ee8; } .badge-primary.badge-glow { box-shadow: 0px 0px 10px #666ee8; } .badge-primary[href]:hover, .badge-primary[href]:focus { background-color: #3a44e1; } .badge-success { background-color: #28d094; } .badge-success.badge-glow { box-shadow: 0px 0px 10px #28d094; } .badge-success[href]:hover, .badge-success[href]:focus { background-color: #20a576; } .badge-info { background-color: #1e9ff2; } .badge-info.badge-glow { box-shadow: 0px 0px 10px #1e9ff2; } .badge-info[href]:hover, .badge-info[href]:focus { background-color: #0c84d1; } .badge-warning { background-color: #ff9149; } .badge-warning.badge-glow { box-shadow: 0px 0px 10px #ff9149; } .badge-warning[href]:hover, .badge-warning[href]:focus { background-color: #ff7216; } .badge-danger { background-color: #ff4961; } .badge-danger.badge-glow { box-shadow: 0px 0px 10px #ff4961; } .badge-danger[href]:hover, .badge-danger[href]:focus { background-color: #ff1635; } .badge-up { position: absolute; top: 10px; right: 11px; } .badge-icon i { font-size: 100%; margin-right: 5px; } .form-control + .block-tag { display: block; } .block-tag { margin-top: 0.5rem; } .block-area { padding: 0.24rem 0.3rem; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: #905; font-size: 100%; font-weight: 400; padding: 0; } @media only screen and (max-width: 767px) { .header-navbar .navbar-container .dropdown-notification .badge-up { position: relative; right: 6px; top: -17px; } } .nav { border-radius: 0.25rem; } .nav.wrap-border { border: 1px solid #ddd; } .nav.wrap-border li.nav-header { margin: 0 0.5rem; } .nav.no-hover-bg .nav-item:hover { background-color: transparent; } .nav .dropdown .dropdown-item.active { background-color: transparent; color: #55595c; } .nav .dropdown .dropdown-item.active:focus { background-color: transparent; color: #55595c; } .nav.square-border { border-radius: 0; } .nav.square-border .nav-item .nav-link.active { border-radius: 0; } .nav .nav-item .nav-link { display: inline-flex; } .nav .nav-item i { align-self: center; } .nav .dropdown-divider { margin: 0.5rem 0; } .nav .modern-nav-toggle { padding: 25px 0px; } .nav.nav-pills .nav-item .nav-link i.float-right:before { position: relative; top: 7px; left: 7px; } .nav.nav-pills .nav-item .nav-link .badge.float-right { position: relative; top: 1px; left: 3px; } .nav.nav-pills .nav-item .nav-link.dropdown-toggle::after { top: -1px; } .nav.nav-pills.nav-justified { width: 100%; } .nav.nav-pills.nav-justified .nav-item { float: none; } .nav.nav-pills.nav-justified .nav-link { text-align: center; margin-bottom: 5px; } .nav.nav-pills.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 576px) { .nav.nav-pills.nav-justified .nav-item { display: table-cell; width: 1%; } .nav.nav-pills.nav-justified .nav-link { margin-bottom: 0; } } .nav.nav-pills.nav-justified .nav-link { margin-right: 0; border-radius: 0.25rem; } @media (min-width: 576px) { .nav.nav-pills.nav-justified .nav-link.active, .nav.nav-pills.nav-justified .nav-link.active:hover, .nav.nav-pills.nav-justified .nav-link.active:focus { border-bottom-color: transparent; } } .nav.nav-pills.nav-justified .nav-link { display: block; } .nav.nav-pills.nav-justified .nav-link.active { border: none; } .nav.nav-pills.nav-justified .nav-link.active:hover, .nav.nav-pills.nav-justified .nav-link.active:focus { border: none; } .nav.nav-pills.nav-pill-bordered .nav-item { border: 1px solid #d3d3d3; border-radius: 0.25rem; } .nav.nav-pills.nav-pill-with-active-bordered .nav-item a.nav-link { border: 1px solid #d3d3d3; border-radius: 0.25rem; background-color: #ffffff; color: #55595c; } .nav.nav-pills.nav-pill-with-active-bordered .nav-item a.nav-link.active { border: 1px solid #666ee8; color: #666ee8; } .nav.nav-pills.nav-active-bordered-pill .nav-item a.nav-link { color: #55595c; } .nav.nav-pills.nav-active-bordered-pill .nav-item a.nav-link.active { border: 1px solid #666ee8; border-radius: 0.25rem; color: #666ee8; background-color: #ffffff; } .nav.nav-pills.nav-pill-toolbar.nav-stacked .nav-item ~ .nav-item a.nav-link { border-left: 1px solid #d3d3d3; border-top: 0; } .nav.nav-pills.nav-pill-toolbar.nav-stacked .nav-item:first-child a.nav-link { border-radius: 0.25rem 0.25rem 0 0; } .nav.nav-pills.nav-pill-toolbar.nav-stacked .nav-item:last-child a.nav-link { border-radius: 0 0 0.25rem 0.25rem; } .nav.nav-pills.nav-pill-toolbar .nav-item { margin-top: 0; margin-left: 0; } .nav.nav-pills.nav-pill-toolbar .nav-item a.nav-link { border: 1px solid #d3d3d3; border-radius: 0; } .nav.nav-pills.nav-pill-toolbar .nav-item a.nav-link.active, .nav.nav-pills.nav-pill-toolbar .nav-item a.nav-link:active { border-color: #1e9ff2; } .nav.nav-tabs .nav-item .nav-link { padding: 0.5rem 0.7rem; display: inline-flex; } .nav.nav-tabs .nav-item .nav-link:hover:not(.active) { border-color: transparent; } .nav.nav-tabs .nav-item .nav-link.active { background-color: #fff; border-radius: 0.25rem 0.25rem 0 0; } .nav.nav-tabs .nav-item .nav-link i.float-right { margin-left: 0.5rem; } .nav.nav-tabs .nav-item .nav-link.dropdown-toggle::after { top: -1px; } .nav.nav-tabs .nav-item:hover { color: #333; } .nav.nav-tabs.wrap-border { border: 1px solid #ddd; } .nav.nav-tabs.no-hover-bg .nav-item:hover { background-color: transparent; } .nav.nav-tabs .dropdown .dropdown-item.active { background-color: transparent; color: #55595c; } .nav.nav-tabs .dropdown .dropdown-item.active:focus { background-color: transparent; color: #55595c; } .nav.nav-tabs.square-border { border-radius: 0; } .nav.nav-tabs.square-border .nav-item .nav-link.active { border-radius: 0; } .nav.nav-tabs.nav-justified { width: 100%; } .nav.nav-tabs.nav-justified .nav-item { float: none; } .nav.nav-tabs.nav-justified .nav-link { text-align: center; margin-bottom: 5px; } .nav.nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 576px) { .nav.nav-tabs.nav-justified .nav-item { display: table-cell; width: 1%; } .nav.nav-tabs.nav-justified .nav-link { margin-bottom: 0; } } .nav.nav-tabs.nav-justified .nav-link { margin-right: 0; border-radius: 0.25rem; } @media (min-width: 576px) { .nav.nav-tabs.nav-justified .nav-link.active, .nav.nav-tabs.nav-justified .nav-link.active:hover, .nav.nav-tabs.nav-justified .nav-link.active:focus { border-bottom-color: transparent; } } .nav.nav-tabs.nav-justified .nav-item a.nav-link { display: block; } .nav.nav-tabs.nav-justified .nav-item a.nav-link .active { background-color: #fff; } .nav.nav-tabs.nav-top-border .nav-item a { color: #28d094; } .nav.nav-tabs.nav-top-border .nav-item a.nav-link.active { border-top: 3px solid #28d094; border-top-left-radius: 0; border-top-right-radius: 0; color: #555; } .nav.nav-tabs.nav-top-border .nav-item a:hover { color: #0f5039; } .nav.nav-tabs.nav-top-border .nav-item a:hover:not(.active) { border-color: transparent; } .nav.nav-tabs.nav-topline { border-bottom: none; } .nav.nav-tabs.nav-topline .nav-item:hover { background-color: transparent; } .nav.nav-tabs.nav-topline .nav-item:not(:last-child) { border-right: none; } .nav.nav-tabs.nav-topline .nav-item a { border: 1px solid rgba(40, 44, 42, 0.1); border-bottom: none; } .nav.nav-tabs.nav-topline .nav-item a.nav-link { padding: 0.8rem 0.5rem; background: rgba(40, 44, 42, 0.05); color: #74777b; line-height: 1; transition: color 0.2s; } .nav.nav-tabs.nav-topline .nav-item a.nav-link.active { background: none; box-shadow: inset 0 3px 0 #ff4961; color: #ff4961; border-radius: 0; border-top-color: #ff4961; border-bottom: none; } .nav.nav-tabs.nav-topline .nav-item a.nav-link:hover, .nav.nav-tabs.nav-topline .nav-item a.nav-link:focus { color: #ff4961; } .nav.nav-tabs.nav-topline .nav-item a.nav-link.dropdown-toggle::after { top: -1px; } .nav.nav-tabs.nav-underline { background: #fff; position: relative; border-bottom: 1px solid #1e9ff2; border-radius: 0; } .nav.nav-tabs.nav-underline .nav-item { position: relative; z-index: 1; display: block; text-align: center; -moz-flex: 1; flex: 1; margin-left: 0; } .nav.nav-tabs.nav-underline .nav-item.open a .nav-link { background-color: transparent; } .nav.nav-tabs.nav-underline .nav-item.open a .nav-link:focus, .nav.nav-tabs.nav-underline .nav-item.open a .nav-link:hover { background-color: transparent; color: #1e9ff2; } .nav.nav-tabs.nav-underline .nav-item a.nav-link { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2rem; padding: 0.5rem 1rem; transition: color 0.2s; color: #1e9ff2; border: none; } .nav.nav-tabs.nav-underline .nav-item a.nav-link.dropdown-toggle::after { margin-top: -1rem; } .nav.nav-tabs.nav-underline .nav-item a.nav-link.active { border: none; background-color: transparent; } .nav.nav-tabs.nav-underline .nav-item a.nav-link.active:focus, .nav.nav-tabs.nav-underline .nav-item a.nav-link.active:hover { color: #55595c; background-color: transparent; } .nav.nav-tabs.nav-underline .nav-item a.nav-link.active:before { transform: translate3d(0, 0, 0); } .nav.nav-tabs.nav-underline .nav-item a.nav-link:hover, .nav.nav-tabs.nav-underline .nav-item a.nav-link:focus { color: #1e9ff2; } .nav.nav-tabs.nav-underline .nav-item a.nav-link:before { position: absolute; bottom: -1px; left: 0; width: 100%; height: 4px; background: #1e9ff2; content: ""; transition: transform 0.3s; transform: translate3d(0, 150%, 0); } .nav.nav-tabs.nav-linetriangle { border-bottom-color: #ff9149; } .nav.nav-tabs.nav-linetriangle .nav-item { position: relative; z-index: 1; display: block; text-align: center; -moz-flex: 1; flex: 1; } .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link { position: relative; display: block; overflow: visible; text-overflow: ellipsis; white-space: nowrap; line-height: 2.5; border: none; color: #55595c; } .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-bottom-color: #ff9149; color: #ff9149; } .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active:after, .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active:before { position: absolute; top: 100%; left: 50%; width: 0; height: 0; border: solid transparent; content: ""; pointer-events: none; } .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active:before { margin-left: -11px; border-width: 12px; border-top-color: #ff9149; } .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active:after { margin-left: -10px; border-width: 10px; border-top-color: #fff; } .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active:focus { color: #ff9149; } .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.dropdown-toggle:after { margin-top: -1rem; } .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.dropdown-toggle.active:after { margin-top: 0; } .nav.nav-tabs.nav-linetriangle.nav-justified { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-bottom-color: #ff9149; } .nav.nav-tabs.nav-linetriangle.nav-justified .nav-item a.nav-link.active { top: 0px; } .nav.nav-tabs.nav-iconfall { overflow: visible; border-bottom: none; } .nav.nav-tabs.nav-iconfall .nav-item { position: relative; z-index: 1; display: block; text-align: center; -moz-flex: 1; flex: 1; margin: 0.5rem 0.7rem 0; } .nav.nav-tabs.nav-iconfall .nav-item:hover, .nav.nav-tabs.nav-iconfall .nav-item:focus { background-color: transparent; } .nav.nav-tabs.nav-iconfall .nav-item a.nav-link { display: inline-block; padding: 1em 0 2em; color: #74777b; position: relative; line-height: 2.5; width: 100%; border: none; transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1); } .nav.nav-tabs.nav-iconfall .nav-item a:hover, .nav.nav-tabs.nav-iconfall .nav-item a:focus { color: #2CC185; border: none; } .nav.nav-tabs.nav-iconfall .nav-item a.active { color: #2CC185; border: none; background-color: transparent; } .nav.nav-tabs.nav-iconfall .nav-item a.active i:after { opacity: 1; transform: scale3d(1, 1, 1); } .nav.nav-tabs.nav-iconfall .nav-item a.active i:before { opacity: 1; transform: translate3d(0, 0, 0); } .nav.nav-tabs.nav-iconfall .nav-item a i { display: block; margin-right: 0; } .nav.nav-tabs.nav-iconfall .nav-item a i:after { position: absolute; bottom: 1em; left: 50%; margin-left: -20px; width: 40px; height: 4px; background: #2CC185; content: ""; opacity: 0; transition: transform 0.2s ease-in; transform: scale3d(0, 1, 1); } .nav.nav-tabs.nav-iconfall .nav-item a i:before { display: block; margin: 0 0 0.35em; opacity: 0; transition: transform 0.2s, opacity 0.2s; transform: translate3d(0, -100px, 0); pointer-events: none; } .nav.nav-tabs.nav-iconfall .nav-item a.dropdown-toggle:after { margin-top: -1rem; } .nav .nav-item .nav-link { display: block; } .nav .dropdown-divider { margin: 0.5rem 0; } @media (min-width: 576px) { .nav.nav-tabs.nav-linetriangle.nav-justified .nav-item, .nav.nav-tabs.nav-iconfall.nav-justified .nav-item, .nav.nav-tabs.nav-underline.nav-justified .nav-item { display: table-cell !important; } } .nav-vertical { overflow: hidden; } .nav-vertical .nav-left.nav-tabs { float: left; border-bottom: 0; border-radius: 0; display: table; } .nav-vertical .nav-left.nav-tabs li.nav-item { float: none; margin: 0; margin-right: -1px; } .nav-vertical .nav-left.nav-tabs li.nav-item a.nav-link { min-width: 6.5rem; border-right: 1px solid #ddd; } .nav-vertical .nav-left.nav-tabs li.nav-item a.nav-link.active { border: 1px solid #ddd; border-right: 0; border-radius: 0.25rem 0 0 0.25rem; } .nav-vertical .nav-left.nav-tabs li.nav-item a.nav-link:hover:not(.active) { border-color: transparent; border-right: 1px solid #ddd; } .nav-vertical .nav-left.nav-tabs.nav-border-left li.nav-item a.nav-link { color: #ff4961; } .nav-vertical .nav-left.nav-tabs.nav-border-left li.nav-item a.nav-link.active { border-left: 3px solid #ff4961; border-top-right-radius: 0; border-bottom-right-radius: 0; color: #555; } .nav-vertical .nav-left ~ .tab-content { margin-left: 45px; } .nav-vertical .nav-left ~ .tab-content .tab-pane { display: none; background-color: #fff; padding: 0 0 0.6rem 1rem; overflow-y: auto; } .nav-vertical .nav-left ~ .tab-content .tab-pane.active { display: block; } .nav-vertical .nav-right.nav-tabs { float: right; border-bottom: 0; border-radius: 0; display: table; } .nav-vertical .nav-right.nav-tabs li.nav-item { float: none; margin: 0; margin-left: -1px; } .nav-vertical .nav-right.nav-tabs li.nav-item a.nav-link { min-width: 6.5rem; border-left: 1px solid #ddd; } .nav-vertical .nav-right.nav-tabs li.nav-item a.nav-link.active { border: 1px solid #ddd; border-left: 0; border-radius: 0 0.25rem 0.25rem 0; } .nav-vertical .nav-right.nav-tabs li.nav-item a.nav-link:hover:not(.active) { border-color: transparent; border-left: 1px solid #ddd; } .nav-vertical .nav-right.nav-tabs.nav-border-right li.nav-item a.nav-link { color: #ff4961; } .nav-vertical .nav-right.nav-tabs.nav-border-right li.nav-item a.nav-link.active { border-right: 3px solid #ff4961; border-top-left-radius: 0; border-bottom-left-radius: 0; color: #555; } .nav-vertical .nav-right ~ .tab-content .tab-pane { display: none; background-color: #fff; padding: 0 0 0.6rem 1rem; overflow-y: auto; } .nav-vertical .nav-right ~ .tab-content .tab-pane.active { display: block; } .nav.nav-tabs.nav-only-icon .nav-item .nav-link { font-size: 1.25rem; } .nav.nav-tabs.nav-only-icon .nav-item .nav-link i { margin-left: 0.5rem; } .nav.nav-tabs .nav-item.show .nav-link, .nav.nav-tabs .nav-item.show .nav-link:focus { background-color: transparent; } .alert { position: relative; } .alert .alert-link:hover { text-decoration: underline; } .alert.alert-icon-left { border-left-width: 4rem; } .alert.alert-icon-right { border-right-width: 4rem; } .alert.alert-icon-left[class*=bg-] { border-left-color: rgba(0, 0, 0, 0.15) !important; } .alert.alert-icon-right[class*=bg-] { border-right-color: rgba(0, 0, 0, 0.15) !important; } .alert[class*=alert-icon-] .alert-icon { content: "\f2b2"; font-family: LineAwesome; color: #fff; width: 4rem; left: -4rem; text-align: center; position: absolute; top: 50%; margin-top: -8px; font-size: 1.25rem; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .alert .close { font-size: 2rem; line-height: 1rem; } .alert[class*=bg-] { color: #fff; } .alert[class*=bg-] .alert-link { color: #fff; } .alert[class*=bg-] .close { color: #fff; opacity: 1; text-shadow: none; } .alert.alert-icon-right .alert-icon { left: auto; right: -4rem; } .alert[class*=alert-arrow-]:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; border-left: 8px solid; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left-color: inherit; margin-top: -8px; } .alert.alert-arrow-right:before { left: auto; right: 0; border-left: 0; border-right: 8px solid; border-right-color: inherit; } .media-list .media { padding: 1.5rem; margin-top: 0; } .media-list .media .media-left { padding-right: 1rem; float: left; } .media-list .media .media-right { padding-left: 1rem; float: right; } .media-list a.media { color: #6b6f82 !important; } .media [class*=avatar-] { position: relative; padding-right: 0 !important; margin-right: 0; } .media [class*=avatar-] i { position: absolute; right: -4px; bottom: -1px; width: 10px; height: 10px; border: 2px solid white; border-radius: 100%; } .media-bordered .media { border-top: 1px solid #E4E7ED; } .media-bordered .media:first-child { border-top: 0; } .media-notation a { margin-right: 0.5rem; } /*========================================================================================= File Name: progress.scss Description: Extended bootstrap progress bar scss. ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ---------------------------------------------------------------------------------------- Modifiers: `progress-lg` `progress-md` `progress-sm` `progress-xs` ==========================================================================================*/ .progress { margin-bottom: 3rem; } .progress:last-child { margin-bottom: 1rem; } .progress.progress-xl { height: 2rem !important; } .progress.progress-lg { height: 1.5rem !important; } .progress.progress-md { height: 1rem !important; } .progress.progress-sm { height: 0.5rem !important; } .progress.progress-xs { height: 0.25rem !important; } .progress.box-shadow { box-shadow: 0px 10px 15px 0px rgba(107, 111, 130, 0.3); } /* =============================================================================================== File Name: list-group.scss Description: Contain list item, list group related extended SCSS. ---------------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ================================================================================================*/ ul.list-inline li { display: inline-block; } ul.list-inline.list-inline-pipe > li + li:before { content: " | "; color: #626e82; } .list-group .list-group-item.active { color: #fff !important; } .list-group .list-group-item-action:active { color: #fff; background-color: #1e9ff2; } .list-group .list-group-item-action:active a { color: #fff; } .users-list li + li { margin-left: -14px; } .users-list li img { border: 2px solid #fff; box-shadow: 0px 2px 10px 0px rgba(107, 111, 130, 0.3); } .users-list li .badge { background: rgba(255, 255, 255, 0.8); color: #6b6f82; margin-bottom: 6px; } .toast-bs-container { z-index: 1040; position: fixed; top: 0; left: 0; width: 100%; } .toast-bs-container .toast-position { position: relative; top: 0; right: 0; display: flex; flex-direction: column; flex-wrap: wrap-reverse; } .toast-bs-container .toast-position .toast.show { opacity: 1; z-index: 1030; } .toast-placement { position: static; top: 0; } .toast-placement .toast { position: absolute; top: 0; z-index: 1030; } .toast { display: none; background-color: rgb(255, 255, 255); margin-top: 0.75rem; } .toast-body { background-color: #F4F5FA; } .toast.show.toast-wrapper { position: static; } .toast.toast-translucent { opacity: 1; display: block; } .toast-header img { width: 20px; height: 20px; } .modal-sm { max-width: 400px; } .modal-xs { max-width: 300px; } .modal-xl { max-width: 94%; margin-left: 3%; margin-right: 3%; } .icon-align { margin-top: 0.6rem; margin-left: 0.5rem; } .popover { z-index: 999; } .popover.popover-top:after, .popover.popover-top:before, .popover.bs-tether-element-attached-top:after, .popover.bs-tether-element-attached-top:before { margin-left: -10px; } .popover.popover-right:after, .popover.popover-right:before, .popover.bs-tether-element-attached-right:after, .popover.bs-tether-element-attached-right:before { margin-top: -10px; } .popover.popover-bottom:after, .popover.popover-bottom:before, .popover.bs-tether-element-attached-bottom:after, .popover.bs-tether-element-attached-bottom:before { margin-left: -10px; } .popover.popover-left:after, .popover.popover-left:before, .popover.bs-tether-element-attached-left:after, .popover.bs-tether-element-attached-left:before { margin-top: -10px; } .selectboxit-container .selectboxit-options { z-index: 998; } .icon-bg-circle { color: #fff; padding: 0.5rem; border-radius: 50%; } .icon-left { margin-right: 0.5rem; } .icon-right { margin-right: 0.5rem; } .icon-spin { display: inline-block; animation: spin 1s infinite linear; } .blockOverlay { z-index: 1050 !important; } .blockElement, .blockPage { z-index: 1051 !important; } .embed-responsive:before { padding-top: 57%; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .hidden { display: none; visibility: hidden; } a:hover { cursor: pointer; text-decoration: none; } .round { border-radius: 1.5rem; } .square { border-radius: 0; } .mega-dropdown-menu p.accordion-text { line-height: 1.45; } .mega-dropdown-menu a[aria-expanded=true] { padding-bottom: 1rem; } .line-on-side { border-bottom: 1px solid #dadada; line-height: 0.1em; margin: 10px 0 20px; } .line-on-side span { background: #fff; padding: 0 10px; } .icon-line-height { line-height: 1.5rem !important; } .table-middle td { vertical-align: middle; } .spinner { display: inline-block; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media only screen and (max-width: 576px) { .line-on-side { border-bottom: none; line-height: 1.25rem; } } .white { color: #ffffff !important; } .bg-white { background-color: #ffffff !important; } .bg-white .card-header, .bg-white .card-footer { background-color: transparent; } .bg-white.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); } .selectboxit.selectboxit-btn.bg-white { background-color: #ffffff !important; } .alert-white { border-color: #ffffff !important; background-color: white !important; color: #a6a6a6 !important; } .alert-white .alert-link { color: #919191 !important; } .border-white { border-color: #ffffff; } .overlay-white { background: #ffffff; /* The Fallback */ background: rgba(255, 255, 255, 0.8); } .color-info.white { background-color: #ffffff !important; } .btn-white { border-color: "" !important; background-color: #ffffff !important; color: #FFFFFF; } .btn-white:hover { border-color: "" !important; background-color: "" !important; color: #FFF !important; } .btn-white:focus, .btn-white:active { border-color: "" !important; background-color: "" !important; color: #FFF !important; } .btn-white.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); } .btn-outline-white { border-color: #ffffff; background-color: transparent; color: #ffffff; } .btn-outline-white:hover { background-color: #ffffff; color: #FFF !important; } .btn-outline-white.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); } input[type=checkbox].bg-white + .custom-control-label:before, input[type=radio].bg-white + .custom-control-label:before { background-color: #ffffff !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-white { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffffff !important; } .border-white { border: 1px solid #ffffff !important; } .border-top-white { border-top: 1px solid #ffffff; } .border-bottom-white { border-bottom: 1px solid #ffffff; } .border-left-white { border-left: 1px solid #ffffff; } .border-right-white { border-right: 1px solid #ffffff; } .black { color: #000000 !important; } .bg-black { background-color: #000000 !important; } .bg-black .card-header, .bg-black .card-footer { background-color: transparent; } .bg-black.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } .selectboxit.selectboxit-btn.bg-black { background-color: #000000 !important; } .alert-black { border-color: #000000 !important; background-color: #242424 !important; color: black !important; } .alert-black .alert-link { color: black !important; } .border-black { border-color: #000000; } .overlay-black { background: #000000; /* The Fallback */ background: rgba(0, 0, 0, 0.8); } .color-info.black { background-color: #000000 !important; } .btn-black { border-color: "" !important; background-color: #000000 !important; color: #FFFFFF; } .btn-black:hover { border-color: "" !important; background-color: "" !important; color: #FFF !important; } .btn-black:focus, .btn-black:active { border-color: "" !important; background-color: "" !important; color: #FFF !important; } .btn-black.btn-glow { box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } .btn-outline-black { border-color: #000000; background-color: transparent; color: #000000; } .btn-outline-black:hover { background-color: #000000; color: #FFF !important; } .btn-outline-black.btn-glow { box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } input[type=checkbox].bg-black + .custom-control-label:before, input[type=radio].bg-black + .custom-control-label:before { background-color: #000000 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-black { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000 !important; } .border-black { border: 1px solid #000000 !important; } .border-top-black { border-top: 1px solid #000000; } .border-bottom-black { border-bottom: 1px solid #000000; } .border-left-black { border-left: 1px solid #000000; } .border-right-black { border-right: 1px solid #000000; } .primary.lighten-5 { color: #d5d7f9 !important; } .bg-primary.bg-lighten-5 { background-color: #d5d7f9 !important; } .bg-primary.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(213, 215, 249, 0.6); } .btn-primary.btn-lighten-5 { border-color: #3a44e1 !important; background-color: #d5d7f9 !important; } .btn-primary.btn-lighten-5:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-lighten-5:focus, .btn-primary.btn-lighten-5:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-lighten-5 { border-color: #d5d7f9 !important; color: #d5d7f9 !important; } .btn-outline-primary.btn-outline-lighten-5:hover { background-color: #d5d7f9 !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d5d7f9 !important; } .border-primary.border-lighten-5 { border: 1px solid #d5d7f9 !important; } .border-top-primary.border-top-lighten-5 { border-top: 1px solid #d5d7f9 !important; } .border-bottom-primary.border-bottom-lighten-5 { border-bottom: 1px solid #d5d7f9 !important; } .border-left-primary.border-left-lighten-5 { border-left: 1px solid #d5d7f9 !important; } .border-right-primary.border-right-lighten-5 { border-right: 1px solid #d5d7f9 !important; } .overlay-primary.overlay-lighten-5 { background: #d5d7f9; /* The Fallback */ background: rgba(213, 215, 249, 0.8); } .primary.lighten-4 { color: #bfc2f5 !important; } .bg-primary.bg-lighten-4 { background-color: #bfc2f5 !important; } .bg-primary.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(191, 194, 245, 0.6); } .btn-primary.btn-lighten-4 { border-color: #3a44e1 !important; background-color: #bfc2f5 !important; } .btn-primary.btn-lighten-4:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-lighten-4:focus, .btn-primary.btn-lighten-4:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-lighten-4 { border-color: #bfc2f5 !important; color: #bfc2f5 !important; } .btn-outline-primary.btn-outline-lighten-4:hover { background-color: #bfc2f5 !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bfc2f5 !important; } .border-primary.border-lighten-4 { border: 1px solid #bfc2f5 !important; } .border-top-primary.border-top-lighten-4 { border-top: 1px solid #bfc2f5 !important; } .border-bottom-primary.border-bottom-lighten-4 { border-bottom: 1px solid #bfc2f5 !important; } .border-left-primary.border-left-lighten-4 { border-left: 1px solid #bfc2f5 !important; } .border-right-primary.border-right-lighten-4 { border-right: 1px solid #bfc2f5 !important; } .overlay-primary.overlay-lighten-4 { background: #bfc2f5; /* The Fallback */ background: rgba(191, 194, 245, 0.8); } .primary.lighten-3 { color: #a9adf2 !important; } .bg-primary.bg-lighten-3 { background-color: #a9adf2 !important; } .bg-primary.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(169, 173, 242, 0.6); } .btn-primary.btn-lighten-3 { border-color: #3a44e1 !important; background-color: #a9adf2 !important; } .btn-primary.btn-lighten-3:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-lighten-3:focus, .btn-primary.btn-lighten-3:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-lighten-3 { border-color: #a9adf2 !important; color: #a9adf2 !important; } .btn-outline-primary.btn-outline-lighten-3:hover { background-color: #a9adf2 !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a9adf2 !important; } .border-primary.border-lighten-3 { border: 1px solid #a9adf2 !important; } .border-top-primary.border-top-lighten-3 { border-top: 1px solid #a9adf2 !important; } .border-bottom-primary.border-bottom-lighten-3 { border-bottom: 1px solid #a9adf2 !important; } .border-left-primary.border-left-lighten-3 { border-left: 1px solid #a9adf2 !important; } .border-right-primary.border-right-lighten-3 { border-right: 1px solid #a9adf2 !important; } .overlay-primary.overlay-lighten-3 { background: #a9adf2; /* The Fallback */ background: rgba(169, 173, 242, 0.8); } .primary.lighten-2 { color: #9298ef !important; } .bg-primary.bg-lighten-2 { background-color: #9298ef !important; } .bg-primary.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(146, 152, 239, 0.6); } .btn-primary.btn-lighten-2 { border-color: #3a44e1 !important; background-color: #9298ef !important; } .btn-primary.btn-lighten-2:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-lighten-2:focus, .btn-primary.btn-lighten-2:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-lighten-2 { border-color: #9298ef !important; color: #9298ef !important; } .btn-outline-primary.btn-outline-lighten-2:hover { background-color: #9298ef !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9298ef !important; } .border-primary.border-lighten-2 { border: 1px solid #9298ef !important; } .border-top-primary.border-top-lighten-2 { border-top: 1px solid #9298ef !important; } .border-bottom-primary.border-bottom-lighten-2 { border-bottom: 1px solid #9298ef !important; } .border-left-primary.border-left-lighten-2 { border-left: 1px solid #9298ef !important; } .border-right-primary.border-right-lighten-2 { border-right: 1px solid #9298ef !important; } .overlay-primary.overlay-lighten-2 { background: #9298ef; /* The Fallback */ background: rgba(146, 152, 239, 0.8); } .primary.lighten-1 { color: #7c83eb !important; } .bg-primary.bg-lighten-1 { background-color: #7c83eb !important; } .bg-primary.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(124, 131, 235, 0.6); } .btn-primary.btn-lighten-1 { border-color: #3a44e1 !important; background-color: #7c83eb !important; } .btn-primary.btn-lighten-1:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-lighten-1:focus, .btn-primary.btn-lighten-1:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-lighten-1 { border-color: #7c83eb !important; color: #7c83eb !important; } .btn-outline-primary.btn-outline-lighten-1:hover { background-color: #7c83eb !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7c83eb !important; } .border-primary.border-lighten-1 { border: 1px solid #7c83eb !important; } .border-top-primary.border-top-lighten-1 { border-top: 1px solid #7c83eb !important; } .border-bottom-primary.border-bottom-lighten-1 { border-bottom: 1px solid #7c83eb !important; } .border-left-primary.border-left-lighten-1 { border-left: 1px solid #7c83eb !important; } .border-right-primary.border-right-lighten-1 { border-right: 1px solid #7c83eb !important; } .overlay-primary.overlay-lighten-1 { background: #7c83eb; /* The Fallback */ background: rgba(124, 131, 235, 0.8); } .primary { color: #666ee8 !important; } .bg-primary { background-color: #666ee8 !important; } .bg-primary .card-header, .bg-primary .card-footer { background-color: transparent; } .bg-primary.bg-glow { box-shadow: 0px 1px 20px 1px rgba(102, 110, 232, 0.6); } .selectboxit.selectboxit-btn.bg-primary { background-color: #666ee8 !important; } .alert-primary { border-color: #666ee8 !important; background-color: #a4a9f1 !important; color: #141b87 !important; } .alert-primary .alert-link { color: #0f1464 !important; } .border-primary { border-color: #666ee8; } .overlay-primary { background: #666ee8; /* The Fallback */ background: rgba(102, 110, 232, 0.8); } .color-info.primary { background-color: #666ee8 !important; } .btn-primary { border-color: #3a44e1 !important; background-color: #666ee8 !important; color: #FFFFFF; } .btn-primary:hover { border-color: #5059e5 !important; background-color: #7c83eb !important; color: #FFF !important; } .btn-primary:focus, .btn-primary:active { border-color: #3a44e1 !important; background-color: #232fde !important; color: #FFF !important; } .btn-primary.btn-glow { box-shadow: 0px 1px 20px 1px rgba(102, 110, 232, 0.6); } .btn-outline-primary { border-color: #666ee8; background-color: transparent; color: #666ee8; } .btn-outline-primary:hover { background-color: #666ee8; color: #FFF !important; } .btn-outline-primary.btn-glow { box-shadow: 0px 1px 20px 1px rgba(102, 110, 232, 0.6); } input[type=checkbox].bg-primary + .custom-control-label:before, input[type=radio].bg-primary + .custom-control-label:before { background-color: #666ee8 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #666ee8 !important; } .border-primary { border: 1px solid #666ee8 !important; } .border-top-primary { border-top: 1px solid #666ee8; } .border-bottom-primary { border-bottom: 1px solid #666ee8; } .border-left-primary { border-left: 1px solid #666ee8; } .border-right-primary { border-right: 1px solid #666ee8; } .primary.darken-1 { color: #5059e5 !important; } .bg-primary.bg-darken-1 { background-color: #5059e5 !important; } .bg-primary.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(80, 89, 229, 0.6); } .btn-primary.btn-darken-1 { border-color: #3a44e1 !important; background-color: #5059e5 !important; } .btn-primary.btn-darken-1:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-darken-1:focus, .btn-primary.btn-darken-1:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-darken-1 { border-color: #5059e5 !important; color: #5059e5 !important; } .btn-outline-primary.btn-outline-darken-1:hover { background-color: #5059e5 !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #5059e5 !important; } .border-primary.border-darken-1 { border: 1px solid #5059e5 !important; } .border-top-primary.border-top-darken-1 { border-top: 1px solid #5059e5 !important; } .border-bottom-primary.border-bottom-darken-1 { border-bottom: 1px solid #5059e5 !important; } .border-left-primary.border-left-darken-1 { border-left: 1px solid #5059e5 !important; } .border-right-primary.border-right-darken-1 { border-right: 1px solid #5059e5 !important; } .overlay-primary.overlay-darken-1 { background: #5059e5; /* The Fallback */ background: rgba(80, 89, 229, 0.8); } .primary.darken-2 { color: #3a44e1 !important; } .bg-primary.bg-darken-2 { background-color: #3a44e1 !important; } .bg-primary.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(58, 68, 225, 0.6); } .btn-primary.btn-darken-2 { border-color: #3a44e1 !important; background-color: #3a44e1 !important; } .btn-primary.btn-darken-2:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-darken-2:focus, .btn-primary.btn-darken-2:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-darken-2 { border-color: #3a44e1 !important; color: #3a44e1 !important; } .btn-outline-primary.btn-outline-darken-2:hover { background-color: #3a44e1 !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3a44e1 !important; } .border-primary.border-darken-2 { border: 1px solid #3a44e1 !important; } .border-top-primary.border-top-darken-2 { border-top: 1px solid #3a44e1 !important; } .border-bottom-primary.border-bottom-darken-2 { border-bottom: 1px solid #3a44e1 !important; } .border-left-primary.border-left-darken-2 { border-left: 1px solid #3a44e1 !important; } .border-right-primary.border-right-darken-2 { border-right: 1px solid #3a44e1 !important; } .overlay-primary.overlay-darken-2 { background: #3a44e1; /* The Fallback */ background: rgba(58, 68, 225, 0.8); } .primary.darken-3 { color: #232fde !important; } .bg-primary.bg-darken-3 { background-color: #232fde !important; } .bg-primary.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(35, 47, 222, 0.6); } .btn-primary.btn-darken-3 { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-darken-3:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-darken-3:focus, .btn-primary.btn-darken-3:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-darken-3 { border-color: #232fde !important; color: #232fde !important; } .btn-outline-primary.btn-outline-darken-3:hover { background-color: #232fde !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #232fde !important; } .border-primary.border-darken-3 { border: 1px solid #232fde !important; } .border-top-primary.border-top-darken-3 { border-top: 1px solid #232fde !important; } .border-bottom-primary.border-bottom-darken-3 { border-bottom: 1px solid #232fde !important; } .border-left-primary.border-left-darken-3 { border-left: 1px solid #232fde !important; } .border-right-primary.border-right-darken-3 { border-right: 1px solid #232fde !important; } .overlay-primary.overlay-darken-3 { background: #232fde; /* The Fallback */ background: rgba(35, 47, 222, 0.8); } .primary.darken-4 { color: #1e29ca !important; } .bg-primary.bg-darken-4 { background-color: #1e29ca !important; } .bg-primary.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(30, 41, 202, 0.6); } .btn-primary.btn-darken-4 { border-color: #3a44e1 !important; background-color: #1e29ca !important; } .btn-primary.btn-darken-4:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-darken-4:focus, .btn-primary.btn-darken-4:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-darken-4 { border-color: #1e29ca !important; color: #1e29ca !important; } .btn-outline-primary.btn-outline-darken-4:hover { background-color: #1e29ca !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1e29ca !important; } .border-primary.border-darken-4 { border: 1px solid #1e29ca !important; } .border-top-primary.border-top-darken-4 { border-top: 1px solid #1e29ca !important; } .border-bottom-primary.border-bottom-darken-4 { border-bottom: 1px solid #1e29ca !important; } .border-left-primary.border-left-darken-4 { border-left: 1px solid #1e29ca !important; } .border-right-primary.border-right-darken-4 { border-right: 1px solid #1e29ca !important; } .overlay-primary.overlay-darken-4 { background: #1e29ca; /* The Fallback */ background: rgba(30, 41, 202, 0.8); } .primary.accent-1 { color: #efefff !important; } .bg-primary.bg-accent-1 { background-color: #efefff !important; } .bg-primary.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(239, 239, 255, 0.6); } .btn-primary.btn-accent-1 { border-color: #3a44e1 !important; background-color: #efefff !important; } .btn-primary.btn-accent-1:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-accent-1:focus, .btn-primary.btn-accent-1:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-accent-1 { border-color: #efefff !important; color: #efefff !important; } .btn-outline-primary.btn-outline-accent-1:hover { background-color: #efefff !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #efefff !important; } .border-primary.border-accent-1 { border: 1px solid #efefff !important; } .border-top-primary.border-top-accent-1 { border-top: 1px solid #efefff !important; } .border-bottom-primary.border-bottom-accent-1 { border-bottom: 1px solid #efefff !important; } .border-left-primary.border-left-accent-1 { border-left: 1px solid #efefff !important; } .border-right-primary.border-right-accent-1 { border-right: 1px solid #efefff !important; } .overlay-primary.overlay-accent-1 { background: #efefff; /* The Fallback */ background: rgba(239, 239, 255, 0.8); } .primary.accent-2 { color: #dbdbff !important; } .bg-primary.bg-accent-2 { background-color: #dbdbff !important; } .bg-primary.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(219, 219, 255, 0.6); } .btn-primary.btn-accent-2 { border-color: #3a44e1 !important; background-color: #dbdbff !important; } .btn-primary.btn-accent-2:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-accent-2:focus, .btn-primary.btn-accent-2:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-accent-2 { border-color: #dbdbff !important; color: #dbdbff !important; } .btn-outline-primary.btn-outline-accent-2:hover { background-color: #dbdbff !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #dbdbff !important; } .border-primary.border-accent-2 { border: 1px solid #dbdbff !important; } .border-top-primary.border-top-accent-2 { border-top: 1px solid #dbdbff !important; } .border-bottom-primary.border-bottom-accent-2 { border-bottom: 1px solid #dbdbff !important; } .border-left-primary.border-left-accent-2 { border-left: 1px solid #dbdbff !important; } .border-right-primary.border-right-accent-2 { border-right: 1px solid #dbdbff !important; } .overlay-primary.overlay-accent-2 { background: #dbdbff; /* The Fallback */ background: rgba(219, 219, 255, 0.8); } .primary.accent-3 { color: #bcbfff !important; } .bg-primary.bg-accent-3 { background-color: #bcbfff !important; } .bg-primary.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(188, 191, 255, 0.6); } .btn-primary.btn-accent-3 { border-color: #3a44e1 !important; background-color: #bcbfff !important; } .btn-primary.btn-accent-3:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-accent-3:focus, .btn-primary.btn-accent-3:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-accent-3 { border-color: #bcbfff !important; color: #bcbfff !important; } .btn-outline-primary.btn-outline-accent-3:hover { background-color: #bcbfff !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bcbfff !important; } .border-primary.border-accent-3 { border: 1px solid #bcbfff !important; } .border-top-primary.border-top-accent-3 { border-top: 1px solid #bcbfff !important; } .border-bottom-primary.border-bottom-accent-3 { border-bottom: 1px solid #bcbfff !important; } .border-left-primary.border-left-accent-3 { border-left: 1px solid #bcbfff !important; } .border-right-primary.border-right-accent-3 { border-right: 1px solid #bcbfff !important; } .overlay-primary.overlay-accent-3 { background: #bcbfff; /* The Fallback */ background: rgba(188, 191, 255, 0.8); } .primary.accent-4 { color: #a2a6ff !important; } .bg-primary.bg-accent-4 { background-color: #a2a6ff !important; } .bg-primary.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(162, 166, 255, 0.6); } .btn-primary.btn-accent-4 { border-color: #3a44e1 !important; background-color: #a2a6ff !important; } .btn-primary.btn-accent-4:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-accent-4:focus, .btn-primary.btn-accent-4:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-accent-4 { border-color: #a2a6ff !important; color: #a2a6ff !important; } .btn-outline-primary.btn-outline-accent-4:hover { background-color: #a2a6ff !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a2a6ff !important; } .border-primary.border-accent-4 { border: 1px solid #a2a6ff !important; } .border-top-primary.border-top-accent-4 { border-top: 1px solid #a2a6ff !important; } .border-bottom-primary.border-bottom-accent-4 { border-bottom: 1px solid #a2a6ff !important; } .border-left-primary.border-left-accent-4 { border-left: 1px solid #a2a6ff !important; } .border-right-primary.border-right-accent-4 { border-right: 1px solid #a2a6ff !important; } .overlay-primary.overlay-accent-4 { background: #a2a6ff; /* The Fallback */ background: rgba(162, 166, 255, 0.8); } .secondary.lighten-5 { color: #afb2bd !important; } .bg-secondary.bg-lighten-5 { background-color: #afb2bd !important; } .bg-secondary.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(175, 178, 189, 0.6); } .btn-secondary.btn-lighten-5 { border-color: #545766 !important; background-color: #afb2bd !important; } .btn-secondary.btn-lighten-5:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-lighten-5:focus, .btn-secondary.btn-lighten-5:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-lighten-5 { border-color: #afb2bd !important; color: #afb2bd !important; } .btn-outline-secondary.btn-outline-lighten-5:hover { background-color: #afb2bd !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #afb2bd !important; } .border-secondary.border-lighten-5 { border: 1px solid #afb2bd !important; } .border-top-secondary.border-top-lighten-5 { border-top: 1px solid #afb2bd !important; } .border-bottom-secondary.border-bottom-lighten-5 { border-bottom: 1px solid #afb2bd !important; } .border-left-secondary.border-left-lighten-5 { border-left: 1px solid #afb2bd !important; } .border-right-secondary.border-right-lighten-5 { border-right: 1px solid #afb2bd !important; } .overlay-secondary.overlay-lighten-5 { background: #afb2bd; /* The Fallback */ background: rgba(175, 178, 189, 0.8); } .secondary.lighten-4 { color: #a1a4b2 !important; } .bg-secondary.bg-lighten-4 { background-color: #a1a4b2 !important; } .bg-secondary.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(161, 164, 178, 0.6); } .btn-secondary.btn-lighten-4 { border-color: #545766 !important; background-color: #a1a4b2 !important; } .btn-secondary.btn-lighten-4:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-lighten-4:focus, .btn-secondary.btn-lighten-4:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-lighten-4 { border-color: #a1a4b2 !important; color: #a1a4b2 !important; } .btn-outline-secondary.btn-outline-lighten-4:hover { background-color: #a1a4b2 !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a1a4b2 !important; } .border-secondary.border-lighten-4 { border: 1px solid #a1a4b2 !important; } .border-top-secondary.border-top-lighten-4 { border-top: 1px solid #a1a4b2 !important; } .border-bottom-secondary.border-bottom-lighten-4 { border-bottom: 1px solid #a1a4b2 !important; } .border-left-secondary.border-left-lighten-4 { border-left: 1px solid #a1a4b2 !important; } .border-right-secondary.border-right-lighten-4 { border-right: 1px solid #a1a4b2 !important; } .overlay-secondary.overlay-lighten-4 { background: #a1a4b2; /* The Fallback */ background: rgba(161, 164, 178, 0.8); } .secondary.lighten-3 { color: #9397a6 !important; } .bg-secondary.bg-lighten-3 { background-color: #9397a6 !important; } .bg-secondary.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(147, 151, 166, 0.6); } .btn-secondary.btn-lighten-3 { border-color: #545766 !important; background-color: #9397a6 !important; } .btn-secondary.btn-lighten-3:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-lighten-3:focus, .btn-secondary.btn-lighten-3:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-lighten-3 { border-color: #9397a6 !important; color: #9397a6 !important; } .btn-outline-secondary.btn-outline-lighten-3:hover { background-color: #9397a6 !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9397a6 !important; } .border-secondary.border-lighten-3 { border: 1px solid #9397a6 !important; } .border-top-secondary.border-top-lighten-3 { border-top: 1px solid #9397a6 !important; } .border-bottom-secondary.border-bottom-lighten-3 { border-bottom: 1px solid #9397a6 !important; } .border-left-secondary.border-left-lighten-3 { border-left: 1px solid #9397a6 !important; } .border-right-secondary.border-right-lighten-3 { border-right: 1px solid #9397a6 !important; } .overlay-secondary.overlay-lighten-3 { background: #9397a6; /* The Fallback */ background: rgba(147, 151, 166, 0.8); } .secondary.lighten-2 { color: #85899b !important; } .bg-secondary.bg-lighten-2 { background-color: #85899b !important; } .bg-secondary.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(133, 137, 155, 0.6); } .btn-secondary.btn-lighten-2 { border-color: #545766 !important; background-color: #85899b !important; } .btn-secondary.btn-lighten-2:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-lighten-2:focus, .btn-secondary.btn-lighten-2:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-lighten-2 { border-color: #85899b !important; color: #85899b !important; } .btn-outline-secondary.btn-outline-lighten-2:hover { background-color: #85899b !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #85899b !important; } .border-secondary.border-lighten-2 { border: 1px solid #85899b !important; } .border-top-secondary.border-top-lighten-2 { border-top: 1px solid #85899b !important; } .border-bottom-secondary.border-bottom-lighten-2 { border-bottom: 1px solid #85899b !important; } .border-left-secondary.border-left-lighten-2 { border-left: 1px solid #85899b !important; } .border-right-secondary.border-right-lighten-2 { border-right: 1px solid #85899b !important; } .overlay-secondary.overlay-lighten-2 { background: #85899b; /* The Fallback */ background: rgba(133, 137, 155, 0.8); } .secondary.lighten-1 { color: #777b8f !important; } .bg-secondary.bg-lighten-1 { background-color: #777b8f !important; } .bg-secondary.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(119, 123, 143, 0.6); } .btn-secondary.btn-lighten-1 { border-color: #545766 !important; background-color: #777b8f !important; } .btn-secondary.btn-lighten-1:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-lighten-1:focus, .btn-secondary.btn-lighten-1:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-lighten-1 { border-color: #777b8f !important; color: #777b8f !important; } .btn-outline-secondary.btn-outline-lighten-1:hover { background-color: #777b8f !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #777b8f !important; } .border-secondary.border-lighten-1 { border: 1px solid #777b8f !important; } .border-top-secondary.border-top-lighten-1 { border-top: 1px solid #777b8f !important; } .border-bottom-secondary.border-bottom-lighten-1 { border-bottom: 1px solid #777b8f !important; } .border-left-secondary.border-left-lighten-1 { border-left: 1px solid #777b8f !important; } .border-right-secondary.border-right-lighten-1 { border-right: 1px solid #777b8f !important; } .overlay-secondary.overlay-lighten-1 { background: #777b8f; /* The Fallback */ background: rgba(119, 123, 143, 0.8); } .secondary { color: #6b6f82 !important; } .bg-secondary { background-color: #6b6f82 !important; } .bg-secondary .card-header, .bg-secondary .card-footer { background-color: transparent; } .bg-secondary.bg-glow { box-shadow: 0px 1px 20px 1px rgba(107, 111, 130, 0.6); } .selectboxit.selectboxit-btn.bg-secondary { background-color: #6b6f82 !important; } .alert-secondary { border-color: #6b6f82 !important; background-color: #9094a4 !important; color: #1a1b20 !important; } .alert-secondary .alert-link { color: #08080a !important; } .border-secondary { border-color: #6b6f82; } .overlay-secondary { background: #6b6f82; /* The Fallback */ background: rgba(107, 111, 130, 0.8); } .color-info.secondary { background-color: #6b6f82 !important; } .btn-secondary { border-color: #545766 !important; background-color: #6b6f82 !important; color: #FFFFFF; } .btn-secondary:hover { border-color: #5f6374 !important; background-color: #777b8f !important; color: #FFF !important; } .btn-secondary:focus, .btn-secondary:active { border-color: #545766 !important; background-color: #484b58 !important; color: #FFF !important; } .btn-secondary.btn-glow { box-shadow: 0px 1px 20px 1px rgba(107, 111, 130, 0.6); } .btn-outline-secondary { border-color: #6b6f82; background-color: transparent; color: #6b6f82; } .btn-outline-secondary:hover { background-color: #6b6f82; color: #FFF !important; } .btn-outline-secondary.btn-glow { box-shadow: 0px 1px 20px 1px rgba(107, 111, 130, 0.6); } input[type=checkbox].bg-secondary + .custom-control-label:before, input[type=radio].bg-secondary + .custom-control-label:before { background-color: #6b6f82 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #6b6f82 !important; } .border-secondary { border: 1px solid #6b6f82 !important; } .border-top-secondary { border-top: 1px solid #6b6f82; } .border-bottom-secondary { border-bottom: 1px solid #6b6f82; } .border-left-secondary { border-left: 1px solid #6b6f82; } .border-right-secondary { border-right: 1px solid #6b6f82; } .secondary.darken-1 { color: #5f6374 !important; } .bg-secondary.bg-darken-1 { background-color: #5f6374 !important; } .bg-secondary.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(95, 99, 116, 0.6); } .btn-secondary.btn-darken-1 { border-color: #545766 !important; background-color: #5f6374 !important; } .btn-secondary.btn-darken-1:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-darken-1:focus, .btn-secondary.btn-darken-1:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-darken-1 { border-color: #5f6374 !important; color: #5f6374 !important; } .btn-outline-secondary.btn-outline-darken-1:hover { background-color: #5f6374 !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #5f6374 !important; } .border-secondary.border-darken-1 { border: 1px solid #5f6374 !important; } .border-top-secondary.border-top-darken-1 { border-top: 1px solid #5f6374 !important; } .border-bottom-secondary.border-bottom-darken-1 { border-bottom: 1px solid #5f6374 !important; } .border-left-secondary.border-left-darken-1 { border-left: 1px solid #5f6374 !important; } .border-right-secondary.border-right-darken-1 { border-right: 1px solid #5f6374 !important; } .overlay-secondary.overlay-darken-1 { background: #5f6374; /* The Fallback */ background: rgba(95, 99, 116, 0.8); } .secondary.darken-2 { color: #545766 !important; } .bg-secondary.bg-darken-2 { background-color: #545766 !important; } .bg-secondary.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(84, 87, 102, 0.6); } .btn-secondary.btn-darken-2 { border-color: #545766 !important; background-color: #545766 !important; } .btn-secondary.btn-darken-2:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-darken-2:focus, .btn-secondary.btn-darken-2:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-darken-2 { border-color: #545766 !important; color: #545766 !important; } .btn-outline-secondary.btn-outline-darken-2:hover { background-color: #545766 !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #545766 !important; } .border-secondary.border-darken-2 { border: 1px solid #545766 !important; } .border-top-secondary.border-top-darken-2 { border-top: 1px solid #545766 !important; } .border-bottom-secondary.border-bottom-darken-2 { border-bottom: 1px solid #545766 !important; } .border-left-secondary.border-left-darken-2 { border-left: 1px solid #545766 !important; } .border-right-secondary.border-right-darken-2 { border-right: 1px solid #545766 !important; } .overlay-secondary.overlay-darken-2 { background: #545766; /* The Fallback */ background: rgba(84, 87, 102, 0.8); } .secondary.darken-3 { color: #484b58 !important; } .bg-secondary.bg-darken-3 { background-color: #484b58 !important; } .bg-secondary.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(72, 75, 88, 0.6); } .btn-secondary.btn-darken-3 { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-darken-3:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-darken-3:focus, .btn-secondary.btn-darken-3:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-darken-3 { border-color: #484b58 !important; color: #484b58 !important; } .btn-outline-secondary.btn-outline-darken-3:hover { background-color: #484b58 !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #484b58 !important; } .border-secondary.border-darken-3 { border: 1px solid #484b58 !important; } .border-top-secondary.border-top-darken-3 { border-top: 1px solid #484b58 !important; } .border-bottom-secondary.border-bottom-darken-3 { border-bottom: 1px solid #484b58 !important; } .border-left-secondary.border-left-darken-3 { border-left: 1px solid #484b58 !important; } .border-right-secondary.border-right-darken-3 { border-right: 1px solid #484b58 !important; } .overlay-secondary.overlay-darken-3 { background: #484b58; /* The Fallback */ background: rgba(72, 75, 88, 0.8); } .secondary.darken-4 { color: #3d3f4a !important; } .bg-secondary.bg-darken-4 { background-color: #3d3f4a !important; } .bg-secondary.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(61, 63, 74, 0.6); } .btn-secondary.btn-darken-4 { border-color: #545766 !important; background-color: #3d3f4a !important; } .btn-secondary.btn-darken-4:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-darken-4:focus, .btn-secondary.btn-darken-4:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-darken-4 { border-color: #3d3f4a !important; color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-darken-4:hover { background-color: #3d3f4a !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3d3f4a !important; } .border-secondary.border-darken-4 { border: 1px solid #3d3f4a !important; } .border-top-secondary.border-top-darken-4 { border-top: 1px solid #3d3f4a !important; } .border-bottom-secondary.border-bottom-darken-4 { border-bottom: 1px solid #3d3f4a !important; } .border-left-secondary.border-left-darken-4 { border-left: 1px solid #3d3f4a !important; } .border-right-secondary.border-right-darken-4 { border-right: 1px solid #3d3f4a !important; } .overlay-secondary.overlay-darken-4 { background: #3d3f4a; /* The Fallback */ background: rgba(61, 63, 74, 0.8); } .success.lighten-5 { color: #8ee9c9 !important; } .bg-success.bg-lighten-5 { background-color: #8ee9c9 !important; } .bg-success.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(142, 233, 201, 0.6); } .btn-success.btn-lighten-5 { border-color: #20a576 !important; background-color: #8ee9c9 !important; } .btn-success.btn-lighten-5:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-lighten-5:focus, .btn-success.btn-lighten-5:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-lighten-5 { border-color: #8ee9c9 !important; color: #8ee9c9 !important; } .btn-outline-success.btn-outline-lighten-5:hover { background-color: #8ee9c9 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8ee9c9 !important; } .border-success.border-lighten-5 { border: 1px solid #8ee9c9 !important; } .border-top-success.border-top-lighten-5 { border-top: 1px solid #8ee9c9 !important; } .border-bottom-success.border-bottom-lighten-5 { border-bottom: 1px solid #8ee9c9 !important; } .border-left-success.border-left-lighten-5 { border-left: 1px solid #8ee9c9 !important; } .border-right-success.border-right-lighten-5 { border-right: 1px solid #8ee9c9 !important; } .overlay-success.overlay-lighten-5 { background: #8ee9c9; /* The Fallback */ background: rgba(142, 233, 201, 0.8); } .success.lighten-4 { color: #79e5be !important; } .bg-success.bg-lighten-4 { background-color: #79e5be !important; } .bg-success.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(121, 229, 190, 0.6); } .btn-success.btn-lighten-4 { border-color: #20a576 !important; background-color: #79e5be !important; } .btn-success.btn-lighten-4:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-lighten-4:focus, .btn-success.btn-lighten-4:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-lighten-4 { border-color: #79e5be !important; color: #79e5be !important; } .btn-outline-success.btn-outline-lighten-4:hover { background-color: #79e5be !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #79e5be !important; } .border-success.border-lighten-4 { border: 1px solid #79e5be !important; } .border-top-success.border-top-lighten-4 { border-top: 1px solid #79e5be !important; } .border-bottom-success.border-bottom-lighten-4 { border-bottom: 1px solid #79e5be !important; } .border-left-success.border-left-lighten-4 { border-left: 1px solid #79e5be !important; } .border-right-success.border-right-lighten-4 { border-right: 1px solid #79e5be !important; } .overlay-success.overlay-lighten-4 { background: #79e5be; /* The Fallback */ background: rgba(121, 229, 190, 0.8); } .success.lighten-3 { color: #63e1b4 !important; } .bg-success.bg-lighten-3 { background-color: #63e1b4 !important; } .bg-success.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(99, 225, 180, 0.6); } .btn-success.btn-lighten-3 { border-color: #20a576 !important; background-color: #63e1b4 !important; } .btn-success.btn-lighten-3:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-lighten-3:focus, .btn-success.btn-lighten-3:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-lighten-3 { border-color: #63e1b4 !important; color: #63e1b4 !important; } .btn-outline-success.btn-outline-lighten-3:hover { background-color: #63e1b4 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #63e1b4 !important; } .border-success.border-lighten-3 { border: 1px solid #63e1b4 !important; } .border-top-success.border-top-lighten-3 { border-top: 1px solid #63e1b4 !important; } .border-bottom-success.border-bottom-lighten-3 { border-bottom: 1px solid #63e1b4 !important; } .border-left-success.border-left-lighten-3 { border-left: 1px solid #63e1b4 !important; } .border-right-success.border-right-lighten-3 { border-right: 1px solid #63e1b4 !important; } .overlay-success.overlay-lighten-3 { background: #63e1b4; /* The Fallback */ background: rgba(99, 225, 180, 0.8); } .success.lighten-2 { color: #4eddaa !important; } .bg-success.bg-lighten-2 { background-color: #4eddaa !important; } .bg-success.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(78, 221, 170, 0.6); } .btn-success.btn-lighten-2 { border-color: #20a576 !important; background-color: #4eddaa !important; } .btn-success.btn-lighten-2:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-lighten-2:focus, .btn-success.btn-lighten-2:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-lighten-2 { border-color: #4eddaa !important; color: #4eddaa !important; } .btn-outline-success.btn-outline-lighten-2:hover { background-color: #4eddaa !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4eddaa !important; } .border-success.border-lighten-2 { border: 1px solid #4eddaa !important; } .border-top-success.border-top-lighten-2 { border-top: 1px solid #4eddaa !important; } .border-bottom-success.border-bottom-lighten-2 { border-bottom: 1px solid #4eddaa !important; } .border-left-success.border-left-lighten-2 { border-left: 1px solid #4eddaa !important; } .border-right-success.border-right-lighten-2 { border-right: 1px solid #4eddaa !important; } .overlay-success.overlay-lighten-2 { background: #4eddaa; /* The Fallback */ background: rgba(78, 221, 170, 0.8); } .success.lighten-1 { color: #39d9a0 !important; } .bg-success.bg-lighten-1 { background-color: #39d9a0 !important; } .bg-success.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(57, 217, 160, 0.6); } .btn-success.btn-lighten-1 { border-color: #20a576 !important; background-color: #39d9a0 !important; } .btn-success.btn-lighten-1:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-lighten-1:focus, .btn-success.btn-lighten-1:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-lighten-1 { border-color: #39d9a0 !important; color: #39d9a0 !important; } .btn-outline-success.btn-outline-lighten-1:hover { background-color: #39d9a0 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #39d9a0 !important; } .border-success.border-lighten-1 { border: 1px solid #39d9a0 !important; } .border-top-success.border-top-lighten-1 { border-top: 1px solid #39d9a0 !important; } .border-bottom-success.border-bottom-lighten-1 { border-bottom: 1px solid #39d9a0 !important; } .border-left-success.border-left-lighten-1 { border-left: 1px solid #39d9a0 !important; } .border-right-success.border-right-lighten-1 { border-right: 1px solid #39d9a0 !important; } .overlay-success.overlay-lighten-1 { background: #39d9a0; /* The Fallback */ background: rgba(57, 217, 160, 0.8); } .success { color: #28d094 !important; } .bg-success { background-color: #28d094 !important; } .bg-success .card-header, .bg-success .card-footer { background-color: transparent; } .bg-success.bg-glow { box-shadow: 0px 1px 20px 1px rgba(40, 208, 148, 0.6); } .selectboxit.selectboxit-btn.bg-success { background-color: #28d094 !important; } .alert-success { border-color: #28d094 !important; background-color: #5fe0b2 !important; color: #0b3a29 !important; } .alert-success .alert-link { color: #051811 !important; } .border-success { border-color: #28d094; } .overlay-success { background: #28d094; /* The Fallback */ background: rgba(40, 208, 148, 0.8); } .color-info.success { background-color: #28d094 !important; } .btn-success { border-color: #20a576 !important; background-color: #28d094 !important; color: #FFFFFF; } .btn-success:hover { border-color: #24bb85 !important; background-color: #39d9a0 !important; color: #FFF !important; } .btn-success:focus, .btn-success:active { border-color: #20a576 !important; background-color: #1c9066 !important; color: #FFF !important; } .btn-success.btn-glow { box-shadow: 0px 1px 20px 1px rgba(40, 208, 148, 0.6); } .btn-outline-success { border-color: #28d094; background-color: transparent; color: #28d094; } .btn-outline-success:hover { background-color: #28d094; color: #FFF !important; } .btn-outline-success.btn-glow { box-shadow: 0px 1px 20px 1px rgba(40, 208, 148, 0.6); } input[type=checkbox].bg-success + .custom-control-label:before, input[type=radio].bg-success + .custom-control-label:before { background-color: #28d094 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #28d094 !important; } .border-success { border: 1px solid #28d094 !important; } .border-top-success { border-top: 1px solid #28d094; } .border-bottom-success { border-bottom: 1px solid #28d094; } .border-left-success { border-left: 1px solid #28d094; } .border-right-success { border-right: 1px solid #28d094; } .success.darken-1 { color: #24bb85 !important; } .bg-success.bg-darken-1 { background-color: #24bb85 !important; } .bg-success.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(36, 187, 133, 0.6); } .btn-success.btn-darken-1 { border-color: #20a576 !important; background-color: #24bb85 !important; } .btn-success.btn-darken-1:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-darken-1:focus, .btn-success.btn-darken-1:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-darken-1 { border-color: #24bb85 !important; color: #24bb85 !important; } .btn-outline-success.btn-outline-darken-1:hover { background-color: #24bb85 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #24bb85 !important; } .border-success.border-darken-1 { border: 1px solid #24bb85 !important; } .border-top-success.border-top-darken-1 { border-top: 1px solid #24bb85 !important; } .border-bottom-success.border-bottom-darken-1 { border-bottom: 1px solid #24bb85 !important; } .border-left-success.border-left-darken-1 { border-left: 1px solid #24bb85 !important; } .border-right-success.border-right-darken-1 { border-right: 1px solid #24bb85 !important; } .overlay-success.overlay-darken-1 { background: #24bb85; /* The Fallback */ background: rgba(36, 187, 133, 0.8); } .success.darken-2 { color: #20a576 !important; } .bg-success.bg-darken-2 { background-color: #20a576 !important; } .bg-success.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(32, 165, 118, 0.6); } .btn-success.btn-darken-2 { border-color: #20a576 !important; background-color: #20a576 !important; } .btn-success.btn-darken-2:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-darken-2:focus, .btn-success.btn-darken-2:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-darken-2 { border-color: #20a576 !important; color: #20a576 !important; } .btn-outline-success.btn-outline-darken-2:hover { background-color: #20a576 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #20a576 !important; } .border-success.border-darken-2 { border: 1px solid #20a576 !important; } .border-top-success.border-top-darken-2 { border-top: 1px solid #20a576 !important; } .border-bottom-success.border-bottom-darken-2 { border-bottom: 1px solid #20a576 !important; } .border-left-success.border-left-darken-2 { border-left: 1px solid #20a576 !important; } .border-right-success.border-right-darken-2 { border-right: 1px solid #20a576 !important; } .overlay-success.overlay-darken-2 { background: #20a576; /* The Fallback */ background: rgba(32, 165, 118, 0.8); } .success.darken-3 { color: #1c9066 !important; } .bg-success.bg-darken-3 { background-color: #1c9066 !important; } .bg-success.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(28, 144, 102, 0.6); } .btn-success.btn-darken-3 { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-darken-3:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-darken-3:focus, .btn-success.btn-darken-3:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-darken-3 { border-color: #1c9066 !important; color: #1c9066 !important; } .btn-outline-success.btn-outline-darken-3:hover { background-color: #1c9066 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1c9066 !important; } .border-success.border-darken-3 { border: 1px solid #1c9066 !important; } .border-top-success.border-top-darken-3 { border-top: 1px solid #1c9066 !important; } .border-bottom-success.border-bottom-darken-3 { border-bottom: 1px solid #1c9066 !important; } .border-left-success.border-left-darken-3 { border-left: 1px solid #1c9066 !important; } .border-right-success.border-right-darken-3 { border-right: 1px solid #1c9066 !important; } .overlay-success.overlay-darken-3 { background: #1c9066; /* The Fallback */ background: rgba(28, 144, 102, 0.8); } .success.darken-4 { color: #187a57 !important; } .bg-success.bg-darken-4 { background-color: #187a57 !important; } .bg-success.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(24, 122, 87, 0.6); } .btn-success.btn-darken-4 { border-color: #20a576 !important; background-color: #187a57 !important; } .btn-success.btn-darken-4:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-darken-4:focus, .btn-success.btn-darken-4:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-darken-4 { border-color: #187a57 !important; color: #187a57 !important; } .btn-outline-success.btn-outline-darken-4:hover { background-color: #187a57 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #187a57 !important; } .border-success.border-darken-4 { border: 1px solid #187a57 !important; } .border-top-success.border-top-darken-4 { border-top: 1px solid #187a57 !important; } .border-bottom-success.border-bottom-darken-4 { border-bottom: 1px solid #187a57 !important; } .border-left-success.border-left-darken-4 { border-left: 1px solid #187a57 !important; } .border-right-success.border-right-darken-4 { border-right: 1px solid #187a57 !important; } .overlay-success.overlay-darken-4 { background: #187a57; /* The Fallback */ background: rgba(24, 122, 87, 0.8); } .success.accent-1 { color: #e1fff0 !important; } .bg-success.bg-accent-1 { background-color: #e1fff0 !important; } .bg-success.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(225, 255, 240, 0.6); } .btn-success.btn-accent-1 { border-color: #20a576 !important; background-color: #e1fff0 !important; } .btn-success.btn-accent-1:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-accent-1:focus, .btn-success.btn-accent-1:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-accent-1 { border-color: #e1fff0 !important; color: #e1fff0 !important; } .btn-outline-success.btn-outline-accent-1:hover { background-color: #e1fff0 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e1fff0 !important; } .border-success.border-accent-1 { border: 1px solid #e1fff0 !important; } .border-top-success.border-top-accent-1 { border-top: 1px solid #e1fff0 !important; } .border-bottom-success.border-bottom-accent-1 { border-bottom: 1px solid #e1fff0 !important; } .border-left-success.border-left-accent-1 { border-left: 1px solid #e1fff0 !important; } .border-right-success.border-right-accent-1 { border-right: 1px solid #e1fff0 !important; } .overlay-success.overlay-accent-1 { background: #e1fff0; /* The Fallback */ background: rgba(225, 255, 240, 0.8); } .success.accent-2 { color: #aeffd5 !important; } .bg-success.bg-accent-2 { background-color: #aeffd5 !important; } .bg-success.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(174, 255, 213, 0.6); } .btn-success.btn-accent-2 { border-color: #20a576 !important; background-color: #aeffd5 !important; } .btn-success.btn-accent-2:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-accent-2:focus, .btn-success.btn-accent-2:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-accent-2 { border-color: #aeffd5 !important; color: #aeffd5 !important; } .btn-outline-success.btn-outline-accent-2:hover { background-color: #aeffd5 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #aeffd5 !important; } .border-success.border-accent-2 { border: 1px solid #aeffd5 !important; } .border-top-success.border-top-accent-2 { border-top: 1px solid #aeffd5 !important; } .border-bottom-success.border-bottom-accent-2 { border-bottom: 1px solid #aeffd5 !important; } .border-left-success.border-left-accent-2 { border-left: 1px solid #aeffd5 !important; } .border-right-success.border-right-accent-2 { border-right: 1px solid #aeffd5 !important; } .overlay-success.overlay-accent-2 { background: #aeffd5; /* The Fallback */ background: rgba(174, 255, 213, 0.8); } .success.accent-3 { color: #7bffbb !important; } .bg-success.bg-accent-3 { background-color: #7bffbb !important; } .bg-success.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(123, 255, 187, 0.6); } .btn-success.btn-accent-3 { border-color: #20a576 !important; background-color: #7bffbb !important; } .btn-success.btn-accent-3:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-accent-3:focus, .btn-success.btn-accent-3:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-accent-3 { border-color: #7bffbb !important; color: #7bffbb !important; } .btn-outline-success.btn-outline-accent-3:hover { background-color: #7bffbb !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7bffbb !important; } .border-success.border-accent-3 { border: 1px solid #7bffbb !important; } .border-top-success.border-top-accent-3 { border-top: 1px solid #7bffbb !important; } .border-bottom-success.border-bottom-accent-3 { border-bottom: 1px solid #7bffbb !important; } .border-left-success.border-left-accent-3 { border-left: 1px solid #7bffbb !important; } .border-right-success.border-right-accent-3 { border-right: 1px solid #7bffbb !important; } .overlay-success.overlay-accent-3 { background: #7bffbb; /* The Fallback */ background: rgba(123, 255, 187, 0.8); } .success.accent-4 { color: #62ffae !important; } .bg-success.bg-accent-4 { background-color: #62ffae !important; } .bg-success.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(98, 255, 174, 0.6); } .btn-success.btn-accent-4 { border-color: #20a576 !important; background-color: #62ffae !important; } .btn-success.btn-accent-4:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-accent-4:focus, .btn-success.btn-accent-4:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-accent-4 { border-color: #62ffae !important; color: #62ffae !important; } .btn-outline-success.btn-outline-accent-4:hover { background-color: #62ffae !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #62ffae !important; } .border-success.border-accent-4 { border: 1px solid #62ffae !important; } .border-top-success.border-top-accent-4 { border-top: 1px solid #62ffae !important; } .border-bottom-success.border-bottom-accent-4 { border-bottom: 1px solid #62ffae !important; } .border-left-success.border-left-accent-4 { border-left: 1px solid #62ffae !important; } .border-right-success.border-right-accent-4 { border-right: 1px solid #62ffae !important; } .overlay-success.overlay-accent-4 { background: #62ffae; /* The Fallback */ background: rgba(98, 255, 174, 0.8); } .info.lighten-5 { color: #97d2f9 !important; } .bg-info.bg-lighten-5 { background-color: #97d2f9 !important; } .bg-info.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(151, 210, 249, 0.6); } .btn-info.btn-lighten-5 { border-color: #0c84d1 !important; background-color: #97d2f9 !important; } .btn-info.btn-lighten-5:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-lighten-5:focus, .btn-info.btn-lighten-5:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-lighten-5 { border-color: #97d2f9 !important; color: #97d2f9 !important; } .btn-outline-info.btn-outline-lighten-5:hover { background-color: #97d2f9 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #97d2f9 !important; } .border-info.border-lighten-5 { border: 1px solid #97d2f9 !important; } .border-top-info.border-top-lighten-5 { border-top: 1px solid #97d2f9 !important; } .border-bottom-info.border-bottom-lighten-5 { border-bottom: 1px solid #97d2f9 !important; } .border-left-info.border-left-lighten-5 { border-left: 1px solid #97d2f9 !important; } .border-right-info.border-right-lighten-5 { border-right: 1px solid #97d2f9 !important; } .overlay-info.overlay-lighten-5 { background: #97d2f9; /* The Fallback */ background: rgba(151, 210, 249, 0.8); } .info.lighten-4 { color: #7ec8f8 !important; } .bg-info.bg-lighten-4 { background-color: #7ec8f8 !important; } .bg-info.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(126, 200, 248, 0.6); } .btn-info.btn-lighten-4 { border-color: #0c84d1 !important; background-color: #7ec8f8 !important; } .btn-info.btn-lighten-4:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-lighten-4:focus, .btn-info.btn-lighten-4:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-lighten-4 { border-color: #7ec8f8 !important; color: #7ec8f8 !important; } .btn-outline-info.btn-outline-lighten-4:hover { background-color: #7ec8f8 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7ec8f8 !important; } .border-info.border-lighten-4 { border: 1px solid #7ec8f8 !important; } .border-top-info.border-top-lighten-4 { border-top: 1px solid #7ec8f8 !important; } .border-bottom-info.border-bottom-lighten-4 { border-bottom: 1px solid #7ec8f8 !important; } .border-left-info.border-left-lighten-4 { border-left: 1px solid #7ec8f8 !important; } .border-right-info.border-right-lighten-4 { border-right: 1px solid #7ec8f8 !important; } .overlay-info.overlay-lighten-4 { background: #7ec8f8; /* The Fallback */ background: rgba(126, 200, 248, 0.8); } .info.lighten-3 { color: #66bef6 !important; } .bg-info.bg-lighten-3 { background-color: #66bef6 !important; } .bg-info.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(102, 190, 246, 0.6); } .btn-info.btn-lighten-3 { border-color: #0c84d1 !important; background-color: #66bef6 !important; } .btn-info.btn-lighten-3:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-lighten-3:focus, .btn-info.btn-lighten-3:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-lighten-3 { border-color: #66bef6 !important; color: #66bef6 !important; } .btn-outline-info.btn-outline-lighten-3:hover { background-color: #66bef6 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #66bef6 !important; } .border-info.border-lighten-3 { border: 1px solid #66bef6 !important; } .border-top-info.border-top-lighten-3 { border-top: 1px solid #66bef6 !important; } .border-bottom-info.border-bottom-lighten-3 { border-bottom: 1px solid #66bef6 !important; } .border-left-info.border-left-lighten-3 { border-left: 1px solid #66bef6 !important; } .border-right-info.border-right-lighten-3 { border-right: 1px solid #66bef6 !important; } .overlay-info.overlay-lighten-3 { background: #66bef6; /* The Fallback */ background: rgba(102, 190, 246, 0.8); } .info.lighten-2 { color: #4eb4f5 !important; } .bg-info.bg-lighten-2 { background-color: #4eb4f5 !important; } .bg-info.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(78, 180, 245, 0.6); } .btn-info.btn-lighten-2 { border-color: #0c84d1 !important; background-color: #4eb4f5 !important; } .btn-info.btn-lighten-2:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-lighten-2:focus, .btn-info.btn-lighten-2:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-lighten-2 { border-color: #4eb4f5 !important; color: #4eb4f5 !important; } .btn-outline-info.btn-outline-lighten-2:hover { background-color: #4eb4f5 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4eb4f5 !important; } .border-info.border-lighten-2 { border: 1px solid #4eb4f5 !important; } .border-top-info.border-top-lighten-2 { border-top: 1px solid #4eb4f5 !important; } .border-bottom-info.border-bottom-lighten-2 { border-bottom: 1px solid #4eb4f5 !important; } .border-left-info.border-left-lighten-2 { border-left: 1px solid #4eb4f5 !important; } .border-right-info.border-right-lighten-2 { border-right: 1px solid #4eb4f5 !important; } .overlay-info.overlay-lighten-2 { background: #4eb4f5; /* The Fallback */ background: rgba(78, 180, 245, 0.8); } .info.lighten-1 { color: #36a9f3 !important; } .bg-info.bg-lighten-1 { background-color: #36a9f3 !important; } .bg-info.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(54, 169, 243, 0.6); } .btn-info.btn-lighten-1 { border-color: #0c84d1 !important; background-color: #36a9f3 !important; } .btn-info.btn-lighten-1:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-lighten-1:focus, .btn-info.btn-lighten-1:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-lighten-1 { border-color: #36a9f3 !important; color: #36a9f3 !important; } .btn-outline-info.btn-outline-lighten-1:hover { background-color: #36a9f3 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #36a9f3 !important; } .border-info.border-lighten-1 { border: 1px solid #36a9f3 !important; } .border-top-info.border-top-lighten-1 { border-top: 1px solid #36a9f3 !important; } .border-bottom-info.border-bottom-lighten-1 { border-bottom: 1px solid #36a9f3 !important; } .border-left-info.border-left-lighten-1 { border-left: 1px solid #36a9f3 !important; } .border-right-info.border-right-lighten-1 { border-right: 1px solid #36a9f3 !important; } .overlay-info.overlay-lighten-1 { background: #36a9f3; /* The Fallback */ background: rgba(54, 169, 243, 0.8); } .info { color: #1e9ff2 !important; } .bg-info { background-color: #1e9ff2 !important; } .bg-info .card-header, .bg-info .card-footer { background-color: transparent; } .bg-info.bg-glow { box-shadow: 0px 1px 20px 1px rgba(30, 159, 242, 0.6); } .selectboxit.selectboxit-btn.bg-info { background-color: #1e9ff2 !important; } .alert-info { border-color: #1e9ff2 !important; background-color: #62bcf6 !important; color: #053858 !important; } .alert-info .alert-link { color: #031f32 !important; } .border-info { border-color: #1e9ff2; } .overlay-info { background: #1e9ff2; /* The Fallback */ background: rgba(30, 159, 242, 0.8); } .color-info.info { background-color: #1e9ff2 !important; } .btn-info { border-color: #0c84d1 !important; background-color: #1e9ff2 !important; color: #FFFFFF; } .btn-info:hover { border-color: #0d93e9 !important; background-color: #36a9f3 !important; color: #FFF !important; } .btn-info:focus, .btn-info:active { border-color: #0c84d1 !important; background-color: #0b75b9 !important; color: #FFF !important; } .btn-info.btn-glow { box-shadow: 0px 1px 20px 1px rgba(30, 159, 242, 0.6); } .btn-outline-info { border-color: #1e9ff2; background-color: transparent; color: #1e9ff2; } .btn-outline-info:hover { background-color: #1e9ff2; color: #FFF !important; } .btn-outline-info.btn-glow { box-shadow: 0px 1px 20px 1px rgba(30, 159, 242, 0.6); } input[type=checkbox].bg-info + .custom-control-label:before, input[type=radio].bg-info + .custom-control-label:before { background-color: #1e9ff2 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1e9ff2 !important; } .border-info { border: 1px solid #1e9ff2 !important; } .border-top-info { border-top: 1px solid #1e9ff2; } .border-bottom-info { border-bottom: 1px solid #1e9ff2; } .border-left-info { border-left: 1px solid #1e9ff2; } .border-right-info { border-right: 1px solid #1e9ff2; } .info.darken-1 { color: #0d93e9 !important; } .bg-info.bg-darken-1 { background-color: #0d93e9 !important; } .bg-info.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(13, 147, 233, 0.6); } .btn-info.btn-darken-1 { border-color: #0c84d1 !important; background-color: #0d93e9 !important; } .btn-info.btn-darken-1:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-darken-1:focus, .btn-info.btn-darken-1:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-darken-1 { border-color: #0d93e9 !important; color: #0d93e9 !important; } .btn-outline-info.btn-outline-darken-1:hover { background-color: #0d93e9 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0d93e9 !important; } .border-info.border-darken-1 { border: 1px solid #0d93e9 !important; } .border-top-info.border-top-darken-1 { border-top: 1px solid #0d93e9 !important; } .border-bottom-info.border-bottom-darken-1 { border-bottom: 1px solid #0d93e9 !important; } .border-left-info.border-left-darken-1 { border-left: 1px solid #0d93e9 !important; } .border-right-info.border-right-darken-1 { border-right: 1px solid #0d93e9 !important; } .overlay-info.overlay-darken-1 { background: #0d93e9; /* The Fallback */ background: rgba(13, 147, 233, 0.8); } .info.darken-2 { color: #0c84d1 !important; } .bg-info.bg-darken-2 { background-color: #0c84d1 !important; } .bg-info.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(12, 132, 209, 0.6); } .btn-info.btn-darken-2 { border-color: #0c84d1 !important; background-color: #0c84d1 !important; } .btn-info.btn-darken-2:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-darken-2:focus, .btn-info.btn-darken-2:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-darken-2 { border-color: #0c84d1 !important; color: #0c84d1 !important; } .btn-outline-info.btn-outline-darken-2:hover { background-color: #0c84d1 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0c84d1 !important; } .border-info.border-darken-2 { border: 1px solid #0c84d1 !important; } .border-top-info.border-top-darken-2 { border-top: 1px solid #0c84d1 !important; } .border-bottom-info.border-bottom-darken-2 { border-bottom: 1px solid #0c84d1 !important; } .border-left-info.border-left-darken-2 { border-left: 1px solid #0c84d1 !important; } .border-right-info.border-right-darken-2 { border-right: 1px solid #0c84d1 !important; } .overlay-info.overlay-darken-2 { background: #0c84d1; /* The Fallback */ background: rgba(12, 132, 209, 0.8); } .info.darken-3 { color: #0b75b9 !important; } .bg-info.bg-darken-3 { background-color: #0b75b9 !important; } .bg-info.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(11, 117, 185, 0.6); } .btn-info.btn-darken-3 { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-darken-3:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-darken-3:focus, .btn-info.btn-darken-3:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-darken-3 { border-color: #0b75b9 !important; color: #0b75b9 !important; } .btn-outline-info.btn-outline-darken-3:hover { background-color: #0b75b9 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0b75b9 !important; } .border-info.border-darken-3 { border: 1px solid #0b75b9 !important; } .border-top-info.border-top-darken-3 { border-top: 1px solid #0b75b9 !important; } .border-bottom-info.border-bottom-darken-3 { border-bottom: 1px solid #0b75b9 !important; } .border-left-info.border-left-darken-3 { border-left: 1px solid #0b75b9 !important; } .border-right-info.border-right-darken-3 { border-right: 1px solid #0b75b9 !important; } .overlay-info.overlay-darken-3 { background: #0b75b9; /* The Fallback */ background: rgba(11, 117, 185, 0.8); } .info.darken-4 { color: #0965a1 !important; } .bg-info.bg-darken-4 { background-color: #0965a1 !important; } .bg-info.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(9, 101, 161, 0.6); } .btn-info.btn-darken-4 { border-color: #0c84d1 !important; background-color: #0965a1 !important; } .btn-info.btn-darken-4:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-darken-4:focus, .btn-info.btn-darken-4:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-darken-4 { border-color: #0965a1 !important; color: #0965a1 !important; } .btn-outline-info.btn-outline-darken-4:hover { background-color: #0965a1 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0965a1 !important; } .border-info.border-darken-4 { border: 1px solid #0965a1 !important; } .border-top-info.border-top-darken-4 { border-top: 1px solid #0965a1 !important; } .border-bottom-info.border-bottom-darken-4 { border-bottom: 1px solid #0965a1 !important; } .border-left-info.border-left-darken-4 { border-left: 1px solid #0965a1 !important; } .border-right-info.border-right-darken-4 { border-right: 1px solid #0965a1 !important; } .overlay-info.overlay-darken-4 { background: #0965a1; /* The Fallback */ background: rgba(9, 101, 161, 0.8); } .info.accent-1 { color: #eff5ff !important; } .bg-info.bg-accent-1 { background-color: #eff5ff !important; } .bg-info.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(239, 245, 255, 0.6); } .btn-info.btn-accent-1 { border-color: #0c84d1 !important; background-color: #eff5ff !important; } .btn-info.btn-accent-1:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-accent-1:focus, .btn-info.btn-accent-1:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-accent-1 { border-color: #eff5ff !important; color: #eff5ff !important; } .btn-outline-info.btn-outline-accent-1:hover { background-color: #eff5ff !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #eff5ff !important; } .border-info.border-accent-1 { border: 1px solid #eff5ff !important; } .border-top-info.border-top-accent-1 { border-top: 1px solid #eff5ff !important; } .border-bottom-info.border-bottom-accent-1 { border-bottom: 1px solid #eff5ff !important; } .border-left-info.border-left-accent-1 { border-left: 1px solid #eff5ff !important; } .border-right-info.border-right-accent-1 { border-right: 1px solid #eff5ff !important; } .overlay-info.overlay-accent-1 { background: #eff5ff; /* The Fallback */ background: rgba(239, 245, 255, 0.8); } .info.accent-2 { color: #dfecff !important; } .bg-info.bg-accent-2 { background-color: #dfecff !important; } .bg-info.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(223, 236, 255, 0.6); } .btn-info.btn-accent-2 { border-color: #0c84d1 !important; background-color: #dfecff !important; } .btn-info.btn-accent-2:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-accent-2:focus, .btn-info.btn-accent-2:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-accent-2 { border-color: #dfecff !important; color: #dfecff !important; } .btn-outline-info.btn-outline-accent-2:hover { background-color: #dfecff !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #dfecff !important; } .border-info.border-accent-2 { border: 1px solid #dfecff !important; } .border-top-info.border-top-accent-2 { border-top: 1px solid #dfecff !important; } .border-bottom-info.border-bottom-accent-2 { border-bottom: 1px solid #dfecff !important; } .border-left-info.border-left-accent-2 { border-left: 1px solid #dfecff !important; } .border-right-info.border-right-accent-2 { border-right: 1px solid #dfecff !important; } .overlay-info.overlay-accent-2 { background: #dfecff; /* The Fallback */ background: rgba(223, 236, 255, 0.8); } .info.accent-3 { color: #accfff !important; } .bg-info.bg-accent-3 { background-color: #accfff !important; } .bg-info.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(172, 207, 255, 0.6); } .btn-info.btn-accent-3 { border-color: #0c84d1 !important; background-color: #accfff !important; } .btn-info.btn-accent-3:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-accent-3:focus, .btn-info.btn-accent-3:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-accent-3 { border-color: #accfff !important; color: #accfff !important; } .btn-outline-info.btn-outline-accent-3:hover { background-color: #accfff !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #accfff !important; } .border-info.border-accent-3 { border: 1px solid #accfff !important; } .border-top-info.border-top-accent-3 { border-top: 1px solid #accfff !important; } .border-bottom-info.border-bottom-accent-3 { border-bottom: 1px solid #accfff !important; } .border-left-info.border-left-accent-3 { border-left: 1px solid #accfff !important; } .border-right-info.border-right-accent-3 { border-right: 1px solid #accfff !important; } .overlay-info.overlay-accent-3 { background: #accfff; /* The Fallback */ background: rgba(172, 207, 255, 0.8); } .info.accent-4 { color: #92c0ff !important; } .bg-info.bg-accent-4 { background-color: #92c0ff !important; } .bg-info.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(146, 192, 255, 0.6); } .btn-info.btn-accent-4 { border-color: #0c84d1 !important; background-color: #92c0ff !important; } .btn-info.btn-accent-4:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-accent-4:focus, .btn-info.btn-accent-4:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-accent-4 { border-color: #92c0ff !important; color: #92c0ff !important; } .btn-outline-info.btn-outline-accent-4:hover { background-color: #92c0ff !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #92c0ff !important; } .border-info.border-accent-4 { border: 1px solid #92c0ff !important; } .border-top-info.border-top-accent-4 { border-top: 1px solid #92c0ff !important; } .border-bottom-info.border-bottom-accent-4 { border-bottom: 1px solid #92c0ff !important; } .border-left-info.border-left-accent-4 { border-left: 1px solid #92c0ff !important; } .border-right-info.border-right-accent-4 { border-right: 1px solid #92c0ff !important; } .overlay-info.overlay-accent-4 { background: #92c0ff; /* The Fallback */ background: rgba(146, 192, 255, 0.8); } .warning.lighten-5 { color: #ffdec9 !important; } .bg-warning.bg-lighten-5 { background-color: #ffdec9 !important; } .bg-warning.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 222, 201, 0.6); } .btn-warning.btn-lighten-5 { border-color: #ff7216 !important; background-color: #ffdec9 !important; } .btn-warning.btn-lighten-5:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-lighten-5:focus, .btn-warning.btn-lighten-5:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-lighten-5 { border-color: #ffdec9 !important; color: #ffdec9 !important; } .btn-outline-warning.btn-outline-lighten-5:hover { background-color: #ffdec9 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffdec9 !important; } .border-warning.border-lighten-5 { border: 1px solid #ffdec9 !important; } .border-top-warning.border-top-lighten-5 { border-top: 1px solid #ffdec9 !important; } .border-bottom-warning.border-bottom-lighten-5 { border-bottom: 1px solid #ffdec9 !important; } .border-left-warning.border-left-lighten-5 { border-left: 1px solid #ffdec9 !important; } .border-right-warning.border-right-lighten-5 { border-right: 1px solid #ffdec9 !important; } .overlay-warning.overlay-lighten-5 { background: #ffdec9; /* The Fallback */ background: rgba(255, 222, 201, 0.8); } .warning.lighten-4 { color: #ffcfaf !important; } .bg-warning.bg-lighten-4 { background-color: #ffcfaf !important; } .bg-warning.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 207, 175, 0.6); } .btn-warning.btn-lighten-4 { border-color: #ff7216 !important; background-color: #ffcfaf !important; } .btn-warning.btn-lighten-4:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-lighten-4:focus, .btn-warning.btn-lighten-4:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-lighten-4 { border-color: #ffcfaf !important; color: #ffcfaf !important; } .btn-outline-warning.btn-outline-lighten-4:hover { background-color: #ffcfaf !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffcfaf !important; } .border-warning.border-lighten-4 { border: 1px solid #ffcfaf !important; } .border-top-warning.border-top-lighten-4 { border-top: 1px solid #ffcfaf !important; } .border-bottom-warning.border-bottom-lighten-4 { border-bottom: 1px solid #ffcfaf !important; } .border-left-warning.border-left-lighten-4 { border-left: 1px solid #ffcfaf !important; } .border-right-warning.border-right-lighten-4 { border-right: 1px solid #ffcfaf !important; } .overlay-warning.overlay-lighten-4 { background: #ffcfaf; /* The Fallback */ background: rgba(255, 207, 175, 0.8); } .warning.lighten-3 { color: #ffbf96 !important; } .bg-warning.bg-lighten-3 { background-color: #ffbf96 !important; } .bg-warning.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 191, 150, 0.6); } .btn-warning.btn-lighten-3 { border-color: #ff7216 !important; background-color: #ffbf96 !important; } .btn-warning.btn-lighten-3:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-lighten-3:focus, .btn-warning.btn-lighten-3:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-lighten-3 { border-color: #ffbf96 !important; color: #ffbf96 !important; } .btn-outline-warning.btn-outline-lighten-3:hover { background-color: #ffbf96 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffbf96 !important; } .border-warning.border-lighten-3 { border: 1px solid #ffbf96 !important; } .border-top-warning.border-top-lighten-3 { border-top: 1px solid #ffbf96 !important; } .border-bottom-warning.border-bottom-lighten-3 { border-bottom: 1px solid #ffbf96 !important; } .border-left-warning.border-left-lighten-3 { border-left: 1px solid #ffbf96 !important; } .border-right-warning.border-right-lighten-3 { border-right: 1px solid #ffbf96 !important; } .overlay-warning.overlay-lighten-3 { background: #ffbf96; /* The Fallback */ background: rgba(255, 191, 150, 0.8); } .warning.lighten-2 { color: #ffb07c !important; } .bg-warning.bg-lighten-2 { background-color: #ffb07c !important; } .bg-warning.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 176, 124, 0.6); } .btn-warning.btn-lighten-2 { border-color: #ff7216 !important; background-color: #ffb07c !important; } .btn-warning.btn-lighten-2:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-lighten-2:focus, .btn-warning.btn-lighten-2:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-lighten-2 { border-color: #ffb07c !important; color: #ffb07c !important; } .btn-outline-warning.btn-outline-lighten-2:hover { background-color: #ffb07c !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffb07c !important; } .border-warning.border-lighten-2 { border: 1px solid #ffb07c !important; } .border-top-warning.border-top-lighten-2 { border-top: 1px solid #ffb07c !important; } .border-bottom-warning.border-bottom-lighten-2 { border-bottom: 1px solid #ffb07c !important; } .border-left-warning.border-left-lighten-2 { border-left: 1px solid #ffb07c !important; } .border-right-warning.border-right-lighten-2 { border-right: 1px solid #ffb07c !important; } .overlay-warning.overlay-lighten-2 { background: #ffb07c; /* The Fallback */ background: rgba(255, 176, 124, 0.8); } .warning.lighten-1 { color: #ffa063 !important; } .bg-warning.bg-lighten-1 { background-color: #ffa063 !important; } .bg-warning.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 160, 99, 0.6); } .btn-warning.btn-lighten-1 { border-color: #ff7216 !important; background-color: #ffa063 !important; } .btn-warning.btn-lighten-1:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-lighten-1:focus, .btn-warning.btn-lighten-1:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-lighten-1 { border-color: #ffa063 !important; color: #ffa063 !important; } .btn-outline-warning.btn-outline-lighten-1:hover { background-color: #ffa063 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffa063 !important; } .border-warning.border-lighten-1 { border: 1px solid #ffa063 !important; } .border-top-warning.border-top-lighten-1 { border-top: 1px solid #ffa063 !important; } .border-bottom-warning.border-bottom-lighten-1 { border-bottom: 1px solid #ffa063 !important; } .border-left-warning.border-left-lighten-1 { border-left: 1px solid #ffa063 !important; } .border-right-warning.border-right-lighten-1 { border-right: 1px solid #ffa063 !important; } .overlay-warning.overlay-lighten-1 { background: #ffa063; /* The Fallback */ background: rgba(255, 160, 99, 0.8); } .warning { color: #ff9149 !important; } .bg-warning { background-color: #ff9149 !important; } .bg-warning .card-header, .bg-warning .card-footer { background-color: transparent; } .bg-warning.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 145, 73, 0.6); } .selectboxit.selectboxit-btn.bg-warning { background-color: #ff9149 !important; } .alert-warning { border-color: #ff9149 !important; background-color: #ffbc90 !important; color: #963b00 !important; } .alert-warning .alert-link { color: #6d2b00 !important; } .border-warning { border-color: #ff9149; } .overlay-warning { background: #ff9149; /* The Fallback */ background: rgba(255, 145, 73, 0.8); } .color-info.warning { background-color: #ff9149 !important; } .btn-warning { border-color: #ff7216 !important; background-color: #ff9149 !important; color: #FFFFFF; } .btn-warning:hover { border-color: #ff8230 !important; background-color: #ffa063 !important; color: #FFF !important; } .btn-warning:focus, .btn-warning:active { border-color: #ff7216 !important; background-color: #fc6300 !important; color: #FFF !important; } .btn-warning.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 145, 73, 0.6); } .btn-outline-warning { border-color: #ff9149; background-color: transparent; color: #ff9149; } .btn-outline-warning:hover { background-color: #ff9149; color: #FFF !important; } .btn-outline-warning.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 145, 73, 0.6); } input[type=checkbox].bg-warning + .custom-control-label:before, input[type=radio].bg-warning + .custom-control-label:before { background-color: #ff9149 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff9149 !important; } .border-warning { border: 1px solid #ff9149 !important; } .border-top-warning { border-top: 1px solid #ff9149; } .border-bottom-warning { border-bottom: 1px solid #ff9149; } .border-left-warning { border-left: 1px solid #ff9149; } .border-right-warning { border-right: 1px solid #ff9149; } .warning.darken-1 { color: #ff8230 !important; } .bg-warning.bg-darken-1 { background-color: #ff8230 !important; } .bg-warning.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 130, 48, 0.6); } .btn-warning.btn-darken-1 { border-color: #ff7216 !important; background-color: #ff8230 !important; } .btn-warning.btn-darken-1:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-darken-1:focus, .btn-warning.btn-darken-1:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-darken-1 { border-color: #ff8230 !important; color: #ff8230 !important; } .btn-outline-warning.btn-outline-darken-1:hover { background-color: #ff8230 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff8230 !important; } .border-warning.border-darken-1 { border: 1px solid #ff8230 !important; } .border-top-warning.border-top-darken-1 { border-top: 1px solid #ff8230 !important; } .border-bottom-warning.border-bottom-darken-1 { border-bottom: 1px solid #ff8230 !important; } .border-left-warning.border-left-darken-1 { border-left: 1px solid #ff8230 !important; } .border-right-warning.border-right-darken-1 { border-right: 1px solid #ff8230 !important; } .overlay-warning.overlay-darken-1 { background: #ff8230; /* The Fallback */ background: rgba(255, 130, 48, 0.8); } .warning.darken-2 { color: #ff7216 !important; } .bg-warning.bg-darken-2 { background-color: #ff7216 !important; } .bg-warning.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 114, 22, 0.6); } .btn-warning.btn-darken-2 { border-color: #ff7216 !important; background-color: #ff7216 !important; } .btn-warning.btn-darken-2:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-darken-2:focus, .btn-warning.btn-darken-2:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-darken-2 { border-color: #ff7216 !important; color: #ff7216 !important; } .btn-outline-warning.btn-outline-darken-2:hover { background-color: #ff7216 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff7216 !important; } .border-warning.border-darken-2 { border: 1px solid #ff7216 !important; } .border-top-warning.border-top-darken-2 { border-top: 1px solid #ff7216 !important; } .border-bottom-warning.border-bottom-darken-2 { border-bottom: 1px solid #ff7216 !important; } .border-left-warning.border-left-darken-2 { border-left: 1px solid #ff7216 !important; } .border-right-warning.border-right-darken-2 { border-right: 1px solid #ff7216 !important; } .overlay-warning.overlay-darken-2 { background: #ff7216; /* The Fallback */ background: rgba(255, 114, 22, 0.8); } .warning.darken-3 { color: #fc6300 !important; } .bg-warning.bg-darken-3 { background-color: #fc6300 !important; } .bg-warning.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(252, 99, 0, 0.6); } .btn-warning.btn-darken-3 { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-darken-3:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-darken-3:focus, .btn-warning.btn-darken-3:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-darken-3 { border-color: #fc6300 !important; color: #fc6300 !important; } .btn-outline-warning.btn-outline-darken-3:hover { background-color: #fc6300 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fc6300 !important; } .border-warning.border-darken-3 { border: 1px solid #fc6300 !important; } .border-top-warning.border-top-darken-3 { border-top: 1px solid #fc6300 !important; } .border-bottom-warning.border-bottom-darken-3 { border-bottom: 1px solid #fc6300 !important; } .border-left-warning.border-left-darken-3 { border-left: 1px solid #fc6300 !important; } .border-right-warning.border-right-darken-3 { border-right: 1px solid #fc6300 !important; } .overlay-warning.overlay-darken-3 { background: #fc6300; /* The Fallback */ background: rgba(252, 99, 0, 0.8); } .warning.darken-4 { color: #e25900 !important; } .bg-warning.bg-darken-4 { background-color: #e25900 !important; } .bg-warning.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(226, 89, 0, 0.6); } .btn-warning.btn-darken-4 { border-color: #ff7216 !important; background-color: #e25900 !important; } .btn-warning.btn-darken-4:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-darken-4:focus, .btn-warning.btn-darken-4:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-darken-4 { border-color: #e25900 !important; color: #e25900 !important; } .btn-outline-warning.btn-outline-darken-4:hover { background-color: #e25900 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e25900 !important; } .border-warning.border-darken-4 { border: 1px solid #e25900 !important; } .border-top-warning.border-top-darken-4 { border-top: 1px solid #e25900 !important; } .border-bottom-warning.border-bottom-darken-4 { border-bottom: 1px solid #e25900 !important; } .border-left-warning.border-left-darken-4 { border-left: 1px solid #e25900 !important; } .border-right-warning.border-right-darken-4 { border-right: 1px solid #e25900 !important; } .overlay-warning.overlay-darken-4 { background: #e25900; /* The Fallback */ background: rgba(226, 89, 0, 0.8); } .warning.accent-1 { color: #fff5ef !important; } .bg-warning.bg-accent-1 { background-color: #fff5ef !important; } .bg-warning.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 245, 239, 0.6); } .btn-warning.btn-accent-1 { border-color: #ff7216 !important; background-color: #fff5ef !important; } .btn-warning.btn-accent-1:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-accent-1:focus, .btn-warning.btn-accent-1:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-accent-1 { border-color: #fff5ef !important; color: #fff5ef !important; } .btn-outline-warning.btn-outline-accent-1:hover { background-color: #fff5ef !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff5ef !important; } .border-warning.border-accent-1 { border: 1px solid #fff5ef !important; } .border-top-warning.border-top-accent-1 { border-top: 1px solid #fff5ef !important; } .border-bottom-warning.border-bottom-accent-1 { border-bottom: 1px solid #fff5ef !important; } .border-left-warning.border-left-accent-1 { border-left: 1px solid #fff5ef !important; } .border-right-warning.border-right-accent-1 { border-right: 1px solid #fff5ef !important; } .overlay-warning.overlay-accent-1 { background: #fff5ef; /* The Fallback */ background: rgba(255, 245, 239, 0.8); } .warning.accent-2 { color: #ffe5d8 !important; } .bg-warning.bg-accent-2 { background-color: #ffe5d8 !important; } .bg-warning.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 229, 216, 0.6); } .btn-warning.btn-accent-2 { border-color: #ff7216 !important; background-color: #ffe5d8 !important; } .btn-warning.btn-accent-2:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-accent-2:focus, .btn-warning.btn-accent-2:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-accent-2 { border-color: #ffe5d8 !important; color: #ffe5d8 !important; } .btn-outline-warning.btn-outline-accent-2:hover { background-color: #ffe5d8 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe5d8 !important; } .border-warning.border-accent-2 { border: 1px solid #ffe5d8 !important; } .border-top-warning.border-top-accent-2 { border-top: 1px solid #ffe5d8 !important; } .border-bottom-warning.border-bottom-accent-2 { border-bottom: 1px solid #ffe5d8 !important; } .border-left-warning.border-left-accent-2 { border-left: 1px solid #ffe5d8 !important; } .border-right-warning.border-right-accent-2 { border-right: 1px solid #ffe5d8 !important; } .overlay-warning.overlay-accent-2 { background: #ffe5d8; /* The Fallback */ background: rgba(255, 229, 216, 0.8); } .warning.accent-3 { color: #ffddd0 !important; } .bg-warning.bg-accent-3 { background-color: #ffddd0 !important; } .bg-warning.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 221, 208, 0.6); } .btn-warning.btn-accent-3 { border-color: #ff7216 !important; background-color: #ffddd0 !important; } .btn-warning.btn-accent-3:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-accent-3:focus, .btn-warning.btn-accent-3:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-accent-3 { border-color: #ffddd0 !important; color: #ffddd0 !important; } .btn-outline-warning.btn-outline-accent-3:hover { background-color: #ffddd0 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffddd0 !important; } .border-warning.border-accent-3 { border: 1px solid #ffddd0 !important; } .border-top-warning.border-top-accent-3 { border-top: 1px solid #ffddd0 !important; } .border-bottom-warning.border-bottom-accent-3 { border-bottom: 1px solid #ffddd0 !important; } .border-left-warning.border-left-accent-3 { border-left: 1px solid #ffddd0 !important; } .border-right-warning.border-right-accent-3 { border-right: 1px solid #ffddd0 !important; } .overlay-warning.overlay-accent-3 { background: #ffddd0; /* The Fallback */ background: rgba(255, 221, 208, 0.8); } .warning.accent-4 { color: #ffcab7 !important; } .bg-warning.bg-accent-4 { background-color: #ffcab7 !important; } .bg-warning.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 202, 183, 0.6); } .btn-warning.btn-accent-4 { border-color: #ff7216 !important; background-color: #ffcab7 !important; } .btn-warning.btn-accent-4:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-accent-4:focus, .btn-warning.btn-accent-4:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-accent-4 { border-color: #ffcab7 !important; color: #ffcab7 !important; } .btn-outline-warning.btn-outline-accent-4:hover { background-color: #ffcab7 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffcab7 !important; } .border-warning.border-accent-4 { border: 1px solid #ffcab7 !important; } .border-top-warning.border-top-accent-4 { border-top: 1px solid #ffcab7 !important; } .border-bottom-warning.border-bottom-accent-4 { border-bottom: 1px solid #ffcab7 !important; } .border-left-warning.border-left-accent-4 { border-left: 1px solid #ffcab7 !important; } .border-right-warning.border-right-accent-4 { border-right: 1px solid #ffcab7 !important; } .overlay-warning.overlay-accent-4 { background: #ffcab7; /* The Fallback */ background: rgba(255, 202, 183, 0.8); } .danger.lighten-5 { color: #ffc9d0 !important; } .bg-danger.bg-lighten-5 { background-color: #ffc9d0 !important; } .bg-danger.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 201, 208, 0.6); } .btn-danger.btn-lighten-5 { border-color: #ff1635 !important; background-color: #ffc9d0 !important; } .btn-danger.btn-lighten-5:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-lighten-5:focus, .btn-danger.btn-lighten-5:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-lighten-5 { border-color: #ffc9d0 !important; color: #ffc9d0 !important; } .btn-outline-danger.btn-outline-lighten-5:hover { background-color: #ffc9d0 !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc9d0 !important; } .border-danger.border-lighten-5 { border: 1px solid #ffc9d0 !important; } .border-top-danger.border-top-lighten-5 { border-top: 1px solid #ffc9d0 !important; } .border-bottom-danger.border-bottom-lighten-5 { border-bottom: 1px solid #ffc9d0 !important; } .border-left-danger.border-left-lighten-5 { border-left: 1px solid #ffc9d0 !important; } .border-right-danger.border-right-lighten-5 { border-right: 1px solid #ffc9d0 !important; } .overlay-danger.overlay-lighten-5 { background: #ffc9d0; /* The Fallback */ background: rgba(255, 201, 208, 0.8); } .danger.lighten-4 { color: #ffafba !important; } .bg-danger.bg-lighten-4 { background-color: #ffafba !important; } .bg-danger.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 175, 186, 0.6); } .btn-danger.btn-lighten-4 { border-color: #ff1635 !important; background-color: #ffafba !important; } .btn-danger.btn-lighten-4:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-lighten-4:focus, .btn-danger.btn-lighten-4:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-lighten-4 { border-color: #ffafba !important; color: #ffafba !important; } .btn-outline-danger.btn-outline-lighten-4:hover { background-color: #ffafba !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffafba !important; } .border-danger.border-lighten-4 { border: 1px solid #ffafba !important; } .border-top-danger.border-top-lighten-4 { border-top: 1px solid #ffafba !important; } .border-bottom-danger.border-bottom-lighten-4 { border-bottom: 1px solid #ffafba !important; } .border-left-danger.border-left-lighten-4 { border-left: 1px solid #ffafba !important; } .border-right-danger.border-right-lighten-4 { border-right: 1px solid #ffafba !important; } .overlay-danger.overlay-lighten-4 { background: #ffafba; /* The Fallback */ background: rgba(255, 175, 186, 0.8); } .danger.lighten-3 { color: #ff96a3 !important; } .bg-danger.bg-lighten-3 { background-color: #ff96a3 !important; } .bg-danger.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 150, 163, 0.6); } .btn-danger.btn-lighten-3 { border-color: #ff1635 !important; background-color: #ff96a3 !important; } .btn-danger.btn-lighten-3:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-lighten-3:focus, .btn-danger.btn-lighten-3:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-lighten-3 { border-color: #ff96a3 !important; color: #ff96a3 !important; } .btn-outline-danger.btn-outline-lighten-3:hover { background-color: #ff96a3 !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff96a3 !important; } .border-danger.border-lighten-3 { border: 1px solid #ff96a3 !important; } .border-top-danger.border-top-lighten-3 { border-top: 1px solid #ff96a3 !important; } .border-bottom-danger.border-bottom-lighten-3 { border-bottom: 1px solid #ff96a3 !important; } .border-left-danger.border-left-lighten-3 { border-left: 1px solid #ff96a3 !important; } .border-right-danger.border-right-lighten-3 { border-right: 1px solid #ff96a3 !important; } .overlay-danger.overlay-lighten-3 { background: #ff96a3; /* The Fallback */ background: rgba(255, 150, 163, 0.8); } .danger.lighten-2 { color: #ff7c8d !important; } .bg-danger.bg-lighten-2 { background-color: #ff7c8d !important; } .bg-danger.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 124, 141, 0.6); } .btn-danger.btn-lighten-2 { border-color: #ff1635 !important; background-color: #ff7c8d !important; } .btn-danger.btn-lighten-2:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-lighten-2:focus, .btn-danger.btn-lighten-2:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-lighten-2 { border-color: #ff7c8d !important; color: #ff7c8d !important; } .btn-outline-danger.btn-outline-lighten-2:hover { background-color: #ff7c8d !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff7c8d !important; } .border-danger.border-lighten-2 { border: 1px solid #ff7c8d !important; } .border-top-danger.border-top-lighten-2 { border-top: 1px solid #ff7c8d !important; } .border-bottom-danger.border-bottom-lighten-2 { border-bottom: 1px solid #ff7c8d !important; } .border-left-danger.border-left-lighten-2 { border-left: 1px solid #ff7c8d !important; } .border-right-danger.border-right-lighten-2 { border-right: 1px solid #ff7c8d !important; } .overlay-danger.overlay-lighten-2 { background: #ff7c8d; /* The Fallback */ background: rgba(255, 124, 141, 0.8); } .danger.lighten-1 { color: #ff6377 !important; } .bg-danger.bg-lighten-1 { background-color: #ff6377 !important; } .bg-danger.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 99, 119, 0.6); } .btn-danger.btn-lighten-1 { border-color: #ff1635 !important; background-color: #ff6377 !important; } .btn-danger.btn-lighten-1:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-lighten-1:focus, .btn-danger.btn-lighten-1:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-lighten-1 { border-color: #ff6377 !important; color: #ff6377 !important; } .btn-outline-danger.btn-outline-lighten-1:hover { background-color: #ff6377 !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff6377 !important; } .border-danger.border-lighten-1 { border: 1px solid #ff6377 !important; } .border-top-danger.border-top-lighten-1 { border-top: 1px solid #ff6377 !important; } .border-bottom-danger.border-bottom-lighten-1 { border-bottom: 1px solid #ff6377 !important; } .border-left-danger.border-left-lighten-1 { border-left: 1px solid #ff6377 !important; } .border-right-danger.border-right-lighten-1 { border-right: 1px solid #ff6377 !important; } .overlay-danger.overlay-lighten-1 { background: #ff6377; /* The Fallback */ background: rgba(255, 99, 119, 0.8); } .danger { color: #ff4961 !important; } .bg-danger { background-color: #ff4961 !important; } .bg-danger .card-header, .bg-danger .card-footer { background-color: transparent; } .bg-danger.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 73, 97, 0.6); } .selectboxit.selectboxit-btn.bg-danger { background-color: #ff4961 !important; } .alert-danger { border-color: #ff4961 !important; background-color: #ff909f !important; color: #960014 !important; } .alert-danger .alert-link { color: #6d000e !important; } .border-danger { border-color: #ff4961; } .overlay-danger { background: #ff4961; /* The Fallback */ background: rgba(255, 73, 97, 0.8); } .color-info.danger { background-color: #ff4961 !important; } .btn-danger { border-color: #ff1635 !important; background-color: #ff4961 !important; color: #FFFFFF; } .btn-danger:hover { border-color: #ff304b !important; background-color: #ff6377 !important; color: #FFF !important; } .btn-danger:focus, .btn-danger:active { border-color: #ff1635 !important; background-color: #fc0021 !important; color: #FFF !important; } .btn-danger.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 73, 97, 0.6); } .btn-outline-danger { border-color: #ff4961; background-color: transparent; color: #ff4961; } .btn-outline-danger:hover { background-color: #ff4961; color: #FFF !important; } .btn-outline-danger.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 73, 97, 0.6); } input[type=checkbox].bg-danger + .custom-control-label:before, input[type=radio].bg-danger + .custom-control-label:before { background-color: #ff4961 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff4961 !important; } .border-danger { border: 1px solid #ff4961 !important; } .border-top-danger { border-top: 1px solid #ff4961; } .border-bottom-danger { border-bottom: 1px solid #ff4961; } .border-left-danger { border-left: 1px solid #ff4961; } .border-right-danger { border-right: 1px solid #ff4961; } .danger.darken-1 { color: #ff304b !important; } .bg-danger.bg-darken-1 { background-color: #ff304b !important; } .bg-danger.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 48, 75, 0.6); } .btn-danger.btn-darken-1 { border-color: #ff1635 !important; background-color: #ff304b !important; } .btn-danger.btn-darken-1:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-darken-1:focus, .btn-danger.btn-darken-1:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-darken-1 { border-color: #ff304b !important; color: #ff304b !important; } .btn-outline-danger.btn-outline-darken-1:hover { background-color: #ff304b !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff304b !important; } .border-danger.border-darken-1 { border: 1px solid #ff304b !important; } .border-top-danger.border-top-darken-1 { border-top: 1px solid #ff304b !important; } .border-bottom-danger.border-bottom-darken-1 { border-bottom: 1px solid #ff304b !important; } .border-left-danger.border-left-darken-1 { border-left: 1px solid #ff304b !important; } .border-right-danger.border-right-darken-1 { border-right: 1px solid #ff304b !important; } .overlay-danger.overlay-darken-1 { background: #ff304b; /* The Fallback */ background: rgba(255, 48, 75, 0.8); } .danger.darken-2 { color: #ff1635 !important; } .bg-danger.bg-darken-2 { background-color: #ff1635 !important; } .bg-danger.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 22, 53, 0.6); } .btn-danger.btn-darken-2 { border-color: #ff1635 !important; background-color: #ff1635 !important; } .btn-danger.btn-darken-2:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-darken-2:focus, .btn-danger.btn-darken-2:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-darken-2 { border-color: #ff1635 !important; color: #ff1635 !important; } .btn-outline-danger.btn-outline-darken-2:hover { background-color: #ff1635 !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff1635 !important; } .border-danger.border-darken-2 { border: 1px solid #ff1635 !important; } .border-top-danger.border-top-darken-2 { border-top: 1px solid #ff1635 !important; } .border-bottom-danger.border-bottom-darken-2 { border-bottom: 1px solid #ff1635 !important; } .border-left-danger.border-left-darken-2 { border-left: 1px solid #ff1635 !important; } .border-right-danger.border-right-darken-2 { border-right: 1px solid #ff1635 !important; } .overlay-danger.overlay-darken-2 { background: #ff1635; /* The Fallback */ background: rgba(255, 22, 53, 0.8); } .danger.darken-3 { color: #fc0021 !important; } .bg-danger.bg-darken-3 { background-color: #fc0021 !important; } .bg-danger.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(252, 0, 33, 0.6); } .btn-danger.btn-darken-3 { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-darken-3:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-darken-3:focus, .btn-danger.btn-darken-3:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-darken-3 { border-color: #fc0021 !important; color: #fc0021 !important; } .btn-outline-danger.btn-outline-darken-3:hover { background-color: #fc0021 !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fc0021 !important; } .border-danger.border-darken-3 { border: 1px solid #fc0021 !important; } .border-top-danger.border-top-darken-3 { border-top: 1px solid #fc0021 !important; } .border-bottom-danger.border-bottom-darken-3 { border-bottom: 1px solid #fc0021 !important; } .border-left-danger.border-left-darken-3 { border-left: 1px solid #fc0021 !important; } .border-right-danger.border-right-darken-3 { border-right: 1px solid #fc0021 !important; } .overlay-danger.overlay-darken-3 { background: #fc0021; /* The Fallback */ background: rgba(252, 0, 33, 0.8); } .danger.darken-4 { color: #e2001e !important; } .bg-danger.bg-darken-4 { background-color: #e2001e !important; } .bg-danger.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(226, 0, 30, 0.6); } .btn-danger.btn-darken-4 { border-color: #ff1635 !important; background-color: #e2001e !important; } .btn-danger.btn-darken-4:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-darken-4:focus, .btn-danger.btn-darken-4:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-darken-4 { border-color: #e2001e !important; color: #e2001e !important; } .btn-outline-danger.btn-outline-darken-4:hover { background-color: #e2001e !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e2001e !important; } .border-danger.border-darken-4 { border: 1px solid #e2001e !important; } .border-top-danger.border-top-darken-4 { border-top: 1px solid #e2001e !important; } .border-bottom-danger.border-bottom-darken-4 { border-bottom: 1px solid #e2001e !important; } .border-left-danger.border-left-darken-4 { border-left: 1px solid #e2001e !important; } .border-right-danger.border-right-darken-4 { border-right: 1px solid #e2001e !important; } .overlay-danger.overlay-darken-4 { background: #e2001e; /* The Fallback */ background: rgba(226, 0, 30, 0.8); } .danger.accent-1 { color: #ffeef1 !important; } .bg-danger.bg-accent-1 { background-color: #ffeef1 !important; } .bg-danger.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 238, 241, 0.6); } .btn-danger.btn-accent-1 { border-color: #ff1635 !important; background-color: #ffeef1 !important; } .btn-danger.btn-accent-1:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-accent-1:focus, .btn-danger.btn-accent-1:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-accent-1 { border-color: #ffeef1 !important; color: #ffeef1 !important; } .btn-outline-danger.btn-outline-accent-1:hover { background-color: #ffeef1 !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffeef1 !important; } .border-danger.border-accent-1 { border: 1px solid #ffeef1 !important; } .border-top-danger.border-top-accent-1 { border-top: 1px solid #ffeef1 !important; } .border-bottom-danger.border-bottom-accent-1 { border-bottom: 1px solid #ffeef1 !important; } .border-left-danger.border-left-accent-1 { border-left: 1px solid #ffeef1 !important; } .border-right-danger.border-right-accent-1 { border-right: 1px solid #ffeef1 !important; } .overlay-danger.overlay-accent-1 { background: #ffeef1; /* The Fallback */ background: rgba(255, 238, 241, 0.8); } .danger.accent-2 { color: #ffd6db !important; } .bg-danger.bg-accent-2 { background-color: #ffd6db !important; } .bg-danger.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 214, 219, 0.6); } .btn-danger.btn-accent-2 { border-color: #ff1635 !important; background-color: #ffd6db !important; } .btn-danger.btn-accent-2:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-accent-2:focus, .btn-danger.btn-accent-2:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-accent-2 { border-color: #ffd6db !important; color: #ffd6db !important; } .btn-outline-danger.btn-outline-accent-2:hover { background-color: #ffd6db !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd6db !important; } .border-danger.border-accent-2 { border: 1px solid #ffd6db !important; } .border-top-danger.border-top-accent-2 { border-top: 1px solid #ffd6db !important; } .border-bottom-danger.border-bottom-accent-2 { border-bottom: 1px solid #ffd6db !important; } .border-left-danger.border-left-accent-2 { border-left: 1px solid #ffd6db !important; } .border-right-danger.border-right-accent-2 { border-right: 1px solid #ffd6db !important; } .overlay-danger.overlay-accent-2 { background: #ffd6db; /* The Fallback */ background: rgba(255, 214, 219, 0.8); } .danger.accent-3 { color: #ffd0d3 !important; } .bg-danger.bg-accent-3 { background-color: #ffd0d3 !important; } .bg-danger.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 208, 211, 0.6); } .btn-danger.btn-accent-3 { border-color: #ff1635 !important; background-color: #ffd0d3 !important; } .btn-danger.btn-accent-3:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-accent-3:focus, .btn-danger.btn-accent-3:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-accent-3 { border-color: #ffd0d3 !important; color: #ffd0d3 !important; } .btn-outline-danger.btn-outline-accent-3:hover { background-color: #ffd0d3 !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd0d3 !important; } .border-danger.border-accent-3 { border: 1px solid #ffd0d3 !important; } .border-top-danger.border-top-accent-3 { border-top: 1px solid #ffd0d3 !important; } .border-bottom-danger.border-bottom-accent-3 { border-bottom: 1px solid #ffd0d3 !important; } .border-left-danger.border-left-accent-3 { border-left: 1px solid #ffd0d3 !important; } .border-right-danger.border-right-accent-3 { border-right: 1px solid #ffd0d3 !important; } .overlay-danger.overlay-accent-3 { background: #ffd0d3; /* The Fallback */ background: rgba(255, 208, 211, 0.8); } .danger.accent-4 { color: #ffb7bc !important; } .bg-danger.bg-accent-4 { background-color: #ffb7bc !important; } .bg-danger.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 183, 188, 0.6); } .btn-danger.btn-accent-4 { border-color: #ff1635 !important; background-color: #ffb7bc !important; } .btn-danger.btn-accent-4:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-accent-4:focus, .btn-danger.btn-accent-4:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-accent-4 { border-color: #ffb7bc !important; color: #ffb7bc !important; } .btn-outline-danger.btn-outline-accent-4:hover { background-color: #ffb7bc !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffb7bc !important; } .border-danger.border-accent-4 { border: 1px solid #ffb7bc !important; } .border-top-danger.border-top-accent-4 { border-top: 1px solid #ffb7bc !important; } .border-bottom-danger.border-bottom-accent-4 { border-bottom: 1px solid #ffb7bc !important; } .border-left-danger.border-left-accent-4 { border-left: 1px solid #ffb7bc !important; } .border-right-danger.border-right-accent-4 { border-right: 1px solid #ffb7bc !important; } .overlay-danger.overlay-accent-4 { background: #ffb7bc; /* The Fallback */ background: rgba(255, 183, 188, 0.8); } .light { color: #e0e0e0 !important; } .bg-light { background-color: #e0e0e0 !important; } .bg-light .card-header, .bg-light .card-footer { background-color: transparent; } .bg-light.bg-glow { box-shadow: 0px 1px 20px 1px rgba(224, 224, 224, 0.6); } .selectboxit.selectboxit-btn.bg-light { background-color: #e0e0e0 !important; } .alert-light { border-color: #e0e0e0 !important; background-color: white !important; color: #878787 !important; } .alert-light .alert-link { color: #727272 !important; } .border-light { border-color: #e0e0e0; } .overlay-light { background: #e0e0e0; /* The Fallback */ background: rgba(224, 224, 224, 0.8); } .color-info.light { background-color: #e0e0e0 !important; } .btn-light { border-color: "" !important; background-color: #e0e0e0 !important; color: #FFFFFF; } .btn-light:hover { border-color: #9e9e9e !important; background-color: #bdbdbd !important; color: #FFF !important; } .btn-light:focus, .btn-light:active { border-color: "" !important; background-color: "" !important; color: #FFF !important; } .btn-light.btn-glow { box-shadow: 0px 1px 20px 1px rgba(224, 224, 224, 0.6); } .btn-outline-light { border-color: #e0e0e0; background-color: transparent; color: #e0e0e0; } .btn-outline-light:hover { background-color: #e0e0e0; color: #FFF !important; } .btn-outline-light.btn-glow { box-shadow: 0px 1px 20px 1px rgba(224, 224, 224, 0.6); } input[type=checkbox].bg-light + .custom-control-label:before, input[type=radio].bg-light + .custom-control-label:before { background-color: #e0e0e0 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-light { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e0e0e0 !important; } .border-light { border: 1px solid #e0e0e0 !important; } .border-top-light { border-top: 1px solid #e0e0e0; } .border-bottom-light { border-bottom: 1px solid #e0e0e0; } .border-left-light { border-left: 1px solid #e0e0e0; } .border-right-light { border-right: 1px solid #e0e0e0; } .light.lighten-1 { color: #bdbdbd !important; } .bg-light.bg-lighten-1 { background-color: #bdbdbd !important; } .bg-light.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(189, 189, 189, 0.6); } .btn-light.btn-lighten-1 { border-color: "" !important; background-color: #bdbdbd !important; } .btn-light.btn-lighten-1:hover { border-color: "" !important; background-color: "" !important; } .btn-light.btn-lighten-1:focus, .btn-light.btn-lighten-1:active { border-color: "" !important; background-color: "" !important; } .btn-outline-light.btn-outline-lighten-1 { border-color: #bdbdbd !important; color: #bdbdbd !important; } .btn-outline-light.btn-outline-lighten-1:hover { background-color: #bdbdbd !important; } input:focus ~ .bg-light { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bdbdbd !important; } .border-light.border-lighten-1 { border: 1px solid #bdbdbd !important; } .border-top-light.border-top-lighten-1 { border-top: 1px solid #bdbdbd !important; } .border-bottom-light.border-bottom-lighten-1 { border-bottom: 1px solid #bdbdbd !important; } .border-left-light.border-left-lighten-1 { border-left: 1px solid #bdbdbd !important; } .border-right-light.border-right-lighten-1 { border-right: 1px solid #bdbdbd !important; } .overlay-light.overlay-lighten-1 { background: #bdbdbd; /* The Fallback */ background: rgba(189, 189, 189, 0.8); } .light.darken-1 { color: #9e9e9e !important; } .bg-light.bg-darken-1 { background-color: #9e9e9e !important; } .bg-light.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(158, 158, 158, 0.6); } .btn-light.btn-darken-1 { border-color: "" !important; background-color: #9e9e9e !important; } .btn-light.btn-darken-1:hover { border-color: "" !important; background-color: "" !important; } .btn-light.btn-darken-1:focus, .btn-light.btn-darken-1:active { border-color: "" !important; background-color: "" !important; } .btn-outline-light.btn-outline-darken-1 { border-color: #9e9e9e !important; color: #9e9e9e !important; } .btn-outline-light.btn-outline-darken-1:hover { background-color: #9e9e9e !important; } input:focus ~ .bg-light { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9e9e9e !important; } .border-light.border-darken-1 { border: 1px solid #9e9e9e !important; } .border-top-light.border-top-darken-1 { border-top: 1px solid #9e9e9e !important; } .border-bottom-light.border-bottom-darken-1 { border-bottom: 1px solid #9e9e9e !important; } .border-left-light.border-left-darken-1 { border-left: 1px solid #9e9e9e !important; } .border-right-light.border-right-darken-1 { border-right: 1px solid #9e9e9e !important; } .overlay-light.overlay-darken-1 { background: #9e9e9e; /* The Fallback */ background: rgba(158, 158, 158, 0.8); } .dark { color: #424242 !important; } .bg-dark { background-color: #424242 !important; } .bg-dark .card-header, .bg-dark .card-footer { background-color: transparent; } .bg-dark.bg-glow { box-shadow: 0px 1px 20px 1px rgba(66, 66, 66, 0.6); } .selectboxit.selectboxit-btn.bg-dark { background-color: #424242 !important; } .alert-dark { border-color: #424242 !important; background-color: #666666 !important; color: black !important; } .alert-dark .alert-link { color: black !important; } .border-dark { border-color: #424242; } .overlay-dark { background: #424242; /* The Fallback */ background: rgba(66, 66, 66, 0.8); } .color-info.dark { background-color: #424242 !important; } .btn-dark { border-color: "" !important; background-color: #424242 !important; color: #FFFFFF; } .btn-dark:hover { border-color: #212121 !important; background-color: #616161 !important; color: #FFF !important; } .btn-dark:focus, .btn-dark:active { border-color: "" !important; background-color: "" !important; color: #FFF !important; } .btn-dark.btn-glow { box-shadow: 0px 1px 20px 1px rgba(66, 66, 66, 0.6); } .btn-outline-dark { border-color: #424242; background-color: transparent; color: #424242; } .btn-outline-dark:hover { background-color: #424242; color: #FFF !important; } .btn-outline-dark.btn-glow { box-shadow: 0px 1px 20px 1px rgba(66, 66, 66, 0.6); } input[type=checkbox].bg-dark + .custom-control-label:before, input[type=radio].bg-dark + .custom-control-label:before { background-color: #424242 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-dark { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #424242 !important; } .border-dark { border: 1px solid #424242 !important; } .border-top-dark { border-top: 1px solid #424242; } .border-bottom-dark { border-bottom: 1px solid #424242; } .border-left-dark { border-left: 1px solid #424242; } .border-right-dark { border-right: 1px solid #424242; } .dark.lighten-1 { color: #616161 !important; } .bg-dark.bg-lighten-1 { background-color: #616161 !important; } .bg-dark.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(97, 97, 97, 0.6); } .btn-dark.btn-lighten-1 { border-color: "" !important; background-color: #616161 !important; } .btn-dark.btn-lighten-1:hover { border-color: "" !important; background-color: "" !important; } .btn-dark.btn-lighten-1:focus, .btn-dark.btn-lighten-1:active { border-color: "" !important; background-color: "" !important; } .btn-outline-dark.btn-outline-lighten-1 { border-color: #616161 !important; color: #616161 !important; } .btn-outline-dark.btn-outline-lighten-1:hover { background-color: #616161 !important; } input:focus ~ .bg-dark { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #616161 !important; } .border-dark.border-lighten-1 { border: 1px solid #616161 !important; } .border-top-dark.border-top-lighten-1 { border-top: 1px solid #616161 !important; } .border-bottom-dark.border-bottom-lighten-1 { border-bottom: 1px solid #616161 !important; } .border-left-dark.border-left-lighten-1 { border-left: 1px solid #616161 !important; } .border-right-dark.border-right-lighten-1 { border-right: 1px solid #616161 !important; } .overlay-dark.overlay-lighten-1 { background: #616161; /* The Fallback */ background: rgba(97, 97, 97, 0.8); } .dark.darken-1 { color: #212121 !important; } .bg-dark.bg-darken-1 { background-color: #212121 !important; } .bg-dark.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(33, 33, 33, 0.6); } .btn-dark.btn-darken-1 { border-color: "" !important; background-color: #212121 !important; } .btn-dark.btn-darken-1:hover { border-color: "" !important; background-color: "" !important; } .btn-dark.btn-darken-1:focus, .btn-dark.btn-darken-1:active { border-color: "" !important; background-color: "" !important; } .btn-outline-dark.btn-outline-darken-1 { border-color: #212121 !important; color: #212121 !important; } .btn-outline-dark.btn-outline-darken-1:hover { background-color: #212121 !important; } input:focus ~ .bg-dark { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #212121 !important; } .border-dark.border-darken-1 { border: 1px solid #212121 !important; } .border-top-dark.border-top-darken-1 { border-top: 1px solid #212121 !important; } .border-bottom-dark.border-bottom-darken-1 { border-bottom: 1px solid #212121 !important; } .border-left-dark.border-left-darken-1 { border-left: 1px solid #212121 !important; } .border-right-dark.border-right-darken-1 { border-right: 1px solid #212121 !important; } .overlay-dark.overlay-darken-1 { background: #212121; /* The Fallback */ background: rgba(33, 33, 33, 0.8); } .red.lighten-5 { color: #ffebee !important; } .bg-red.bg-lighten-5 { background-color: #ffebee !important; } .bg-red.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 235, 238, 0.6); } .btn-red.btn-lighten-5 { border-color: #d32f2f !important; background-color: #ffebee !important; } .btn-red.btn-lighten-5:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-lighten-5:focus, .btn-red.btn-lighten-5:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-lighten-5 { border-color: #ffebee !important; color: #ffebee !important; } .btn-outline-red.btn-outline-lighten-5:hover { background-color: #ffebee !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffebee !important; } .border-red.border-lighten-5 { border: 1px solid #ffebee !important; } .border-top-red.border-top-lighten-5 { border-top: 1px solid #ffebee !important; } .border-bottom-red.border-bottom-lighten-5 { border-bottom: 1px solid #ffebee !important; } .border-left-red.border-left-lighten-5 { border-left: 1px solid #ffebee !important; } .border-right-red.border-right-lighten-5 { border-right: 1px solid #ffebee !important; } .overlay-red.overlay-lighten-5 { background: #ffebee; /* The Fallback */ background: rgba(255, 235, 238, 0.8); } .red.lighten-4 { color: #ffcdd2 !important; } .bg-red.bg-lighten-4 { background-color: #ffcdd2 !important; } .bg-red.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 205, 210, 0.6); } .btn-red.btn-lighten-4 { border-color: #d32f2f !important; background-color: #ffcdd2 !important; } .btn-red.btn-lighten-4:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-lighten-4:focus, .btn-red.btn-lighten-4:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-lighten-4 { border-color: #ffcdd2 !important; color: #ffcdd2 !important; } .btn-outline-red.btn-outline-lighten-4:hover { background-color: #ffcdd2 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffcdd2 !important; } .border-red.border-lighten-4 { border: 1px solid #ffcdd2 !important; } .border-top-red.border-top-lighten-4 { border-top: 1px solid #ffcdd2 !important; } .border-bottom-red.border-bottom-lighten-4 { border-bottom: 1px solid #ffcdd2 !important; } .border-left-red.border-left-lighten-4 { border-left: 1px solid #ffcdd2 !important; } .border-right-red.border-right-lighten-4 { border-right: 1px solid #ffcdd2 !important; } .overlay-red.overlay-lighten-4 { background: #ffcdd2; /* The Fallback */ background: rgba(255, 205, 210, 0.8); } .red.lighten-3 { color: #ef9a9a !important; } .bg-red.bg-lighten-3 { background-color: #ef9a9a !important; } .bg-red.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(239, 154, 154, 0.6); } .btn-red.btn-lighten-3 { border-color: #d32f2f !important; background-color: #ef9a9a !important; } .btn-red.btn-lighten-3:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-lighten-3:focus, .btn-red.btn-lighten-3:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-lighten-3 { border-color: #ef9a9a !important; color: #ef9a9a !important; } .btn-outline-red.btn-outline-lighten-3:hover { background-color: #ef9a9a !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ef9a9a !important; } .border-red.border-lighten-3 { border: 1px solid #ef9a9a !important; } .border-top-red.border-top-lighten-3 { border-top: 1px solid #ef9a9a !important; } .border-bottom-red.border-bottom-lighten-3 { border-bottom: 1px solid #ef9a9a !important; } .border-left-red.border-left-lighten-3 { border-left: 1px solid #ef9a9a !important; } .border-right-red.border-right-lighten-3 { border-right: 1px solid #ef9a9a !important; } .overlay-red.overlay-lighten-3 { background: #ef9a9a; /* The Fallback */ background: rgba(239, 154, 154, 0.8); } .red.lighten-2 { color: #e57373 !important; } .bg-red.bg-lighten-2 { background-color: #e57373 !important; } .bg-red.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(229, 115, 115, 0.6); } .btn-red.btn-lighten-2 { border-color: #d32f2f !important; background-color: #e57373 !important; } .btn-red.btn-lighten-2:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-lighten-2:focus, .btn-red.btn-lighten-2:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-lighten-2 { border-color: #e57373 !important; color: #e57373 !important; } .btn-outline-red.btn-outline-lighten-2:hover { background-color: #e57373 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e57373 !important; } .border-red.border-lighten-2 { border: 1px solid #e57373 !important; } .border-top-red.border-top-lighten-2 { border-top: 1px solid #e57373 !important; } .border-bottom-red.border-bottom-lighten-2 { border-bottom: 1px solid #e57373 !important; } .border-left-red.border-left-lighten-2 { border-left: 1px solid #e57373 !important; } .border-right-red.border-right-lighten-2 { border-right: 1px solid #e57373 !important; } .overlay-red.overlay-lighten-2 { background: #e57373; /* The Fallback */ background: rgba(229, 115, 115, 0.8); } .red.lighten-1 { color: #ef5350 !important; } .bg-red.bg-lighten-1 { background-color: #ef5350 !important; } .bg-red.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(239, 83, 80, 0.6); } .btn-red.btn-lighten-1 { border-color: #d32f2f !important; background-color: #ef5350 !important; } .btn-red.btn-lighten-1:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-lighten-1:focus, .btn-red.btn-lighten-1:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-lighten-1 { border-color: #ef5350 !important; color: #ef5350 !important; } .btn-outline-red.btn-outline-lighten-1:hover { background-color: #ef5350 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ef5350 !important; } .border-red.border-lighten-1 { border: 1px solid #ef5350 !important; } .border-top-red.border-top-lighten-1 { border-top: 1px solid #ef5350 !important; } .border-bottom-red.border-bottom-lighten-1 { border-bottom: 1px solid #ef5350 !important; } .border-left-red.border-left-lighten-1 { border-left: 1px solid #ef5350 !important; } .border-right-red.border-right-lighten-1 { border-right: 1px solid #ef5350 !important; } .overlay-red.overlay-lighten-1 { background: #ef5350; /* The Fallback */ background: rgba(239, 83, 80, 0.8); } .red { color: #f44336 !important; } .bg-red { background-color: #f44336 !important; } .bg-red .card-header, .bg-red .card-footer { background-color: transparent; } .bg-red.bg-glow { box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); } .selectboxit.selectboxit-btn.bg-red { background-color: #f44336 !important; } .alert-red { border-color: #f44336 !important; background-color: #f8827a !important; color: #710e06 !important; } .alert-red .alert-link { color: #4b0904 !important; } .border-red { border-color: #f44336; } .overlay-red { background: #f44336; /* The Fallback */ background: rgba(244, 67, 54, 0.8); } .color-info.red { background-color: #f44336 !important; } .btn-red { border-color: #d32f2f !important; background-color: #f44336 !important; color: #FFFFFF; } .btn-red:hover { border-color: #e53935 !important; background-color: #ef5350 !important; color: #FFF !important; } .btn-red:focus, .btn-red:active { border-color: #d32f2f !important; background-color: #c62828 !important; color: #FFF !important; } .btn-red.btn-glow { box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); } .btn-outline-red { border-color: #f44336; background-color: transparent; color: #f44336; } .btn-outline-red:hover { background-color: #f44336; color: #FFF !important; } .btn-outline-red.btn-glow { box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); } input[type=checkbox].bg-red + .custom-control-label:before, input[type=radio].bg-red + .custom-control-label:before { background-color: #f44336 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f44336 !important; } .border-red { border: 1px solid #f44336 !important; } .border-top-red { border-top: 1px solid #f44336; } .border-bottom-red { border-bottom: 1px solid #f44336; } .border-left-red { border-left: 1px solid #f44336; } .border-right-red { border-right: 1px solid #f44336; } .red.darken-1 { color: #e53935 !important; } .bg-red.bg-darken-1 { background-color: #e53935 !important; } .bg-red.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(229, 57, 53, 0.6); } .btn-red.btn-darken-1 { border-color: #d32f2f !important; background-color: #e53935 !important; } .btn-red.btn-darken-1:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-darken-1:focus, .btn-red.btn-darken-1:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-darken-1 { border-color: #e53935 !important; color: #e53935 !important; } .btn-outline-red.btn-outline-darken-1:hover { background-color: #e53935 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e53935 !important; } .border-red.border-darken-1 { border: 1px solid #e53935 !important; } .border-top-red.border-top-darken-1 { border-top: 1px solid #e53935 !important; } .border-bottom-red.border-bottom-darken-1 { border-bottom: 1px solid #e53935 !important; } .border-left-red.border-left-darken-1 { border-left: 1px solid #e53935 !important; } .border-right-red.border-right-darken-1 { border-right: 1px solid #e53935 !important; } .overlay-red.overlay-darken-1 { background: #e53935; /* The Fallback */ background: rgba(229, 57, 53, 0.8); } .red.darken-2 { color: #d32f2f !important; } .bg-red.bg-darken-2 { background-color: #d32f2f !important; } .bg-red.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(211, 47, 47, 0.6); } .btn-red.btn-darken-2 { border-color: #d32f2f !important; background-color: #d32f2f !important; } .btn-red.btn-darken-2:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-darken-2:focus, .btn-red.btn-darken-2:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-darken-2 { border-color: #d32f2f !important; color: #d32f2f !important; } .btn-outline-red.btn-outline-darken-2:hover { background-color: #d32f2f !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d32f2f !important; } .border-red.border-darken-2 { border: 1px solid #d32f2f !important; } .border-top-red.border-top-darken-2 { border-top: 1px solid #d32f2f !important; } .border-bottom-red.border-bottom-darken-2 { border-bottom: 1px solid #d32f2f !important; } .border-left-red.border-left-darken-2 { border-left: 1px solid #d32f2f !important; } .border-right-red.border-right-darken-2 { border-right: 1px solid #d32f2f !important; } .overlay-red.overlay-darken-2 { background: #d32f2f; /* The Fallback */ background: rgba(211, 47, 47, 0.8); } .red.darken-3 { color: #c62828 !important; } .bg-red.bg-darken-3 { background-color: #c62828 !important; } .bg-red.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(198, 40, 40, 0.6); } .btn-red.btn-darken-3 { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-darken-3:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-darken-3:focus, .btn-red.btn-darken-3:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-darken-3 { border-color: #c62828 !important; color: #c62828 !important; } .btn-outline-red.btn-outline-darken-3:hover { background-color: #c62828 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c62828 !important; } .border-red.border-darken-3 { border: 1px solid #c62828 !important; } .border-top-red.border-top-darken-3 { border-top: 1px solid #c62828 !important; } .border-bottom-red.border-bottom-darken-3 { border-bottom: 1px solid #c62828 !important; } .border-left-red.border-left-darken-3 { border-left: 1px solid #c62828 !important; } .border-right-red.border-right-darken-3 { border-right: 1px solid #c62828 !important; } .overlay-red.overlay-darken-3 { background: #c62828; /* The Fallback */ background: rgba(198, 40, 40, 0.8); } .red.darken-4 { color: #b71c1c !important; } .bg-red.bg-darken-4 { background-color: #b71c1c !important; } .bg-red.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(183, 28, 28, 0.6); } .btn-red.btn-darken-4 { border-color: #d32f2f !important; background-color: #b71c1c !important; } .btn-red.btn-darken-4:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-darken-4:focus, .btn-red.btn-darken-4:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-darken-4 { border-color: #b71c1c !important; color: #b71c1c !important; } .btn-outline-red.btn-outline-darken-4:hover { background-color: #b71c1c !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b71c1c !important; } .border-red.border-darken-4 { border: 1px solid #b71c1c !important; } .border-top-red.border-top-darken-4 { border-top: 1px solid #b71c1c !important; } .border-bottom-red.border-bottom-darken-4 { border-bottom: 1px solid #b71c1c !important; } .border-left-red.border-left-darken-4 { border-left: 1px solid #b71c1c !important; } .border-right-red.border-right-darken-4 { border-right: 1px solid #b71c1c !important; } .overlay-red.overlay-darken-4 { background: #b71c1c; /* The Fallback */ background: rgba(183, 28, 28, 0.8); } .red.accent-1 { color: #ff8a80 !important; } .bg-red.bg-accent-1 { background-color: #ff8a80 !important; } .bg-red.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 138, 128, 0.6); } .btn-red.btn-accent-1 { border-color: #d32f2f !important; background-color: #ff8a80 !important; } .btn-red.btn-accent-1:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-accent-1:focus, .btn-red.btn-accent-1:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-accent-1 { border-color: #ff8a80 !important; color: #ff8a80 !important; } .btn-outline-red.btn-outline-accent-1:hover { background-color: #ff8a80 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff8a80 !important; } .border-red.border-accent-1 { border: 1px solid #ff8a80 !important; } .border-top-red.border-top-accent-1 { border-top: 1px solid #ff8a80 !important; } .border-bottom-red.border-bottom-accent-1 { border-bottom: 1px solid #ff8a80 !important; } .border-left-red.border-left-accent-1 { border-left: 1px solid #ff8a80 !important; } .border-right-red.border-right-accent-1 { border-right: 1px solid #ff8a80 !important; } .overlay-red.overlay-accent-1 { background: #ff8a80; /* The Fallback */ background: rgba(255, 138, 128, 0.8); } .red.accent-2 { color: #ff5252 !important; } .bg-red.bg-accent-2 { background-color: #ff5252 !important; } .bg-red.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 82, 82, 0.6); } .btn-red.btn-accent-2 { border-color: #d32f2f !important; background-color: #ff5252 !important; } .btn-red.btn-accent-2:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-accent-2:focus, .btn-red.btn-accent-2:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-accent-2 { border-color: #ff5252 !important; color: #ff5252 !important; } .btn-outline-red.btn-outline-accent-2:hover { background-color: #ff5252 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff5252 !important; } .border-red.border-accent-2 { border: 1px solid #ff5252 !important; } .border-top-red.border-top-accent-2 { border-top: 1px solid #ff5252 !important; } .border-bottom-red.border-bottom-accent-2 { border-bottom: 1px solid #ff5252 !important; } .border-left-red.border-left-accent-2 { border-left: 1px solid #ff5252 !important; } .border-right-red.border-right-accent-2 { border-right: 1px solid #ff5252 !important; } .overlay-red.overlay-accent-2 { background: #ff5252; /* The Fallback */ background: rgba(255, 82, 82, 0.8); } .red.accent-3 { color: #ff1744 !important; } .bg-red.bg-accent-3 { background-color: #ff1744 !important; } .bg-red.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 23, 68, 0.6); } .btn-red.btn-accent-3 { border-color: #d32f2f !important; background-color: #ff1744 !important; } .btn-red.btn-accent-3:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-accent-3:focus, .btn-red.btn-accent-3:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-accent-3 { border-color: #ff1744 !important; color: #ff1744 !important; } .btn-outline-red.btn-outline-accent-3:hover { background-color: #ff1744 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff1744 !important; } .border-red.border-accent-3 { border: 1px solid #ff1744 !important; } .border-top-red.border-top-accent-3 { border-top: 1px solid #ff1744 !important; } .border-bottom-red.border-bottom-accent-3 { border-bottom: 1px solid #ff1744 !important; } .border-left-red.border-left-accent-3 { border-left: 1px solid #ff1744 !important; } .border-right-red.border-right-accent-3 { border-right: 1px solid #ff1744 !important; } .overlay-red.overlay-accent-3 { background: #ff1744; /* The Fallback */ background: rgba(255, 23, 68, 0.8); } .red.accent-4 { color: #d50000 !important; } .bg-red.bg-accent-4 { background-color: #d50000 !important; } .bg-red.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(213, 0, 0, 0.6); } .btn-red.btn-accent-4 { border-color: #d32f2f !important; background-color: #d50000 !important; } .btn-red.btn-accent-4:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-accent-4:focus, .btn-red.btn-accent-4:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-accent-4 { border-color: #d50000 !important; color: #d50000 !important; } .btn-outline-red.btn-outline-accent-4:hover { background-color: #d50000 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d50000 !important; } .border-red.border-accent-4 { border: 1px solid #d50000 !important; } .border-top-red.border-top-accent-4 { border-top: 1px solid #d50000 !important; } .border-bottom-red.border-bottom-accent-4 { border-bottom: 1px solid #d50000 !important; } .border-left-red.border-left-accent-4 { border-left: 1px solid #d50000 !important; } .border-right-red.border-right-accent-4 { border-right: 1px solid #d50000 !important; } .overlay-red.overlay-accent-4 { background: #d50000; /* The Fallback */ background: rgba(213, 0, 0, 0.8); } .pink.lighten-5 { color: #fce4ec !important; } .bg-pink.bg-lighten-5 { background-color: #fce4ec !important; } .bg-pink.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(252, 228, 236, 0.6); } .btn-pink.btn-lighten-5 { border-color: #c2185b !important; background-color: #fce4ec !important; } .btn-pink.btn-lighten-5:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-lighten-5:focus, .btn-pink.btn-lighten-5:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-lighten-5 { border-color: #fce4ec !important; color: #fce4ec !important; } .btn-outline-pink.btn-outline-lighten-5:hover { background-color: #fce4ec !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fce4ec !important; } .border-pink.border-lighten-5 { border: 1px solid #fce4ec !important; } .border-top-pink.border-top-lighten-5 { border-top: 1px solid #fce4ec !important; } .border-bottom-pink.border-bottom-lighten-5 { border-bottom: 1px solid #fce4ec !important; } .border-left-pink.border-left-lighten-5 { border-left: 1px solid #fce4ec !important; } .border-right-pink.border-right-lighten-5 { border-right: 1px solid #fce4ec !important; } .overlay-pink.overlay-lighten-5 { background: #fce4ec; /* The Fallback */ background: rgba(252, 228, 236, 0.8); } .pink.lighten-4 { color: #f8bbd0 !important; } .bg-pink.bg-lighten-4 { background-color: #f8bbd0 !important; } .bg-pink.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(248, 187, 208, 0.6); } .btn-pink.btn-lighten-4 { border-color: #c2185b !important; background-color: #f8bbd0 !important; } .btn-pink.btn-lighten-4:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-lighten-4:focus, .btn-pink.btn-lighten-4:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-lighten-4 { border-color: #f8bbd0 !important; color: #f8bbd0 !important; } .btn-outline-pink.btn-outline-lighten-4:hover { background-color: #f8bbd0 !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f8bbd0 !important; } .border-pink.border-lighten-4 { border: 1px solid #f8bbd0 !important; } .border-top-pink.border-top-lighten-4 { border-top: 1px solid #f8bbd0 !important; } .border-bottom-pink.border-bottom-lighten-4 { border-bottom: 1px solid #f8bbd0 !important; } .border-left-pink.border-left-lighten-4 { border-left: 1px solid #f8bbd0 !important; } .border-right-pink.border-right-lighten-4 { border-right: 1px solid #f8bbd0 !important; } .overlay-pink.overlay-lighten-4 { background: #f8bbd0; /* The Fallback */ background: rgba(248, 187, 208, 0.8); } .pink.lighten-3 { color: #f48fb1 !important; } .bg-pink.bg-lighten-3 { background-color: #f48fb1 !important; } .bg-pink.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(244, 143, 177, 0.6); } .btn-pink.btn-lighten-3 { border-color: #c2185b !important; background-color: #f48fb1 !important; } .btn-pink.btn-lighten-3:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-lighten-3:focus, .btn-pink.btn-lighten-3:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-lighten-3 { border-color: #f48fb1 !important; color: #f48fb1 !important; } .btn-outline-pink.btn-outline-lighten-3:hover { background-color: #f48fb1 !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f48fb1 !important; } .border-pink.border-lighten-3 { border: 1px solid #f48fb1 !important; } .border-top-pink.border-top-lighten-3 { border-top: 1px solid #f48fb1 !important; } .border-bottom-pink.border-bottom-lighten-3 { border-bottom: 1px solid #f48fb1 !important; } .border-left-pink.border-left-lighten-3 { border-left: 1px solid #f48fb1 !important; } .border-right-pink.border-right-lighten-3 { border-right: 1px solid #f48fb1 !important; } .overlay-pink.overlay-lighten-3 { background: #f48fb1; /* The Fallback */ background: rgba(244, 143, 177, 0.8); } .pink.lighten-2 { color: #f06292 !important; } .bg-pink.bg-lighten-2 { background-color: #f06292 !important; } .bg-pink.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(240, 98, 146, 0.6); } .btn-pink.btn-lighten-2 { border-color: #c2185b !important; background-color: #f06292 !important; } .btn-pink.btn-lighten-2:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-lighten-2:focus, .btn-pink.btn-lighten-2:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-lighten-2 { border-color: #f06292 !important; color: #f06292 !important; } .btn-outline-pink.btn-outline-lighten-2:hover { background-color: #f06292 !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f06292 !important; } .border-pink.border-lighten-2 { border: 1px solid #f06292 !important; } .border-top-pink.border-top-lighten-2 { border-top: 1px solid #f06292 !important; } .border-bottom-pink.border-bottom-lighten-2 { border-bottom: 1px solid #f06292 !important; } .border-left-pink.border-left-lighten-2 { border-left: 1px solid #f06292 !important; } .border-right-pink.border-right-lighten-2 { border-right: 1px solid #f06292 !important; } .overlay-pink.overlay-lighten-2 { background: #f06292; /* The Fallback */ background: rgba(240, 98, 146, 0.8); } .pink.lighten-1 { color: #ec407a !important; } .bg-pink.bg-lighten-1 { background-color: #ec407a !important; } .bg-pink.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(236, 64, 122, 0.6); } .btn-pink.btn-lighten-1 { border-color: #c2185b !important; background-color: #ec407a !important; } .btn-pink.btn-lighten-1:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-lighten-1:focus, .btn-pink.btn-lighten-1:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-lighten-1 { border-color: #ec407a !important; color: #ec407a !important; } .btn-outline-pink.btn-outline-lighten-1:hover { background-color: #ec407a !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ec407a !important; } .border-pink.border-lighten-1 { border: 1px solid #ec407a !important; } .border-top-pink.border-top-lighten-1 { border-top: 1px solid #ec407a !important; } .border-bottom-pink.border-bottom-lighten-1 { border-bottom: 1px solid #ec407a !important; } .border-left-pink.border-left-lighten-1 { border-left: 1px solid #ec407a !important; } .border-right-pink.border-right-lighten-1 { border-right: 1px solid #ec407a !important; } .overlay-pink.overlay-lighten-1 { background: #ec407a; /* The Fallback */ background: rgba(236, 64, 122, 0.8); } .pink { color: #e91e63 !important; } .bg-pink { background-color: #e91e63 !important; } .bg-pink .card-header, .bg-pink .card-footer { background-color: transparent; } .bg-pink.bg-glow { box-shadow: 0px 1px 20px 1px rgba(233, 30, 99, 0.6); } .selectboxit.selectboxit-btn.bg-pink { background-color: #e91e63 !important; } .alert-pink { border-color: #e91e63 !important; background-color: #ef5f90 !important; color: #4d081f !important; } .alert-pink .alert-link { color: #280410 !important; } .border-pink { border-color: #e91e63; } .overlay-pink { background: #e91e63; /* The Fallback */ background: rgba(233, 30, 99, 0.8); } .color-info.pink { background-color: #e91e63 !important; } .btn-pink { border-color: #c2185b !important; background-color: #e91e63 !important; color: #FFFFFF; } .btn-pink:hover { border-color: #d81b60 !important; background-color: #ec407a !important; color: #FFF !important; } .btn-pink:focus, .btn-pink:active { border-color: #c2185b !important; background-color: #ad1457 !important; color: #FFF !important; } .btn-pink.btn-glow { box-shadow: 0px 1px 20px 1px rgba(233, 30, 99, 0.6); } .btn-outline-pink { border-color: #e91e63; background-color: transparent; color: #e91e63; } .btn-outline-pink:hover { background-color: #e91e63; color: #FFF !important; } .btn-outline-pink.btn-glow { box-shadow: 0px 1px 20px 1px rgba(233, 30, 99, 0.6); } input[type=checkbox].bg-pink + .custom-control-label:before, input[type=radio].bg-pink + .custom-control-label:before { background-color: #e91e63 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e91e63 !important; } .border-pink { border: 1px solid #e91e63 !important; } .border-top-pink { border-top: 1px solid #e91e63; } .border-bottom-pink { border-bottom: 1px solid #e91e63; } .border-left-pink { border-left: 1px solid #e91e63; } .border-right-pink { border-right: 1px solid #e91e63; } .pink.darken-1 { color: #d81b60 !important; } .bg-pink.bg-darken-1 { background-color: #d81b60 !important; } .bg-pink.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(216, 27, 96, 0.6); } .btn-pink.btn-darken-1 { border-color: #c2185b !important; background-color: #d81b60 !important; } .btn-pink.btn-darken-1:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-darken-1:focus, .btn-pink.btn-darken-1:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-darken-1 { border-color: #d81b60 !important; color: #d81b60 !important; } .btn-outline-pink.btn-outline-darken-1:hover { background-color: #d81b60 !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d81b60 !important; } .border-pink.border-darken-1 { border: 1px solid #d81b60 !important; } .border-top-pink.border-top-darken-1 { border-top: 1px solid #d81b60 !important; } .border-bottom-pink.border-bottom-darken-1 { border-bottom: 1px solid #d81b60 !important; } .border-left-pink.border-left-darken-1 { border-left: 1px solid #d81b60 !important; } .border-right-pink.border-right-darken-1 { border-right: 1px solid #d81b60 !important; } .overlay-pink.overlay-darken-1 { background: #d81b60; /* The Fallback */ background: rgba(216, 27, 96, 0.8); } .pink.darken-2 { color: #c2185b !important; } .bg-pink.bg-darken-2 { background-color: #c2185b !important; } .bg-pink.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(194, 24, 91, 0.6); } .btn-pink.btn-darken-2 { border-color: #c2185b !important; background-color: #c2185b !important; } .btn-pink.btn-darken-2:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-darken-2:focus, .btn-pink.btn-darken-2:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-darken-2 { border-color: #c2185b !important; color: #c2185b !important; } .btn-outline-pink.btn-outline-darken-2:hover { background-color: #c2185b !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c2185b !important; } .border-pink.border-darken-2 { border: 1px solid #c2185b !important; } .border-top-pink.border-top-darken-2 { border-top: 1px solid #c2185b !important; } .border-bottom-pink.border-bottom-darken-2 { border-bottom: 1px solid #c2185b !important; } .border-left-pink.border-left-darken-2 { border-left: 1px solid #c2185b !important; } .border-right-pink.border-right-darken-2 { border-right: 1px solid #c2185b !important; } .overlay-pink.overlay-darken-2 { background: #c2185b; /* The Fallback */ background: rgba(194, 24, 91, 0.8); } .pink.darken-3 { color: #ad1457 !important; } .bg-pink.bg-darken-3 { background-color: #ad1457 !important; } .bg-pink.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(173, 20, 87, 0.6); } .btn-pink.btn-darken-3 { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-darken-3:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-darken-3:focus, .btn-pink.btn-darken-3:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-darken-3 { border-color: #ad1457 !important; color: #ad1457 !important; } .btn-outline-pink.btn-outline-darken-3:hover { background-color: #ad1457 !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ad1457 !important; } .border-pink.border-darken-3 { border: 1px solid #ad1457 !important; } .border-top-pink.border-top-darken-3 { border-top: 1px solid #ad1457 !important; } .border-bottom-pink.border-bottom-darken-3 { border-bottom: 1px solid #ad1457 !important; } .border-left-pink.border-left-darken-3 { border-left: 1px solid #ad1457 !important; } .border-right-pink.border-right-darken-3 { border-right: 1px solid #ad1457 !important; } .overlay-pink.overlay-darken-3 { background: #ad1457; /* The Fallback */ background: rgba(173, 20, 87, 0.8); } .pink.darken-4 { color: #880e4f !important; } .bg-pink.bg-darken-4 { background-color: #880e4f !important; } .bg-pink.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(136, 14, 79, 0.6); } .btn-pink.btn-darken-4 { border-color: #c2185b !important; background-color: #880e4f !important; } .btn-pink.btn-darken-4:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-darken-4:focus, .btn-pink.btn-darken-4:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-darken-4 { border-color: #880e4f !important; color: #880e4f !important; } .btn-outline-pink.btn-outline-darken-4:hover { background-color: #880e4f !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #880e4f !important; } .border-pink.border-darken-4 { border: 1px solid #880e4f !important; } .border-top-pink.border-top-darken-4 { border-top: 1px solid #880e4f !important; } .border-bottom-pink.border-bottom-darken-4 { border-bottom: 1px solid #880e4f !important; } .border-left-pink.border-left-darken-4 { border-left: 1px solid #880e4f !important; } .border-right-pink.border-right-darken-4 { border-right: 1px solid #880e4f !important; } .overlay-pink.overlay-darken-4 { background: #880e4f; /* The Fallback */ background: rgba(136, 14, 79, 0.8); } .pink.accent-1 { color: #ff80ab !important; } .bg-pink.bg-accent-1 { background-color: #ff80ab !important; } .bg-pink.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 128, 171, 0.6); } .btn-pink.btn-accent-1 { border-color: #c2185b !important; background-color: #ff80ab !important; } .btn-pink.btn-accent-1:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-accent-1:focus, .btn-pink.btn-accent-1:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-accent-1 { border-color: #ff80ab !important; color: #ff80ab !important; } .btn-outline-pink.btn-outline-accent-1:hover { background-color: #ff80ab !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff80ab !important; } .border-pink.border-accent-1 { border: 1px solid #ff80ab !important; } .border-top-pink.border-top-accent-1 { border-top: 1px solid #ff80ab !important; } .border-bottom-pink.border-bottom-accent-1 { border-bottom: 1px solid #ff80ab !important; } .border-left-pink.border-left-accent-1 { border-left: 1px solid #ff80ab !important; } .border-right-pink.border-right-accent-1 { border-right: 1px solid #ff80ab !important; } .overlay-pink.overlay-accent-1 { background: #ff80ab; /* The Fallback */ background: rgba(255, 128, 171, 0.8); } .pink.accent-2 { color: #ff4081 !important; } .bg-pink.bg-accent-2 { background-color: #ff4081 !important; } .bg-pink.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 64, 129, 0.6); } .btn-pink.btn-accent-2 { border-color: #c2185b !important; background-color: #ff4081 !important; } .btn-pink.btn-accent-2:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-accent-2:focus, .btn-pink.btn-accent-2:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-accent-2 { border-color: #ff4081 !important; color: #ff4081 !important; } .btn-outline-pink.btn-outline-accent-2:hover { background-color: #ff4081 !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff4081 !important; } .border-pink.border-accent-2 { border: 1px solid #ff4081 !important; } .border-top-pink.border-top-accent-2 { border-top: 1px solid #ff4081 !important; } .border-bottom-pink.border-bottom-accent-2 { border-bottom: 1px solid #ff4081 !important; } .border-left-pink.border-left-accent-2 { border-left: 1px solid #ff4081 !important; } .border-right-pink.border-right-accent-2 { border-right: 1px solid #ff4081 !important; } .overlay-pink.overlay-accent-2 { background: #ff4081; /* The Fallback */ background: rgba(255, 64, 129, 0.8); } .pink.accent-3 { color: #f50057 !important; } .bg-pink.bg-accent-3 { background-color: #f50057 !important; } .bg-pink.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(245, 0, 87, 0.6); } .btn-pink.btn-accent-3 { border-color: #c2185b !important; background-color: #f50057 !important; } .btn-pink.btn-accent-3:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-accent-3:focus, .btn-pink.btn-accent-3:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-accent-3 { border-color: #f50057 !important; color: #f50057 !important; } .btn-outline-pink.btn-outline-accent-3:hover { background-color: #f50057 !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f50057 !important; } .border-pink.border-accent-3 { border: 1px solid #f50057 !important; } .border-top-pink.border-top-accent-3 { border-top: 1px solid #f50057 !important; } .border-bottom-pink.border-bottom-accent-3 { border-bottom: 1px solid #f50057 !important; } .border-left-pink.border-left-accent-3 { border-left: 1px solid #f50057 !important; } .border-right-pink.border-right-accent-3 { border-right: 1px solid #f50057 !important; } .overlay-pink.overlay-accent-3 { background: #f50057; /* The Fallback */ background: rgba(245, 0, 87, 0.8); } .pink.accent-4 { color: #c51162 !important; } .bg-pink.bg-accent-4 { background-color: #c51162 !important; } .bg-pink.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(197, 17, 98, 0.6); } .btn-pink.btn-accent-4 { border-color: #c2185b !important; background-color: #c51162 !important; } .btn-pink.btn-accent-4:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-accent-4:focus, .btn-pink.btn-accent-4:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-accent-4 { border-color: #c51162 !important; color: #c51162 !important; } .btn-outline-pink.btn-outline-accent-4:hover { background-color: #c51162 !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c51162 !important; } .border-pink.border-accent-4 { border: 1px solid #c51162 !important; } .border-top-pink.border-top-accent-4 { border-top: 1px solid #c51162 !important; } .border-bottom-pink.border-bottom-accent-4 { border-bottom: 1px solid #c51162 !important; } .border-left-pink.border-left-accent-4 { border-left: 1px solid #c51162 !important; } .border-right-pink.border-right-accent-4 { border-right: 1px solid #c51162 !important; } .overlay-pink.overlay-accent-4 { background: #c51162; /* The Fallback */ background: rgba(197, 17, 98, 0.8); } .purple.lighten-5 { color: #f3e5f5 !important; } .bg-purple.bg-lighten-5 { background-color: #f3e5f5 !important; } .bg-purple.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(243, 229, 245, 0.6); } .btn-purple.btn-lighten-5 { border-color: #7b1fa2 !important; background-color: #f3e5f5 !important; } .btn-purple.btn-lighten-5:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-lighten-5:focus, .btn-purple.btn-lighten-5:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-lighten-5 { border-color: #f3e5f5 !important; color: #f3e5f5 !important; } .btn-outline-purple.btn-outline-lighten-5:hover { background-color: #f3e5f5 !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f3e5f5 !important; } .border-purple.border-lighten-5 { border: 1px solid #f3e5f5 !important; } .border-top-purple.border-top-lighten-5 { border-top: 1px solid #f3e5f5 !important; } .border-bottom-purple.border-bottom-lighten-5 { border-bottom: 1px solid #f3e5f5 !important; } .border-left-purple.border-left-lighten-5 { border-left: 1px solid #f3e5f5 !important; } .border-right-purple.border-right-lighten-5 { border-right: 1px solid #f3e5f5 !important; } .overlay-purple.overlay-lighten-5 { background: #f3e5f5; /* The Fallback */ background: rgba(243, 229, 245, 0.8); } .purple.lighten-4 { color: #e1bee7 !important; } .bg-purple.bg-lighten-4 { background-color: #e1bee7 !important; } .bg-purple.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(225, 190, 231, 0.6); } .btn-purple.btn-lighten-4 { border-color: #7b1fa2 !important; background-color: #e1bee7 !important; } .btn-purple.btn-lighten-4:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-lighten-4:focus, .btn-purple.btn-lighten-4:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-lighten-4 { border-color: #e1bee7 !important; color: #e1bee7 !important; } .btn-outline-purple.btn-outline-lighten-4:hover { background-color: #e1bee7 !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e1bee7 !important; } .border-purple.border-lighten-4 { border: 1px solid #e1bee7 !important; } .border-top-purple.border-top-lighten-4 { border-top: 1px solid #e1bee7 !important; } .border-bottom-purple.border-bottom-lighten-4 { border-bottom: 1px solid #e1bee7 !important; } .border-left-purple.border-left-lighten-4 { border-left: 1px solid #e1bee7 !important; } .border-right-purple.border-right-lighten-4 { border-right: 1px solid #e1bee7 !important; } .overlay-purple.overlay-lighten-4 { background: #e1bee7; /* The Fallback */ background: rgba(225, 190, 231, 0.8); } .purple.lighten-3 { color: #ce93d8 !important; } .bg-purple.bg-lighten-3 { background-color: #ce93d8 !important; } .bg-purple.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(206, 147, 216, 0.6); } .btn-purple.btn-lighten-3 { border-color: #7b1fa2 !important; background-color: #ce93d8 !important; } .btn-purple.btn-lighten-3:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-lighten-3:focus, .btn-purple.btn-lighten-3:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-lighten-3 { border-color: #ce93d8 !important; color: #ce93d8 !important; } .btn-outline-purple.btn-outline-lighten-3:hover { background-color: #ce93d8 !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ce93d8 !important; } .border-purple.border-lighten-3 { border: 1px solid #ce93d8 !important; } .border-top-purple.border-top-lighten-3 { border-top: 1px solid #ce93d8 !important; } .border-bottom-purple.border-bottom-lighten-3 { border-bottom: 1px solid #ce93d8 !important; } .border-left-purple.border-left-lighten-3 { border-left: 1px solid #ce93d8 !important; } .border-right-purple.border-right-lighten-3 { border-right: 1px solid #ce93d8 !important; } .overlay-purple.overlay-lighten-3 { background: #ce93d8; /* The Fallback */ background: rgba(206, 147, 216, 0.8); } .purple.lighten-2 { color: #ba68c8 !important; } .bg-purple.bg-lighten-2 { background-color: #ba68c8 !important; } .bg-purple.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(186, 104, 200, 0.6); } .btn-purple.btn-lighten-2 { border-color: #7b1fa2 !important; background-color: #ba68c8 !important; } .btn-purple.btn-lighten-2:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-lighten-2:focus, .btn-purple.btn-lighten-2:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-lighten-2 { border-color: #ba68c8 !important; color: #ba68c8 !important; } .btn-outline-purple.btn-outline-lighten-2:hover { background-color: #ba68c8 !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ba68c8 !important; } .border-purple.border-lighten-2 { border: 1px solid #ba68c8 !important; } .border-top-purple.border-top-lighten-2 { border-top: 1px solid #ba68c8 !important; } .border-bottom-purple.border-bottom-lighten-2 { border-bottom: 1px solid #ba68c8 !important; } .border-left-purple.border-left-lighten-2 { border-left: 1px solid #ba68c8 !important; } .border-right-purple.border-right-lighten-2 { border-right: 1px solid #ba68c8 !important; } .overlay-purple.overlay-lighten-2 { background: #ba68c8; /* The Fallback */ background: rgba(186, 104, 200, 0.8); } .purple.lighten-1 { color: #ab47bc !important; } .bg-purple.bg-lighten-1 { background-color: #ab47bc !important; } .bg-purple.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(171, 71, 188, 0.6); } .btn-purple.btn-lighten-1 { border-color: #7b1fa2 !important; background-color: #ab47bc !important; } .btn-purple.btn-lighten-1:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-lighten-1:focus, .btn-purple.btn-lighten-1:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-lighten-1 { border-color: #ab47bc !important; color: #ab47bc !important; } .btn-outline-purple.btn-outline-lighten-1:hover { background-color: #ab47bc !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ab47bc !important; } .border-purple.border-lighten-1 { border: 1px solid #ab47bc !important; } .border-top-purple.border-top-lighten-1 { border-top: 1px solid #ab47bc !important; } .border-bottom-purple.border-bottom-lighten-1 { border-bottom: 1px solid #ab47bc !important; } .border-left-purple.border-left-lighten-1 { border-left: 1px solid #ab47bc !important; } .border-right-purple.border-right-lighten-1 { border-right: 1px solid #ab47bc !important; } .overlay-purple.overlay-lighten-1 { background: #ab47bc; /* The Fallback */ background: rgba(171, 71, 188, 0.8); } .purple { color: #9c27b0 !important; } .bg-purple { background-color: #9c27b0 !important; } .bg-purple .card-header, .bg-purple .card-footer { background-color: transparent; } .bg-purple.bg-glow { box-shadow: 0px 1px 20px 1px rgba(156, 39, 176, 0.6); } .selectboxit.selectboxit-btn.bg-purple { background-color: #9c27b0 !important; } .alert-purple { border-color: #9c27b0 !important; background-color: #c248d6 !important; color: #1a071e !important; } .alert-purple .alert-link { color: black !important; } .border-purple { border-color: #9c27b0; } .overlay-purple { background: #9c27b0; /* The Fallback */ background: rgba(156, 39, 176, 0.8); } .color-info.purple { background-color: #9c27b0 !important; } .btn-purple { border-color: #7b1fa2 !important; background-color: #9c27b0 !important; color: #FFFFFF; } .btn-purple:hover { border-color: #8e24aa !important; background-color: #ab47bc !important; color: #FFF !important; } .btn-purple:focus, .btn-purple:active { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; color: #FFF !important; } .btn-purple.btn-glow { box-shadow: 0px 1px 20px 1px rgba(156, 39, 176, 0.6); } .btn-outline-purple { border-color: #9c27b0; background-color: transparent; color: #9c27b0; } .btn-outline-purple:hover { background-color: #9c27b0; color: #FFF !important; } .btn-outline-purple.btn-glow { box-shadow: 0px 1px 20px 1px rgba(156, 39, 176, 0.6); } input[type=checkbox].bg-purple + .custom-control-label:before, input[type=radio].bg-purple + .custom-control-label:before { background-color: #9c27b0 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9c27b0 !important; } .border-purple { border: 1px solid #9c27b0 !important; } .border-top-purple { border-top: 1px solid #9c27b0; } .border-bottom-purple { border-bottom: 1px solid #9c27b0; } .border-left-purple { border-left: 1px solid #9c27b0; } .border-right-purple { border-right: 1px solid #9c27b0; } .purple.darken-1 { color: #8e24aa !important; } .bg-purple.bg-darken-1 { background-color: #8e24aa !important; } .bg-purple.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(142, 36, 170, 0.6); } .btn-purple.btn-darken-1 { border-color: #7b1fa2 !important; background-color: #8e24aa !important; } .btn-purple.btn-darken-1:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-darken-1:focus, .btn-purple.btn-darken-1:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-darken-1 { border-color: #8e24aa !important; color: #8e24aa !important; } .btn-outline-purple.btn-outline-darken-1:hover { background-color: #8e24aa !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8e24aa !important; } .border-purple.border-darken-1 { border: 1px solid #8e24aa !important; } .border-top-purple.border-top-darken-1 { border-top: 1px solid #8e24aa !important; } .border-bottom-purple.border-bottom-darken-1 { border-bottom: 1px solid #8e24aa !important; } .border-left-purple.border-left-darken-1 { border-left: 1px solid #8e24aa !important; } .border-right-purple.border-right-darken-1 { border-right: 1px solid #8e24aa !important; } .overlay-purple.overlay-darken-1 { background: #8e24aa; /* The Fallback */ background: rgba(142, 36, 170, 0.8); } .purple.darken-2 { color: #7b1fa2 !important; } .bg-purple.bg-darken-2 { background-color: #7b1fa2 !important; } .bg-purple.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(123, 31, 162, 0.6); } .btn-purple.btn-darken-2 { border-color: #7b1fa2 !important; background-color: #7b1fa2 !important; } .btn-purple.btn-darken-2:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-darken-2:focus, .btn-purple.btn-darken-2:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-darken-2 { border-color: #7b1fa2 !important; color: #7b1fa2 !important; } .btn-outline-purple.btn-outline-darken-2:hover { background-color: #7b1fa2 !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7b1fa2 !important; } .border-purple.border-darken-2 { border: 1px solid #7b1fa2 !important; } .border-top-purple.border-top-darken-2 { border-top: 1px solid #7b1fa2 !important; } .border-bottom-purple.border-bottom-darken-2 { border-bottom: 1px solid #7b1fa2 !important; } .border-left-purple.border-left-darken-2 { border-left: 1px solid #7b1fa2 !important; } .border-right-purple.border-right-darken-2 { border-right: 1px solid #7b1fa2 !important; } .overlay-purple.overlay-darken-2 { background: #7b1fa2; /* The Fallback */ background: rgba(123, 31, 162, 0.8); } .purple.darken-3 { color: #6a1b9a !important; } .bg-purple.bg-darken-3 { background-color: #6a1b9a !important; } .bg-purple.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(106, 27, 154, 0.6); } .btn-purple.btn-darken-3 { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-darken-3:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-darken-3:focus, .btn-purple.btn-darken-3:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-darken-3 { border-color: #6a1b9a !important; color: #6a1b9a !important; } .btn-outline-purple.btn-outline-darken-3:hover { background-color: #6a1b9a !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #6a1b9a !important; } .border-purple.border-darken-3 { border: 1px solid #6a1b9a !important; } .border-top-purple.border-top-darken-3 { border-top: 1px solid #6a1b9a !important; } .border-bottom-purple.border-bottom-darken-3 { border-bottom: 1px solid #6a1b9a !important; } .border-left-purple.border-left-darken-3 { border-left: 1px solid #6a1b9a !important; } .border-right-purple.border-right-darken-3 { border-right: 1px solid #6a1b9a !important; } .overlay-purple.overlay-darken-3 { background: #6a1b9a; /* The Fallback */ background: rgba(106, 27, 154, 0.8); } .purple.darken-4 { color: #4a148c !important; } .bg-purple.bg-darken-4 { background-color: #4a148c !important; } .bg-purple.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(74, 20, 140, 0.6); } .btn-purple.btn-darken-4 { border-color: #7b1fa2 !important; background-color: #4a148c !important; } .btn-purple.btn-darken-4:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-darken-4:focus, .btn-purple.btn-darken-4:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-darken-4 { border-color: #4a148c !important; color: #4a148c !important; } .btn-outline-purple.btn-outline-darken-4:hover { background-color: #4a148c !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4a148c !important; } .border-purple.border-darken-4 { border: 1px solid #4a148c !important; } .border-top-purple.border-top-darken-4 { border-top: 1px solid #4a148c !important; } .border-bottom-purple.border-bottom-darken-4 { border-bottom: 1px solid #4a148c !important; } .border-left-purple.border-left-darken-4 { border-left: 1px solid #4a148c !important; } .border-right-purple.border-right-darken-4 { border-right: 1px solid #4a148c !important; } .overlay-purple.overlay-darken-4 { background: #4a148c; /* The Fallback */ background: rgba(74, 20, 140, 0.8); } .purple.accent-1 { color: #ea80fc !important; } .bg-purple.bg-accent-1 { background-color: #ea80fc !important; } .bg-purple.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(234, 128, 252, 0.6); } .btn-purple.btn-accent-1 { border-color: #7b1fa2 !important; background-color: #ea80fc !important; } .btn-purple.btn-accent-1:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-accent-1:focus, .btn-purple.btn-accent-1:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-accent-1 { border-color: #ea80fc !important; color: #ea80fc !important; } .btn-outline-purple.btn-outline-accent-1:hover { background-color: #ea80fc !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ea80fc !important; } .border-purple.border-accent-1 { border: 1px solid #ea80fc !important; } .border-top-purple.border-top-accent-1 { border-top: 1px solid #ea80fc !important; } .border-bottom-purple.border-bottom-accent-1 { border-bottom: 1px solid #ea80fc !important; } .border-left-purple.border-left-accent-1 { border-left: 1px solid #ea80fc !important; } .border-right-purple.border-right-accent-1 { border-right: 1px solid #ea80fc !important; } .overlay-purple.overlay-accent-1 { background: #ea80fc; /* The Fallback */ background: rgba(234, 128, 252, 0.8); } .purple.accent-2 { color: #e040fb !important; } .bg-purple.bg-accent-2 { background-color: #e040fb !important; } .bg-purple.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(224, 64, 251, 0.6); } .btn-purple.btn-accent-2 { border-color: #7b1fa2 !important; background-color: #e040fb !important; } .btn-purple.btn-accent-2:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-accent-2:focus, .btn-purple.btn-accent-2:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-accent-2 { border-color: #e040fb !important; color: #e040fb !important; } .btn-outline-purple.btn-outline-accent-2:hover { background-color: #e040fb !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e040fb !important; } .border-purple.border-accent-2 { border: 1px solid #e040fb !important; } .border-top-purple.border-top-accent-2 { border-top: 1px solid #e040fb !important; } .border-bottom-purple.border-bottom-accent-2 { border-bottom: 1px solid #e040fb !important; } .border-left-purple.border-left-accent-2 { border-left: 1px solid #e040fb !important; } .border-right-purple.border-right-accent-2 { border-right: 1px solid #e040fb !important; } .overlay-purple.overlay-accent-2 { background: #e040fb; /* The Fallback */ background: rgba(224, 64, 251, 0.8); } .purple.accent-3 { color: #d500f9 !important; } .bg-purple.bg-accent-3 { background-color: #d500f9 !important; } .bg-purple.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(213, 0, 249, 0.6); } .btn-purple.btn-accent-3 { border-color: #7b1fa2 !important; background-color: #d500f9 !important; } .btn-purple.btn-accent-3:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-accent-3:focus, .btn-purple.btn-accent-3:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-accent-3 { border-color: #d500f9 !important; color: #d500f9 !important; } .btn-outline-purple.btn-outline-accent-3:hover { background-color: #d500f9 !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d500f9 !important; } .border-purple.border-accent-3 { border: 1px solid #d500f9 !important; } .border-top-purple.border-top-accent-3 { border-top: 1px solid #d500f9 !important; } .border-bottom-purple.border-bottom-accent-3 { border-bottom: 1px solid #d500f9 !important; } .border-left-purple.border-left-accent-3 { border-left: 1px solid #d500f9 !important; } .border-right-purple.border-right-accent-3 { border-right: 1px solid #d500f9 !important; } .overlay-purple.overlay-accent-3 { background: #d500f9; /* The Fallback */ background: rgba(213, 0, 249, 0.8); } .purple.accent-4 { color: #dd00ff !important; } .bg-purple.bg-accent-4 { background-color: #dd00ff !important; } .bg-purple.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(221, 0, 255, 0.6); } .btn-purple.btn-accent-4 { border-color: #7b1fa2 !important; background-color: #dd00ff !important; } .btn-purple.btn-accent-4:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-accent-4:focus, .btn-purple.btn-accent-4:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-accent-4 { border-color: #dd00ff !important; color: #dd00ff !important; } .btn-outline-purple.btn-outline-accent-4:hover { background-color: #dd00ff !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #dd00ff !important; } .border-purple.border-accent-4 { border: 1px solid #dd00ff !important; } .border-top-purple.border-top-accent-4 { border-top: 1px solid #dd00ff !important; } .border-bottom-purple.border-bottom-accent-4 { border-bottom: 1px solid #dd00ff !important; } .border-left-purple.border-left-accent-4 { border-left: 1px solid #dd00ff !important; } .border-right-purple.border-right-accent-4 { border-right: 1px solid #dd00ff !important; } .overlay-purple.overlay-accent-4 { background: #dd00ff; /* The Fallback */ background: rgba(221, 0, 255, 0.8); } .blue.lighten-5 { color: #e3f2fd !important; } .bg-blue.bg-lighten-5 { background-color: #e3f2fd !important; } .bg-blue.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(227, 242, 253, 0.6); } .btn-blue.btn-lighten-5 { border-color: #1976d2 !important; background-color: #e3f2fd !important; } .btn-blue.btn-lighten-5:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-lighten-5:focus, .btn-blue.btn-lighten-5:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-lighten-5 { border-color: #e3f2fd !important; color: #e3f2fd !important; } .btn-outline-blue.btn-outline-lighten-5:hover { background-color: #e3f2fd !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e3f2fd !important; } .border-blue.border-lighten-5 { border: 1px solid #e3f2fd !important; } .border-top-blue.border-top-lighten-5 { border-top: 1px solid #e3f2fd !important; } .border-bottom-blue.border-bottom-lighten-5 { border-bottom: 1px solid #e3f2fd !important; } .border-left-blue.border-left-lighten-5 { border-left: 1px solid #e3f2fd !important; } .border-right-blue.border-right-lighten-5 { border-right: 1px solid #e3f2fd !important; } .overlay-blue.overlay-lighten-5 { background: #e3f2fd; /* The Fallback */ background: rgba(227, 242, 253, 0.8); } .blue.lighten-4 { color: #bbdefb !important; } .bg-blue.bg-lighten-4 { background-color: #bbdefb !important; } .bg-blue.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(187, 222, 251, 0.6); } .btn-blue.btn-lighten-4 { border-color: #1976d2 !important; background-color: #bbdefb !important; } .btn-blue.btn-lighten-4:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-lighten-4:focus, .btn-blue.btn-lighten-4:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-lighten-4 { border-color: #bbdefb !important; color: #bbdefb !important; } .btn-outline-blue.btn-outline-lighten-4:hover { background-color: #bbdefb !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bbdefb !important; } .border-blue.border-lighten-4 { border: 1px solid #bbdefb !important; } .border-top-blue.border-top-lighten-4 { border-top: 1px solid #bbdefb !important; } .border-bottom-blue.border-bottom-lighten-4 { border-bottom: 1px solid #bbdefb !important; } .border-left-blue.border-left-lighten-4 { border-left: 1px solid #bbdefb !important; } .border-right-blue.border-right-lighten-4 { border-right: 1px solid #bbdefb !important; } .overlay-blue.overlay-lighten-4 { background: #bbdefb; /* The Fallback */ background: rgba(187, 222, 251, 0.8); } .blue.lighten-3 { color: #90caf9 !important; } .bg-blue.bg-lighten-3 { background-color: #90caf9 !important; } .bg-blue.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(144, 202, 249, 0.6); } .btn-blue.btn-lighten-3 { border-color: #1976d2 !important; background-color: #90caf9 !important; } .btn-blue.btn-lighten-3:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-lighten-3:focus, .btn-blue.btn-lighten-3:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-lighten-3 { border-color: #90caf9 !important; color: #90caf9 !important; } .btn-outline-blue.btn-outline-lighten-3:hover { background-color: #90caf9 !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #90caf9 !important; } .border-blue.border-lighten-3 { border: 1px solid #90caf9 !important; } .border-top-blue.border-top-lighten-3 { border-top: 1px solid #90caf9 !important; } .border-bottom-blue.border-bottom-lighten-3 { border-bottom: 1px solid #90caf9 !important; } .border-left-blue.border-left-lighten-3 { border-left: 1px solid #90caf9 !important; } .border-right-blue.border-right-lighten-3 { border-right: 1px solid #90caf9 !important; } .overlay-blue.overlay-lighten-3 { background: #90caf9; /* The Fallback */ background: rgba(144, 202, 249, 0.8); } .blue.lighten-2 { color: #64b5f6 !important; } .bg-blue.bg-lighten-2 { background-color: #64b5f6 !important; } .bg-blue.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(100, 181, 246, 0.6); } .btn-blue.btn-lighten-2 { border-color: #1976d2 !important; background-color: #64b5f6 !important; } .btn-blue.btn-lighten-2:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-lighten-2:focus, .btn-blue.btn-lighten-2:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-lighten-2 { border-color: #64b5f6 !important; color: #64b5f6 !important; } .btn-outline-blue.btn-outline-lighten-2:hover { background-color: #64b5f6 !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #64b5f6 !important; } .border-blue.border-lighten-2 { border: 1px solid #64b5f6 !important; } .border-top-blue.border-top-lighten-2 { border-top: 1px solid #64b5f6 !important; } .border-bottom-blue.border-bottom-lighten-2 { border-bottom: 1px solid #64b5f6 !important; } .border-left-blue.border-left-lighten-2 { border-left: 1px solid #64b5f6 !important; } .border-right-blue.border-right-lighten-2 { border-right: 1px solid #64b5f6 !important; } .overlay-blue.overlay-lighten-2 { background: #64b5f6; /* The Fallback */ background: rgba(100, 181, 246, 0.8); } .blue.lighten-1 { color: #42a5f5 !important; } .bg-blue.bg-lighten-1 { background-color: #42a5f5 !important; } .bg-blue.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(66, 165, 245, 0.6); } .btn-blue.btn-lighten-1 { border-color: #1976d2 !important; background-color: #42a5f5 !important; } .btn-blue.btn-lighten-1:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-lighten-1:focus, .btn-blue.btn-lighten-1:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-lighten-1 { border-color: #42a5f5 !important; color: #42a5f5 !important; } .btn-outline-blue.btn-outline-lighten-1:hover { background-color: #42a5f5 !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #42a5f5 !important; } .border-blue.border-lighten-1 { border: 1px solid #42a5f5 !important; } .border-top-blue.border-top-lighten-1 { border-top: 1px solid #42a5f5 !important; } .border-bottom-blue.border-bottom-lighten-1 { border-bottom: 1px solid #42a5f5 !important; } .border-left-blue.border-left-lighten-1 { border-left: 1px solid #42a5f5 !important; } .border-right-blue.border-right-lighten-1 { border-right: 1px solid #42a5f5 !important; } .overlay-blue.overlay-lighten-1 { background: #42a5f5; /* The Fallback */ background: rgba(66, 165, 245, 0.8); } .blue { color: #2196f3 !important; } .bg-blue { background-color: #2196f3 !important; } .bg-blue .card-header, .bg-blue .card-footer { background-color: transparent; } .bg-blue.bg-glow { box-shadow: 0px 1px 20px 1px rgba(33, 150, 243, 0.6); } .selectboxit.selectboxit-btn.bg-blue { background-color: #2196f3 !important; } .alert-blue { border-color: #2196f3 !important; background-color: #65b6f7 !important; color: #05365d !important; } .alert-blue .alert-link { color: #031f36 !important; } .border-blue { border-color: #2196f3; } .overlay-blue { background: #2196f3; /* The Fallback */ background: rgba(33, 150, 243, 0.8); } .color-info.blue { background-color: #2196f3 !important; } .btn-blue { border-color: #1976d2 !important; background-color: #2196f3 !important; color: #FFFFFF; } .btn-blue:hover { border-color: #1e88e5 !important; background-color: #42a5f5 !important; color: #FFF !important; } .btn-blue:focus, .btn-blue:active { border-color: #1976d2 !important; background-color: #1565c0 !important; color: #FFF !important; } .btn-blue.btn-glow { box-shadow: 0px 1px 20px 1px rgba(33, 150, 243, 0.6); } .btn-outline-blue { border-color: #2196f3; background-color: transparent; color: #2196f3; } .btn-outline-blue:hover { background-color: #2196f3; color: #FFF !important; } .btn-outline-blue.btn-glow { box-shadow: 0px 1px 20px 1px rgba(33, 150, 243, 0.6); } input[type=checkbox].bg-blue + .custom-control-label:before, input[type=radio].bg-blue + .custom-control-label:before { background-color: #2196f3 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2196f3 !important; } .border-blue { border: 1px solid #2196f3 !important; } .border-top-blue { border-top: 1px solid #2196f3; } .border-bottom-blue { border-bottom: 1px solid #2196f3; } .border-left-blue { border-left: 1px solid #2196f3; } .border-right-blue { border-right: 1px solid #2196f3; } .blue.darken-1 { color: #1e88e5 !important; } .bg-blue.bg-darken-1 { background-color: #1e88e5 !important; } .bg-blue.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(30, 136, 229, 0.6); } .btn-blue.btn-darken-1 { border-color: #1976d2 !important; background-color: #1e88e5 !important; } .btn-blue.btn-darken-1:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-darken-1:focus, .btn-blue.btn-darken-1:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-darken-1 { border-color: #1e88e5 !important; color: #1e88e5 !important; } .btn-outline-blue.btn-outline-darken-1:hover { background-color: #1e88e5 !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1e88e5 !important; } .border-blue.border-darken-1 { border: 1px solid #1e88e5 !important; } .border-top-blue.border-top-darken-1 { border-top: 1px solid #1e88e5 !important; } .border-bottom-blue.border-bottom-darken-1 { border-bottom: 1px solid #1e88e5 !important; } .border-left-blue.border-left-darken-1 { border-left: 1px solid #1e88e5 !important; } .border-right-blue.border-right-darken-1 { border-right: 1px solid #1e88e5 !important; } .overlay-blue.overlay-darken-1 { background: #1e88e5; /* The Fallback */ background: rgba(30, 136, 229, 0.8); } .blue.darken-2 { color: #1976d2 !important; } .bg-blue.bg-darken-2 { background-color: #1976d2 !important; } .bg-blue.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(25, 118, 210, 0.6); } .btn-blue.btn-darken-2 { border-color: #1976d2 !important; background-color: #1976d2 !important; } .btn-blue.btn-darken-2:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-darken-2:focus, .btn-blue.btn-darken-2:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-darken-2 { border-color: #1976d2 !important; color: #1976d2 !important; } .btn-outline-blue.btn-outline-darken-2:hover { background-color: #1976d2 !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1976d2 !important; } .border-blue.border-darken-2 { border: 1px solid #1976d2 !important; } .border-top-blue.border-top-darken-2 { border-top: 1px solid #1976d2 !important; } .border-bottom-blue.border-bottom-darken-2 { border-bottom: 1px solid #1976d2 !important; } .border-left-blue.border-left-darken-2 { border-left: 1px solid #1976d2 !important; } .border-right-blue.border-right-darken-2 { border-right: 1px solid #1976d2 !important; } .overlay-blue.overlay-darken-2 { background: #1976d2; /* The Fallback */ background: rgba(25, 118, 210, 0.8); } .blue.darken-3 { color: #1565c0 !important; } .bg-blue.bg-darken-3 { background-color: #1565c0 !important; } .bg-blue.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(21, 101, 192, 0.6); } .btn-blue.btn-darken-3 { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-darken-3:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-darken-3:focus, .btn-blue.btn-darken-3:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-darken-3 { border-color: #1565c0 !important; color: #1565c0 !important; } .btn-outline-blue.btn-outline-darken-3:hover { background-color: #1565c0 !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1565c0 !important; } .border-blue.border-darken-3 { border: 1px solid #1565c0 !important; } .border-top-blue.border-top-darken-3 { border-top: 1px solid #1565c0 !important; } .border-bottom-blue.border-bottom-darken-3 { border-bottom: 1px solid #1565c0 !important; } .border-left-blue.border-left-darken-3 { border-left: 1px solid #1565c0 !important; } .border-right-blue.border-right-darken-3 { border-right: 1px solid #1565c0 !important; } .overlay-blue.overlay-darken-3 { background: #1565c0; /* The Fallback */ background: rgba(21, 101, 192, 0.8); } .blue.darken-4 { color: #0d47a1 !important; } .bg-blue.bg-darken-4 { background-color: #0d47a1 !important; } .bg-blue.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(13, 71, 161, 0.6); } .btn-blue.btn-darken-4 { border-color: #1976d2 !important; background-color: #0d47a1 !important; } .btn-blue.btn-darken-4:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-darken-4:focus, .btn-blue.btn-darken-4:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-darken-4 { border-color: #0d47a1 !important; color: #0d47a1 !important; } .btn-outline-blue.btn-outline-darken-4:hover { background-color: #0d47a1 !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0d47a1 !important; } .border-blue.border-darken-4 { border: 1px solid #0d47a1 !important; } .border-top-blue.border-top-darken-4 { border-top: 1px solid #0d47a1 !important; } .border-bottom-blue.border-bottom-darken-4 { border-bottom: 1px solid #0d47a1 !important; } .border-left-blue.border-left-darken-4 { border-left: 1px solid #0d47a1 !important; } .border-right-blue.border-right-darken-4 { border-right: 1px solid #0d47a1 !important; } .overlay-blue.overlay-darken-4 { background: #0d47a1; /* The Fallback */ background: rgba(13, 71, 161, 0.8); } .blue.accent-1 { color: #82b1ff !important; } .bg-blue.bg-accent-1 { background-color: #82b1ff !important; } .bg-blue.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(130, 177, 255, 0.6); } .btn-blue.btn-accent-1 { border-color: #1976d2 !important; background-color: #82b1ff !important; } .btn-blue.btn-accent-1:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-accent-1:focus, .btn-blue.btn-accent-1:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-accent-1 { border-color: #82b1ff !important; color: #82b1ff !important; } .btn-outline-blue.btn-outline-accent-1:hover { background-color: #82b1ff !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #82b1ff !important; } .border-blue.border-accent-1 { border: 1px solid #82b1ff !important; } .border-top-blue.border-top-accent-1 { border-top: 1px solid #82b1ff !important; } .border-bottom-blue.border-bottom-accent-1 { border-bottom: 1px solid #82b1ff !important; } .border-left-blue.border-left-accent-1 { border-left: 1px solid #82b1ff !important; } .border-right-blue.border-right-accent-1 { border-right: 1px solid #82b1ff !important; } .overlay-blue.overlay-accent-1 { background: #82b1ff; /* The Fallback */ background: rgba(130, 177, 255, 0.8); } .blue.accent-2 { color: #448aff !important; } .bg-blue.bg-accent-2 { background-color: #448aff !important; } .bg-blue.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(68, 138, 255, 0.6); } .btn-blue.btn-accent-2 { border-color: #1976d2 !important; background-color: #448aff !important; } .btn-blue.btn-accent-2:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-accent-2:focus, .btn-blue.btn-accent-2:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-accent-2 { border-color: #448aff !important; color: #448aff !important; } .btn-outline-blue.btn-outline-accent-2:hover { background-color: #448aff !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #448aff !important; } .border-blue.border-accent-2 { border: 1px solid #448aff !important; } .border-top-blue.border-top-accent-2 { border-top: 1px solid #448aff !important; } .border-bottom-blue.border-bottom-accent-2 { border-bottom: 1px solid #448aff !important; } .border-left-blue.border-left-accent-2 { border-left: 1px solid #448aff !important; } .border-right-blue.border-right-accent-2 { border-right: 1px solid #448aff !important; } .overlay-blue.overlay-accent-2 { background: #448aff; /* The Fallback */ background: rgba(68, 138, 255, 0.8); } .blue.accent-3 { color: #2979ff !important; } .bg-blue.bg-accent-3 { background-color: #2979ff !important; } .bg-blue.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(41, 121, 255, 0.6); } .btn-blue.btn-accent-3 { border-color: #1976d2 !important; background-color: #2979ff !important; } .btn-blue.btn-accent-3:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-accent-3:focus, .btn-blue.btn-accent-3:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-accent-3 { border-color: #2979ff !important; color: #2979ff !important; } .btn-outline-blue.btn-outline-accent-3:hover { background-color: #2979ff !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2979ff !important; } .border-blue.border-accent-3 { border: 1px solid #2979ff !important; } .border-top-blue.border-top-accent-3 { border-top: 1px solid #2979ff !important; } .border-bottom-blue.border-bottom-accent-3 { border-bottom: 1px solid #2979ff !important; } .border-left-blue.border-left-accent-3 { border-left: 1px solid #2979ff !important; } .border-right-blue.border-right-accent-3 { border-right: 1px solid #2979ff !important; } .overlay-blue.overlay-accent-3 { background: #2979ff; /* The Fallback */ background: rgba(41, 121, 255, 0.8); } .blue.accent-4 { color: #2962ff !important; } .bg-blue.bg-accent-4 { background-color: #2962ff !important; } .bg-blue.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(41, 98, 255, 0.6); } .btn-blue.btn-accent-4 { border-color: #1976d2 !important; background-color: #2962ff !important; } .btn-blue.btn-accent-4:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-accent-4:focus, .btn-blue.btn-accent-4:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-accent-4 { border-color: #2962ff !important; color: #2962ff !important; } .btn-outline-blue.btn-outline-accent-4:hover { background-color: #2962ff !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2962ff !important; } .border-blue.border-accent-4 { border: 1px solid #2962ff !important; } .border-top-blue.border-top-accent-4 { border-top: 1px solid #2962ff !important; } .border-bottom-blue.border-bottom-accent-4 { border-bottom: 1px solid #2962ff !important; } .border-left-blue.border-left-accent-4 { border-left: 1px solid #2962ff !important; } .border-right-blue.border-right-accent-4 { border-right: 1px solid #2962ff !important; } .overlay-blue.overlay-accent-4 { background: #2962ff; /* The Fallback */ background: rgba(41, 98, 255, 0.8); } .cyan.lighten-5 { color: #e0f7fa !important; } .bg-cyan.bg-lighten-5 { background-color: #e0f7fa !important; } .bg-cyan.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(224, 247, 250, 0.6); } .btn-cyan.btn-lighten-5 { border-color: #0097a7 !important; background-color: #e0f7fa !important; } .btn-cyan.btn-lighten-5:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-lighten-5:focus, .btn-cyan.btn-lighten-5:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-lighten-5 { border-color: #e0f7fa !important; color: #e0f7fa !important; } .btn-outline-cyan.btn-outline-lighten-5:hover { background-color: #e0f7fa !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e0f7fa !important; } .border-cyan.border-lighten-5 { border: 1px solid #e0f7fa !important; } .border-top-cyan.border-top-lighten-5 { border-top: 1px solid #e0f7fa !important; } .border-bottom-cyan.border-bottom-lighten-5 { border-bottom: 1px solid #e0f7fa !important; } .border-left-cyan.border-left-lighten-5 { border-left: 1px solid #e0f7fa !important; } .border-right-cyan.border-right-lighten-5 { border-right: 1px solid #e0f7fa !important; } .overlay-cyan.overlay-lighten-5 { background: #e0f7fa; /* The Fallback */ background: rgba(224, 247, 250, 0.8); } .cyan.lighten-4 { color: #b2ebf2 !important; } .bg-cyan.bg-lighten-4 { background-color: #b2ebf2 !important; } .bg-cyan.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(178, 235, 242, 0.6); } .btn-cyan.btn-lighten-4 { border-color: #0097a7 !important; background-color: #b2ebf2 !important; } .btn-cyan.btn-lighten-4:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-lighten-4:focus, .btn-cyan.btn-lighten-4:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-lighten-4 { border-color: #b2ebf2 !important; color: #b2ebf2 !important; } .btn-outline-cyan.btn-outline-lighten-4:hover { background-color: #b2ebf2 !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b2ebf2 !important; } .border-cyan.border-lighten-4 { border: 1px solid #b2ebf2 !important; } .border-top-cyan.border-top-lighten-4 { border-top: 1px solid #b2ebf2 !important; } .border-bottom-cyan.border-bottom-lighten-4 { border-bottom: 1px solid #b2ebf2 !important; } .border-left-cyan.border-left-lighten-4 { border-left: 1px solid #b2ebf2 !important; } .border-right-cyan.border-right-lighten-4 { border-right: 1px solid #b2ebf2 !important; } .overlay-cyan.overlay-lighten-4 { background: #b2ebf2; /* The Fallback */ background: rgba(178, 235, 242, 0.8); } .cyan.lighten-3 { color: #80deea !important; } .bg-cyan.bg-lighten-3 { background-color: #80deea !important; } .bg-cyan.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(128, 222, 234, 0.6); } .btn-cyan.btn-lighten-3 { border-color: #0097a7 !important; background-color: #80deea !important; } .btn-cyan.btn-lighten-3:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-lighten-3:focus, .btn-cyan.btn-lighten-3:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-lighten-3 { border-color: #80deea !important; color: #80deea !important; } .btn-outline-cyan.btn-outline-lighten-3:hover { background-color: #80deea !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #80deea !important; } .border-cyan.border-lighten-3 { border: 1px solid #80deea !important; } .border-top-cyan.border-top-lighten-3 { border-top: 1px solid #80deea !important; } .border-bottom-cyan.border-bottom-lighten-3 { border-bottom: 1px solid #80deea !important; } .border-left-cyan.border-left-lighten-3 { border-left: 1px solid #80deea !important; } .border-right-cyan.border-right-lighten-3 { border-right: 1px solid #80deea !important; } .overlay-cyan.overlay-lighten-3 { background: #80deea; /* The Fallback */ background: rgba(128, 222, 234, 0.8); } .cyan.lighten-2 { color: #4dd0e1 !important; } .bg-cyan.bg-lighten-2 { background-color: #4dd0e1 !important; } .bg-cyan.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(77, 208, 225, 0.6); } .btn-cyan.btn-lighten-2 { border-color: #0097a7 !important; background-color: #4dd0e1 !important; } .btn-cyan.btn-lighten-2:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-lighten-2:focus, .btn-cyan.btn-lighten-2:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-lighten-2 { border-color: #4dd0e1 !important; color: #4dd0e1 !important; } .btn-outline-cyan.btn-outline-lighten-2:hover { background-color: #4dd0e1 !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4dd0e1 !important; } .border-cyan.border-lighten-2 { border: 1px solid #4dd0e1 !important; } .border-top-cyan.border-top-lighten-2 { border-top: 1px solid #4dd0e1 !important; } .border-bottom-cyan.border-bottom-lighten-2 { border-bottom: 1px solid #4dd0e1 !important; } .border-left-cyan.border-left-lighten-2 { border-left: 1px solid #4dd0e1 !important; } .border-right-cyan.border-right-lighten-2 { border-right: 1px solid #4dd0e1 !important; } .overlay-cyan.overlay-lighten-2 { background: #4dd0e1; /* The Fallback */ background: rgba(77, 208, 225, 0.8); } .cyan.lighten-1 { color: #26c6da !important; } .bg-cyan.bg-lighten-1 { background-color: #26c6da !important; } .bg-cyan.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(38, 198, 218, 0.6); } .btn-cyan.btn-lighten-1 { border-color: #0097a7 !important; background-color: #26c6da !important; } .btn-cyan.btn-lighten-1:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-lighten-1:focus, .btn-cyan.btn-lighten-1:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-lighten-1 { border-color: #26c6da !important; color: #26c6da !important; } .btn-outline-cyan.btn-outline-lighten-1:hover { background-color: #26c6da !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #26c6da !important; } .border-cyan.border-lighten-1 { border: 1px solid #26c6da !important; } .border-top-cyan.border-top-lighten-1 { border-top: 1px solid #26c6da !important; } .border-bottom-cyan.border-bottom-lighten-1 { border-bottom: 1px solid #26c6da !important; } .border-left-cyan.border-left-lighten-1 { border-left: 1px solid #26c6da !important; } .border-right-cyan.border-right-lighten-1 { border-right: 1px solid #26c6da !important; } .overlay-cyan.overlay-lighten-1 { background: #26c6da; /* The Fallback */ background: rgba(38, 198, 218, 0.8); } .cyan { color: #00bcd4 !important; } .bg-cyan { background-color: #00bcd4 !important; } .bg-cyan .card-header, .bg-cyan .card-footer { background-color: transparent; } .bg-cyan.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); } .selectboxit.selectboxit-btn.bg-cyan { background-color: #00bcd4 !important; } .alert-cyan { border-color: #00bcd4 !important; background-color: #1ce5ff !important; color: #001e22 !important; } .alert-cyan .alert-link { color: black !important; } .border-cyan { border-color: #00bcd4; } .overlay-cyan { background: #00bcd4; /* The Fallback */ background: rgba(0, 188, 212, 0.8); } .color-info.cyan { background-color: #00bcd4 !important; } .btn-cyan { border-color: #0097a7 !important; background-color: #00bcd4 !important; color: #FFFFFF; } .btn-cyan:hover { border-color: #00acc1 !important; background-color: #26c6da !important; color: #FFF !important; } .btn-cyan:focus, .btn-cyan:active { border-color: #0097a7 !important; background-color: #00838f !important; color: #FFF !important; } .btn-cyan.btn-glow { box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); } .btn-outline-cyan { border-color: #00bcd4; background-color: transparent; color: #00bcd4; } .btn-outline-cyan:hover { background-color: #00bcd4; color: #FFF !important; } .btn-outline-cyan.btn-glow { box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); } input[type=checkbox].bg-cyan + .custom-control-label:before, input[type=radio].bg-cyan + .custom-control-label:before { background-color: #00bcd4 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00bcd4 !important; } .border-cyan { border: 1px solid #00bcd4 !important; } .border-top-cyan { border-top: 1px solid #00bcd4; } .border-bottom-cyan { border-bottom: 1px solid #00bcd4; } .border-left-cyan { border-left: 1px solid #00bcd4; } .border-right-cyan { border-right: 1px solid #00bcd4; } .cyan.darken-1 { color: #00acc1 !important; } .bg-cyan.bg-darken-1 { background-color: #00acc1 !important; } .bg-cyan.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 172, 193, 0.6); } .btn-cyan.btn-darken-1 { border-color: #0097a7 !important; background-color: #00acc1 !important; } .btn-cyan.btn-darken-1:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-darken-1:focus, .btn-cyan.btn-darken-1:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-darken-1 { border-color: #00acc1 !important; color: #00acc1 !important; } .btn-outline-cyan.btn-outline-darken-1:hover { background-color: #00acc1 !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00acc1 !important; } .border-cyan.border-darken-1 { border: 1px solid #00acc1 !important; } .border-top-cyan.border-top-darken-1 { border-top: 1px solid #00acc1 !important; } .border-bottom-cyan.border-bottom-darken-1 { border-bottom: 1px solid #00acc1 !important; } .border-left-cyan.border-left-darken-1 { border-left: 1px solid #00acc1 !important; } .border-right-cyan.border-right-darken-1 { border-right: 1px solid #00acc1 !important; } .overlay-cyan.overlay-darken-1 { background: #00acc1; /* The Fallback */ background: rgba(0, 172, 193, 0.8); } .cyan.darken-2 { color: #0097a7 !important; } .bg-cyan.bg-darken-2 { background-color: #0097a7 !important; } .bg-cyan.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 151, 167, 0.6); } .btn-cyan.btn-darken-2 { border-color: #0097a7 !important; background-color: #0097a7 !important; } .btn-cyan.btn-darken-2:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-darken-2:focus, .btn-cyan.btn-darken-2:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-darken-2 { border-color: #0097a7 !important; color: #0097a7 !important; } .btn-outline-cyan.btn-outline-darken-2:hover { background-color: #0097a7 !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0097a7 !important; } .border-cyan.border-darken-2 { border: 1px solid #0097a7 !important; } .border-top-cyan.border-top-darken-2 { border-top: 1px solid #0097a7 !important; } .border-bottom-cyan.border-bottom-darken-2 { border-bottom: 1px solid #0097a7 !important; } .border-left-cyan.border-left-darken-2 { border-left: 1px solid #0097a7 !important; } .border-right-cyan.border-right-darken-2 { border-right: 1px solid #0097a7 !important; } .overlay-cyan.overlay-darken-2 { background: #0097a7; /* The Fallback */ background: rgba(0, 151, 167, 0.8); } .cyan.darken-3 { color: #00838f !important; } .bg-cyan.bg-darken-3 { background-color: #00838f !important; } .bg-cyan.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 131, 143, 0.6); } .btn-cyan.btn-darken-3 { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-darken-3:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-darken-3:focus, .btn-cyan.btn-darken-3:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-darken-3 { border-color: #00838f !important; color: #00838f !important; } .btn-outline-cyan.btn-outline-darken-3:hover { background-color: #00838f !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00838f !important; } .border-cyan.border-darken-3 { border: 1px solid #00838f !important; } .border-top-cyan.border-top-darken-3 { border-top: 1px solid #00838f !important; } .border-bottom-cyan.border-bottom-darken-3 { border-bottom: 1px solid #00838f !important; } .border-left-cyan.border-left-darken-3 { border-left: 1px solid #00838f !important; } .border-right-cyan.border-right-darken-3 { border-right: 1px solid #00838f !important; } .overlay-cyan.overlay-darken-3 { background: #00838f; /* The Fallback */ background: rgba(0, 131, 143, 0.8); } .cyan.darken-4 { color: #006064 !important; } .bg-cyan.bg-darken-4 { background-color: #006064 !important; } .bg-cyan.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 96, 100, 0.6); } .btn-cyan.btn-darken-4 { border-color: #0097a7 !important; background-color: #006064 !important; } .btn-cyan.btn-darken-4:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-darken-4:focus, .btn-cyan.btn-darken-4:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-darken-4 { border-color: #006064 !important; color: #006064 !important; } .btn-outline-cyan.btn-outline-darken-4:hover { background-color: #006064 !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #006064 !important; } .border-cyan.border-darken-4 { border: 1px solid #006064 !important; } .border-top-cyan.border-top-darken-4 { border-top: 1px solid #006064 !important; } .border-bottom-cyan.border-bottom-darken-4 { border-bottom: 1px solid #006064 !important; } .border-left-cyan.border-left-darken-4 { border-left: 1px solid #006064 !important; } .border-right-cyan.border-right-darken-4 { border-right: 1px solid #006064 !important; } .overlay-cyan.overlay-darken-4 { background: #006064; /* The Fallback */ background: rgba(0, 96, 100, 0.8); } .cyan.accent-1 { color: #84ffff !important; } .bg-cyan.bg-accent-1 { background-color: #84ffff !important; } .bg-cyan.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(132, 255, 255, 0.6); } .btn-cyan.btn-accent-1 { border-color: #0097a7 !important; background-color: #84ffff !important; } .btn-cyan.btn-accent-1:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-accent-1:focus, .btn-cyan.btn-accent-1:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-accent-1 { border-color: #84ffff !important; color: #84ffff !important; } .btn-outline-cyan.btn-outline-accent-1:hover { background-color: #84ffff !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #84ffff !important; } .border-cyan.border-accent-1 { border: 1px solid #84ffff !important; } .border-top-cyan.border-top-accent-1 { border-top: 1px solid #84ffff !important; } .border-bottom-cyan.border-bottom-accent-1 { border-bottom: 1px solid #84ffff !important; } .border-left-cyan.border-left-accent-1 { border-left: 1px solid #84ffff !important; } .border-right-cyan.border-right-accent-1 { border-right: 1px solid #84ffff !important; } .overlay-cyan.overlay-accent-1 { background: #84ffff; /* The Fallback */ background: rgba(132, 255, 255, 0.8); } .cyan.accent-2 { color: #18ffff !important; } .bg-cyan.bg-accent-2 { background-color: #18ffff !important; } .bg-cyan.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(24, 255, 255, 0.6); } .btn-cyan.btn-accent-2 { border-color: #0097a7 !important; background-color: #18ffff !important; } .btn-cyan.btn-accent-2:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-accent-2:focus, .btn-cyan.btn-accent-2:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-accent-2 { border-color: #18ffff !important; color: #18ffff !important; } .btn-outline-cyan.btn-outline-accent-2:hover { background-color: #18ffff !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #18ffff !important; } .border-cyan.border-accent-2 { border: 1px solid #18ffff !important; } .border-top-cyan.border-top-accent-2 { border-top: 1px solid #18ffff !important; } .border-bottom-cyan.border-bottom-accent-2 { border-bottom: 1px solid #18ffff !important; } .border-left-cyan.border-left-accent-2 { border-left: 1px solid #18ffff !important; } .border-right-cyan.border-right-accent-2 { border-right: 1px solid #18ffff !important; } .overlay-cyan.overlay-accent-2 { background: #18ffff; /* The Fallback */ background: rgba(24, 255, 255, 0.8); } .cyan.accent-3 { color: #00e5ff !important; } .bg-cyan.bg-accent-3 { background-color: #00e5ff !important; } .bg-cyan.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 229, 255, 0.6); } .btn-cyan.btn-accent-3 { border-color: #0097a7 !important; background-color: #00e5ff !important; } .btn-cyan.btn-accent-3:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-accent-3:focus, .btn-cyan.btn-accent-3:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-accent-3 { border-color: #00e5ff !important; color: #00e5ff !important; } .btn-outline-cyan.btn-outline-accent-3:hover { background-color: #00e5ff !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00e5ff !important; } .border-cyan.border-accent-3 { border: 1px solid #00e5ff !important; } .border-top-cyan.border-top-accent-3 { border-top: 1px solid #00e5ff !important; } .border-bottom-cyan.border-bottom-accent-3 { border-bottom: 1px solid #00e5ff !important; } .border-left-cyan.border-left-accent-3 { border-left: 1px solid #00e5ff !important; } .border-right-cyan.border-right-accent-3 { border-right: 1px solid #00e5ff !important; } .overlay-cyan.overlay-accent-3 { background: #00e5ff; /* The Fallback */ background: rgba(0, 229, 255, 0.8); } .cyan.accent-4 { color: #00b8d4 !important; } .bg-cyan.bg-accent-4 { background-color: #00b8d4 !important; } .bg-cyan.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 184, 212, 0.6); } .btn-cyan.btn-accent-4 { border-color: #0097a7 !important; background-color: #00b8d4 !important; } .btn-cyan.btn-accent-4:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-accent-4:focus, .btn-cyan.btn-accent-4:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-accent-4 { border-color: #00b8d4 !important; color: #00b8d4 !important; } .btn-outline-cyan.btn-outline-accent-4:hover { background-color: #00b8d4 !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00b8d4 !important; } .border-cyan.border-accent-4 { border: 1px solid #00b8d4 !important; } .border-top-cyan.border-top-accent-4 { border-top: 1px solid #00b8d4 !important; } .border-bottom-cyan.border-bottom-accent-4 { border-bottom: 1px solid #00b8d4 !important; } .border-left-cyan.border-left-accent-4 { border-left: 1px solid #00b8d4 !important; } .border-right-cyan.border-right-accent-4 { border-right: 1px solid #00b8d4 !important; } .overlay-cyan.overlay-accent-4 { background: #00b8d4; /* The Fallback */ background: rgba(0, 184, 212, 0.8); } .teal.lighten-5 { color: #e0f2f1 !important; } .bg-teal.bg-lighten-5 { background-color: #e0f2f1 !important; } .bg-teal.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(224, 242, 241, 0.6); } .btn-teal.btn-lighten-5 { border-color: #00796b !important; background-color: #e0f2f1 !important; } .btn-teal.btn-lighten-5:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-lighten-5:focus, .btn-teal.btn-lighten-5:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-lighten-5 { border-color: #e0f2f1 !important; color: #e0f2f1 !important; } .btn-outline-teal.btn-outline-lighten-5:hover { background-color: #e0f2f1 !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e0f2f1 !important; } .border-teal.border-lighten-5 { border: 1px solid #e0f2f1 !important; } .border-top-teal.border-top-lighten-5 { border-top: 1px solid #e0f2f1 !important; } .border-bottom-teal.border-bottom-lighten-5 { border-bottom: 1px solid #e0f2f1 !important; } .border-left-teal.border-left-lighten-5 { border-left: 1px solid #e0f2f1 !important; } .border-right-teal.border-right-lighten-5 { border-right: 1px solid #e0f2f1 !important; } .overlay-teal.overlay-lighten-5 { background: #e0f2f1; /* The Fallback */ background: rgba(224, 242, 241, 0.8); } .teal.lighten-4 { color: #b2dfdb !important; } .bg-teal.bg-lighten-4 { background-color: #b2dfdb !important; } .bg-teal.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(178, 223, 219, 0.6); } .btn-teal.btn-lighten-4 { border-color: #00796b !important; background-color: #b2dfdb !important; } .btn-teal.btn-lighten-4:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-lighten-4:focus, .btn-teal.btn-lighten-4:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-lighten-4 { border-color: #b2dfdb !important; color: #b2dfdb !important; } .btn-outline-teal.btn-outline-lighten-4:hover { background-color: #b2dfdb !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b2dfdb !important; } .border-teal.border-lighten-4 { border: 1px solid #b2dfdb !important; } .border-top-teal.border-top-lighten-4 { border-top: 1px solid #b2dfdb !important; } .border-bottom-teal.border-bottom-lighten-4 { border-bottom: 1px solid #b2dfdb !important; } .border-left-teal.border-left-lighten-4 { border-left: 1px solid #b2dfdb !important; } .border-right-teal.border-right-lighten-4 { border-right: 1px solid #b2dfdb !important; } .overlay-teal.overlay-lighten-4 { background: #b2dfdb; /* The Fallback */ background: rgba(178, 223, 219, 0.8); } .teal.lighten-3 { color: #80cbc4 !important; } .bg-teal.bg-lighten-3 { background-color: #80cbc4 !important; } .bg-teal.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(128, 203, 196, 0.6); } .btn-teal.btn-lighten-3 { border-color: #00796b !important; background-color: #80cbc4 !important; } .btn-teal.btn-lighten-3:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-lighten-3:focus, .btn-teal.btn-lighten-3:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-lighten-3 { border-color: #80cbc4 !important; color: #80cbc4 !important; } .btn-outline-teal.btn-outline-lighten-3:hover { background-color: #80cbc4 !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #80cbc4 !important; } .border-teal.border-lighten-3 { border: 1px solid #80cbc4 !important; } .border-top-teal.border-top-lighten-3 { border-top: 1px solid #80cbc4 !important; } .border-bottom-teal.border-bottom-lighten-3 { border-bottom: 1px solid #80cbc4 !important; } .border-left-teal.border-left-lighten-3 { border-left: 1px solid #80cbc4 !important; } .border-right-teal.border-right-lighten-3 { border-right: 1px solid #80cbc4 !important; } .overlay-teal.overlay-lighten-3 { background: #80cbc4; /* The Fallback */ background: rgba(128, 203, 196, 0.8); } .teal.lighten-2 { color: #4db6ac !important; } .bg-teal.bg-lighten-2 { background-color: #4db6ac !important; } .bg-teal.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(77, 182, 172, 0.6); } .btn-teal.btn-lighten-2 { border-color: #00796b !important; background-color: #4db6ac !important; } .btn-teal.btn-lighten-2:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-lighten-2:focus, .btn-teal.btn-lighten-2:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-lighten-2 { border-color: #4db6ac !important; color: #4db6ac !important; } .btn-outline-teal.btn-outline-lighten-2:hover { background-color: #4db6ac !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4db6ac !important; } .border-teal.border-lighten-2 { border: 1px solid #4db6ac !important; } .border-top-teal.border-top-lighten-2 { border-top: 1px solid #4db6ac !important; } .border-bottom-teal.border-bottom-lighten-2 { border-bottom: 1px solid #4db6ac !important; } .border-left-teal.border-left-lighten-2 { border-left: 1px solid #4db6ac !important; } .border-right-teal.border-right-lighten-2 { border-right: 1px solid #4db6ac !important; } .overlay-teal.overlay-lighten-2 { background: #4db6ac; /* The Fallback */ background: rgba(77, 182, 172, 0.8); } .teal.lighten-1 { color: #26a69a !important; } .bg-teal.bg-lighten-1 { background-color: #26a69a !important; } .bg-teal.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(38, 166, 154, 0.6); } .btn-teal.btn-lighten-1 { border-color: #00796b !important; background-color: #26a69a !important; } .btn-teal.btn-lighten-1:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-lighten-1:focus, .btn-teal.btn-lighten-1:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-lighten-1 { border-color: #26a69a !important; color: #26a69a !important; } .btn-outline-teal.btn-outline-lighten-1:hover { background-color: #26a69a !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #26a69a !important; } .border-teal.border-lighten-1 { border: 1px solid #26a69a !important; } .border-top-teal.border-top-lighten-1 { border-top: 1px solid #26a69a !important; } .border-bottom-teal.border-bottom-lighten-1 { border-bottom: 1px solid #26a69a !important; } .border-left-teal.border-left-lighten-1 { border-left: 1px solid #26a69a !important; } .border-right-teal.border-right-lighten-1 { border-right: 1px solid #26a69a !important; } .overlay-teal.overlay-lighten-1 { background: #26a69a; /* The Fallback */ background: rgba(38, 166, 154, 0.8); } .teal { color: #009688 !important; } .bg-teal { background-color: #009688 !important; } .bg-teal .card-header, .bg-teal .card-footer { background-color: transparent; } .bg-teal.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 150, 136, 0.6); } .selectboxit.selectboxit-btn.bg-teal { background-color: #009688 !important; } .alert-teal { border-color: #009688 !important; background-color: #00ddc9 !important; color: black !important; } .alert-teal .alert-link { color: black !important; } .border-teal { border-color: #009688; } .overlay-teal { background: #009688; /* The Fallback */ background: rgba(0, 150, 136, 0.8); } .color-info.teal { background-color: #009688 !important; } .btn-teal { border-color: #00796b !important; background-color: #009688 !important; color: #FFFFFF; } .btn-teal:hover { border-color: #00897b !important; background-color: #26a69a !important; color: #FFF !important; } .btn-teal:focus, .btn-teal:active { border-color: #00796b !important; background-color: #00695c !important; color: #FFF !important; } .btn-teal.btn-glow { box-shadow: 0px 1px 20px 1px rgba(0, 150, 136, 0.6); } .btn-outline-teal { border-color: #009688; background-color: transparent; color: #009688; } .btn-outline-teal:hover { background-color: #009688; color: #FFF !important; } .btn-outline-teal.btn-glow { box-shadow: 0px 1px 20px 1px rgba(0, 150, 136, 0.6); } input[type=checkbox].bg-teal + .custom-control-label:before, input[type=radio].bg-teal + .custom-control-label:before { background-color: #009688 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #009688 !important; } .border-teal { border: 1px solid #009688 !important; } .border-top-teal { border-top: 1px solid #009688; } .border-bottom-teal { border-bottom: 1px solid #009688; } .border-left-teal { border-left: 1px solid #009688; } .border-right-teal { border-right: 1px solid #009688; } .teal.darken-1 { color: #00897b !important; } .bg-teal.bg-darken-1 { background-color: #00897b !important; } .bg-teal.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 137, 123, 0.6); } .btn-teal.btn-darken-1 { border-color: #00796b !important; background-color: #00897b !important; } .btn-teal.btn-darken-1:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-darken-1:focus, .btn-teal.btn-darken-1:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-darken-1 { border-color: #00897b !important; color: #00897b !important; } .btn-outline-teal.btn-outline-darken-1:hover { background-color: #00897b !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00897b !important; } .border-teal.border-darken-1 { border: 1px solid #00897b !important; } .border-top-teal.border-top-darken-1 { border-top: 1px solid #00897b !important; } .border-bottom-teal.border-bottom-darken-1 { border-bottom: 1px solid #00897b !important; } .border-left-teal.border-left-darken-1 { border-left: 1px solid #00897b !important; } .border-right-teal.border-right-darken-1 { border-right: 1px solid #00897b !important; } .overlay-teal.overlay-darken-1 { background: #00897b; /* The Fallback */ background: rgba(0, 137, 123, 0.8); } .teal.darken-2 { color: #00796b !important; } .bg-teal.bg-darken-2 { background-color: #00796b !important; } .bg-teal.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 121, 107, 0.6); } .btn-teal.btn-darken-2 { border-color: #00796b !important; background-color: #00796b !important; } .btn-teal.btn-darken-2:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-darken-2:focus, .btn-teal.btn-darken-2:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-darken-2 { border-color: #00796b !important; color: #00796b !important; } .btn-outline-teal.btn-outline-darken-2:hover { background-color: #00796b !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00796b !important; } .border-teal.border-darken-2 { border: 1px solid #00796b !important; } .border-top-teal.border-top-darken-2 { border-top: 1px solid #00796b !important; } .border-bottom-teal.border-bottom-darken-2 { border-bottom: 1px solid #00796b !important; } .border-left-teal.border-left-darken-2 { border-left: 1px solid #00796b !important; } .border-right-teal.border-right-darken-2 { border-right: 1px solid #00796b !important; } .overlay-teal.overlay-darken-2 { background: #00796b; /* The Fallback */ background: rgba(0, 121, 107, 0.8); } .teal.darken-3 { color: #00695c !important; } .bg-teal.bg-darken-3 { background-color: #00695c !important; } .bg-teal.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 105, 92, 0.6); } .btn-teal.btn-darken-3 { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-darken-3:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-darken-3:focus, .btn-teal.btn-darken-3:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-darken-3 { border-color: #00695c !important; color: #00695c !important; } .btn-outline-teal.btn-outline-darken-3:hover { background-color: #00695c !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00695c !important; } .border-teal.border-darken-3 { border: 1px solid #00695c !important; } .border-top-teal.border-top-darken-3 { border-top: 1px solid #00695c !important; } .border-bottom-teal.border-bottom-darken-3 { border-bottom: 1px solid #00695c !important; } .border-left-teal.border-left-darken-3 { border-left: 1px solid #00695c !important; } .border-right-teal.border-right-darken-3 { border-right: 1px solid #00695c !important; } .overlay-teal.overlay-darken-3 { background: #00695c; /* The Fallback */ background: rgba(0, 105, 92, 0.8); } .teal.darken-4 { color: #004d40 !important; } .bg-teal.bg-darken-4 { background-color: #004d40 !important; } .bg-teal.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 77, 64, 0.6); } .btn-teal.btn-darken-4 { border-color: #00796b !important; background-color: #004d40 !important; } .btn-teal.btn-darken-4:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-darken-4:focus, .btn-teal.btn-darken-4:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-darken-4 { border-color: #004d40 !important; color: #004d40 !important; } .btn-outline-teal.btn-outline-darken-4:hover { background-color: #004d40 !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #004d40 !important; } .border-teal.border-darken-4 { border: 1px solid #004d40 !important; } .border-top-teal.border-top-darken-4 { border-top: 1px solid #004d40 !important; } .border-bottom-teal.border-bottom-darken-4 { border-bottom: 1px solid #004d40 !important; } .border-left-teal.border-left-darken-4 { border-left: 1px solid #004d40 !important; } .border-right-teal.border-right-darken-4 { border-right: 1px solid #004d40 !important; } .overlay-teal.overlay-darken-4 { background: #004d40; /* The Fallback */ background: rgba(0, 77, 64, 0.8); } .teal.accent-1 { color: #a7ffeb !important; } .bg-teal.bg-accent-1 { background-color: #a7ffeb !important; } .bg-teal.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(167, 255, 235, 0.6); } .btn-teal.btn-accent-1 { border-color: #00796b !important; background-color: #a7ffeb !important; } .btn-teal.btn-accent-1:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-accent-1:focus, .btn-teal.btn-accent-1:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-accent-1 { border-color: #a7ffeb !important; color: #a7ffeb !important; } .btn-outline-teal.btn-outline-accent-1:hover { background-color: #a7ffeb !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a7ffeb !important; } .border-teal.border-accent-1 { border: 1px solid #a7ffeb !important; } .border-top-teal.border-top-accent-1 { border-top: 1px solid #a7ffeb !important; } .border-bottom-teal.border-bottom-accent-1 { border-bottom: 1px solid #a7ffeb !important; } .border-left-teal.border-left-accent-1 { border-left: 1px solid #a7ffeb !important; } .border-right-teal.border-right-accent-1 { border-right: 1px solid #a7ffeb !important; } .overlay-teal.overlay-accent-1 { background: #a7ffeb; /* The Fallback */ background: rgba(167, 255, 235, 0.8); } .teal.accent-2 { color: #64ffda !important; } .bg-teal.bg-accent-2 { background-color: #64ffda !important; } .bg-teal.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(100, 255, 218, 0.6); } .btn-teal.btn-accent-2 { border-color: #00796b !important; background-color: #64ffda !important; } .btn-teal.btn-accent-2:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-accent-2:focus, .btn-teal.btn-accent-2:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-accent-2 { border-color: #64ffda !important; color: #64ffda !important; } .btn-outline-teal.btn-outline-accent-2:hover { background-color: #64ffda !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #64ffda !important; } .border-teal.border-accent-2 { border: 1px solid #64ffda !important; } .border-top-teal.border-top-accent-2 { border-top: 1px solid #64ffda !important; } .border-bottom-teal.border-bottom-accent-2 { border-bottom: 1px solid #64ffda !important; } .border-left-teal.border-left-accent-2 { border-left: 1px solid #64ffda !important; } .border-right-teal.border-right-accent-2 { border-right: 1px solid #64ffda !important; } .overlay-teal.overlay-accent-2 { background: #64ffda; /* The Fallback */ background: rgba(100, 255, 218, 0.8); } .teal.accent-3 { color: #1de9b6 !important; } .bg-teal.bg-accent-3 { background-color: #1de9b6 !important; } .bg-teal.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(29, 233, 182, 0.6); } .btn-teal.btn-accent-3 { border-color: #00796b !important; background-color: #1de9b6 !important; } .btn-teal.btn-accent-3:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-accent-3:focus, .btn-teal.btn-accent-3:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-accent-3 { border-color: #1de9b6 !important; color: #1de9b6 !important; } .btn-outline-teal.btn-outline-accent-3:hover { background-color: #1de9b6 !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1de9b6 !important; } .border-teal.border-accent-3 { border: 1px solid #1de9b6 !important; } .border-top-teal.border-top-accent-3 { border-top: 1px solid #1de9b6 !important; } .border-bottom-teal.border-bottom-accent-3 { border-bottom: 1px solid #1de9b6 !important; } .border-left-teal.border-left-accent-3 { border-left: 1px solid #1de9b6 !important; } .border-right-teal.border-right-accent-3 { border-right: 1px solid #1de9b6 !important; } .overlay-teal.overlay-accent-3 { background: #1de9b6; /* The Fallback */ background: rgba(29, 233, 182, 0.8); } .teal.accent-4 { color: #00bfa5 !important; } .bg-teal.bg-accent-4 { background-color: #00bfa5 !important; } .bg-teal.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 191, 165, 0.6); } .btn-teal.btn-accent-4 { border-color: #00796b !important; background-color: #00bfa5 !important; } .btn-teal.btn-accent-4:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-accent-4:focus, .btn-teal.btn-accent-4:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-accent-4 { border-color: #00bfa5 !important; color: #00bfa5 !important; } .btn-outline-teal.btn-outline-accent-4:hover { background-color: #00bfa5 !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00bfa5 !important; } .border-teal.border-accent-4 { border: 1px solid #00bfa5 !important; } .border-top-teal.border-top-accent-4 { border-top: 1px solid #00bfa5 !important; } .border-bottom-teal.border-bottom-accent-4 { border-bottom: 1px solid #00bfa5 !important; } .border-left-teal.border-left-accent-4 { border-left: 1px solid #00bfa5 !important; } .border-right-teal.border-right-accent-4 { border-right: 1px solid #00bfa5 !important; } .overlay-teal.overlay-accent-4 { background: #00bfa5; /* The Fallback */ background: rgba(0, 191, 165, 0.8); } .yellow.lighten-5 { color: #fffde7 !important; } .bg-yellow.bg-lighten-5 { background-color: #fffde7 !important; } .bg-yellow.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 253, 231, 0.6); } .btn-yellow.btn-lighten-5 { border-color: #fbc02d !important; background-color: #fffde7 !important; } .btn-yellow.btn-lighten-5:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-lighten-5:focus, .btn-yellow.btn-lighten-5:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-lighten-5 { border-color: #fffde7 !important; color: #fffde7 !important; } .btn-outline-yellow.btn-outline-lighten-5:hover { background-color: #fffde7 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fffde7 !important; } .border-yellow.border-lighten-5 { border: 1px solid #fffde7 !important; } .border-top-yellow.border-top-lighten-5 { border-top: 1px solid #fffde7 !important; } .border-bottom-yellow.border-bottom-lighten-5 { border-bottom: 1px solid #fffde7 !important; } .border-left-yellow.border-left-lighten-5 { border-left: 1px solid #fffde7 !important; } .border-right-yellow.border-right-lighten-5 { border-right: 1px solid #fffde7 !important; } .overlay-yellow.overlay-lighten-5 { background: #fffde7; /* The Fallback */ background: rgba(255, 253, 231, 0.8); } .yellow.lighten-4 { color: #fff9c4 !important; } .bg-yellow.bg-lighten-4 { background-color: #fff9c4 !important; } .bg-yellow.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 249, 196, 0.6); } .btn-yellow.btn-lighten-4 { border-color: #fbc02d !important; background-color: #fff9c4 !important; } .btn-yellow.btn-lighten-4:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-lighten-4:focus, .btn-yellow.btn-lighten-4:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-lighten-4 { border-color: #fff9c4 !important; color: #fff9c4 !important; } .btn-outline-yellow.btn-outline-lighten-4:hover { background-color: #fff9c4 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff9c4 !important; } .border-yellow.border-lighten-4 { border: 1px solid #fff9c4 !important; } .border-top-yellow.border-top-lighten-4 { border-top: 1px solid #fff9c4 !important; } .border-bottom-yellow.border-bottom-lighten-4 { border-bottom: 1px solid #fff9c4 !important; } .border-left-yellow.border-left-lighten-4 { border-left: 1px solid #fff9c4 !important; } .border-right-yellow.border-right-lighten-4 { border-right: 1px solid #fff9c4 !important; } .overlay-yellow.overlay-lighten-4 { background: #fff9c4; /* The Fallback */ background: rgba(255, 249, 196, 0.8); } .yellow.lighten-3 { color: #fff59d !important; } .bg-yellow.bg-lighten-3 { background-color: #fff59d !important; } .bg-yellow.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 245, 157, 0.6); } .btn-yellow.btn-lighten-3 { border-color: #fbc02d !important; background-color: #fff59d !important; } .btn-yellow.btn-lighten-3:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-lighten-3:focus, .btn-yellow.btn-lighten-3:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-lighten-3 { border-color: #fff59d !important; color: #fff59d !important; } .btn-outline-yellow.btn-outline-lighten-3:hover { background-color: #fff59d !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff59d !important; } .border-yellow.border-lighten-3 { border: 1px solid #fff59d !important; } .border-top-yellow.border-top-lighten-3 { border-top: 1px solid #fff59d !important; } .border-bottom-yellow.border-bottom-lighten-3 { border-bottom: 1px solid #fff59d !important; } .border-left-yellow.border-left-lighten-3 { border-left: 1px solid #fff59d !important; } .border-right-yellow.border-right-lighten-3 { border-right: 1px solid #fff59d !important; } .overlay-yellow.overlay-lighten-3 { background: #fff59d; /* The Fallback */ background: rgba(255, 245, 157, 0.8); } .yellow.lighten-2 { color: #fff176 !important; } .bg-yellow.bg-lighten-2 { background-color: #fff176 !important; } .bg-yellow.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 241, 118, 0.6); } .btn-yellow.btn-lighten-2 { border-color: #fbc02d !important; background-color: #fff176 !important; } .btn-yellow.btn-lighten-2:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-lighten-2:focus, .btn-yellow.btn-lighten-2:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-lighten-2 { border-color: #fff176 !important; color: #fff176 !important; } .btn-outline-yellow.btn-outline-lighten-2:hover { background-color: #fff176 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff176 !important; } .border-yellow.border-lighten-2 { border: 1px solid #fff176 !important; } .border-top-yellow.border-top-lighten-2 { border-top: 1px solid #fff176 !important; } .border-bottom-yellow.border-bottom-lighten-2 { border-bottom: 1px solid #fff176 !important; } .border-left-yellow.border-left-lighten-2 { border-left: 1px solid #fff176 !important; } .border-right-yellow.border-right-lighten-2 { border-right: 1px solid #fff176 !important; } .overlay-yellow.overlay-lighten-2 { background: #fff176; /* The Fallback */ background: rgba(255, 241, 118, 0.8); } .yellow.lighten-1 { color: #ffee58 !important; } .bg-yellow.bg-lighten-1 { background-color: #ffee58 !important; } .bg-yellow.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 238, 88, 0.6); } .btn-yellow.btn-lighten-1 { border-color: #fbc02d !important; background-color: #ffee58 !important; } .btn-yellow.btn-lighten-1:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-lighten-1:focus, .btn-yellow.btn-lighten-1:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-lighten-1 { border-color: #ffee58 !important; color: #ffee58 !important; } .btn-outline-yellow.btn-outline-lighten-1:hover { background-color: #ffee58 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffee58 !important; } .border-yellow.border-lighten-1 { border: 1px solid #ffee58 !important; } .border-top-yellow.border-top-lighten-1 { border-top: 1px solid #ffee58 !important; } .border-bottom-yellow.border-bottom-lighten-1 { border-bottom: 1px solid #ffee58 !important; } .border-left-yellow.border-left-lighten-1 { border-left: 1px solid #ffee58 !important; } .border-right-yellow.border-right-lighten-1 { border-right: 1px solid #ffee58 !important; } .overlay-yellow.overlay-lighten-1 { background: #ffee58; /* The Fallback */ background: rgba(255, 238, 88, 0.8); } .yellow { color: #ffeb3b !important; } .bg-yellow { background-color: #ffeb3b !important; } .bg-yellow .card-header, .bg-yellow .card-footer { background-color: transparent; } .bg-yellow.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 235, 59, 0.6); } .selectboxit.selectboxit-btn.bg-yellow { background-color: #ffeb3b !important; } .alert-yellow { border-color: #ffeb3b !important; background-color: #fff282 !important; color: #887a00 !important; } .alert-yellow .alert-link { color: #5f5500 !important; } .border-yellow { border-color: #ffeb3b; } .overlay-yellow { background: #ffeb3b; /* The Fallback */ background: rgba(255, 235, 59, 0.8); } .color-info.yellow { background-color: #ffeb3b !important; } .btn-yellow { border-color: #fbc02d !important; background-color: #ffeb3b !important; color: #FFFFFF; } .btn-yellow:hover { border-color: #fdd835 !important; background-color: #ffee58 !important; color: #FFF !important; } .btn-yellow:focus, .btn-yellow:active { border-color: #fbc02d !important; background-color: #f9a825 !important; color: #FFF !important; } .btn-yellow.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 235, 59, 0.6); } .btn-outline-yellow { border-color: #ffeb3b; background-color: transparent; color: #ffeb3b; } .btn-outline-yellow:hover { background-color: #ffeb3b; color: #FFF !important; } .btn-outline-yellow.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 235, 59, 0.6); } input[type=checkbox].bg-yellow + .custom-control-label:before, input[type=radio].bg-yellow + .custom-control-label:before { background-color: #ffeb3b !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffeb3b !important; } .border-yellow { border: 1px solid #ffeb3b !important; } .border-top-yellow { border-top: 1px solid #ffeb3b; } .border-bottom-yellow { border-bottom: 1px solid #ffeb3b; } .border-left-yellow { border-left: 1px solid #ffeb3b; } .border-right-yellow { border-right: 1px solid #ffeb3b; } .yellow.darken-1 { color: #fdd835 !important; } .bg-yellow.bg-darken-1 { background-color: #fdd835 !important; } .bg-yellow.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(253, 216, 53, 0.6); } .btn-yellow.btn-darken-1 { border-color: #fbc02d !important; background-color: #fdd835 !important; } .btn-yellow.btn-darken-1:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-darken-1:focus, .btn-yellow.btn-darken-1:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-darken-1 { border-color: #fdd835 !important; color: #fdd835 !important; } .btn-outline-yellow.btn-outline-darken-1:hover { background-color: #fdd835 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fdd835 !important; } .border-yellow.border-darken-1 { border: 1px solid #fdd835 !important; } .border-top-yellow.border-top-darken-1 { border-top: 1px solid #fdd835 !important; } .border-bottom-yellow.border-bottom-darken-1 { border-bottom: 1px solid #fdd835 !important; } .border-left-yellow.border-left-darken-1 { border-left: 1px solid #fdd835 !important; } .border-right-yellow.border-right-darken-1 { border-right: 1px solid #fdd835 !important; } .overlay-yellow.overlay-darken-1 { background: #fdd835; /* The Fallback */ background: rgba(253, 216, 53, 0.8); } .yellow.darken-2 { color: #fbc02d !important; } .bg-yellow.bg-darken-2 { background-color: #fbc02d !important; } .bg-yellow.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(251, 192, 45, 0.6); } .btn-yellow.btn-darken-2 { border-color: #fbc02d !important; background-color: #fbc02d !important; } .btn-yellow.btn-darken-2:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-darken-2:focus, .btn-yellow.btn-darken-2:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-darken-2 { border-color: #fbc02d !important; color: #fbc02d !important; } .btn-outline-yellow.btn-outline-darken-2:hover { background-color: #fbc02d !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fbc02d !important; } .border-yellow.border-darken-2 { border: 1px solid #fbc02d !important; } .border-top-yellow.border-top-darken-2 { border-top: 1px solid #fbc02d !important; } .border-bottom-yellow.border-bottom-darken-2 { border-bottom: 1px solid #fbc02d !important; } .border-left-yellow.border-left-darken-2 { border-left: 1px solid #fbc02d !important; } .border-right-yellow.border-right-darken-2 { border-right: 1px solid #fbc02d !important; } .overlay-yellow.overlay-darken-2 { background: #fbc02d; /* The Fallback */ background: rgba(251, 192, 45, 0.8); } .yellow.darken-3 { color: #f9a825 !important; } .bg-yellow.bg-darken-3 { background-color: #f9a825 !important; } .bg-yellow.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(249, 168, 37, 0.6); } .btn-yellow.btn-darken-3 { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-darken-3:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-darken-3:focus, .btn-yellow.btn-darken-3:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-darken-3 { border-color: #f9a825 !important; color: #f9a825 !important; } .btn-outline-yellow.btn-outline-darken-3:hover { background-color: #f9a825 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f9a825 !important; } .border-yellow.border-darken-3 { border: 1px solid #f9a825 !important; } .border-top-yellow.border-top-darken-3 { border-top: 1px solid #f9a825 !important; } .border-bottom-yellow.border-bottom-darken-3 { border-bottom: 1px solid #f9a825 !important; } .border-left-yellow.border-left-darken-3 { border-left: 1px solid #f9a825 !important; } .border-right-yellow.border-right-darken-3 { border-right: 1px solid #f9a825 !important; } .overlay-yellow.overlay-darken-3 { background: #f9a825; /* The Fallback */ background: rgba(249, 168, 37, 0.8); } .yellow.darken-4 { color: #f57f17 !important; } .bg-yellow.bg-darken-4 { background-color: #f57f17 !important; } .bg-yellow.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(245, 127, 23, 0.6); } .btn-yellow.btn-darken-4 { border-color: #fbc02d !important; background-color: #f57f17 !important; } .btn-yellow.btn-darken-4:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-darken-4:focus, .btn-yellow.btn-darken-4:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-darken-4 { border-color: #f57f17 !important; color: #f57f17 !important; } .btn-outline-yellow.btn-outline-darken-4:hover { background-color: #f57f17 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f57f17 !important; } .border-yellow.border-darken-4 { border: 1px solid #f57f17 !important; } .border-top-yellow.border-top-darken-4 { border-top: 1px solid #f57f17 !important; } .border-bottom-yellow.border-bottom-darken-4 { border-bottom: 1px solid #f57f17 !important; } .border-left-yellow.border-left-darken-4 { border-left: 1px solid #f57f17 !important; } .border-right-yellow.border-right-darken-4 { border-right: 1px solid #f57f17 !important; } .overlay-yellow.overlay-darken-4 { background: #f57f17; /* The Fallback */ background: rgba(245, 127, 23, 0.8); } .yellow.accent-1 { color: #ffff8d !important; } .bg-yellow.bg-accent-1 { background-color: #ffff8d !important; } .bg-yellow.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 255, 141, 0.6); } .btn-yellow.btn-accent-1 { border-color: #fbc02d !important; background-color: #ffff8d !important; } .btn-yellow.btn-accent-1:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-accent-1:focus, .btn-yellow.btn-accent-1:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-accent-1 { border-color: #ffff8d !important; color: #ffff8d !important; } .btn-outline-yellow.btn-outline-accent-1:hover { background-color: #ffff8d !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffff8d !important; } .border-yellow.border-accent-1 { border: 1px solid #ffff8d !important; } .border-top-yellow.border-top-accent-1 { border-top: 1px solid #ffff8d !important; } .border-bottom-yellow.border-bottom-accent-1 { border-bottom: 1px solid #ffff8d !important; } .border-left-yellow.border-left-accent-1 { border-left: 1px solid #ffff8d !important; } .border-right-yellow.border-right-accent-1 { border-right: 1px solid #ffff8d !important; } .overlay-yellow.overlay-accent-1 { background: #ffff8d; /* The Fallback */ background: rgba(255, 255, 141, 0.8); } .yellow.accent-2 { color: #ffff00 !important; } .bg-yellow.bg-accent-2 { background-color: #ffff00 !important; } .bg-yellow.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 255, 0, 0.6); } .btn-yellow.btn-accent-2 { border-color: #fbc02d !important; background-color: #ffff00 !important; } .btn-yellow.btn-accent-2:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-accent-2:focus, .btn-yellow.btn-accent-2:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-accent-2 { border-color: #ffff00 !important; color: #ffff00 !important; } .btn-outline-yellow.btn-outline-accent-2:hover { background-color: #ffff00 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffff00 !important; } .border-yellow.border-accent-2 { border: 1px solid #ffff00 !important; } .border-top-yellow.border-top-accent-2 { border-top: 1px solid #ffff00 !important; } .border-bottom-yellow.border-bottom-accent-2 { border-bottom: 1px solid #ffff00 !important; } .border-left-yellow.border-left-accent-2 { border-left: 1px solid #ffff00 !important; } .border-right-yellow.border-right-accent-2 { border-right: 1px solid #ffff00 !important; } .overlay-yellow.overlay-accent-2 { background: #ffff00; /* The Fallback */ background: rgba(255, 255, 0, 0.8); } .yellow.accent-3 { color: #ffea00 !important; } .bg-yellow.bg-accent-3 { background-color: #ffea00 !important; } .bg-yellow.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 234, 0, 0.6); } .btn-yellow.btn-accent-3 { border-color: #fbc02d !important; background-color: #ffea00 !important; } .btn-yellow.btn-accent-3:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-accent-3:focus, .btn-yellow.btn-accent-3:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-accent-3 { border-color: #ffea00 !important; color: #ffea00 !important; } .btn-outline-yellow.btn-outline-accent-3:hover { background-color: #ffea00 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffea00 !important; } .border-yellow.border-accent-3 { border: 1px solid #ffea00 !important; } .border-top-yellow.border-top-accent-3 { border-top: 1px solid #ffea00 !important; } .border-bottom-yellow.border-bottom-accent-3 { border-bottom: 1px solid #ffea00 !important; } .border-left-yellow.border-left-accent-3 { border-left: 1px solid #ffea00 !important; } .border-right-yellow.border-right-accent-3 { border-right: 1px solid #ffea00 !important; } .overlay-yellow.overlay-accent-3 { background: #ffea00; /* The Fallback */ background: rgba(255, 234, 0, 0.8); } .yellow.accent-4 { color: #ffd600 !important; } .bg-yellow.bg-accent-4 { background-color: #ffd600 !important; } .bg-yellow.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 214, 0, 0.6); } .btn-yellow.btn-accent-4 { border-color: #fbc02d !important; background-color: #ffd600 !important; } .btn-yellow.btn-accent-4:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-accent-4:focus, .btn-yellow.btn-accent-4:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-accent-4 { border-color: #ffd600 !important; color: #ffd600 !important; } .btn-outline-yellow.btn-outline-accent-4:hover { background-color: #ffd600 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd600 !important; } .border-yellow.border-accent-4 { border: 1px solid #ffd600 !important; } .border-top-yellow.border-top-accent-4 { border-top: 1px solid #ffd600 !important; } .border-bottom-yellow.border-bottom-accent-4 { border-bottom: 1px solid #ffd600 !important; } .border-left-yellow.border-left-accent-4 { border-left: 1px solid #ffd600 !important; } .border-right-yellow.border-right-accent-4 { border-right: 1px solid #ffd600 !important; } .overlay-yellow.overlay-accent-4 { background: #ffd600; /* The Fallback */ background: rgba(255, 214, 0, 0.8); } .amber.lighten-5 { color: #fff8e1 !important; } .bg-amber.bg-lighten-5 { background-color: #fff8e1 !important; } .bg-amber.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 248, 225, 0.6); } .btn-amber.btn-lighten-5 { border-color: #ffa000 !important; background-color: #fff8e1 !important; } .btn-amber.btn-lighten-5:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-lighten-5:focus, .btn-amber.btn-lighten-5:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-lighten-5 { border-color: #fff8e1 !important; color: #fff8e1 !important; } .btn-outline-amber.btn-outline-lighten-5:hover { background-color: #fff8e1 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff8e1 !important; } .border-amber.border-lighten-5 { border: 1px solid #fff8e1 !important; } .border-top-amber.border-top-lighten-5 { border-top: 1px solid #fff8e1 !important; } .border-bottom-amber.border-bottom-lighten-5 { border-bottom: 1px solid #fff8e1 !important; } .border-left-amber.border-left-lighten-5 { border-left: 1px solid #fff8e1 !important; } .border-right-amber.border-right-lighten-5 { border-right: 1px solid #fff8e1 !important; } .overlay-amber.overlay-lighten-5 { background: #fff8e1; /* The Fallback */ background: rgba(255, 248, 225, 0.8); } .amber.lighten-4 { color: #ffecb3 !important; } .bg-amber.bg-lighten-4 { background-color: #ffecb3 !important; } .bg-amber.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 236, 179, 0.6); } .btn-amber.btn-lighten-4 { border-color: #ffa000 !important; background-color: #ffecb3 !important; } .btn-amber.btn-lighten-4:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-lighten-4:focus, .btn-amber.btn-lighten-4:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-lighten-4 { border-color: #ffecb3 !important; color: #ffecb3 !important; } .btn-outline-amber.btn-outline-lighten-4:hover { background-color: #ffecb3 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffecb3 !important; } .border-amber.border-lighten-4 { border: 1px solid #ffecb3 !important; } .border-top-amber.border-top-lighten-4 { border-top: 1px solid #ffecb3 !important; } .border-bottom-amber.border-bottom-lighten-4 { border-bottom: 1px solid #ffecb3 !important; } .border-left-amber.border-left-lighten-4 { border-left: 1px solid #ffecb3 !important; } .border-right-amber.border-right-lighten-4 { border-right: 1px solid #ffecb3 !important; } .overlay-amber.overlay-lighten-4 { background: #ffecb3; /* The Fallback */ background: rgba(255, 236, 179, 0.8); } .amber.lighten-3 { color: #ffe082 !important; } .bg-amber.bg-lighten-3 { background-color: #ffe082 !important; } .bg-amber.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 224, 130, 0.6); } .btn-amber.btn-lighten-3 { border-color: #ffa000 !important; background-color: #ffe082 !important; } .btn-amber.btn-lighten-3:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-lighten-3:focus, .btn-amber.btn-lighten-3:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-lighten-3 { border-color: #ffe082 !important; color: #ffe082 !important; } .btn-outline-amber.btn-outline-lighten-3:hover { background-color: #ffe082 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe082 !important; } .border-amber.border-lighten-3 { border: 1px solid #ffe082 !important; } .border-top-amber.border-top-lighten-3 { border-top: 1px solid #ffe082 !important; } .border-bottom-amber.border-bottom-lighten-3 { border-bottom: 1px solid #ffe082 !important; } .border-left-amber.border-left-lighten-3 { border-left: 1px solid #ffe082 !important; } .border-right-amber.border-right-lighten-3 { border-right: 1px solid #ffe082 !important; } .overlay-amber.overlay-lighten-3 { background: #ffe082; /* The Fallback */ background: rgba(255, 224, 130, 0.8); } .amber.lighten-2 { color: #ffd54f !important; } .bg-amber.bg-lighten-2 { background-color: #ffd54f !important; } .bg-amber.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 213, 79, 0.6); } .btn-amber.btn-lighten-2 { border-color: #ffa000 !important; background-color: #ffd54f !important; } .btn-amber.btn-lighten-2:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-lighten-2:focus, .btn-amber.btn-lighten-2:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-lighten-2 { border-color: #ffd54f !important; color: #ffd54f !important; } .btn-outline-amber.btn-outline-lighten-2:hover { background-color: #ffd54f !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd54f !important; } .border-amber.border-lighten-2 { border: 1px solid #ffd54f !important; } .border-top-amber.border-top-lighten-2 { border-top: 1px solid #ffd54f !important; } .border-bottom-amber.border-bottom-lighten-2 { border-bottom: 1px solid #ffd54f !important; } .border-left-amber.border-left-lighten-2 { border-left: 1px solid #ffd54f !important; } .border-right-amber.border-right-lighten-2 { border-right: 1px solid #ffd54f !important; } .overlay-amber.overlay-lighten-2 { background: #ffd54f; /* The Fallback */ background: rgba(255, 213, 79, 0.8); } .amber.lighten-1 { color: #ffca28 !important; } .bg-amber.bg-lighten-1 { background-color: #ffca28 !important; } .bg-amber.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 202, 40, 0.6); } .btn-amber.btn-lighten-1 { border-color: #ffa000 !important; background-color: #ffca28 !important; } .btn-amber.btn-lighten-1:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-lighten-1:focus, .btn-amber.btn-lighten-1:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-lighten-1 { border-color: #ffca28 !important; color: #ffca28 !important; } .btn-outline-amber.btn-outline-lighten-1:hover { background-color: #ffca28 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffca28 !important; } .border-amber.border-lighten-1 { border: 1px solid #ffca28 !important; } .border-top-amber.border-top-lighten-1 { border-top: 1px solid #ffca28 !important; } .border-bottom-amber.border-bottom-lighten-1 { border-bottom: 1px solid #ffca28 !important; } .border-left-amber.border-left-lighten-1 { border-left: 1px solid #ffca28 !important; } .border-right-amber.border-right-lighten-1 { border-right: 1px solid #ffca28 !important; } .overlay-amber.overlay-lighten-1 { background: #ffca28; /* The Fallback */ background: rgba(255, 202, 40, 0.8); } .amber { color: #ffc107 !important; } .bg-amber { background-color: #ffc107 !important; } .bg-amber .card-header, .bg-amber .card-footer { background-color: transparent; } .bg-amber.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); } .selectboxit.selectboxit-btn.bg-amber { background-color: #ffc107 !important; } .alert-amber { border-color: #ffc107 !important; background-color: #ffd34e !important; color: #543f00 !important; } .alert-amber .alert-link { color: #2b2000 !important; } .border-amber { border-color: #ffc107; } .overlay-amber { background: #ffc107; /* The Fallback */ background: rgba(255, 193, 7, 0.8); } .color-info.amber { background-color: #ffc107 !important; } .btn-amber { border-color: #ffa000 !important; background-color: #ffc107 !important; color: #FFFFFF; } .btn-amber:hover { border-color: #ffb300 !important; background-color: #ffca28 !important; color: #FFF !important; } .btn-amber:focus, .btn-amber:active { border-color: #ffa000 !important; background-color: #ff8f00 !important; color: #FFF !important; } .btn-amber.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); } .btn-outline-amber { border-color: #ffc107; background-color: transparent; color: #ffc107; } .btn-outline-amber:hover { background-color: #ffc107; color: #FFF !important; } .btn-outline-amber.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); } input[type=checkbox].bg-amber + .custom-control-label:before, input[type=radio].bg-amber + .custom-control-label:before { background-color: #ffc107 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc107 !important; } .border-amber { border: 1px solid #ffc107 !important; } .border-top-amber { border-top: 1px solid #ffc107; } .border-bottom-amber { border-bottom: 1px solid #ffc107; } .border-left-amber { border-left: 1px solid #ffc107; } .border-right-amber { border-right: 1px solid #ffc107; } .amber.darken-1 { color: #ffb300 !important; } .bg-amber.bg-darken-1 { background-color: #ffb300 !important; } .bg-amber.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 179, 0, 0.6); } .btn-amber.btn-darken-1 { border-color: #ffa000 !important; background-color: #ffb300 !important; } .btn-amber.btn-darken-1:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-darken-1:focus, .btn-amber.btn-darken-1:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-darken-1 { border-color: #ffb300 !important; color: #ffb300 !important; } .btn-outline-amber.btn-outline-darken-1:hover { background-color: #ffb300 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffb300 !important; } .border-amber.border-darken-1 { border: 1px solid #ffb300 !important; } .border-top-amber.border-top-darken-1 { border-top: 1px solid #ffb300 !important; } .border-bottom-amber.border-bottom-darken-1 { border-bottom: 1px solid #ffb300 !important; } .border-left-amber.border-left-darken-1 { border-left: 1px solid #ffb300 !important; } .border-right-amber.border-right-darken-1 { border-right: 1px solid #ffb300 !important; } .overlay-amber.overlay-darken-1 { background: #ffb300; /* The Fallback */ background: rgba(255, 179, 0, 0.8); } .amber.darken-2 { color: #ffa000 !important; } .bg-amber.bg-darken-2 { background-color: #ffa000 !important; } .bg-amber.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 160, 0, 0.6); } .btn-amber.btn-darken-2 { border-color: #ffa000 !important; background-color: #ffa000 !important; } .btn-amber.btn-darken-2:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-darken-2:focus, .btn-amber.btn-darken-2:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-darken-2 { border-color: #ffa000 !important; color: #ffa000 !important; } .btn-outline-amber.btn-outline-darken-2:hover { background-color: #ffa000 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffa000 !important; } .border-amber.border-darken-2 { border: 1px solid #ffa000 !important; } .border-top-amber.border-top-darken-2 { border-top: 1px solid #ffa000 !important; } .border-bottom-amber.border-bottom-darken-2 { border-bottom: 1px solid #ffa000 !important; } .border-left-amber.border-left-darken-2 { border-left: 1px solid #ffa000 !important; } .border-right-amber.border-right-darken-2 { border-right: 1px solid #ffa000 !important; } .overlay-amber.overlay-darken-2 { background: #ffa000; /* The Fallback */ background: rgba(255, 160, 0, 0.8); } .amber.darken-3 { color: #ff8f00 !important; } .bg-amber.bg-darken-3 { background-color: #ff8f00 !important; } .bg-amber.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 143, 0, 0.6); } .btn-amber.btn-darken-3 { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-darken-3:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-darken-3:focus, .btn-amber.btn-darken-3:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-darken-3 { border-color: #ff8f00 !important; color: #ff8f00 !important; } .btn-outline-amber.btn-outline-darken-3:hover { background-color: #ff8f00 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff8f00 !important; } .border-amber.border-darken-3 { border: 1px solid #ff8f00 !important; } .border-top-amber.border-top-darken-3 { border-top: 1px solid #ff8f00 !important; } .border-bottom-amber.border-bottom-darken-3 { border-bottom: 1px solid #ff8f00 !important; } .border-left-amber.border-left-darken-3 { border-left: 1px solid #ff8f00 !important; } .border-right-amber.border-right-darken-3 { border-right: 1px solid #ff8f00 !important; } .overlay-amber.overlay-darken-3 { background: #ff8f00; /* The Fallback */ background: rgba(255, 143, 0, 0.8); } .amber.darken-4 { color: #ff6f00 !important; } .bg-amber.bg-darken-4 { background-color: #ff6f00 !important; } .bg-amber.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 111, 0, 0.6); } .btn-amber.btn-darken-4 { border-color: #ffa000 !important; background-color: #ff6f00 !important; } .btn-amber.btn-darken-4:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-darken-4:focus, .btn-amber.btn-darken-4:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-darken-4 { border-color: #ff6f00 !important; color: #ff6f00 !important; } .btn-outline-amber.btn-outline-darken-4:hover { background-color: #ff6f00 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff6f00 !important; } .border-amber.border-darken-4 { border: 1px solid #ff6f00 !important; } .border-top-amber.border-top-darken-4 { border-top: 1px solid #ff6f00 !important; } .border-bottom-amber.border-bottom-darken-4 { border-bottom: 1px solid #ff6f00 !important; } .border-left-amber.border-left-darken-4 { border-left: 1px solid #ff6f00 !important; } .border-right-amber.border-right-darken-4 { border-right: 1px solid #ff6f00 !important; } .overlay-amber.overlay-darken-4 { background: #ff6f00; /* The Fallback */ background: rgba(255, 111, 0, 0.8); } .amber.accent-1 { color: #ffe57f !important; } .bg-amber.bg-accent-1 { background-color: #ffe57f !important; } .bg-amber.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 229, 127, 0.6); } .btn-amber.btn-accent-1 { border-color: #ffa000 !important; background-color: #ffe57f !important; } .btn-amber.btn-accent-1:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-accent-1:focus, .btn-amber.btn-accent-1:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-accent-1 { border-color: #ffe57f !important; color: #ffe57f !important; } .btn-outline-amber.btn-outline-accent-1:hover { background-color: #ffe57f !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe57f !important; } .border-amber.border-accent-1 { border: 1px solid #ffe57f !important; } .border-top-amber.border-top-accent-1 { border-top: 1px solid #ffe57f !important; } .border-bottom-amber.border-bottom-accent-1 { border-bottom: 1px solid #ffe57f !important; } .border-left-amber.border-left-accent-1 { border-left: 1px solid #ffe57f !important; } .border-right-amber.border-right-accent-1 { border-right: 1px solid #ffe57f !important; } .overlay-amber.overlay-accent-1 { background: #ffe57f; /* The Fallback */ background: rgba(255, 229, 127, 0.8); } .amber.accent-2 { color: #ffd740 !important; } .bg-amber.bg-accent-2 { background-color: #ffd740 !important; } .bg-amber.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 215, 64, 0.6); } .btn-amber.btn-accent-2 { border-color: #ffa000 !important; background-color: #ffd740 !important; } .btn-amber.btn-accent-2:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-accent-2:focus, .btn-amber.btn-accent-2:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-accent-2 { border-color: #ffd740 !important; color: #ffd740 !important; } .btn-outline-amber.btn-outline-accent-2:hover { background-color: #ffd740 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd740 !important; } .border-amber.border-accent-2 { border: 1px solid #ffd740 !important; } .border-top-amber.border-top-accent-2 { border-top: 1px solid #ffd740 !important; } .border-bottom-amber.border-bottom-accent-2 { border-bottom: 1px solid #ffd740 !important; } .border-left-amber.border-left-accent-2 { border-left: 1px solid #ffd740 !important; } .border-right-amber.border-right-accent-2 { border-right: 1px solid #ffd740 !important; } .overlay-amber.overlay-accent-2 { background: #ffd740; /* The Fallback */ background: rgba(255, 215, 64, 0.8); } .amber.accent-3 { color: #ffc400 !important; } .bg-amber.bg-accent-3 { background-color: #ffc400 !important; } .bg-amber.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 196, 0, 0.6); } .btn-amber.btn-accent-3 { border-color: #ffa000 !important; background-color: #ffc400 !important; } .btn-amber.btn-accent-3:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-accent-3:focus, .btn-amber.btn-accent-3:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-accent-3 { border-color: #ffc400 !important; color: #ffc400 !important; } .btn-outline-amber.btn-outline-accent-3:hover { background-color: #ffc400 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc400 !important; } .border-amber.border-accent-3 { border: 1px solid #ffc400 !important; } .border-top-amber.border-top-accent-3 { border-top: 1px solid #ffc400 !important; } .border-bottom-amber.border-bottom-accent-3 { border-bottom: 1px solid #ffc400 !important; } .border-left-amber.border-left-accent-3 { border-left: 1px solid #ffc400 !important; } .border-right-amber.border-right-accent-3 { border-right: 1px solid #ffc400 !important; } .overlay-amber.overlay-accent-3 { background: #ffc400; /* The Fallback */ background: rgba(255, 196, 0, 0.8); } .amber.accent-4 { color: #ffab00 !important; } .bg-amber.bg-accent-4 { background-color: #ffab00 !important; } .bg-amber.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 171, 0, 0.6); } .btn-amber.btn-accent-4 { border-color: #ffa000 !important; background-color: #ffab00 !important; } .btn-amber.btn-accent-4:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-accent-4:focus, .btn-amber.btn-accent-4:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-accent-4 { border-color: #ffab00 !important; color: #ffab00 !important; } .btn-outline-amber.btn-outline-accent-4:hover { background-color: #ffab00 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffab00 !important; } .border-amber.border-accent-4 { border: 1px solid #ffab00 !important; } .border-top-amber.border-top-accent-4 { border-top: 1px solid #ffab00 !important; } .border-bottom-amber.border-bottom-accent-4 { border-bottom: 1px solid #ffab00 !important; } .border-left-amber.border-left-accent-4 { border-left: 1px solid #ffab00 !important; } .border-right-amber.border-right-accent-4 { border-right: 1px solid #ffab00 !important; } .overlay-amber.overlay-accent-4 { background: #ffab00; /* The Fallback */ background: rgba(255, 171, 0, 0.8); } .blue-grey.lighten-5 { color: #eceff1 !important; } .bg-blue-grey.bg-lighten-5 { background-color: #eceff1 !important; } .bg-blue-grey.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(236, 239, 241, 0.6); } .btn-blue-grey.btn-lighten-5 { border-color: #455a64 !important; background-color: #eceff1 !important; } .btn-blue-grey.btn-lighten-5:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-lighten-5:focus, .btn-blue-grey.btn-lighten-5:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-lighten-5 { border-color: #eceff1 !important; color: #eceff1 !important; } .btn-outline-blue-grey.btn-outline-lighten-5:hover { background-color: #eceff1 !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #eceff1 !important; } .border-blue-grey.border-lighten-5 { border: 1px solid #eceff1 !important; } .border-top-blue-grey.border-top-lighten-5 { border-top: 1px solid #eceff1 !important; } .border-bottom-blue-grey.border-bottom-lighten-5 { border-bottom: 1px solid #eceff1 !important; } .border-left-blue-grey.border-left-lighten-5 { border-left: 1px solid #eceff1 !important; } .border-right-blue-grey.border-right-lighten-5 { border-right: 1px solid #eceff1 !important; } .overlay-blue-grey.overlay-lighten-5 { background: #eceff1; /* The Fallback */ background: rgba(236, 239, 241, 0.8); } .blue-grey.lighten-4 { color: #cfd8dc !important; } .bg-blue-grey.bg-lighten-4 { background-color: #cfd8dc !important; } .bg-blue-grey.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(207, 216, 220, 0.6); } .btn-blue-grey.btn-lighten-4 { border-color: #455a64 !important; background-color: #cfd8dc !important; } .btn-blue-grey.btn-lighten-4:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-lighten-4:focus, .btn-blue-grey.btn-lighten-4:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-lighten-4 { border-color: #cfd8dc !important; color: #cfd8dc !important; } .btn-outline-blue-grey.btn-outline-lighten-4:hover { background-color: #cfd8dc !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #cfd8dc !important; } .border-blue-grey.border-lighten-4 { border: 1px solid #cfd8dc !important; } .border-top-blue-grey.border-top-lighten-4 { border-top: 1px solid #cfd8dc !important; } .border-bottom-blue-grey.border-bottom-lighten-4 { border-bottom: 1px solid #cfd8dc !important; } .border-left-blue-grey.border-left-lighten-4 { border-left: 1px solid #cfd8dc !important; } .border-right-blue-grey.border-right-lighten-4 { border-right: 1px solid #cfd8dc !important; } .overlay-blue-grey.overlay-lighten-4 { background: #cfd8dc; /* The Fallback */ background: rgba(207, 216, 220, 0.8); } .blue-grey.lighten-3 { color: #b0bec5 !important; } .bg-blue-grey.bg-lighten-3 { background-color: #b0bec5 !important; } .bg-blue-grey.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(176, 190, 197, 0.6); } .btn-blue-grey.btn-lighten-3 { border-color: #455a64 !important; background-color: #b0bec5 !important; } .btn-blue-grey.btn-lighten-3:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-lighten-3:focus, .btn-blue-grey.btn-lighten-3:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-lighten-3 { border-color: #b0bec5 !important; color: #b0bec5 !important; } .btn-outline-blue-grey.btn-outline-lighten-3:hover { background-color: #b0bec5 !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b0bec5 !important; } .border-blue-grey.border-lighten-3 { border: 1px solid #b0bec5 !important; } .border-top-blue-grey.border-top-lighten-3 { border-top: 1px solid #b0bec5 !important; } .border-bottom-blue-grey.border-bottom-lighten-3 { border-bottom: 1px solid #b0bec5 !important; } .border-left-blue-grey.border-left-lighten-3 { border-left: 1px solid #b0bec5 !important; } .border-right-blue-grey.border-right-lighten-3 { border-right: 1px solid #b0bec5 !important; } .overlay-blue-grey.overlay-lighten-3 { background: #b0bec5; /* The Fallback */ background: rgba(176, 190, 197, 0.8); } .blue-grey.lighten-2 { color: #90a4ae !important; } .bg-blue-grey.bg-lighten-2 { background-color: #90a4ae !important; } .bg-blue-grey.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(144, 164, 174, 0.6); } .btn-blue-grey.btn-lighten-2 { border-color: #455a64 !important; background-color: #90a4ae !important; } .btn-blue-grey.btn-lighten-2:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-lighten-2:focus, .btn-blue-grey.btn-lighten-2:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-lighten-2 { border-color: #90a4ae !important; color: #90a4ae !important; } .btn-outline-blue-grey.btn-outline-lighten-2:hover { background-color: #90a4ae !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #90a4ae !important; } .border-blue-grey.border-lighten-2 { border: 1px solid #90a4ae !important; } .border-top-blue-grey.border-top-lighten-2 { border-top: 1px solid #90a4ae !important; } .border-bottom-blue-grey.border-bottom-lighten-2 { border-bottom: 1px solid #90a4ae !important; } .border-left-blue-grey.border-left-lighten-2 { border-left: 1px solid #90a4ae !important; } .border-right-blue-grey.border-right-lighten-2 { border-right: 1px solid #90a4ae !important; } .overlay-blue-grey.overlay-lighten-2 { background: #90a4ae; /* The Fallback */ background: rgba(144, 164, 174, 0.8); } .blue-grey.lighten-1 { color: #78909c !important; } .bg-blue-grey.bg-lighten-1 { background-color: #78909c !important; } .bg-blue-grey.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(120, 144, 156, 0.6); } .btn-blue-grey.btn-lighten-1 { border-color: #455a64 !important; background-color: #78909c !important; } .btn-blue-grey.btn-lighten-1:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-lighten-1:focus, .btn-blue-grey.btn-lighten-1:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-lighten-1 { border-color: #78909c !important; color: #78909c !important; } .btn-outline-blue-grey.btn-outline-lighten-1:hover { background-color: #78909c !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #78909c !important; } .border-blue-grey.border-lighten-1 { border: 1px solid #78909c !important; } .border-top-blue-grey.border-top-lighten-1 { border-top: 1px solid #78909c !important; } .border-bottom-blue-grey.border-bottom-lighten-1 { border-bottom: 1px solid #78909c !important; } .border-left-blue-grey.border-left-lighten-1 { border-left: 1px solid #78909c !important; } .border-right-blue-grey.border-right-lighten-1 { border-right: 1px solid #78909c !important; } .overlay-blue-grey.overlay-lighten-1 { background: #78909c; /* The Fallback */ background: rgba(120, 144, 156, 0.8); } .blue-grey { color: #607d8b !important; } .bg-blue-grey { background-color: #607d8b !important; } .bg-blue-grey .card-header, .bg-blue-grey .card-footer { background-color: transparent; } .bg-blue-grey.bg-glow { box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); } .selectboxit.selectboxit-btn.bg-blue-grey { background-color: #607d8b !important; } .alert-blue-grey { border-color: #607d8b !important; background-color: #87a0ac !important; color: #171e21 !important; } .alert-blue-grey .alert-link { color: #060809 !important; } .border-blue-grey { border-color: #607d8b; } .overlay-blue-grey { background: #607d8b; /* The Fallback */ background: rgba(96, 125, 139, 0.8); } .color-info.blue-grey { background-color: #607d8b !important; } .btn-blue-grey { border-color: #455a64 !important; background-color: #607d8b !important; color: #FFFFFF; } .btn-blue-grey:hover { border-color: #546e7a !important; background-color: #78909c !important; color: #FFF !important; } .btn-blue-grey:focus, .btn-blue-grey:active { border-color: #455a64 !important; background-color: #37474f !important; color: #FFF !important; } .btn-blue-grey.btn-glow { box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); } .btn-outline-blue-grey { border-color: #607d8b; background-color: transparent; color: #607d8b; } .btn-outline-blue-grey:hover { background-color: #607d8b; color: #FFF !important; } .btn-outline-blue-grey.btn-glow { box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); } input[type=checkbox].bg-blue-grey + .custom-control-label:before, input[type=radio].bg-blue-grey + .custom-control-label:before { background-color: #607d8b !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #607d8b !important; } .border-blue-grey { border: 1px solid #607d8b !important; } .border-top-blue-grey { border-top: 1px solid #607d8b; } .border-bottom-blue-grey { border-bottom: 1px solid #607d8b; } .border-left-blue-grey { border-left: 1px solid #607d8b; } .border-right-blue-grey { border-right: 1px solid #607d8b; } .blue-grey.darken-1 { color: #546e7a !important; } .bg-blue-grey.bg-darken-1 { background-color: #546e7a !important; } .bg-blue-grey.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(84, 110, 122, 0.6); } .btn-blue-grey.btn-darken-1 { border-color: #455a64 !important; background-color: #546e7a !important; } .btn-blue-grey.btn-darken-1:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-darken-1:focus, .btn-blue-grey.btn-darken-1:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-darken-1 { border-color: #546e7a !important; color: #546e7a !important; } .btn-outline-blue-grey.btn-outline-darken-1:hover { background-color: #546e7a !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #546e7a !important; } .border-blue-grey.border-darken-1 { border: 1px solid #546e7a !important; } .border-top-blue-grey.border-top-darken-1 { border-top: 1px solid #546e7a !important; } .border-bottom-blue-grey.border-bottom-darken-1 { border-bottom: 1px solid #546e7a !important; } .border-left-blue-grey.border-left-darken-1 { border-left: 1px solid #546e7a !important; } .border-right-blue-grey.border-right-darken-1 { border-right: 1px solid #546e7a !important; } .overlay-blue-grey.overlay-darken-1 { background: #546e7a; /* The Fallback */ background: rgba(84, 110, 122, 0.8); } .blue-grey.darken-2 { color: #455a64 !important; } .bg-blue-grey.bg-darken-2 { background-color: #455a64 !important; } .bg-blue-grey.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(69, 90, 100, 0.6); } .btn-blue-grey.btn-darken-2 { border-color: #455a64 !important; background-color: #455a64 !important; } .btn-blue-grey.btn-darken-2:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-darken-2:focus, .btn-blue-grey.btn-darken-2:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-darken-2 { border-color: #455a64 !important; color: #455a64 !important; } .btn-outline-blue-grey.btn-outline-darken-2:hover { background-color: #455a64 !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #455a64 !important; } .border-blue-grey.border-darken-2 { border: 1px solid #455a64 !important; } .border-top-blue-grey.border-top-darken-2 { border-top: 1px solid #455a64 !important; } .border-bottom-blue-grey.border-bottom-darken-2 { border-bottom: 1px solid #455a64 !important; } .border-left-blue-grey.border-left-darken-2 { border-left: 1px solid #455a64 !important; } .border-right-blue-grey.border-right-darken-2 { border-right: 1px solid #455a64 !important; } .overlay-blue-grey.overlay-darken-2 { background: #455a64; /* The Fallback */ background: rgba(69, 90, 100, 0.8); } .blue-grey.darken-3 { color: #37474f !important; } .bg-blue-grey.bg-darken-3 { background-color: #37474f !important; } .bg-blue-grey.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(55, 71, 79, 0.6); } .btn-blue-grey.btn-darken-3 { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-darken-3:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-darken-3:focus, .btn-blue-grey.btn-darken-3:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-darken-3 { border-color: #37474f !important; color: #37474f !important; } .btn-outline-blue-grey.btn-outline-darken-3:hover { background-color: #37474f !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #37474f !important; } .border-blue-grey.border-darken-3 { border: 1px solid #37474f !important; } .border-top-blue-grey.border-top-darken-3 { border-top: 1px solid #37474f !important; } .border-bottom-blue-grey.border-bottom-darken-3 { border-bottom: 1px solid #37474f !important; } .border-left-blue-grey.border-left-darken-3 { border-left: 1px solid #37474f !important; } .border-right-blue-grey.border-right-darken-3 { border-right: 1px solid #37474f !important; } .overlay-blue-grey.overlay-darken-3 { background: #37474f; /* The Fallback */ background: rgba(55, 71, 79, 0.8); } .blue-grey.darken-4 { color: #263238 !important; } .bg-blue-grey.bg-darken-4 { background-color: #263238 !important; } .bg-blue-grey.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(38, 50, 56, 0.6); } .btn-blue-grey.btn-darken-4 { border-color: #455a64 !important; background-color: #263238 !important; } .btn-blue-grey.btn-darken-4:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-darken-4:focus, .btn-blue-grey.btn-darken-4:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-darken-4 { border-color: #263238 !important; color: #263238 !important; } .btn-outline-blue-grey.btn-outline-darken-4:hover { background-color: #263238 !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #263238 !important; } .border-blue-grey.border-darken-4 { border: 1px solid #263238 !important; } .border-top-blue-grey.border-top-darken-4 { border-top: 1px solid #263238 !important; } .border-bottom-blue-grey.border-bottom-darken-4 { border-bottom: 1px solid #263238 !important; } .border-left-blue-grey.border-left-darken-4 { border-left: 1px solid #263238 !important; } .border-right-blue-grey.border-right-darken-4 { border-right: 1px solid #263238 !important; } .overlay-blue-grey.overlay-darken-4 { background: #263238; /* The Fallback */ background: rgba(38, 50, 56, 0.8); } .grey-blue.lighten-5 { color: #eceff1 !important; } .bg-grey-blue.bg-lighten-5 { background-color: #eceff1 !important; } .bg-grey-blue.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(236, 239, 241, 0.6); } .btn-grey-blue.btn-lighten-5 { border-color: #2c303b !important; background-color: #eceff1 !important; } .btn-grey-blue.btn-lighten-5:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-lighten-5:focus, .btn-grey-blue.btn-lighten-5:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-lighten-5 { border-color: #eceff1 !important; color: #eceff1 !important; } .btn-outline-grey-blue.btn-outline-lighten-5:hover { background-color: #eceff1 !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #eceff1 !important; } .border-grey-blue.border-lighten-5 { border: 1px solid #eceff1 !important; } .border-top-grey-blue.border-top-lighten-5 { border-top: 1px solid #eceff1 !important; } .border-bottom-grey-blue.border-bottom-lighten-5 { border-bottom: 1px solid #eceff1 !important; } .border-left-grey-blue.border-left-lighten-5 { border-left: 1px solid #eceff1 !important; } .border-right-grey-blue.border-right-lighten-5 { border-right: 1px solid #eceff1 !important; } .overlay-grey-blue.overlay-lighten-5 { background: #eceff1; /* The Fallback */ background: rgba(236, 239, 241, 0.8); } .grey-blue.lighten-4 { color: #cfd8dc !important; } .bg-grey-blue.bg-lighten-4 { background-color: #cfd8dc !important; } .bg-grey-blue.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(207, 216, 220, 0.6); } .btn-grey-blue.btn-lighten-4 { border-color: #2c303b !important; background-color: #cfd8dc !important; } .btn-grey-blue.btn-lighten-4:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-lighten-4:focus, .btn-grey-blue.btn-lighten-4:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-lighten-4 { border-color: #cfd8dc !important; color: #cfd8dc !important; } .btn-outline-grey-blue.btn-outline-lighten-4:hover { background-color: #cfd8dc !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #cfd8dc !important; } .border-grey-blue.border-lighten-4 { border: 1px solid #cfd8dc !important; } .border-top-grey-blue.border-top-lighten-4 { border-top: 1px solid #cfd8dc !important; } .border-bottom-grey-blue.border-bottom-lighten-4 { border-bottom: 1px solid #cfd8dc !important; } .border-left-grey-blue.border-left-lighten-4 { border-left: 1px solid #cfd8dc !important; } .border-right-grey-blue.border-right-lighten-4 { border-right: 1px solid #cfd8dc !important; } .overlay-grey-blue.overlay-lighten-4 { background: #cfd8dc; /* The Fallback */ background: rgba(207, 216, 220, 0.8); } .grey-blue.lighten-3 { color: #b0bec5 !important; } .bg-grey-blue.bg-lighten-3 { background-color: #b0bec5 !important; } .bg-grey-blue.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(176, 190, 197, 0.6); } .btn-grey-blue.btn-lighten-3 { border-color: #2c303b !important; background-color: #b0bec5 !important; } .btn-grey-blue.btn-lighten-3:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-lighten-3:focus, .btn-grey-blue.btn-lighten-3:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-lighten-3 { border-color: #b0bec5 !important; color: #b0bec5 !important; } .btn-outline-grey-blue.btn-outline-lighten-3:hover { background-color: #b0bec5 !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b0bec5 !important; } .border-grey-blue.border-lighten-3 { border: 1px solid #b0bec5 !important; } .border-top-grey-blue.border-top-lighten-3 { border-top: 1px solid #b0bec5 !important; } .border-bottom-grey-blue.border-bottom-lighten-3 { border-bottom: 1px solid #b0bec5 !important; } .border-left-grey-blue.border-left-lighten-3 { border-left: 1px solid #b0bec5 !important; } .border-right-grey-blue.border-right-lighten-3 { border-right: 1px solid #b0bec5 !important; } .overlay-grey-blue.overlay-lighten-3 { background: #b0bec5; /* The Fallback */ background: rgba(176, 190, 197, 0.8); } .grey-blue.lighten-2 { color: #6f85ad !important; } .bg-grey-blue.bg-lighten-2 { background-color: #6f85ad !important; } .bg-grey-blue.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(111, 133, 173, 0.6); } .btn-grey-blue.btn-lighten-2 { border-color: #2c303b !important; background-color: #6f85ad !important; } .btn-grey-blue.btn-lighten-2:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-lighten-2:focus, .btn-grey-blue.btn-lighten-2:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-lighten-2 { border-color: #6f85ad !important; color: #6f85ad !important; } .btn-outline-grey-blue.btn-outline-lighten-2:hover { background-color: #6f85ad !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #6f85ad !important; } .border-grey-blue.border-lighten-2 { border: 1px solid #6f85ad !important; } .border-top-grey-blue.border-top-lighten-2 { border-top: 1px solid #6f85ad !important; } .border-bottom-grey-blue.border-bottom-lighten-2 { border-bottom: 1px solid #6f85ad !important; } .border-left-grey-blue.border-left-lighten-2 { border-left: 1px solid #6f85ad !important; } .border-right-grey-blue.border-right-lighten-2 { border-right: 1px solid #6f85ad !important; } .overlay-grey-blue.overlay-lighten-2 { background: #6f85ad; /* The Fallback */ background: rgba(111, 133, 173, 0.8); } .grey-blue.lighten-1 { color: #78909c !important; } .bg-grey-blue.bg-lighten-1 { background-color: #78909c !important; } .bg-grey-blue.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(120, 144, 156, 0.6); } .btn-grey-blue.btn-lighten-1 { border-color: #2c303b !important; background-color: #78909c !important; } .btn-grey-blue.btn-lighten-1:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-lighten-1:focus, .btn-grey-blue.btn-lighten-1:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-lighten-1 { border-color: #78909c !important; color: #78909c !important; } .btn-outline-grey-blue.btn-outline-lighten-1:hover { background-color: #78909c !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #78909c !important; } .border-grey-blue.border-lighten-1 { border: 1px solid #78909c !important; } .border-top-grey-blue.border-top-lighten-1 { border-top: 1px solid #78909c !important; } .border-bottom-grey-blue.border-bottom-lighten-1 { border-bottom: 1px solid #78909c !important; } .border-left-grey-blue.border-left-lighten-1 { border-left: 1px solid #78909c !important; } .border-right-grey-blue.border-right-lighten-1 { border-right: 1px solid #78909c !important; } .overlay-grey-blue.overlay-lighten-1 { background: #78909c; /* The Fallback */ background: rgba(120, 144, 156, 0.8); } .grey-blue { color: #1b2942 !important; } .bg-grey-blue { background-color: #1b2942 !important; } .bg-grey-blue .card-header, .bg-grey-blue .card-footer { background-color: transparent; } .bg-grey-blue.bg-glow { box-shadow: 0px 1px 20px 1px rgba(27, 41, 66, 0.6); } .selectboxit.selectboxit-btn.bg-grey-blue { background-color: #1b2942 !important; } .alert-grey-blue { border-color: #1b2942 !important; background-color: #304875 !important; color: black !important; } .alert-grey-blue .alert-link { color: black !important; } .border-grey-blue { border-color: #1b2942; } .overlay-grey-blue { background: #1b2942; /* The Fallback */ background: rgba(27, 41, 66, 0.8); } .color-info.grey-blue { background-color: #1b2942 !important; } .btn-grey-blue { border-color: #2c303b !important; background-color: #1b2942 !important; color: #FFFFFF; } .btn-grey-blue:hover { border-color: #546e7a !important; background-color: #78909c !important; color: #FFF !important; } .btn-grey-blue:focus, .btn-grey-blue:active { border-color: #2c303b !important; background-color: #37474f !important; color: #FFF !important; } .btn-grey-blue.btn-glow { box-shadow: 0px 1px 20px 1px rgba(27, 41, 66, 0.6); } .btn-outline-grey-blue { border-color: #1b2942; background-color: transparent; color: #1b2942; } .btn-outline-grey-blue:hover { background-color: #1b2942; color: #FFF !important; } .btn-outline-grey-blue.btn-glow { box-shadow: 0px 1px 20px 1px rgba(27, 41, 66, 0.6); } input[type=checkbox].bg-grey-blue + .custom-control-label:before, input[type=radio].bg-grey-blue + .custom-control-label:before { background-color: #1b2942 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1b2942 !important; } .border-grey-blue { border: 1px solid #1b2942 !important; } .border-top-grey-blue { border-top: 1px solid #1b2942; } .border-bottom-grey-blue { border-bottom: 1px solid #1b2942; } .border-left-grey-blue { border-left: 1px solid #1b2942; } .border-right-grey-blue { border-right: 1px solid #1b2942; } .grey-blue.darken-1 { color: #546e7a !important; } .bg-grey-blue.bg-darken-1 { background-color: #546e7a !important; } .bg-grey-blue.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(84, 110, 122, 0.6); } .btn-grey-blue.btn-darken-1 { border-color: #2c303b !important; background-color: #546e7a !important; } .btn-grey-blue.btn-darken-1:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-darken-1:focus, .btn-grey-blue.btn-darken-1:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-darken-1 { border-color: #546e7a !important; color: #546e7a !important; } .btn-outline-grey-blue.btn-outline-darken-1:hover { background-color: #546e7a !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #546e7a !important; } .border-grey-blue.border-darken-1 { border: 1px solid #546e7a !important; } .border-top-grey-blue.border-top-darken-1 { border-top: 1px solid #546e7a !important; } .border-bottom-grey-blue.border-bottom-darken-1 { border-bottom: 1px solid #546e7a !important; } .border-left-grey-blue.border-left-darken-1 { border-left: 1px solid #546e7a !important; } .border-right-grey-blue.border-right-darken-1 { border-right: 1px solid #546e7a !important; } .overlay-grey-blue.overlay-darken-1 { background: #546e7a; /* The Fallback */ background: rgba(84, 110, 122, 0.8); } .grey-blue.darken-2 { color: #2c303b !important; } .bg-grey-blue.bg-darken-2 { background-color: #2c303b !important; } .bg-grey-blue.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(44, 48, 59, 0.6); } .btn-grey-blue.btn-darken-2 { border-color: #2c303b !important; background-color: #2c303b !important; } .btn-grey-blue.btn-darken-2:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-darken-2:focus, .btn-grey-blue.btn-darken-2:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-darken-2 { border-color: #2c303b !important; color: #2c303b !important; } .btn-outline-grey-blue.btn-outline-darken-2:hover { background-color: #2c303b !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2c303b !important; } .border-grey-blue.border-darken-2 { border: 1px solid #2c303b !important; } .border-top-grey-blue.border-top-darken-2 { border-top: 1px solid #2c303b !important; } .border-bottom-grey-blue.border-bottom-darken-2 { border-bottom: 1px solid #2c303b !important; } .border-left-grey-blue.border-left-darken-2 { border-left: 1px solid #2c303b !important; } .border-right-grey-blue.border-right-darken-2 { border-right: 1px solid #2c303b !important; } .overlay-grey-blue.overlay-darken-2 { background: #2c303b; /* The Fallback */ background: rgba(44, 48, 59, 0.8); } .grey-blue.darken-3 { color: #37474f !important; } .bg-grey-blue.bg-darken-3 { background-color: #37474f !important; } .bg-grey-blue.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(55, 71, 79, 0.6); } .btn-grey-blue.btn-darken-3 { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-darken-3:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-darken-3:focus, .btn-grey-blue.btn-darken-3:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-darken-3 { border-color: #37474f !important; color: #37474f !important; } .btn-outline-grey-blue.btn-outline-darken-3:hover { background-color: #37474f !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #37474f !important; } .border-grey-blue.border-darken-3 { border: 1px solid #37474f !important; } .border-top-grey-blue.border-top-darken-3 { border-top: 1px solid #37474f !important; } .border-bottom-grey-blue.border-bottom-darken-3 { border-bottom: 1px solid #37474f !important; } .border-left-grey-blue.border-left-darken-3 { border-left: 1px solid #37474f !important; } .border-right-grey-blue.border-right-darken-3 { border-right: 1px solid #37474f !important; } .overlay-grey-blue.overlay-darken-3 { background: #37474f; /* The Fallback */ background: rgba(55, 71, 79, 0.8); } .grey-blue.darken-4 { color: #263238 !important; } .bg-grey-blue.bg-darken-4 { background-color: #263238 !important; } .bg-grey-blue.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(38, 50, 56, 0.6); } .btn-grey-blue.btn-darken-4 { border-color: #2c303b !important; background-color: #263238 !important; } .btn-grey-blue.btn-darken-4:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-darken-4:focus, .btn-grey-blue.btn-darken-4:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-darken-4 { border-color: #263238 !important; color: #263238 !important; } .btn-outline-grey-blue.btn-outline-darken-4:hover { background-color: #263238 !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #263238 !important; } .border-grey-blue.border-darken-4 { border: 1px solid #263238 !important; } .border-top-grey-blue.border-top-darken-4 { border-top: 1px solid #263238 !important; } .border-bottom-grey-blue.border-bottom-darken-4 { border-bottom: 1px solid #263238 !important; } .border-left-grey-blue.border-left-darken-4 { border-left: 1px solid #263238 !important; } .border-right-grey-blue.border-right-darken-4 { border-right: 1px solid #263238 !important; } .overlay-grey-blue.overlay-darken-4 { background: #263238; /* The Fallback */ background: rgba(38, 50, 56, 0.8); } .shades.black { color: #000000 !important; } .bg-shades.bg-black { background-color: #000000 !important; } .bg-shades.bg-black.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } .btn-shades.btn-black { border-color: "" !important; background-color: #000000 !important; } .btn-shades.btn-black:hover { border-color: "" !important; background-color: "" !important; } .btn-shades.btn-black:focus, .btn-shades.btn-black:active { border-color: "" !important; background-color: "" !important; } .btn-outline-shades.btn-outline-black { border-color: #000000 !important; color: #000000 !important; } .btn-outline-shades.btn-outline-black:hover { background-color: #000000 !important; } input:focus ~ .bg-shades { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000 !important; } .border-shades.border-black { border: 1px solid #000000 !important; } .border-top-shades.border-top-black { border-top: 1px solid #000000 !important; } .border-bottom-shades.border-bottom-black { border-bottom: 1px solid #000000 !important; } .border-left-shades.border-left-black { border-left: 1px solid #000000 !important; } .border-right-shades.border-right-black { border-right: 1px solid #000000 !important; } .overlay-shades.overlay-black { background: #000000; /* The Fallback */ background: rgba(0, 0, 0, 0.8); } .shades.white { color: #ffffff !important; } .bg-shades.bg-white { background-color: #ffffff !important; } .bg-shades.bg-white.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); } .btn-shades.btn-white { border-color: "" !important; background-color: #ffffff !important; } .btn-shades.btn-white:hover { border-color: "" !important; background-color: "" !important; } .btn-shades.btn-white:focus, .btn-shades.btn-white:active { border-color: "" !important; background-color: "" !important; } .btn-outline-shades.btn-outline-white { border-color: #ffffff !important; color: #ffffff !important; } .btn-outline-shades.btn-outline-white:hover { background-color: #ffffff !important; } input:focus ~ .bg-shades { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffffff !important; } .border-shades.border-white { border: 1px solid #ffffff !important; } .border-top-shades.border-top-white { border-top: 1px solid #ffffff !important; } .border-bottom-shades.border-bottom-white { border-bottom: 1px solid #ffffff !important; } .border-left-shades.border-left-white { border-left: 1px solid #ffffff !important; } .border-right-shades.border-right-white { border-right: 1px solid #ffffff !important; } .overlay-shades.overlay-white { background: #ffffff; /* The Fallback */ background: rgba(255, 255, 255, 0.8); } .shades.transparent { color: transparent !important; } .bg-shades.bg-transparent { background-color: transparent !important; } .bg-shades.bg-transparent.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } .btn-shades.btn-transparent { border-color: "" !important; background-color: transparent !important; } .btn-shades.btn-transparent:hover { border-color: "" !important; background-color: "" !important; } .btn-shades.btn-transparent:focus, .btn-shades.btn-transparent:active { border-color: "" !important; background-color: "" !important; } .btn-outline-shades.btn-outline-transparent { border-color: transparent !important; color: transparent !important; } .btn-outline-shades.btn-outline-transparent:hover { background-color: transparent !important; } input:focus ~ .bg-shades { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem transparent !important; } .border-shades.border-transparent { border: 1px solid transparent !important; } .border-top-shades.border-top-transparent { border-top: 1px solid transparent !important; } .border-bottom-shades.border-bottom-transparent { border-bottom: 1px solid transparent !important; } .border-left-shades.border-left-transparent { border-left: 1px solid transparent !important; } .border-right-shades.border-right-transparent { border-right: 1px solid transparent !important; } .overlay-shades.overlay-transparent { background: transparent; /* The Fallback */ background: rgba(0, 0, 0, 0.8); } .black { color: #000000; } .bg-black { background-color: #000000; } .bg-black.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } input:focus ~ .bg-black { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000; } .border-black { border: 1px solid #000000; } .border-top-black { border-top: 1px solid #000000; } .border-bottom-black { border-bottom: 1px solid #000000; } .border-left-black { border-left: 1px solid #000000; } .border-right-black { border-right: 1px solid #000000; } .white { color: #ffffff; } .bg-white { background-color: #ffffff; } .bg-white.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); } input:focus ~ .bg-white { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffffff; } .border-white { border: 1px solid #ffffff; } .border-top-white { border-top: 1px solid #ffffff; } .border-bottom-white { border-bottom: 1px solid #ffffff; } .border-left-white { border-left: 1px solid #ffffff; } .border-right-white { border-right: 1px solid #ffffff; } .transparent { color: transparent; } .bg-transparent { background-color: transparent; } .bg-transparent.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } input:focus ~ .bg-transparent { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem transparent; } .border-transparent { border: 1px solid transparent; } .border-top-transparent { border-top: 1px solid transparent; } .border-bottom-transparent { border-bottom: 1px solid transparent; } .border-left-transparent { border-left: 1px solid transparent; } .border-right-transparent { border-right: 1px solid transparent; } html { font-size: 14px; height: 100%; width: 100%; } html body { height: 100%; background-color: #F4F5FA; direction: ltr; } html body.fixed-navbar { padding-top: 5rem; } html body a { color: #1e9ff2; } html body a:hover { color: #0c84d1; } html body .content { padding: 0; position: relative; transition: 300ms ease all; backface-visibility: hidden; min-height: calc(100% - 32px); } html body .content.app-content { overflow: hidden; } html body .content .content-wrapper { padding: 1rem; } html body .content .content-wrapper .content-header-title { font-weight: 500; letter-spacing: 1px; color: #464855; } html body .la { font-size: 1.2rem; } html body[data-col="1-column"]:not(.vertical-content-menu) .content, html body[data-col="1-column"]:not(.vertical-content-menu) .footer { margin-left: 0px !important; } html body[data-col="1-column"].horizontal-layout .content, html body[data-col="1-column"].horizontal-layout .footer { margin: 0 auto !important; } html body[data-col="1-column"].vertical-content-menu .content-body { margin-left: 0px !important; } html body.boxed-layout { padding-left: 0; padding-right: 0; background-color: #fff; } html body.boxed-layout .app-content { background-color: #F4F5FA; } html body.content-boxed-layout .content { width: 80%; margin: 0 auto; padding-left: 260px; } html body.bg-full-screen-image { background: url("/assets/images/backgrounds/bg-2.jpg") no-repeat center center fixed; background-size: cover; } html body .pace .pace-progress { background: #ff4961; } /* * Blank page */ .blank-page .content-wrapper { padding: 0 !important; } .blank-page .content-wrapper .flexbox-container { display: flex; align-items: center; height: 100vh; } .app-content.center-layout { overflow: hidden; } @media (max-width: 767.98px) { html body .content .content-wrapper { padding: 1rem; } html body footer { text-align: center; } } /* * Col 3 layout for detached and general type */ @media (min-width: 992px) { body .content-right { width: calc(100% - 300px); float: right; } body .content-left { width: calc(100% - 300px); float: left; } body .content-detached { width: 100%; } body .content-detached.content-right { float: right; margin-left: -300px; } body .content-detached.content-right .content-body { margin-left: 320px; } body .content-detached.content-left { float: left; margin-right: -300px; } body .content-detached.content-left .content-body { margin-right: 320px; } .sidebar-right.sidebar-sticky { float: right !important; margin-left: -300px; width: 300px !important; } .sidebar-left.sidebar-sticky { float: left !important; margin-right: -300px; width: 300px !important; } [data-col=content-left-sidebar] .sticky-wrapper { float: left; } .vertical-content-menu .content .sidebar-left { margin-left: 263px; } .vertical-content-menu .content .content-detached.content-right { float: right; width: calc(100% - 300px); margin-left: -300px; } .vertical-content-menu .content .content-detached.content-right .content-body { margin-left: 295px; } .vertical-content-menu .content .content-detached.content-left { float: left; width: 100%; margin-right: -300px; } .vertical-content-menu .content .content-detached.content-left .content-body { margin-right: 320px; } } /*========================================================================================= File Name: sidebar.scss Description: content sidebar specific scss. ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ==========================================================================================*/ .sidebar { position: relative; width: 100%; } @media (min-width: 992px) { .sidebar { vertical-align: top; width: 300px; } } .sidebar-fixed { position: fixed; height: 100%; overflow: scroll; } .sidenav-overlay { position: fixed; top: 0; left: 0; right: 0; height: 120vh; background-color: rgba(0, 0, 0, 0.5); z-index: 997; display: none; } .drag-target { height: 100%; width: 40px; position: fixed; top: 0; left: -10px; z-index: 1036; } @media (min-width: 992px) { .sidebar-left { float: left; } .sidebar-right { float: right; } } .horizontal-menu-padding .header-navbar .navbar-container { padding: 0; } .header-navbar .navbar-container { height: auto; } footer.footer { padding: 0.8rem; } footer.navbar-shadow { box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.1); } footer.navbar-border { border-top: 1px solid #E4E7ED; } footer.footer-transparent { border: none; } footer.footer-light { background: #fff; } footer.footer-dark { background: #2C303B; } footer.footer-dark span { color: #fff; } footer .ft-heart:before { padding-left: 0.3rem; } /*========================================================================================= File Name: navigations.scss Description: Common mixin for menus, contain dark and light version scss. ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ==========================================================================================*/ .main-menu, .vertical-overlay-menu.menu-hide .main-menu { z-index: 1000; position: absolute; display: table-cell; } .main-menu.menu-light, .vertical-overlay-menu.menu-hide .menu-light.main-menu { color: #6b6f82; background: #fff; border-right: 1px solid #e4e7ed; } .main-menu.menu-light .main-menu-header { padding: 20px; } .main-menu.menu-light .main-menu-header .menu-search { background: #e6e6e6; padding: 0.5rem 1rem; color: #545766; } .main-menu.menu-light .main-menu-header .menu-search:focus { border-color: #d9d9d9; } .main-menu.menu-light .navigation { background: #fff; } .main-menu.menu-light .navigation .navigation-header { color: #6b6f82; padding: 30px 20px 8px 20px; } .main-menu.menu-light .navigation .navigation-header span { font-weight: 500; text-transform: uppercase; } .main-menu.menu-light .navigation li a { color: #6b6f82; transition: all 0.2s ease; } .main-menu.menu-light .navigation li a i, .main-menu.menu-light .navigation li a span { transition: all 0.2s ease; } .main-menu.menu-light .navigation li a span { display: inline-block; } .main-menu.menu-light .navigation li a span.menu-sub-title { color: #bdbfc9; } .main-menu.menu-light .navigation li.hover > a, .main-menu.menu-light .navigation li.open > a, .main-menu.menu-light .navigation li.active > a { color: #fff; } .main-menu.menu-light .navigation > li { padding: 0; } .main-menu.menu-light .navigation > li > a { padding: 12px 36px 12px 18px; } .main-menu.menu-light .navigation > li > a .label { margin-top: 4px; margin-right: 5px; } .main-menu.menu-light .navigation > li > a i { position: relative; top: 3px; } .main-menu.menu-light .navigation > li.open > a { color: #545766; background: whitesmoke; border-right: 4px solid #1e9ff2; } .main-menu.menu-light .navigation > li.open .hover > a { transform: translateX(-4px); } .main-menu.menu-light .navigation > li:not(.open) > ul { display: none; } .main-menu.menu-light .navigation > li.hover > a, .main-menu.menu-light .navigation > li:hover > a, .main-menu.menu-light .navigation > li.active > a { color: #545766; } .main-menu.menu-light .navigation > li.hover > a > i, .main-menu.menu-light .navigation > li:hover > a > i, .main-menu.menu-light .navigation > li.active > a > i { transform: translateX(6px); } .main-menu.menu-light .navigation > li.hover > a > span, .main-menu.menu-light .navigation > li:hover > a > span, .main-menu.menu-light .navigation > li.active > a > span { transform: translateX(4px); } .main-menu.menu-light .navigation > li.hover > a.mm-next, .main-menu.menu-light .navigation > li:hover > a.mm-next, .main-menu.menu-light .navigation > li.active > a.mm-next { background-color: inherit; } .main-menu.menu-light .navigation > li.active > a { color: #6b6f82; font-weight: 700; background: #f0f0f0; } .main-menu.menu-light .navigation > li .active { background: #f0f0f0; } .main-menu.menu-light .navigation > li .active > a { color: #85899b; font-weight: 700; background: #f0f0f0; } .main-menu.menu-light .navigation > li .active .hover > a { background: whitesmoke; } .main-menu.menu-light .navigation > li ul { padding: 0; margin: 0; font-size: 1rem; } .main-menu.menu-light .navigation > li ul li { color: #6b6f82; background: transparent; } .main-menu.menu-light .navigation > li ul li > a { padding: 8px 18px 8px 54px; } .main-menu.menu-light .navigation > li ul .has-sub:not(.open) > ul { display: none; } .main-menu.menu-light .navigation > li ul .open > a { color: #6b6f82; } .main-menu.menu-light .navigation > li ul .open > ul { display: block; } .main-menu.menu-light .navigation > li ul .open > ul li > a { padding: 8px 18px 8px 64px; } .main-menu.menu-light .navigation > li ul .open > ul .open > ul { display: block; } .main-menu.menu-light .navigation > li ul .open > ul .open > ul li > a { padding: 8px 18px 8px 74px; } .main-menu.menu-light .navigation > li ul .hover > a, .main-menu.menu-light .navigation > li ul:hover > a { color: #74798d; } .main-menu.menu-light .navigation > li ul .active { background: transparent; } .main-menu.menu-light .navigation > li ul .active > a { color: #85899b; font-weight: 700; } .main-menu.menu-light .navigation > li ul .active .hover > a { background-color: transparent; } .main-menu.menu-light .navigation > li > ul { background: #fff; } .main-menu.menu-light ul.menu-popout { background: #fff; } .main-menu.menu-light ul.menu-popout li a { color: #6b6f82; } .main-menu.menu-light ul.menu-popout li a span.menu-sub-title { color: #bdbfc9; } .main-menu.menu-light ul.menu-popout .has-sub:not(.open) > ul { display: none; } .main-menu.menu-light ul.menu-popout .has-sub.active { font-weight: normal; } .main-menu.menu-light ul.menu-popout .open > a { color: #6b6f82; } .main-menu.menu-light ul.menu-popout .open > ul { display: block; } .main-menu.menu-light ul.menu-popout .open > ul .open { background: #e8e8e8; } .main-menu.menu-light ul.menu-popout .open > ul .open > ul { display: block; background: #e8e8e8; } .main-menu.menu-light ul.menu-popout .hover > a, .main-menu.menu-light ul.menu-popout:hover > a { color: #74798d; } .main-menu.menu-light ul.menu-popout .active { font-weight: 700; } .main-menu.menu-light ul.menu-popout .active > a { color: #85899b; } .main-menu.menu-light ul.menu-popout .active .hover > a, .main-menu.menu-light ul.menu-popout .active :hover > a { background-color: transparent; } .main-menu.menu-dark, .vertical-overlay-menu.menu-hide .menu-dark.main-menu { color: #dcdcdc; background: #2C303B; } .main-menu.menu-dark .main-menu-header { padding: 20px; } .main-menu.menu-dark .main-menu-header .menu-search { background: #16181e; padding: 0.5rem 1rem; color: #c3c3c3; } .main-menu.menu-dark .main-menu-header .menu-search:focus { border-color: #0b0c0f; } .main-menu.menu-dark .navigation { background: #2C303B; } .main-menu.menu-dark .navigation .navigation-header { color: #dcdcdc; padding: 30px 20px 8px 20px; } .main-menu.menu-dark .navigation .navigation-header span { font-weight: 500; text-transform: uppercase; } .main-menu.menu-dark .navigation li a { color: #dcdcdc; transition: all 0.2s ease; } .main-menu.menu-dark .navigation li a i, .main-menu.menu-dark .navigation li a span { transition: all 0.2s ease; } .main-menu.menu-dark .navigation li a span { display: inline-block; } .main-menu.menu-dark .navigation li a span.menu-sub-title { color: white; } .main-menu.menu-dark .navigation li.hover > a, .main-menu.menu-dark .navigation li.open > a, .main-menu.menu-dark .navigation li.active > a { color: #fff; } .main-menu.menu-dark .navigation > li { padding: 0; } .main-menu.menu-dark .navigation > li > a { padding: 12px 36px 12px 18px; } .main-menu.menu-dark .navigation > li > a .label { margin-top: 4px; margin-right: 5px; } .main-menu.menu-dark .navigation > li > a i { position: relative; top: 3px; } .main-menu.menu-dark .navigation > li.open > a { color: #c3c3c3; background: #23262f; border-right: 4px solid #1e9ff2; } .main-menu.menu-dark .navigation > li.open .hover > a { transform: translateX(-4px); } .main-menu.menu-dark .navigation > li:not(.open) > ul { display: none; } .main-menu.menu-dark .navigation > li.hover > a, .main-menu.menu-dark .navigation > li:hover > a, .main-menu.menu-dark .navigation > li.active > a { color: #c3c3c3; } .main-menu.menu-dark .navigation > li.hover > a > i, .main-menu.menu-dark .navigation > li:hover > a > i, .main-menu.menu-dark .navigation > li.active > a > i { transform: translateX(6px); } .main-menu.menu-dark .navigation > li.hover > a > span, .main-menu.menu-dark .navigation > li:hover > a > span, .main-menu.menu-dark .navigation > li.active > a > span { transform: translateX(4px); } .main-menu.menu-dark .navigation > li.hover > a.mm-next, .main-menu.menu-dark .navigation > li:hover > a.mm-next, .main-menu.menu-dark .navigation > li.active > a.mm-next { background-color: inherit; } .main-menu.menu-dark .navigation > li.active > a { color: #dcdcdc; font-weight: 700; background: #1f2229; } .main-menu.menu-dark .navigation > li .active { background: #1f2229; } .main-menu.menu-dark .navigation > li .active > a { color: #f6f6f6; font-weight: 700; background: #1f2229; } .main-menu.menu-dark .navigation > li .active .hover > a { background: #23262f; } .main-menu.menu-dark .navigation > li ul { padding: 0; margin: 0; font-size: 1rem; } .main-menu.menu-dark .navigation > li ul li { color: #dcdcdc; background: transparent; } .main-menu.menu-dark .navigation > li ul li > a { padding: 8px 18px 8px 54px; } .main-menu.menu-dark .navigation > li ul .has-sub:not(.open) > ul { display: none; } .main-menu.menu-dark .navigation > li ul .open > a { color: #dcdcdc; } .main-menu.menu-dark .navigation > li ul .open > ul { display: block; } .main-menu.menu-dark .navigation > li ul .open > ul li > a { padding: 8px 18px 8px 64px; } .main-menu.menu-dark .navigation > li ul .open > ul .open > ul { display: block; } .main-menu.menu-dark .navigation > li ul .open > ul .open > ul li > a { padding: 8px 18px 8px 74px; } .main-menu.menu-dark .navigation > li ul .hover > a, .main-menu.menu-dark .navigation > li ul:hover > a { color: #e6e6e6; } .main-menu.menu-dark .navigation > li ul .active { background: transparent; } .main-menu.menu-dark .navigation > li ul .active > a { color: #f6f6f6; font-weight: 700; } .main-menu.menu-dark .navigation > li ul .active .hover > a { background-color: transparent; } .main-menu.menu-dark .navigation > li > ul { background: #2C303B; } .main-menu.menu-dark ul.menu-popout { background: #2C303B; } .main-menu.menu-dark ul.menu-popout li a { color: #dcdcdc; } .main-menu.menu-dark ul.menu-popout li a span.menu-sub-title { color: white; } .main-menu.menu-dark ul.menu-popout .has-sub:not(.open) > ul { display: none; } .main-menu.menu-dark ul.menu-popout .has-sub.active { font-weight: normal; } .main-menu.menu-dark ul.menu-popout .open > a { color: #dcdcdc; } .main-menu.menu-dark ul.menu-popout .open > ul { display: block; } .main-menu.menu-dark ul.menu-popout .open > ul .open { background: #181b21; } .main-menu.menu-dark ul.menu-popout .open > ul .open > ul { display: block; background: #181b21; } .main-menu.menu-dark ul.menu-popout .hover > a, .main-menu.menu-dark ul.menu-popout:hover > a { color: #e6e6e6; } .main-menu.menu-dark ul.menu-popout .active { font-weight: 700; } .main-menu.menu-dark ul.menu-popout .active > a { color: #f6f6f6; } .main-menu.menu-dark ul.menu-popout .active .hover > a, .main-menu.menu-dark ul.menu-popout .active :hover > a { background-color: transparent; } .main-menu.menu-fixed, .vertical-overlay-menu.menu-hide .menu-fixed.main-menu { position: fixed; height: 100%; /* fallback if needed */ top: 5rem; height: calc(100% - 5rem); } .main-menu.menu-fixed .main-menu-footer { position: fixed; } .main-menu.menu-shadow, .vertical-overlay-menu.menu-hide .menu-shadow.main-menu { box-shadow: 10px 15px 30px 1px rgba(0, 0, 0, 0.1); } .main-menu.menu-border, .vertical-overlay-menu.menu-hide .menu-border.main-menu { border-right: 1px solid #e4e7ed; } .main-menu.menu-native-scroll .main-menu-content { overflow-y: scroll; } .main-menu.menu-bordered.menu-light .navigation > li { border-top: 1px solid #e4e7ed; } .main-menu.menu-bordered.menu-dark .navigation > li { border-top: 1px solid rgba(255, 255, 255, 0.1); } .main-menu .main-menu-content, .vertical-overlay-menu.menu-hide .main-menu .main-menu-content { height: 100%; position: relative; } .main-menu ul, .vertical-overlay-menu.menu-hide .main-menu ul { list-style: none; margin: 0; padding: 0; } .main-menu ul.navigation-main, .vertical-overlay-menu.menu-hide .main-menu ul.navigation-main { overflow-x: hidden; } .main-menu a, .vertical-overlay-menu.menu-hide .main-menu a { outline: none; } .main-menu a:hover, .vertical-overlay-menu.menu-hide .main-menu a:hover, .main-menu a:focus, .vertical-overlay-menu.menu-hide .main-menu a:focus { text-decoration: none; } .navigation { font-size: 1.1rem; letter-spacing: 0.2px; font-family: "Quicksand", Georgia, "Times New Roman", Times, serif; font-weight: 400; overflow-y: hidden; padding-bottom: 20px; } .navigation .navigation-header { font-family: "Quicksand", Georgia, "Times New Roman", Times, serif; font-weight: 400; line-height: 1.2; padding: 12px 22px; font-size: 1rem; } .navigation li { position: relative; white-space: nowrap; } .navigation li a { display: block; /* white-space: nowrap; */ text-overflow: ellipsis; overflow: hidden; } .navigation li .is-hidden { /* transition: all 250ms ease-in; transform: scale(0); opacity: 0; */ } .navigation li .is-shown { /* transition: all 250ms ease-in; transform: scale(1); opacity: 1; */ } .navigation li.disabled a { cursor: not-allowed; } .menu-popout li.disabled a { cursor: not-allowed; } .dropdown-notification .notification-text { margin-bottom: 0.5rem; } .dropdown-notification .notification-tag { position: relative; top: -28px; right: 20px; } .main-menu-header .user-content { padding: 20px; } .main-menu-header .user-content .media { overflow: inherit; } .main-menu-header .user-content .media-body { vertical-align: bottom; opacity: 1; width: 150px; white-space: nowrap; transition: all 0.3s ease 0.15s; } .main-menu-footer { position: relative; overflow: hidden; bottom: 0; display: block; z-index: 1000; color: #c5c9d4; background-color: #16181e; } .main-menu-footer.footer-open { max-height: 500px; transition: max-height 0.2s ease-in-out; } .main-menu-footer.footer-close { max-height: 15px; transition: max-height 0.2s ease-in-out; } .main-menu-footer a { color: #a8aebe; } .main-menu-footer a:hover, .main-menu-footer a:focus { color: #fff; } .main-menu-footer .header { height: 19px; border-bottom: 1px solid #21242c; } .main-menu-footer .toggle { transform: rotate(0deg); } .main-menu-footer .content { padding: 0; } .main-menu-footer .content .actions > a { display: block; float: left; width: 33.3333333333%; padding: 1rem 0; color: #a8aebe; text-align: center; border-top: 1px solid #21242c; border-left: 1px solid #21242c; } .main-menu-footer .content .actions > a > span { font-size: 1.35rem; } .main-menu-footer .content .actions > a:hover, .main-menu-footer .content .actions > a:focus { color: #fff; } body.vertical-layout.vertical-menu.menu-expanded .main-menu-footer .content { margin-left: 0; } .vertical-layout.menu-expanded .menu-icon-right ul.navigation li > a:after, .vertical-layout.menu-collapsed .menu-icon-right ul.navigation li > a:after, .vertical-overlay-menu .menu-icon-right ul.navigation li > a:after { left: 8px; right: initial !important; } .vertical-layout.menu-expanded .menu-icon-right ul.navigation li > a > i, .vertical-layout.menu-collapsed .menu-icon-right ul.navigation li > a > i, .vertical-overlay-menu .menu-icon-right ul.navigation li > a > i { float: right !important; margin: 0px -12px 0px 0px !important; } .horizontal-layout .navbar-icon-right ul.nav > li > a:after { float: left; position: relative; top: 27px; left: -16px; } .horizontal-layout .navbar-icon-right ul.nav > li > a > i { float: right; margin: 0px 4px 0 8px; } .horizontal-layout .navbar-fixed { z-index: 999 !important; } @media (max-width: 767.98px) { .menu-hide .main-menu, .vertical-overlay-menu.menu-hide .main-menu, .menu-open .main-menu { transition: transform 0.25s, top 0.35s, height 0.35s; } .main-menu, .vertical-overlay-menu.menu-hide .main-menu { transform: translate3d(-240px, 0, 0); backface-visibility: hidden; perspective: 1000; } .menu-open .main-menu, .menu-open .vertical-overlay-menu.menu-hide .main-menu, .vertical-overlay-menu.menu-hide .menu-open .main-menu { transform: translate3d(0, 0, 0); } } @media (max-width: 991.98px) { .horizontal-layout.vertical-overlay-menu .main-menu-content { padding: 0; } .horizontal-layout.vertical-overlay-menu .main-menu-content .mega-dropdown-menu { margin: 0; width: 100%; } .horizontal-layout.vertical-overlay-menu .main-menu-content .mega-dropdown-menu > li { padding: 0; } .horizontal-layout.vertical-overlay-menu .navbar .navbar-container { margin-left: 0px; max-width: 100%; } } @media (min-width: 768px) { .drag-target { z-index: 0; } } .display-inline { display: inline !important; } .display-block { display: block !important; } .display-inline-block { display: inline-block !important; } .display-hidden { display: none !important; } .display-table-cell { display: table-cell !important; } .position-top-0 { top: 0; } .position-right-0 { right: 0; } .position-bottom-0 { bottom: 0; } .position-left-0 { left: 0; } .zindex-1 { z-index: 1 !important; } .zindex-2 { z-index: 2 !important; } .zindex-3 { z-index: 3 !important; } .zindex-4 { z-index: 4 !important; } .zindex-0 { z-index: 0 !important; } .zindex-minus-1 { z-index: -1 !important; } .zindex-minus-2 { z-index: -2 !important; } .zindex-minus-3 { z-index: -3 !important; } .zindex-minus-4 { z-index: -4 !important; } .no-edge-top { top: 0 !important; } .no-edge-bottom { bottom: 0 !important; } .no-edge-left { left: 0 !important; } .no-edge-right { right: 0 !important; } .cursor-pointer { cursor: pointer; } .cursor-move { cursor: move; } .cursor-default { cursor: default; } .cursor-progress { cursor: progress; } .cursor-not-allowed { cursor: not-allowed; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-auto { overflow: auto; } .overflow-scroll { overflow: scroll; } .overflow-x-scroll { overflow: scroll; } .overflow-y-scroll { overflow: scroll; } .bullets-inside { list-style: inside; } .list-style-circle { list-style: circle; } .list-style-square { list-style: square; } .list-style-icons { padding-left: 10px; margin-left: 0; list-style: none; } .list-style-icons > li i { float: left; width: 1em; margin: 0 6px 0 0; } .border { border: 1px solid; } .border-top { border-top: 1px solid; } .border-bottom { border-bottom: 1px solid; } .border-left { border-left: 1px solid; } .border-right { border-right: 1px solid; } .border-2 { border-width: 2px !important; } .border-top-2 { border-top-width: 2px !important; } .border-bottom-2 { border-bottom-width: 2px !important; } .border-left-2 { border-left-width: 2px !important; } .border-right-2 { border-right-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-top-3 { border-top-width: 3px !important; } .border-bottom-3 { border-bottom-width: 3px !important; } .border-left-3 { border-left-width: 3px !important; } .border-right-3 { border-right-width: 3px !important; } .no-border-top-radius { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .no-border-bottom-radius { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .no-border-top-left-radius { border-top-left-radius: 0 !important; } .no-border-top-right-radius { border-top-right-radius: 0 !important; } .no-border-bottom-left-radius { border-bottom-left-radius: 0 !important; } .no-border-bottom-right-radius { border-bottom-right-radius: 0 !important; } .box-shadow-0 { box-shadow: none !important; } .box-shadow-1 { box-shadow: 0 7px 12px 0 rgba(62, 57, 107, 0.16); } .box-shadow-2 { box-shadow: 0 10px 18px 0 rgba(62, 57, 107, 0.2); } .box-shadow-3 { box-shadow: 0 14px 24px 0 rgba(62, 57, 107, 0.26); } .box-shadow-4 { box-shadow: 0 16px 28px 0 rgba(62, 57, 107, 0.3); } .box-shadow-5 { box-shadow: 0 27px 24px 0 rgba(62, 57, 107, 0.36); } .fit { max-width: 100% !important; } .half-width { width: 50% !important; } .full-width { width: 100% !important; } .full-height { height: 100% !important; } .width-50 { width: 50px !important; } .width-100 { width: 100px !important; } .width-150 { width: 150px !important; } .width-200 { width: 200px !important; } .width-250 { width: 250px !important; } .width-300 { width: 300px !important; } .width-350 { width: 350px !important; } .width-400 { width: 400px !important; } .width-450 { width: 450px !important; } .width-500 { width: 500px !important; } .width-550 { width: 550px !important; } .width-600 { width: 600px !important; } .width-650 { width: 650px !important; } .width-700 { width: 700px !important; } .width-750 { width: 750px !important; } .width-800 { width: 800px !important; } .width-5-per { width: 5% !important; } .width-10-per { width: 10% !important; } .width-15-per { width: 15% !important; } .width-20-per { width: 20% !important; } .width-25-per { width: 25% !important; } .width-30-per { width: 30% !important; } .width-35-per { width: 35% !important; } .width-40-per { width: 40% !important; } .width-45-per { width: 45% !important; } .width-50-per { width: 50% !important; } .width-55-per { width: 55% !important; } .width-60-per { width: 60% !important; } .width-65-per { width: 65% !important; } .width-70-per { width: 70% !important; } .width-75-per { width: 75% !important; } .width-80-per { width: 80% !important; } .width-90-per { width: 90% !important; } .width-95-per { width: 95% !important; } .height-50 { height: 50px !important; } .height-75 { height: 75px !important; } .height-100 { height: 100px !important; } .height-150 { height: 150px !important; } .height-200 { height: 200px !important; } .height-250 { height: 250px !important; } .height-300 { height: 300px !important; } .height-350 { height: 350px !important; } .height-400 { height: 400px !important; } .height-450 { height: 450px !important; } .height-500 { height: 500px !important; } .height-550 { height: 550px !important; } .height-600 { height: 600px !important; } .height-650 { height: 650px !important; } .height-700 { height: 700px !important; } .height-750 { height: 750px !important; } .height-800 { height: 800px !important; } .height-5-per { height: 5% !important; } .height-10-per { height: 10% !important; } .height-15-per { height: 15% !important; } .height-20-per { height: 20% !important; } .height-25-per { height: 25% !important; } .height-30-per { height: 30% !important; } .height-35-per { height: 35% !important; } .height-40-per { height: 40% !important; } .height-45-per { height: 45% !important; } .height-50-per { height: 50% !important; } .height-55-per { height: 55% !important; } .height-60-per { height: 60% !important; } .height-65-per { height: 65% !important; } .height-70-per { height: 70% !important; } .height-75-per { height: 75% !important; } .height-80-per { height: 80% !important; } .full-height-vh-with-nav { height: calc(100vh - 5rem - 4rem); } .full-height-vh { height: 100vh; } .line-height-1 { line-height: 1 !important; } .line-height-2 { line-height: 2 !important; } .rotate-45 { transform: rotate(45deg); } .rotate-45-inverse { transform: rotate(-45deg); } .rotate-90 { transform: rotate(45deg); } .rotate-90-inverse { transform: rotate(-45deg); } .rotate-180 { transform: rotate(45deg); } .rotate-180-inverse { transform: rotate(-45deg); } .pull-up { transition: all 0.25s ease; } .pull-up:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0px 14px 24px rgba(62, 57, 107, 0.2); z-index: 30; } .spinner { display: inline-block; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .spinner-reverse { display: inline-block; animation: spin-reverse 1s linear infinite; } @keyframes spin-reverse { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } .bg-cover { background-size: cover !important; } .background-repeat { background-repeat: repeat !important; } .background-no-repeat { background-repeat: no-repeat !important; } .img-xl { width: 64px !important; height: 64px !important; } .img-lg { width: 44px !important; height: 44px !important; } .img-sm { width: 36px !important; height: 36px !important; } .img-xs { width: 32px !important; height: 32px !important; } .bg-hexagons { background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23f7f7f7' fill-opacity='1' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .bg-hexagons-danger { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23ff6576' fill-opacity='1' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .avatar { position: relative; display: inline-block; width: 30px; white-space: nowrap; border-radius: 1000px; vertical-align: bottom; } .avatar i { position: absolute; right: -7px; bottom: 2px; width: 8px; height: 8px; border-radius: 100%; } .avatar span.text-circle { text-align: center; vertical-align: middle; color: #fff; font-size: 1.2rem; background: #babfc7; display: table-cell; } .avatar img { width: 100%; max-width: 100%; height: auto; border: 0 none; border-radius: 1000px; } .avatar .badge-up { top: -8px; right: -11px; } .avatar-online i { background-color: #28d094; } .avatar-off i { background-color: #babfc7; } .avatar-busy i { background-color: #ff4961; } .avatar-away i { background-color: #ff9149; } .avatar-100 { width: 100px; } .avatar-100 span.text-circle { width: 100px; height: 100px; } .avatar-100 i { height: 20px; width: 20px; } .avatar-50 { width: 50px; } .avatar-50 span.text-circle { width: 50px; height: 50px; } .avatar-50 i { height: 10px; width: 10px; } .avatar-lg { width: 144px; } .avatar-lg span.text-circle { width: 144px; height: 144px; } .avatar-lg i { right: 0; bottom: 0; height: 20px; width: 20px; } .avatar-md { width: 40px; } .avatar-md span.text-circle { width: 40px; height: 40px; } .avatar-md i { right: 0; bottom: 0; height: 10px; width: 10px; } .avatar-sm { width: 32px; } .avatar-sm span.text-circle { width: 32px; height: 32px; } .avatar-sm i { height: 8px; width: 8px; } .avatar-xs { width: 24px; } .avatar-xs span.text-circle { width: 24px; height: 24px; } .avatar-xs i { height: 7px; width: 7px; } /*========================================================================================= File Name: search.scss Description: Search functionality. ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ==========================================================================================*/ .navbar-container a.nav-link-search { float: left; } .navbar-container .search-input { float: left; padding-top: 1.2rem; width: 0; } .navbar-container .search-input .input { width: 0; border: none; background: none; transition: all 0.2s ease-out; line-height: 16px; } .navbar-container .search-input.open .input { width: 136px; padding: 5px 10px; outline: none; background: none; transition: all 0.3s ease-out; } .navbar-light .search-input .input, .navbar-semi-dark .search-input .input { color: #2C303B; } .navbar-light .search-input .input::placeholder, .navbar-semi-dark .search-input .input::placeholder { color: #2C303B; } .navbar-light .search-input.open .input, .navbar-semi-dark .search-input.open .input { color: #2C303B; border-bottom: 1px solid #2C303B; } .navbar-dark .search-input .input, .navbar-semi-light .search-input .input { color: #F9FAFD; } .navbar-dark .search-input .input::placeholder, .navbar-semi-light .search-input .input::placeholder { color: #F9FAFD; } .navbar-dark .search-input.open .input, .navbar-semi-light .search-input.open .input { color: #F9FAFD; border-bottom: 1px solid #F9FAFD; } @media (max-width: 991.98px) { #navbar-mobile .search-input.open .input { width: 136px; color: #2C303B; border-bottom: 1px solid #2C303B; overflow: hidden; position: relative; background: none; z-index: 1; padding: 10px 10px; top: -5px; } } @media only screen and (max-width: 576px) { #search-results li.media { flex-direction: column; } } @media only screen and (max-width: 600px) { #search-results .img-fluid.rounded { margin-right: 1rem; } } .btn-social, .btn-social-icon { position: relative; padding-left: 3.95rem; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .btn-social > :first-child, .btn-social-icon > :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 2.95rem; line-height: 2.7rem; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2); } .btn-social.btn-lg, .btn-lg.btn-social-icon, .btn-group-lg > .btn-social.btn, .btn-group-lg > .btn.btn-social-icon { padding-left: 3.25rem; } .btn-social.btn-lg > :first-child, .btn-lg.btn-social-icon > :first-child, .btn-group-lg > .btn-social.btn > :first-child, .btn-group-lg > .btn.btn-social-icon > :first-child { line-height: 3.7rem; width: 3rem; font-size: 1.8em; } .btn-social.btn-sm, .btn-sm.btn-social-icon, .btn-group-sm > .btn-social.btn, .btn-group-sm > .btn.btn-social-icon { padding-left: 3.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } .btn-social.btn-sm > :first-child, .btn-sm.btn-social-icon > :first-child, .btn-group-sm > .btn-social.btn > :first-child, .btn-group-sm > .btn.btn-social-icon > :first-child { line-height: 2.2rem; width: 3rem; font-size: 1.4em; } .btn-social.btn-xs, .btn-xs.btn-social-icon { padding-left: 2.25rem; font-size: 0.75rem; line-height: 0.2rem; } .btn-social.btn-xs > :first-child, .btn-xs.btn-social-icon > :first-child { line-height: 2rem; width: 1.8rem; font-size: 1.2em; } .btn-social-icon { height: 2.95rem; width: 2.95rem; padding: 0; } .btn-social-icon > :first-child { border: none; text-align: center; width: 100% !important; } .btn-social-icon.btn-lg, .btn-group-lg > .btn-social-icon.btn { height: 4rem; width: 4rem; padding-left: 0; padding-right: 0; } .btn-social-icon.btn-sm, .btn-group-sm > .btn-social-icon.btn { height: 2.5rem; width: 2.5rem; padding-left: 0; padding-right: 0; } .btn-social-icon.btn-xs { height: 2rem; width: 2rem; padding-left: 0; padding-right: 0; } .btn-adn { background-color: #d87a68; color: #fff; background-color: #d87a68; border-color: #fff; } .btn-adn:hover { color: #fff; background-color: #d87a68; border-color: #d87a68; } .btn-adn:focus, .btn-adn.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-adn.disabled, .btn-adn:disabled { color: #fff; background-color: #d87a68; border-color: #fff; } .btn-adn:not(:disabled):not(.disabled):active, .btn-adn:not(:disabled):not(.disabled).active, .show > .btn-adn.dropdown-toggle { color: #fff; background-color: #ce563f; border-color: #dfdfdf; } .btn-adn:not(:disabled):not(.disabled):active:focus, .btn-adn:not(:disabled):not(.disabled).active:focus, .show > .btn-adn.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-bitbucket { background-color: #205081; color: #fff; background-color: #205081; border-color: #fff; } .btn-bitbucket:hover { color: #fff; background-color: #205081; border-color: #205081; } .btn-bitbucket:focus, .btn-bitbucket.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-bitbucket.disabled, .btn-bitbucket:disabled { color: #fff; background-color: #205081; border-color: #fff; } .btn-bitbucket:not(:disabled):not(.disabled):active, .btn-bitbucket:not(:disabled):not(.disabled).active, .show > .btn-bitbucket.dropdown-toggle { color: #fff; background-color: #163758; border-color: #dfdfdf; } .btn-bitbucket:not(:disabled):not(.disabled):active:focus, .btn-bitbucket:not(:disabled):not(.disabled).active:focus, .show > .btn-bitbucket.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-dropbox { background-color: #1087dd; color: #fff; background-color: #1087dd; border-color: #fff; } .btn-dropbox:hover { color: #fff; background-color: #1087dd; border-color: #1087dd; } .btn-dropbox:focus, .btn-dropbox.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-dropbox.disabled, .btn-dropbox:disabled { color: #fff; background-color: #1087dd; border-color: #fff; } .btn-dropbox:not(:disabled):not(.disabled):active, .btn-dropbox:not(:disabled):not(.disabled).active, .show > .btn-dropbox.dropdown-toggle { color: #fff; background-color: #0d6aad; border-color: #dfdfdf; } .btn-dropbox:not(:disabled):not(.disabled):active:focus, .btn-dropbox:not(:disabled):not(.disabled).active:focus, .show > .btn-dropbox.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-facebook { background-color: #3b5998; color: #fff; background-color: #3b5998; border-color: #fff; } .btn-facebook:hover { color: #fff; background-color: #3b5998; border-color: #3b5998; } .btn-facebook:focus, .btn-facebook.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-facebook.disabled, .btn-facebook:disabled { color: #fff; background-color: #3b5998; border-color: #fff; } .btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active, .show > .btn-facebook.dropdown-toggle { color: #fff; background-color: #2d4373; border-color: #dfdfdf; } .btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus, .show > .btn-facebook.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-flickr { background-color: #ff0084; color: #fff; background-color: #ff0084; border-color: #fff; } .btn-flickr:hover { color: #fff; background-color: #ff0084; border-color: #ff0084; } .btn-flickr:focus, .btn-flickr.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-flickr.disabled, .btn-flickr:disabled { color: #fff; background-color: #ff0084; border-color: #fff; } .btn-flickr:not(:disabled):not(.disabled):active, .btn-flickr:not(:disabled):not(.disabled).active, .show > .btn-flickr.dropdown-toggle { color: #fff; background-color: #cc006a; border-color: #dfdfdf; } .btn-flickr:not(:disabled):not(.disabled):active:focus, .btn-flickr:not(:disabled):not(.disabled).active:focus, .show > .btn-flickr.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-foursquare { background-color: #f94877; color: #fff; background-color: #f94877; border-color: #fff; } .btn-foursquare:hover { color: #fff; background-color: #f94877; border-color: #f94877; } .btn-foursquare:focus, .btn-foursquare.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-foursquare.disabled, .btn-foursquare:disabled { color: #fff; background-color: #f94877; border-color: #fff; } .btn-foursquare:not(:disabled):not(.disabled):active, .btn-foursquare:not(:disabled):not(.disabled).active, .show > .btn-foursquare.dropdown-toggle { color: #fff; background-color: #f71752; border-color: #dfdfdf; } .btn-foursquare:not(:disabled):not(.disabled):active:focus, .btn-foursquare:not(:disabled):not(.disabled).active:focus, .show > .btn-foursquare.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-github { background-color: #444444; color: #fff; background-color: #444444; border-color: #fff; } .btn-github:hover { color: #fff; background-color: #444444; border-color: #444444; } .btn-github:focus, .btn-github.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-github.disabled, .btn-github:disabled { color: #fff; background-color: #444444; border-color: #fff; } .btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active, .show > .btn-github.dropdown-toggle { color: #fff; background-color: #2b2b2b; border-color: #dfdfdf; } .btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus, .show > .btn-github.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-google { background-color: #dd4b39; color: #fff; background-color: #dd4b39; border-color: #fff; } .btn-google:hover { color: #fff; background-color: #dd4b39; border-color: #dd4b39; } .btn-google:focus, .btn-google.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-google.disabled, .btn-google:disabled { color: #fff; background-color: #dd4b39; border-color: #fff; } .btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active, .show > .btn-google.dropdown-toggle { color: #fff; background-color: #c23321; border-color: #dfdfdf; } .btn-google:not(:disabled):not(.disabled):active:focus, .btn-google:not(:disabled):not(.disabled).active:focus, .show > .btn-google.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-instagram { background-color: #3f729b; color: #fff; background-color: #3f729b; border-color: #fff; } .btn-instagram:hover { color: #fff; background-color: #3f729b; border-color: #3f729b; } .btn-instagram:focus, .btn-instagram.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-instagram.disabled, .btn-instagram:disabled { color: #fff; background-color: #3f729b; border-color: #fff; } .btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram:not(:disabled):not(.disabled).active, .show > .btn-instagram.dropdown-toggle { color: #fff; background-color: #305777; border-color: #dfdfdf; } .btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram:not(:disabled):not(.disabled).active:focus, .show > .btn-instagram.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-linkedin { background-color: #007bb6; color: #fff; background-color: #007bb6; border-color: #fff; } .btn-linkedin:hover { color: #fff; background-color: #007bb6; border-color: #007bb6; } .btn-linkedin:focus, .btn-linkedin.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-linkedin.disabled, .btn-linkedin:disabled { color: #fff; background-color: #007bb6; border-color: #fff; } .btn-linkedin:not(:disabled):not(.disabled):active, .btn-linkedin:not(:disabled):not(.disabled).active, .show > .btn-linkedin.dropdown-toggle { color: #fff; background-color: #005983; border-color: #dfdfdf; } .btn-linkedin:not(:disabled):not(.disabled):active:focus, .btn-linkedin:not(:disabled):not(.disabled).active:focus, .show > .btn-linkedin.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-microsoft { background-color: #2672ec; color: #fff; background-color: #2672ec; border-color: #fff; } .btn-microsoft:hover { color: #fff; background-color: #2672ec; border-color: #2672ec; } .btn-microsoft:focus, .btn-microsoft.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-microsoft.disabled, .btn-microsoft:disabled { color: #fff; background-color: #2672ec; border-color: #fff; } .btn-microsoft:not(:disabled):not(.disabled):active, .btn-microsoft:not(:disabled):not(.disabled).active, .show > .btn-microsoft.dropdown-toggle { color: #fff; background-color: #125acd; border-color: #dfdfdf; } .btn-microsoft:not(:disabled):not(.disabled):active:focus, .btn-microsoft:not(:disabled):not(.disabled).active:focus, .show > .btn-microsoft.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-odnoklassniki { background-color: #f4731c; color: #fff; background-color: #f4731c; border-color: #fff; } .btn-odnoklassniki:hover { color: #fff; background-color: #f4731c; border-color: #f4731c; } .btn-odnoklassniki:focus, .btn-odnoklassniki.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-odnoklassniki.disabled, .btn-odnoklassniki:disabled { color: #fff; background-color: #f4731c; border-color: #fff; } .btn-odnoklassniki:not(:disabled):not(.disabled):active, .btn-odnoklassniki:not(:disabled):not(.disabled).active, .show > .btn-odnoklassniki.dropdown-toggle { color: #fff; background-color: #d35b0a; border-color: #dfdfdf; } .btn-odnoklassniki:not(:disabled):not(.disabled):active:focus, .btn-odnoklassniki:not(:disabled):not(.disabled).active:focus, .show > .btn-odnoklassniki.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-openid { background-color: #f7931e; color: #2a2e30; background-color: #f7931e; border-color: #fff; } .btn-openid:hover { color: #2a2e30; background-color: #f7931e; border-color: #f7931e; } .btn-openid:focus, .btn-openid.focus { box-shadow: 0 0 0 0.2rem rgba(223, 224, 224, 0.5); } .btn-openid.disabled, .btn-openid:disabled { color: #2a2e30; background-color: #f7931e; border-color: #fff; } .btn-openid:not(:disabled):not(.disabled):active, .btn-openid:not(:disabled):not(.disabled).active, .show > .btn-openid.dropdown-toggle { color: #fff; background-color: #da7908; border-color: #dfdfdf; } .btn-openid:not(:disabled):not(.disabled):active:focus, .btn-openid:not(:disabled):not(.disabled).active:focus, .show > .btn-openid.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(223, 224, 224, 0.5); } .btn-pinterest { background-color: #cb2027; color: #fff; background-color: #cb2027; border-color: #fff; } .btn-pinterest:hover { color: #fff; background-color: #cb2027; border-color: #cb2027; } .btn-pinterest:focus, .btn-pinterest.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-pinterest.disabled, .btn-pinterest:disabled { color: #fff; background-color: #cb2027; border-color: #fff; } .btn-pinterest:not(:disabled):not(.disabled):active, .btn-pinterest:not(:disabled):not(.disabled).active, .show > .btn-pinterest.dropdown-toggle { color: #fff; background-color: #9f191f; border-color: #dfdfdf; } .btn-pinterest:not(:disabled):not(.disabled):active:focus, .btn-pinterest:not(:disabled):not(.disabled).active:focus, .show > .btn-pinterest.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-reddit { background-color: #eff7ff; color: #2a2e30; background-color: #eff7ff; border-color: #000; } .btn-reddit:hover { color: #fff; background-color: #000; border-color: #000; } .btn-reddit:focus, .btn-reddit.focus { box-shadow: 0 0 0 0.2rem rgba(6, 7, 7, 0.5); } .btn-reddit.disabled, .btn-reddit:disabled { color: #2a2e30; background-color: #eff7ff; border-color: #000; } .btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle { color: #2a2e30; background-color: #bcdeff; border-color: black; } .btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(6, 7, 7, 0.5); } .btn-soundcloud { background-color: #ff5500; color: #fff; background-color: #ff5500; border-color: #fff; } .btn-soundcloud:hover { color: #fff; background-color: #ff5500; border-color: #ff5500; } .btn-soundcloud:focus, .btn-soundcloud.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-soundcloud.disabled, .btn-soundcloud:disabled { color: #fff; background-color: #ff5500; border-color: #fff; } .btn-soundcloud:not(:disabled):not(.disabled):active, .btn-soundcloud:not(:disabled):not(.disabled).active, .show > .btn-soundcloud.dropdown-toggle { color: #fff; background-color: #cc4400; border-color: #dfdfdf; } .btn-soundcloud:not(:disabled):not(.disabled):active:focus, .btn-soundcloud:not(:disabled):not(.disabled).active:focus, .show > .btn-soundcloud.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-tumblr { background-color: #2c4762; color: #fff; background-color: #2c4762; border-color: #fff; } .btn-tumblr:hover { color: #fff; background-color: #2c4762; border-color: #2c4762; } .btn-tumblr:focus, .btn-tumblr.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-tumblr.disabled, .btn-tumblr:disabled { color: #fff; background-color: #2c4762; border-color: #fff; } .btn-tumblr:not(:disabled):not(.disabled):active, .btn-tumblr:not(:disabled):not(.disabled).active, .show > .btn-tumblr.dropdown-toggle { color: #fff; background-color: #1c2e3f; border-color: #dfdfdf; } .btn-tumblr:not(:disabled):not(.disabled):active:focus, .btn-tumblr:not(:disabled):not(.disabled).active:focus, .show > .btn-tumblr.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-twitter { background-color: #55acee; color: #2a2e30; background-color: #55acee; border-color: #fff; } .btn-twitter:hover { color: #2a2e30; background-color: #fff; border-color: #55acee; } .btn-twitter:focus, .btn-twitter.focus { box-shadow: 0 0 0 0.2rem rgba(223, 224, 224, 0.5); } .btn-twitter.disabled, .btn-twitter:disabled { color: #2a2e30; background-color: #55acee; border-color: #fff; } .btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active, .show > .btn-twitter.dropdown-toggle { color: #fff; background-color: #2795e9; border-color: #dfdfdf; } .btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus, .show > .btn-twitter.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(223, 224, 224, 0.5); } .btn-vimeo { background-color: #1ab7ea; color: #fff; background-color: #1ab7ea; border-color: #fff; } .btn-vimeo:hover { color: #fff; background-color: #1ab7ea; border-color: #1ab7ea; } .btn-vimeo:focus, .btn-vimeo.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-vimeo.disabled, .btn-vimeo:disabled { color: #fff; background-color: #1ab7ea; border-color: #fff; } .btn-vimeo:not(:disabled):not(.disabled):active, .btn-vimeo:not(:disabled):not(.disabled).active, .show > .btn-vimeo.dropdown-toggle { color: #fff; background-color: #1295bf; border-color: #dfdfdf; } .btn-vimeo:not(:disabled):not(.disabled):active:focus, .btn-vimeo:not(:disabled):not(.disabled).active:focus, .show > .btn-vimeo.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-vk { background-color: #587ea3; color: #fff; background-color: #587ea3; border-color: #fff; } .btn-vk:hover { color: #fff; background-color: #587ea3; border-color: #587ea3; } .btn-vk:focus, .btn-vk.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-vk.disabled, .btn-vk:disabled { color: #fff; background-color: #587ea3; border-color: #fff; } .btn-vk:not(:disabled):not(.disabled):active, .btn-vk:not(:disabled):not(.disabled).active, .show > .btn-vk.dropdown-toggle { color: #fff; background-color: #466482; border-color: #dfdfdf; } .btn-vk:not(:disabled):not(.disabled):active:focus, .btn-vk:not(:disabled):not(.disabled).active:focus, .show > .btn-vk.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-yahoo { background-color: #720e9e; color: #fff; background-color: #720e9e; border-color: #fff; } .btn-yahoo:hover { color: #fff; background-color: #720e9e; border-color: #720e9e; } .btn-yahoo:focus, .btn-yahoo.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-yahoo.disabled, .btn-yahoo:disabled { color: #fff; background-color: #720e9e; border-color: #fff; } .btn-yahoo:not(:disabled):not(.disabled):active, .btn-yahoo:not(:disabled):not(.disabled).active, .show > .btn-yahoo.dropdown-toggle { color: #fff; background-color: #500a6f; border-color: #dfdfdf; } .btn-yahoo:not(:disabled):not(.disabled):active:focus, .btn-yahoo:not(:disabled):not(.disabled).active:focus, .show > .btn-yahoo.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-adn { border: 1px solid #d87a68 !important; color: #d87a68; } .btn-outline-bitbucket { border: 1px solid #205081 !important; color: #205081; } .btn-outline-dropbox { border: 1px solid #1087dd !important; color: #1087dd; } .btn-outline-facebook { border: 1px solid #3b5998 !important; color: #3b5998; } .btn-outline-flickr { border: 1px solid #ff0084 !important; color: #ff0084; } .btn-outline-foursquare { border: 1px solid #f94877 !important; color: #f94877; } .btn-outline-github { border: 1px solid #444444 !important; color: #444444; } .btn-outline-google { border: 1px solid #dd4b39 !important; color: #dd4b39; } .btn-outline-instagram { border: 1px solid #3f729b !important; color: #3f729b; } .btn-outline-linkedin { border: 1px solid #007bb6 !important; color: #007bb6; } .btn-outline-microsoft { border: 1px solid #2672ec !important; color: #2672ec; } .btn-outline-odnoklassniki { border: 1px solid #f4731c !important; color: #f4731c; } .btn-outline-openid { border: 1px solid #f7931e !important; color: #f7931e; } .btn-outline-pinterest { border: 1px solid #cb2027 !important; color: #cb2027; } .btn-outline-reddit { border: 1px solid #ff4500 !important; color: #ff4500; } .btn-outline-soundcloud { border: 1px solid #ff5500 !important; color: #ff5500; } .btn-outline-tumblr { border: 1px solid #2c4762 !important; color: #2c4762; } .btn-outline-twitter { border: 1px solid #55acee !important; color: #55acee; } .btn-outline-vimeo { border: 1px solid #1ab7ea !important; color: #1ab7ea; } .btn-outline-vk { border: 1px solid #587ea3 !important; color: #587ea3; } .btn-outline-yahoo { border: 1px solid #720e9e !important; color: #720e9e; } .btn-outline-adn:hover { color: #ad412d; border: 1px solid #ad412d !important; } .btn-outline-bitbucket:hover { color: #0c1d2f; border: 1px solid #0c1d2f !important; } .btn-outline-dropbox:hover { color: #094d7e; border: 1px solid #094d7e !important; } .btn-outline-facebook:hover { color: #1e2e4f; border: 1px solid #1e2e4f !important; } .btn-outline-flickr:hover { color: #99004f; border: 1px solid #99004f !important; } .btn-outline-foursquare:hover { color: #d4073d; border: 1px solid #d4073d !important; } .btn-outline-github:hover { color: #111111; border: 1px solid #111111 !important; } .btn-outline-google:hover { color: #96271a; border: 1px solid #96271a !important; } .btn-outline-instagram:hover { color: #223d52; border: 1px solid #223d52 !important; } .btn-outline-linkedin:hover { color: #003650; border: 1px solid #003650 !important; } .btn-outline-microsoft:hover { color: #0e459e; border: 1px solid #0e459e !important; } .btn-outline-odnoklassniki:hover { color: #a24608; border: 1px solid #a24608 !important; } .btn-outline-openid:hover { color: #a95e06; border: 1px solid #a95e06 !important; } .btn-outline-pinterest:hover { color: #731216; border: 1px solid #731216 !important; } .btn-outline-reddit:hover { color: #992900; border: 1px solid #992900 !important; } .btn-outline-soundcloud:hover { color: #993300; border: 1px solid #993300 !important; } .btn-outline-tumblr:hover { color: #0c141c; border: 1px solid #0c141c !important; } .btn-outline-twitter:hover { color: #147bc9; border: 1px solid #147bc9 !important; } .btn-outline-vimeo:hover { color: #0d7091; border: 1px solid #0d7091 !important; } .btn-outline-vk:hover { color: #344b61; border: 1px solid #344b61 !important; } .btn-outline-yahoo:hover { color: #2e0640; border: 1px solid #2e0640 !important; } .bg-adn { background-color: #d87a68; } .bg-bitbucket { background-color: #205081; } .bg-dropbox { background-color: #1087dd; } .bg-facebook { background-color: #3b5998; } .bg-flickr { background-color: #ff0084; } .bg-foursquare { background-color: #f94877; } .bg-github { background-color: #444444; } .bg-google { background-color: #dd4b39; } .bg-instagram { background-color: #3f729b; } .bg-linkedin { background-color: #007bb6; } .bg-microsoft { background-color: #2672ec; } .bg-odnoklassniki { background-color: #f4731c; } .bg-openid { background-color: #f7931e; } .bg-pinterest { background-color: #cb2027; } .bg-reddit { background-color: #ff4500; } .bg-soundcloud { background-color: #ff5500; } .bg-tumblr { background-color: #2c4762; } .bg-twitter { background-color: #55acee; } .bg-vimeo { background-color: #1ab7ea; } .bg-vk { background-color: #587ea3; } .bg-yahoo { background-color: #720e9e; } .content-head-image .content .content-wrapper .content-header { height: 200px; padding: 2rem 1rem 0; margin: 0 0 3rem; position: relative; } .content-head-image .content .content-wrapper .content-header::before { content: ""; background-color: #000; opacity: 0.3; width: 100%; height: 200px; position: absolute; top: 0; left: 0; } .content-head-image .content .content-wrapper .content-header .content-header-title { color: #fff; font-size: 2rem; } .content-head-image .content .content-wrapper .content-header .breadcrumbs-top { position: absolute; bottom: 0rem; } .content-head-image .content .content-wrapper .content-header .breadcrumbs-top .breadcrumb li a, .content-head-image .content .content-wrapper .content-header .breadcrumbs-top .breadcrumb li::before, .content-head-image .content .content-wrapper .content-header .breadcrumbs-top .breadcrumb li::after { color: #fff; } .content-head-image .content .content-wrapper .content-header .breadcrumbs-top .breadcrumb li.active { color: #fff; font-weight: 500; } /*========================================================================================= File Name: customizer.scss Description: CSS used for demo purpose only. Remove this css from your project. ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ==========================================================================================*/ .customizer { width: 400px; right: -400px; padding: 0; background-color: #FFF; z-index: 1051; position: fixed; top: 0; bottom: 0; height: 100vh; transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99); backface-visibility: hidden; border-left: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); } .customizer.open { right: 0; } .customizer .customizer-content { position: relative; height: 100%; } .customizer .customizer-content .custom-control .custom-control-label { top: 0; } .customizer a.customizer-toggle { background: #FFF; color: #666ee8; display: block; border-radius: 15px 0 0 15px; } .customizer a.customizer-close { color: #000; } .customizer .customizer-close { position: absolute; right: 10px; top: 10px; padding: 7px; width: auto; z-index: 10; } .customizer .customizer-toggle { position: absolute; top: 35%; width: 54px; height: 50px; left: -54px; text-align: center; line-height: 56px; cursor: pointer; } .customizer .color-options a { white-space: pre; } .customizer .customizer-sidebar-options .active { background-color: #666ee8; border-color: #666ee8; color: #FFF; } .buy-now { position: fixed; bottom: 5%; right: 2%; z-index: 1051; } #scroll-top { width: 40px; height: 40px; z-index: 99; position: fixed; bottom: 100px; right: 30px; display: none; cursor: pointer; background: url("/assets/images/slider/top.png") no-repeat; } .ps-container { touch-action: none; overflow: hidden !important; -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { .ps-container { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps-container { overflow: auto !important; } } .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; background-color: transparent; } .ps-container.ps-in-scrolling { pointer-events: none; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; } .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: #aaa; border-radius: 4px; transition: background-color 0.2s linear; bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; } .ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 8px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: #aaa; border-radius: 4px; transition: background-color 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 8px; } .ps-container:hover.ps-in-scrolling { pointer-events: none; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; } .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: #999; } .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #999; } .ps-theme-dark { touch-action: none; overflow: hidden !important; -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { .ps-theme-dark { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps-theme-dark { overflow: auto !important; } } .ps-theme-dark.ps-active-x > .ps-scrollbar-x-rail, .ps-theme-dark.ps-active-y > .ps-scrollbar-y-rail { display: block; background-color: transperant; } .ps-theme-dark.ps-in-scrolling { pointer-events: none; } .ps-theme-dark.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .ps-theme-dark.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.4); } .ps-theme-dark.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .ps-theme-dark.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.4); } .ps-theme-dark > .ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; } .ps-theme-dark > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: rgba(0, 0, 0, 0.2); border-radius: 4px; transition: background-color 0.2s linear; bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; } .ps-theme-dark > .ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y-rail */ width: 6px; } .ps-theme-dark > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: rgba(0, 0, 0, 0.2); border-radius: 4px; transition: background-color 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 6px; } .ps-theme-dark:hover.ps-in-scrolling { pointer-events: none; } .ps-theme-dark:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .ps-theme-dark:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.4); } .ps-theme-dark:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .ps-theme-dark:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.4); } .ps-theme-dark:hover > .ps-scrollbar-x-rail, .ps-theme-dark:hover > .ps-scrollbar-y-rail { opacity: 0.6; } .ps-theme-dark:hover > .ps-scrollbar-x-rail:hover { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .ps-theme-dark:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.4); } .ps-theme-dark:hover > .ps-scrollbar-y-rail:hover { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .ps-theme-dark:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.4); } .ps-theme-light { touch-action: none; overflow: hidden !important; -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { .ps-theme-light { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps-theme-light { overflow: auto !important; } } .ps-theme-light.ps-active-x > .ps-scrollbar-x-rail, .ps-theme-light.ps-active-y > .ps-scrollbar-y-rail { display: block; background-color: transperant; } .ps-theme-light.ps-in-scrolling { pointer-events: none; } .ps-theme-light.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: rgba(255, 255, 255, 0.2); opacity: 0.9; } .ps-theme-light.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: rgba(255, 255, 255, 0.8); } .ps-theme-light.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: rgba(255, 255, 255, 0.2); opacity: 0.9; } .ps-theme-light.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: rgba(255, 255, 255, 0.8); } .ps-theme-light > .ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; } .ps-theme-light > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: rgba(255, 255, 255, 0.5); border-radius: 4px; transition: background-color 0.2s linear; bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; } .ps-theme-light > .ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y-rail */ width: 6px; } .ps-theme-light > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: rgba(255, 255, 255, 0.5); border-radius: 4px; transition: background-color 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 6px; } .ps-theme-light:hover.ps-in-scrolling { pointer-events: none; } .ps-theme-light:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: rgba(255, 255, 255, 0.2); opacity: 0.9; } .ps-theme-light:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: rgba(255, 255, 255, 0.8); } .ps-theme-light:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: rgba(255, 255, 255, 0.2); opacity: 0.9; } .ps-theme-light:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: rgba(255, 255, 255, 0.8); } .ps-theme-light:hover > .ps-scrollbar-x-rail, .ps-theme-light:hover > .ps-scrollbar-y-rail { opacity: 0.6; } .ps-theme-light:hover > .ps-scrollbar-x-rail:hover { background-color: rgba(255, 255, 255, 0.2); opacity: 0.9; } .ps-theme-light:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: rgba(255, 255, 255, 0.8); } .ps-theme-light:hover > .ps-scrollbar-y-rail:hover { background-color: rgba(255, 255, 255, 0.2); opacity: 0.9; } .ps-theme-light:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: rgba(255, 255, 255, 0.8); } .menu-collapsed .ps-theme-dark { touch-action: none; overflow: hidden !important; -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { .menu-collapsed .ps-theme-dark { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .menu-collapsed .ps-theme-dark { overflow: auto !important; } } .menu-collapsed .ps-theme-dark.ps-active-x > .ps-scrollbar-x-rail, .menu-collapsed .ps-theme-dark.ps-active-y > .ps-scrollbar-y-rail { display: block; background-color: transparent; } .menu-collapsed .ps-theme-dark.ps-in-scrolling { pointer-events: none; } .menu-collapsed .ps-theme-dark.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .menu-collapsed .ps-theme-dark.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .menu-collapsed .ps-theme-dark.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .menu-collapsed .ps-theme-dark.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .menu-collapsed .ps-theme-dark > .ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; } .menu-collapsed .ps-theme-dark > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: #55595c !important; border-radius: 4px; transition: background-color 0.2s linear; bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; } .menu-collapsed .ps-theme-dark > .ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y-rail */ width: 6px; } .menu-collapsed .ps-theme-dark > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: #55595c !important; border-radius: 4px; transition: background-color 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 6px; } .menu-collapsed .ps-theme-dark:hover.ps-in-scrolling { pointer-events: none; } .menu-collapsed .ps-theme-dark:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .menu-collapsed .ps-theme-dark:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .menu-collapsed .ps-theme-dark:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .menu-collapsed .ps-theme-dark:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .menu-collapsed .ps-theme-dark:hover > .ps-scrollbar-x-rail, .menu-collapsed .ps-theme-dark:hover > .ps-scrollbar-y-rail { opacity: 0; } .menu-collapsed .ps-theme-dark:hover > .ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; } .menu-collapsed .ps-theme-dark:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: #999; } .menu-collapsed .ps-theme-dark:hover > .ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; } .menu-collapsed .ps-theme-dark:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #999; } .menu-collapsed ul.ps-theme-dark { touch-action: none; overflow: hidden !important; -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { .menu-collapsed ul.ps-theme-dark { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .menu-collapsed ul.ps-theme-dark { overflow: auto !important; } } .menu-collapsed ul.ps-theme-dark.ps-active-x > .ps-scrollbar-x-rail, .menu-collapsed ul.ps-theme-dark.ps-active-y > .ps-scrollbar-y-rail { display: block; background-color: transperant; } .menu-collapsed ul.ps-theme-dark.ps-in-scrolling { pointer-events: none; } .menu-collapsed ul.ps-theme-dark.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .menu-collapsed ul.ps-theme-dark.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.4); } .menu-collapsed ul.ps-theme-dark.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .menu-collapsed ul.ps-theme-dark.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.4); } .menu-collapsed ul.ps-theme-dark > .ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; } .menu-collapsed ul.ps-theme-dark > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: rgba(0, 0, 0, 0.2); border-radius: 4px; transition: background-color 0.2s linear; bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; } .menu-collapsed ul.ps-theme-dark > .ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y-rail */ width: 6px; } .menu-collapsed ul.ps-theme-dark > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: rgba(0, 0, 0, 0.2); border-radius: 4px; transition: background-color 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 6px; } .menu-collapsed ul.ps-theme-dark:hover.ps-in-scrolling { pointer-events: none; } .menu-collapsed ul.ps-theme-dark:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .menu-collapsed ul.ps-theme-dark:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.4); } .menu-collapsed ul.ps-theme-dark:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .menu-collapsed ul.ps-theme-dark:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.4); } .menu-collapsed ul.ps-theme-dark:hover > .ps-scrollbar-x-rail, .menu-collapsed ul.ps-theme-dark:hover > .ps-scrollbar-y-rail { opacity: 0.6; } .menu-collapsed ul.ps-theme-dark:hover > .ps-scrollbar-x-rail:hover { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .menu-collapsed ul.ps-theme-dark:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.4); } .menu-collapsed ul.ps-theme-dark:hover > .ps-scrollbar-y-rail:hover { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .menu-collapsed ul.ps-theme-dark:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.4); } .vertical-menu-modern.menu-collapsed .ps-theme-dark { touch-action: none; overflow: hidden !important; -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { .vertical-menu-modern.menu-collapsed .ps-theme-dark { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .vertical-menu-modern.menu-collapsed .ps-theme-dark { overflow: auto !important; } } .vertical-menu-modern.menu-collapsed .ps-theme-dark.ps-active-x > .ps-scrollbar-x-rail, .vertical-menu-modern.menu-collapsed .ps-theme-dark.ps-active-y > .ps-scrollbar-y-rail { display: block; background-color: transperant; } .vertical-menu-modern.menu-collapsed .ps-theme-dark.ps-in-scrolling { pointer-events: none; } .vertical-menu-modern.menu-collapsed .ps-theme-dark.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .vertical-menu-modern.menu-collapsed .ps-theme-dark.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.4); } .vertical-menu-modern.menu-collapsed .ps-theme-dark.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .vertical-menu-modern.menu-collapsed .ps-theme-dark.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.4); } .vertical-menu-modern.menu-collapsed .ps-theme-dark > .ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; } .vertical-menu-modern.menu-collapsed .ps-theme-dark > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: rgba(0, 0, 0, 0.2); border-radius: 4px; transition: background-color 0.2s linear; bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; } .vertical-menu-modern.menu-collapsed .ps-theme-dark > .ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y-rail */ width: 6px; } .vertical-menu-modern.menu-collapsed .ps-theme-dark > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: rgba(0, 0, 0, 0.2); border-radius: 4px; transition: background-color 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 6px; } .vertical-menu-modern.menu-collapsed .ps-theme-dark:hover.ps-in-scrolling { pointer-events: none; } .vertical-menu-modern.menu-collapsed .ps-theme-dark:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .vertical-menu-modern.menu-collapsed .ps-theme-dark:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.4); } .vertical-menu-modern.menu-collapsed .ps-theme-dark:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .vertical-menu-modern.menu-collapsed .ps-theme-dark:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.4); } .vertical-menu-modern.menu-collapsed .ps-theme-dark:hover > .ps-scrollbar-x-rail, .vertical-menu-modern.menu-collapsed .ps-theme-dark:hover > .ps-scrollbar-y-rail { opacity: 0.6; } .vertical-menu-modern.menu-collapsed .ps-theme-dark:hover > .ps-scrollbar-x-rail:hover { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .vertical-menu-modern.menu-collapsed .ps-theme-dark:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.4); } .vertical-menu-modern.menu-collapsed .ps-theme-dark:hover > .ps-scrollbar-y-rail:hover { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .vertical-menu-modern.menu-collapsed .ps-theme-dark:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.4); } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark { touch-action: none; overflow: hidden !important; -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { .vertical-menu-modern.menu-collapsed ul.ps-theme-dark { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .vertical-menu-modern.menu-collapsed ul.ps-theme-dark { overflow: auto !important; } } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark.ps-active-x > .ps-scrollbar-x-rail, .vertical-menu-modern.menu-collapsed ul.ps-theme-dark.ps-active-y > .ps-scrollbar-y-rail { display: block; background-color: transperant; } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark.ps-in-scrolling { pointer-events: none; } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.4); } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.4); } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark > .ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: rgba(0, 0, 0, 0.2); border-radius: 4px; transition: background-color 0.2s linear; bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark > .ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 4px; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y-rail */ width: 6px; } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: rgba(0, 0, 0, 0.2); border-radius: 4px; transition: background-color 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 6px; } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark:hover.ps-in-scrolling { pointer-events: none; } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.4); } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.4); } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark:hover > .ps-scrollbar-x-rail, .vertical-menu-modern.menu-collapsed ul.ps-theme-dark:hover > .ps-scrollbar-y-rail { opacity: 0.6; } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark:hover > .ps-scrollbar-x-rail:hover { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.4); } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark:hover > .ps-scrollbar-y-rail:hover { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .vertical-menu-modern.menu-collapsed ul.ps-theme-dark:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.4); } /* to make scrollbars always visible */ .always-visible.ps-container > .ps-scrollbar-x-rail, .always-visible.ps-container > .ps-scrollbar-y-rail { opacity: 0.6; } .large-margin.ps-container > .ps-scrollbar-x-rail { margin: 0 25%; } .large-margin.ps-container > .ps-scrollbar-y-rail { margin: 100px 0; } @media screen and (min-width: 0px) { head { font-family: "xs 0px"; } body:after { content: "xs - min-width: 0px"; } } @media screen and (min-width: 544px) { head { font-family: "sm 544px"; } body:after { content: "sm - min-width: 544px"; } } @media screen and (min-width: 768px) { head { font-family: "md 768px"; } body:after { content: "md - min-width: 768px"; } } @media screen and (min-width: 992px) { head { font-family: "lg 992px"; } body:after { content: "lg - min-width: 992px"; } } @media screen and (min-width: 1200px) { head { font-family: "xl 1200px"; } body:after { content: "xl - min-width: 1200px"; } } head { clear: both; } head title { font-family: "xs 0px, sm 544px, md 768px, lg 992px, xl 1200px"; } body:after { display: none; } *[data-usn-if] { display: none; } .group-area { margin-bottom: 3rem; } .block { display: block; width: 100%; } select[multiple=multiple] { overflow: auto; } /* Input with icon */ .has-icon-left .form-control { padding-left: 2.5rem; } .form-control-position { position: absolute; top: 1px; right: 0; z-index: 2; display: block; width: 2.5rem; height: 2.5rem; line-height: 3.2rem; text-align: center; } select.form-control:not([size]):not([multiple]), input.form-control { /*-------------------------- Sizing --------------------------*/ } select.form-control:not([size]):not([multiple]).input-xl, input.form-control.input-xl { height: 3.75rem; padding: 0.5rem 1rem; font-size: 1.5rem; line-height: 1.45; border-radius: 0.35rem; } select.form-control:not([size]):not([multiple]).form-group-xl .form-control, input.form-control.form-group-xl .form-control { height: 3.75rem; padding: 0.5rem 0.5rem; font-size: 1.5rem; line-height: 1.45; border-radius: 0.35rem; } select.form-control:not([size]):not([multiple]).form-group-xl .form-control-static, input.form-control.form-group-xl .form-control-static { height: 3.55rem; padding: 0.5rem 0.5rem; font-size: 1.5rem; line-height: 1.7; } select.form-control:not([size]):not([multiple]).input-lg, input.form-control.input-lg { height: 3rem; padding: 0.75rem 0.75rem; font-size: 1.25rem; line-height: 1.45; border-radius: 0.35rem; } select.form-control:not([size]):not([multiple]).form-group-lg .form-control, input.form-control.form-group-lg .form-control { height: 3rem; padding: 1rem 1.25rem; font-size: 1.25rem; line-height: 1.25; border-radius: 0.35rem; } select.form-control:not([size]):not([multiple]).form-group-lg select.form-control, input.form-control.form-group-lg select.form-control { height: calc(1.25em + 2rem + 2px); line-height: calc(1.25em + 2rem + 2px); } select.form-control:not([size]):not([multiple]).form-group-lg textarea.form-control, select.form-control:not([size]):not([multiple]).form-group-lg select[multiple].form-control, input.form-control.form-group-lg textarea.form-control, input.form-control.form-group-lg select[multiple].form-control { height: auto; } select.form-control:not([size]):not([multiple]).form-group-lg .form-control-static, input.form-control.form-group-lg .form-control-static { height: calc(1.25em + 2rem + 2px); min-height: 2.7rem; padding: 2rem 1.25rem; font-size: 1.25rem; line-height: 1.25; } select.form-control:not([size]):not([multiple]).input-sm, input.form-control.input-sm { height: 2rem; padding: 0.95rem 0.95rem; font-size: 0.975rem; line-height: 1.45; border-radius: 0.21rem; } select.form-control:not([size]):not([multiple]).form-group-sm .form-control, input.form-control.form-group-sm .form-control { /* font-size: $font-size-sm; line-height: $line-height-sm; */ height: calc(1.875rem + 2px); padding: 0.5rem 0.75rem; font-size: 0.875rem; line-height: 1.45; border-radius: 0.21rem; } select.form-control:not([size]):not([multiple]).form-group-sm .form-control-static, input.form-control.form-group-sm .form-control-static { font-size: 0.875rem; line-height: 1; } select.form-control:not([size]):not([multiple]).input-xs, input.form-control.input-xs { height: 1.525rem; padding: 0.1rem 0.525rem; font-size: 0.75rem; line-height: 1.45; border-radius: 0.12rem; } select.form-control:not([size]):not([multiple]).form-group-xs .form-control, input.form-control.form-group-xs .form-control { height: 1.525rem; padding: 0.2rem 0.275rem; font-size: 0.75rem; line-height: 1.45; border-radius: 0.12rem; } select.form-control:not([size]):not([multiple]).form-group-xs .form-control-static, input.form-control.form-group-xs .form-control-static { height: 1.525rem; padding: 0.2rem 0.275rem; font-size: 0.75rem; line-height: 1.5; } select.form-control:not([size]):not([multiple]).input-xl + .form-control-position, select.form-control:not([size]):not([multiple]).form-group-xl > .form-control-position, input.form-control.input-xl + .form-control-position, input.form-control.form-group-xl > .form-control-position { width: 3.55rem; height: 3.55rem; line-height: 3.55rem; top: 4px; } select.form-control:not([size]):not([multiple]).input-lg + .form-control-position, select.form-control:not([size]):not([multiple]).form-group-lg > .form-control-position, input.form-control.input-lg + .form-control-position, input.form-control.form-group-lg > .form-control-position { width: 3rem; height: 3rem; line-height: 3rem; top: 4px; } select.form-control:not([size]):not([multiple]).input-sm + .form-control-position, select.form-control:not([size]):not([multiple]).form-group-sm > .form-control-position, input.form-control.input-sm + .form-control-position, input.form-control.form-group-sm > .form-control-position { width: calc(1.875rem + 2px); height: calc(1.875rem + 2px); line-height: 2rem; top: 2px; } select.form-control:not([size]):not([multiple]).input-xs + .form-control-position, select.form-control:not([size]):not([multiple]).form-group-xs > .form-control-position, input.form-control.input-xs + .form-control-position, input.form-control.form-group-xs > .form-control-position { width: 1.525rem; height: 1.525rem; line-height: 1.525rem; top: 0; } /*--------------------------------- Input Icon ---------------------------------*/ .position-relative .form-control { padding-right: calc(1.25em + 1.5rem + 2px); } .position-relative .form-control.input-xl { padding-right: 3.55rem; } .position-relative .form-control.input-lg { padding-right: calc(1.25em + 2rem + 2px); } .position-relative .form-control.input-sm { padding-right: calc(1.875rem + 2px); } .position-relative .form-control.input-xs { padding-right: 1.525rem; } /* Input Icon left */ .has-icon-left .form-control { padding-right: 1rem; padding-left: calc(1.25em + 1.5rem + 2px); } .has-icon-left .form-control.input-xl { padding-right: 0.5rem; padding-left: 3.55rem; } .has-icon-left .form-control.input-lg { padding-right: 1.25rem; padding-left: calc(1.25em + 2rem + 2px); } .has-icon-left .form-control.input-sm { padding-right: 0.75rem; padding-left: 1.7rem; } .has-icon-left .form-control.input-xs { padding-right: 0.275rem; padding-left: 1.525rem; } .has-icon-left .form-control-position { right: auto; left: inherit; } input[type=color] { height: calc(1.25em + 1.5rem + 2px); } input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { line-height: 1.45; } .font-size-large { font-size: 1.25rem; } .font-size-base { font-size: 1rem; } .font-size-small { font-size: 0.875rem; } .font-size-xsmall { font-size: 0.75rem; } .form-group-style { position: relative; border: 1px solid rgba(0, 0, 0, 0.07); padding-top: 7px; padding-left: 12px; padding-right: 12px; padding-bottom: 4px; overflow: hidden; } .form-group-style label { margin: 0; text-transform: uppercase; font-weight: 700; } .form-group-style .form-control { border: none; padding-left: 0; margin-top: -4px; background: none; } .form-group-style.focus { background-color: #f0f0f0; } .form-group-style.focus label { opacity: 0.5; } .form-group-style label.filled { opacity: 0.5; } .input-group-xs .form-control, .input-group-xs .input-group-addon, .input-group-xs .input-group-btn > button { padding: 0.175rem 0.5rem; font-size: 0.725rem; line-height: 1.677777; border-bottom-left-radius: 0.175rem; border-top-left-radius: 0.175rem; } .input-group-xs .input-group-btn > button { border-radius: 0.175rem; } /* .input-group-btn > button { &.dropdown-toggle::after{ margin-top: -1.75rem; } } */ .input-group-addon { padding: 0.75rem; } .floating-label-form-group-with-focus label, .floating-label-form-group-with-value label { color: #666ee8 !important; text-transform: uppercase; font-weight: 400; } .btn.btn-social-icon { padding: unset !important; } /*========================================================================================= File Name: navigations.scss Description: Common mixin for menus, contain dark and light version scss. ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ==========================================================================================*/ .main-menu, .vertical-overlay-menu.menu-hide .main-menu { z-index: 1000; position: absolute; display: table-cell; } .main-menu.menu-light, .vertical-overlay-menu.menu-hide .menu-light.main-menu { color: #6b6f82; background: #fff; border-right: 1px solid #e4e7ed; } .main-menu.menu-light .main-menu-header { padding: 20px; } .main-menu.menu-light .main-menu-header .menu-search { background: #e6e6e6; padding: 0.5rem 1rem; color: #545766; } .main-menu.menu-light .main-menu-header .menu-search:focus { border-color: #d9d9d9; } .main-menu.menu-light .navigation { background: #fff; } .main-menu.menu-light .navigation .navigation-header { color: #6b6f82; padding: 30px 20px 8px 20px; } .main-menu.menu-light .navigation .navigation-header span { font-weight: 500; text-transform: uppercase; } .main-menu.menu-light .navigation li a { color: #6b6f82; transition: all 0.2s ease; } .main-menu.menu-light .navigation li a i, .main-menu.menu-light .navigation li a span { transition: all 0.2s ease; } .main-menu.menu-light .navigation li a span { display: inline-block; } .main-menu.menu-light .navigation li a span.menu-sub-title { color: #bdbfc9; } .main-menu.menu-light .navigation li.hover > a, .main-menu.menu-light .navigation li.open > a, .main-menu.menu-light .navigation li.active > a { color: #fff; } .main-menu.menu-light .navigation > li { padding: 0; } .main-menu.menu-light .navigation > li > a { padding: 12px 36px 12px 18px; } .main-menu.menu-light .navigation > li > a .label { margin-top: 4px; margin-right: 5px; } .main-menu.menu-light .navigation > li > a i { position: relative; top: 3px; } .main-menu.menu-light .navigation > li.open > a { color: #545766; background: whitesmoke; border-right: 4px solid #1e9ff2; } .main-menu.menu-light .navigation > li.open .hover > a { transform: translateX(-4px); } .main-menu.menu-light .navigation > li:not(.open) > ul { display: none; } .main-menu.menu-light .navigation > li.hover > a, .main-menu.menu-light .navigation > li:hover > a, .main-menu.menu-light .navigation > li.active > a { color: #545766; } .main-menu.menu-light .navigation > li.hover > a > i, .main-menu.menu-light .navigation > li:hover > a > i, .main-menu.menu-light .navigation > li.active > a > i { transform: translateX(6px); } .main-menu.menu-light .navigation > li.hover > a > span, .main-menu.menu-light .navigation > li:hover > a > span, .main-menu.menu-light .navigation > li.active > a > span { transform: translateX(4px); } .main-menu.menu-light .navigation > li.hover > a.mm-next, .main-menu.menu-light .navigation > li:hover > a.mm-next, .main-menu.menu-light .navigation > li.active > a.mm-next { background-color: inherit; } .main-menu.menu-light .navigation > li.active > a { color: #6b6f82; font-weight: 700; background: #f0f0f0; } .main-menu.menu-light .navigation > li .active { background: #f0f0f0; } .main-menu.menu-light .navigation > li .active > a { color: #85899b; font-weight: 700; background: #f0f0f0; } .main-menu.menu-light .navigation > li .active .hover > a { background: whitesmoke; } .main-menu.menu-light .navigation > li ul { padding: 0; margin: 0; font-size: 1rem; } .main-menu.menu-light .navigation > li ul li { color: #6b6f82; background: transparent; } .main-menu.menu-light .navigation > li ul li > a { padding: 8px 18px 8px 54px; } .main-menu.menu-light .navigation > li ul .has-sub:not(.open) > ul { display: none; } .main-menu.menu-light .navigation > li ul .open > a { color: #6b6f82; } .main-menu.menu-light .navigation > li ul .open > ul { display: block; } .main-menu.menu-light .navigation > li ul .open > ul li > a { padding: 8px 18px 8px 64px; } .main-menu.menu-light .navigation > li ul .open > ul .open > ul { display: block; } .main-menu.menu-light .navigation > li ul .open > ul .open > ul li > a { padding: 8px 18px 8px 74px; } .main-menu.menu-light .navigation > li ul .hover > a, .main-menu.menu-light .navigation > li ul:hover > a { color: #74798d; } .main-menu.menu-light .navigation > li ul .active { background: transparent; } .main-menu.menu-light .navigation > li ul .active > a { color: #85899b; font-weight: 700; } .main-menu.menu-light .navigation > li ul .active .hover > a { background-color: transparent; } .main-menu.menu-light .navigation > li > ul { background: #fff; } .main-menu.menu-light ul.menu-popout { background: #fff; } .main-menu.menu-light ul.menu-popout li a { color: #6b6f82; } .main-menu.menu-light ul.menu-popout li a span.menu-sub-title { color: #bdbfc9; } .main-menu.menu-light ul.menu-popout .has-sub:not(.open) > ul { display: none; } .main-menu.menu-light ul.menu-popout .has-sub.active { font-weight: normal; } .main-menu.menu-light ul.menu-popout .open > a { color: #6b6f82; } .main-menu.menu-light ul.menu-popout .open > ul { display: block; } .main-menu.menu-light ul.menu-popout .open > ul .open { background: #e8e8e8; } .main-menu.menu-light ul.menu-popout .open > ul .open > ul { display: block; background: #e8e8e8; } .main-menu.menu-light ul.menu-popout .hover > a, .main-menu.menu-light ul.menu-popout:hover > a { color: #74798d; } .main-menu.menu-light ul.menu-popout .active { font-weight: 700; } .main-menu.menu-light ul.menu-popout .active > a { color: #85899b; } .main-menu.menu-light ul.menu-popout .active .hover > a, .main-menu.menu-light ul.menu-popout .active :hover > a { background-color: transparent; } .main-menu.menu-dark, .vertical-overlay-menu.menu-hide .menu-dark.main-menu { color: #dcdcdc; background: #2C303B; } .main-menu.menu-dark .main-menu-header { padding: 20px; } .main-menu.menu-dark .main-menu-header .menu-search { background: #16181e; padding: 0.5rem 1rem; color: #c3c3c3; } .main-menu.menu-dark .main-menu-header .menu-search:focus { border-color: #0b0c0f; } .main-menu.menu-dark .navigation { background: #2C303B; } .main-menu.menu-dark .navigation .navigation-header { color: #dcdcdc; padding: 30px 20px 8px 20px; } .main-menu.menu-dark .navigation .navigation-header span { font-weight: 500; text-transform: uppercase; } .main-menu.menu-dark .navigation li a { color: #dcdcdc; transition: all 0.2s ease; } .main-menu.menu-dark .navigation li a i, .main-menu.menu-dark .navigation li a span { transition: all 0.2s ease; } .main-menu.menu-dark .navigation li a span { display: inline-block; } .main-menu.menu-dark .navigation li a span.menu-sub-title { color: white; } .main-menu.menu-dark .navigation li.hover > a, .main-menu.menu-dark .navigation li.open > a, .main-menu.menu-dark .navigation li.active > a { color: #fff; } .main-menu.menu-dark .navigation > li { padding: 0; } .main-menu.menu-dark .navigation > li > a { padding: 12px 36px 12px 18px; } .main-menu.menu-dark .navigation > li > a .label { margin-top: 4px; margin-right: 5px; } .main-menu.menu-dark .navigation > li > a i { position: relative; top: 3px; } .main-menu.menu-dark .navigation > li.open > a { color: #c3c3c3; background: #23262f; border-right: 4px solid #1e9ff2; } .main-menu.menu-dark .navigation > li.open .hover > a { transform: translateX(-4px); } .main-menu.menu-dark .navigation > li:not(.open) > ul { display: none; } .main-menu.menu-dark .navigation > li.hover > a, .main-menu.menu-dark .navigation > li:hover > a, .main-menu.menu-dark .navigation > li.active > a { color: #c3c3c3; } .main-menu.menu-dark .navigation > li.hover > a > i, .main-menu.menu-dark .navigation > li:hover > a > i, .main-menu.menu-dark .navigation > li.active > a > i { transform: translateX(6px); } .main-menu.menu-dark .navigation > li.hover > a > span, .main-menu.menu-dark .navigation > li:hover > a > span, .main-menu.menu-dark .navigation > li.active > a > span { transform: translateX(4px); } .main-menu.menu-dark .navigation > li.hover > a.mm-next, .main-menu.menu-dark .navigation > li:hover > a.mm-next, .main-menu.menu-dark .navigation > li.active > a.mm-next { background-color: inherit; } .main-menu.menu-dark .navigation > li.active > a { color: #dcdcdc; font-weight: 700; background: #1f2229; } .main-menu.menu-dark .navigation > li .active { background: #1f2229; } .main-menu.menu-dark .navigation > li .active > a { color: #f6f6f6; font-weight: 700; background: #1f2229; } .main-menu.menu-dark .navigation > li .active .hover > a { background: #23262f; } .main-menu.menu-dark .navigation > li ul { padding: 0; margin: 0; font-size: 1rem; } .main-menu.menu-dark .navigation > li ul li { color: #dcdcdc; background: transparent; } .main-menu.menu-dark .navigation > li ul li > a { padding: 8px 18px 8px 54px; } .main-menu.menu-dark .navigation > li ul .has-sub:not(.open) > ul { display: none; } .main-menu.menu-dark .navigation > li ul .open > a { color: #dcdcdc; } .main-menu.menu-dark .navigation > li ul .open > ul { display: block; } .main-menu.menu-dark .navigation > li ul .open > ul li > a { padding: 8px 18px 8px 64px; } .main-menu.menu-dark .navigation > li ul .open > ul .open > ul { display: block; } .main-menu.menu-dark .navigation > li ul .open > ul .open > ul li > a { padding: 8px 18px 8px 74px; } .main-menu.menu-dark .navigation > li ul .hover > a, .main-menu.menu-dark .navigation > li ul:hover > a { color: #e6e6e6; } .main-menu.menu-dark .navigation > li ul .active { background: transparent; } .main-menu.menu-dark .navigation > li ul .active > a { color: #f6f6f6; font-weight: 700; } .main-menu.menu-dark .navigation > li ul .active .hover > a { background-color: transparent; } .main-menu.menu-dark .navigation > li > ul { background: #2C303B; } .main-menu.menu-dark ul.menu-popout { background: #2C303B; } .main-menu.menu-dark ul.menu-popout li a { color: #dcdcdc; } .main-menu.menu-dark ul.menu-popout li a span.menu-sub-title { color: white; } .main-menu.menu-dark ul.menu-popout .has-sub:not(.open) > ul { display: none; } .main-menu.menu-dark ul.menu-popout .has-sub.active { font-weight: normal; } .main-menu.menu-dark ul.menu-popout .open > a { color: #dcdcdc; } .main-menu.menu-dark ul.menu-popout .open > ul { display: block; } .main-menu.menu-dark ul.menu-popout .open > ul .open { background: #181b21; } .main-menu.menu-dark ul.menu-popout .open > ul .open > ul { display: block; background: #181b21; } .main-menu.menu-dark ul.menu-popout .hover > a, .main-menu.menu-dark ul.menu-popout:hover > a { color: #e6e6e6; } .main-menu.menu-dark ul.menu-popout .active { font-weight: 700; } .main-menu.menu-dark ul.menu-popout .active > a { color: #f6f6f6; } .main-menu.menu-dark ul.menu-popout .active .hover > a, .main-menu.menu-dark ul.menu-popout .active :hover > a { background-color: transparent; } .main-menu.menu-fixed, .vertical-overlay-menu.menu-hide .menu-fixed.main-menu { position: fixed; height: 100%; /* fallback if needed */ top: 5rem; height: calc(100% - 5rem); } .main-menu.menu-fixed .main-menu-footer { position: fixed; } .main-menu.menu-shadow, .vertical-overlay-menu.menu-hide .menu-shadow.main-menu { box-shadow: 10px 15px 30px 1px rgba(0, 0, 0, 0.1); } .main-menu.menu-border, .vertical-overlay-menu.menu-hide .menu-border.main-menu { border-right: 1px solid #e4e7ed; } .main-menu.menu-native-scroll .main-menu-content { overflow-y: scroll; } .main-menu.menu-bordered.menu-light .navigation > li { border-top: 1px solid #e4e7ed; } .main-menu.menu-bordered.menu-dark .navigation > li { border-top: 1px solid rgba(255, 255, 255, 0.1); } .main-menu .main-menu-content, .vertical-overlay-menu.menu-hide .main-menu .main-menu-content { height: 100%; position: relative; } .main-menu ul, .vertical-overlay-menu.menu-hide .main-menu ul { list-style: none; margin: 0; padding: 0; } .main-menu ul.navigation-main, .vertical-overlay-menu.menu-hide .main-menu ul.navigation-main { overflow-x: hidden; } .main-menu a, .vertical-overlay-menu.menu-hide .main-menu a { outline: none; } .main-menu a:hover, .vertical-overlay-menu.menu-hide .main-menu a:hover, .main-menu a:focus, .vertical-overlay-menu.menu-hide .main-menu a:focus { text-decoration: none; } .navigation { font-size: 1.1rem; letter-spacing: 0.2px; font-family: "Quicksand", Georgia, "Times New Roman", Times, serif; font-weight: 400; overflow-y: hidden; padding-bottom: 20px; } .navigation .navigation-header { font-family: "Quicksand", Georgia, "Times New Roman", Times, serif; font-weight: 400; line-height: 1.2; padding: 12px 22px; font-size: 1rem; } .navigation li { position: relative; white-space: nowrap; } .navigation li a { display: block; /* white-space: nowrap; */ text-overflow: ellipsis; overflow: hidden; } .navigation li .is-hidden { /* transition: all 250ms ease-in; transform: scale(0); opacity: 0; */ } .navigation li .is-shown { /* transition: all 250ms ease-in; transform: scale(1); opacity: 1; */ } .navigation li.disabled a { cursor: not-allowed; } .menu-popout li.disabled a { cursor: not-allowed; } .dropdown-notification .notification-text { margin-bottom: 0.5rem; } .dropdown-notification .notification-tag { position: relative; top: -28px; right: 20px; } .main-menu-header .user-content { padding: 20px; } .main-menu-header .user-content .media { overflow: inherit; } .main-menu-header .user-content .media-body { vertical-align: bottom; opacity: 1; width: 150px; white-space: nowrap; transition: all 0.3s ease 0.15s; } .main-menu-footer { position: relative; overflow: hidden; bottom: 0; display: block; z-index: 1000; color: #c5c9d4; background-color: #16181e; } .main-menu-footer.footer-open { max-height: 500px; transition: max-height 0.2s ease-in-out; } .main-menu-footer.footer-close { max-height: 15px; transition: max-height 0.2s ease-in-out; } .main-menu-footer a { color: #a8aebe; } .main-menu-footer a:hover, .main-menu-footer a:focus { color: #fff; } .main-menu-footer .header { height: 19px; border-bottom: 1px solid #21242c; } .main-menu-footer .toggle { transform: rotate(0deg); } .main-menu-footer .content { padding: 0; } .main-menu-footer .content .actions > a { display: block; float: left; width: 33.3333333333%; padding: 1rem 0; color: #a8aebe; text-align: center; border-top: 1px solid #21242c; border-left: 1px solid #21242c; } .main-menu-footer .content .actions > a > span { font-size: 1.35rem; } .main-menu-footer .content .actions > a:hover, .main-menu-footer .content .actions > a:focus { color: #fff; } body.vertical-layout.vertical-menu.menu-expanded .main-menu-footer .content { margin-left: 0; } .vertical-layout.menu-expanded .menu-icon-right ul.navigation li > a:after, .vertical-layout.menu-collapsed .menu-icon-right ul.navigation li > a:after, .vertical-overlay-menu .menu-icon-right ul.navigation li > a:after { left: 8px; right: initial !important; } .vertical-layout.menu-expanded .menu-icon-right ul.navigation li > a > i, .vertical-layout.menu-collapsed .menu-icon-right ul.navigation li > a > i, .vertical-overlay-menu .menu-icon-right ul.navigation li > a > i { float: right !important; margin: 0px -12px 0px 0px !important; } .horizontal-layout .navbar-icon-right ul.nav > li > a:after { float: left; position: relative; top: 27px; left: -16px; } .horizontal-layout .navbar-icon-right ul.nav > li > a > i { float: right; margin: 0px 4px 0 8px; } .horizontal-layout .navbar-fixed { z-index: 999 !important; } @media (max-width: 767.98px) { .menu-hide .main-menu, .vertical-overlay-menu.menu-hide .main-menu, .menu-open .main-menu { transition: transform 0.25s, top 0.35s, height 0.35s; } .main-menu, .vertical-overlay-menu.menu-hide .main-menu { transform: translate3d(-240px, 0, 0); backface-visibility: hidden; perspective: 1000; } .menu-open .main-menu, .menu-open .vertical-overlay-menu.menu-hide .main-menu, .vertical-overlay-menu.menu-hide .menu-open .main-menu { transform: translate3d(0, 0, 0); } } @media (max-width: 991.98px) { .horizontal-layout.vertical-overlay-menu .main-menu-content { padding: 0; } .horizontal-layout.vertical-overlay-menu .main-menu-content .mega-dropdown-menu { margin: 0; width: 100%; } .horizontal-layout.vertical-overlay-menu .main-menu-content .mega-dropdown-menu > li { padding: 0; } .horizontal-layout.vertical-overlay-menu .navbar .navbar-container { margin-left: 0px; max-width: 100%; } } @media (min-width: 768px) { .drag-target { z-index: 0; } } /*========================================================================================= File Name: vertical-menu-modern.scss Description: A calssic vertical modern style menu with expand and collops support. It support light & dark version, filpped layout, right side icons, native scroll and borders menu item seperation. ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ==========================================================================================*/ body.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a > i { font-size: 1.6rem; } body.vertical-layout.vertical-menu-modern .toggle-icon { margin-right: 1rem; } @media (min-width: 576px) { body.vertical-layout.vertical-menu-modern.menu-flipped .main-menu { right: 0; } } body.vertical-layout.vertical-menu-modern .navbar .navbar-brand { white-space: nowrap; } body.vertical-layout.vertical-menu-modern .navbar .navbar-header .nav-toggle { position: absolute; right: 0; } body.vertical-layout.vertical-menu-modern .main-menu { transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); transform: translate3d(0, 0, 0); backface-visibility: hidden; } body.vertical-layout.vertical-menu-modern .main-menu li a span { animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein; } body.vertical-layout.vertical-menu-modern.menu-expanded .navbar .navbar-header { float: left; width: 235px; } body.vertical-layout.vertical-menu-modern.menu-expanded .navbar.navbar-brand-center .navbar-header { float: left; width: auto; } body.vertical-layout.vertical-menu-modern.menu-expanded .navbar .navbar-container { margin-left: 235px; } body.vertical-layout.vertical-menu-modern.menu-expanded .navbar .navbar-brand .brand-text { animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein; } body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu { width: 235px; } body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation .navigation-header .la-ellipsis-h, body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation .navigation-header .nav-menu-icon { display: none; } body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > i { margin-right: 12px; float: left; } body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > i:before { font-size: 1.6rem; } body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > span.badge { position: absolute; right: 20px; } body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:not(.mm-next):after { content: "\f112"; font-family: "LineAwesome"; font-size: 1rem; display: inline-block; position: absolute; right: 20px; top: 14px; transform: rotate(0deg); } body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub .has-sub > a:not(.mm-next):after { top: 8px; } body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.open > a:not(.mm-next):after { transform: rotate(90deg); } body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .main-menu-footer { width: 235px; } body.vertical-layout.vertical-menu-modern.menu-expanded .content, body.vertical-layout.vertical-menu-modern.menu-expanded .footer { margin-left: 235px; } body.vertical-layout.vertical-menu-modern.menu-expanded .navbar-brand-center .content, body.vertical-layout.vertical-menu-modern.menu-expanded .navbar-brand-center .footer { margin-left: 0; } body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header { float: left; width: 60px; } body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header .modern-nav-toggle { display: none; } body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header.expanded { width: 235px; z-index: 1000; } body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header.expanded .modern-nav-toggle { display: block; } body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header.expanded .navbar-brand .brand-text { animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein; } body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header .navbar-brand .brand-text { animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadeout; } body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar.navbar-brand-center .navbar-header { float: left; width: auto; } body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar.navbar-brand-center .navbar-brand .brand-text { animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein; } body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-brand { padding: 18px 0px; } body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-container { margin-left: 60px; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu { width: 60px; transition: 300ms ease all; backface-visibility: hidden; transform: translate3d(0, 0, 0); } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-footer { width: 60px; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-footer, body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-header .media-body .media-heading, body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-header .media-body .text-muted, body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-header .media-right { display: none; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .main-menu-header .media-body { opacity: 0; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .user-content { padding: 20px 10px; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation { overflow: visible; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li.navigation-header .ft-minus { display: block; font-size: 1.2rem; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li.navigation-header span { display: none; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a { text-overflow: inherit; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a > span { animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadeout; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a > span.badge { float: none !important; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a i { margin-right: 12px; float: left; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a i:before { font-size: 1.6rem; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .mTSWrapper { overflow: visible; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded { width: 235px; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li.navigation-header .la-ellipsis-h { display: none; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li.navigation-header span { display: block; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li > a > span { animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li > a > span.badge { position: absolute; right: 20px; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub > a:not(.mm-next):after { content: "\f112"; font-family: "LineAwesome"; font-size: 1rem; display: inline-block; position: absolute; right: 20px; top: 14px; transform: rotate(0deg); } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub .has-sub > a:not(.mm-next):after { top: 8px; } body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.open > a:not(.mm-next):after { transform: rotate(90deg); } body.vertical-layout.vertical-menu-modern.menu-collapsed .content, body.vertical-layout.vertical-menu-modern.menu-collapsed .footer { margin-left: 60px; } body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar-brand-center .content, body.vertical-layout.vertical-menu-modern.menu-collapsed .navbar-brand-center .footer { margin-left: 0; } body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .content { margin: 0; margin-right: 60px; } @media (min-width: 576px) { body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .main-menu { right: 0; } body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .main-menu span.menu-title { right: 60px; } body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .main-menu ul.menu-content { right: 60px; left: inherit; } } body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .navbar .navbar-header { float: right; } body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .navbar .navbar-container { margin: 0; margin-right: 60px; } body.vertical-layout.vertical-menu-modern.menu-collapsed.menu-flipped .footer { margin: 0; margin-right: 60px; } [data-textdirection=rtl] body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a { padding: 14px 16px !important; } [data-textdirection=rtl] body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li.navigation-header .la-ellipsis-h { padding: 12px 0px; } @media (min-width: 992px) { body.vertical-layout.vertical-menu-modern .main-menu { width: 235px; } body.vertical-layout.vertical-menu-modern .main-menu .navigation li.navigation-header .ft-minus { display: none; } body.vertical-layout.vertical-menu-modern .navbar .navbar-header { width: 235px; } body.vertical-layout.vertical-menu-modern .content, body.vertical-layout.vertical-menu-modern .footer { margin-left: 235px; } body.vertical-layout.vertical-menu-modern.menu-flipped .content { margin: 0; margin-right: 235px; } body.vertical-layout.vertical-menu-modern.menu-flipped .navbar .navbar-header { float: right; } body.vertical-layout.vertical-menu-modern.menu-flipped .navbar .navbar-container { margin: 0; margin-right: 235px; } body.vertical-layout.vertical-menu-modern.menu-flipped .footer { margin: 0; margin-right: 235px; } } @media (max-width: 991.98px) { body.vertical-layout.vertical-menu-modern .main-menu { width: 0; } body.vertical-layout.vertical-menu-modern .navbar .navbar-header { width: 0; } body.vertical-layout.vertical-menu-modern .content, body.vertical-layout.vertical-menu-modern .footer { margin-left: 0; } } @media (max-width: 767.98px) { body.vertical-layout.vertical-menu-modern.vertical-menu-modern .main-menu { width: 0; } body.vertical-layout.vertical-menu-modern.vertical-menu-modern .navbar .navbar-header { width: 0; } body.vertical-layout.vertical-menu-modern.vertical-menu-modern .content, body.vertical-layout.vertical-menu-modern.vertical-menu-modern .footer { margin-left: 0; } body.vertical-layout.vertical-menu-modern.menu-expanded .navbar .navbar-container { margin-left: 0px !important; } body.vertical-layout.vertical-menu-modern.menu-expanded .content, body.vertical-layout.vertical-menu-modern.menu-expanded .footer { margin-left: 0px !important; } html.loading .main-menu, html.loading .vertical-overlay-menu.menu-hide .main-menu, .vertical-overlay-menu.menu-hide html.loading .main-menu { opacity: 0; transform: translate3d(0px, 0, 0); } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @media only screen and (max-width: 992px) and (min-width: 768px) { .vertical-overlay-menu[data-menu=vertical-menu-modern] #navbar-mobile .search-input.open .input { border-bottom: 1px solid #2c303b; } } /*========================================================================================= File Name: vertical-overlay-menu.scss Description: A overlay style vertical menu with show and hide support. It support light & dark version, filpped layout, right side icons, native scroll and borders menu item seperation. ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ==========================================================================================*/ .vertical-overlay-menu .content { margin-left: 0; } .vertical-overlay-menu .navbar .navbar-header { float: left; width: 235px; } .vertical-overlay-menu .navbar.navbar-brand-center .navbar-container { margin-left: 0; } .vertical-overlay-menu .navbar.navbar-brand-center .navbar-header { float: left; width: auto; } .vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu { opacity: 0; transform: translate3d(0, 0, 0); transition: width 0.25s, opacity 0.25s, transform 0.25s; width: 235px; left: -235px; } .vertical-overlay-menu .main-menu .navigation .navigation-header .la-ellipsis-h, .vertical-overlay-menu .main-menu .navigation .navigation-header .nav-menu-icon { display: none; } .vertical-overlay-menu .main-menu .navigation > li > a > i { font-size: 1.6rem; margin-right: 12px; float: left; } .vertical-overlay-menu .main-menu .navigation > li > a > i:before { transition: 200ms ease all; } .vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after { content: "\f112"; font-family: "LineAwesome"; font-size: 1rem; display: inline-block; position: absolute; right: 20px; top: 14px; transform: rotate(0deg); } .vertical-overlay-menu .main-menu .navigation li.has-sub .has-sub > a:not(.mm-next):after { top: 8px; } .vertical-overlay-menu .main-menu .navigation li.open > a:not(.mm-next):after { transform: rotate(90deg); } .vertical-overlay-menu .main-menu .main-menu-footer { bottom: 55px; } .vertical-overlay-menu .main-menu .main-menu-footer { width: 235px; } .vertical-overlay-menu.menu-open .main-menu { opacity: 1; transform: translate3d(235px, 0, 0); transition: width 0.25s, opacity 0.25s, transform 0.25s; } .vertical-overlay-menu.menu-flipped .main-menu { right: -235px; left: inherit; } .vertical-overlay-menu.menu-flipped .navbar .navbar-container { margin: 0; margin-right: 235px; } .vertical-overlay-menu.menu-flipped .navbar .navbar-header { float: right; } .vertical-overlay-menu.menu-flipped.menu-open .main-menu { transform: translate3d(-235px, 0, 0); } .vertical-overlay-menu footer.footer.fixed-bottom { z-index: 999; } .vertical-overlay-menu.boxed-layout { position: relative; } .vertical-overlay-menu.boxed-layout .main-menu.menu-fixed { position: absolute; } @media (max-width: 991.98px) { .vertical-overlay-menu .main-menu .main-menu-footer { bottom: 0px; } .vertical-overlay-menu[data-menu=vertical-compact-menu].boxed-layout.menu-open .main-menu { transform: translate3d(120px, 0, 0); } } @media only screen and (max-width: 992px) and (min-width: 768px) { .vertical-overlay-menu #navbar-mobile .search-input.open .input { border-bottom: 1px solid #fff; } } @media (max-width: 768px) { .vertical-overlay-menu .header-navbar .navbar-header .mobile-menu a.menu-toggle { padding-top: 1rem; } .vertical-overlay-menu .header-navbar .navbar-header li.nav-item.d-md-none a.open-navbar-container { padding-top: 1rem; } } /*========================================================================================= File Name: horizontal-menu.scss Description: A classic horizontal menu for easy navingation & support all devices. It support light & dark version, filpped layout, right side icons, borders menu for item seperation. ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ==========================================================================================*/ .horizontal-menu .navbar-horizontal .nav-item i { font-size: 1.6rem; margin-right: 0.5rem; } .horizontal-menu .navbar-horizontal .nav-item a span { font-size: 1.1rem; position: relative; top: -2px; } .horizontal-menu .navbar-horizontal.navbar-icon-right .nav-item i { top: -4px; position: relative; } .horizontal-menu .navbar-horizontal ul#main-menu-navigation > li > a { padding: 1.8rem 1rem; } .horizontal-menu #main-menu-navigation ul li a span { transition: all 0.2s ease; display: inline-block; } .horizontal-menu #main-menu-navigation ul li a span:hover, .horizontal-menu #main-menu-navigation ul li a span .hover { transform: translateX(4px); } .horizontal-menu.menu-collapsed #main-menu-navigation .nav-item > a > span { display: none; } .horizontal-menu .navigation-header { font-family: inherit; color: #929292; padding: 8px 20px; font-size: 1rem; } .horizontal-menu .navbar-flipped .navbar-nav .nav-item { float: right; } .horizontal-menu .navbar-light ul#main-menu-navigation > li.active > a { border-bottom: 1px solid #1e9ff2; background: #fff; } .horizontal-menu .navbar-light .active > a { background: whitesmoke; font-weight: 500; } .horizontal-menu .navbar-dark .nav-item.active > a { background-color: rgba(255, 255, 255, 0.05); } .horizontal-menu .navbar-dark .nav-item:hover, .horizontal-menu .navbar-dark .nav-item .hover { background-color: rgba(255, 255, 255, 0.05); } .horizontal-menu .navbar-dark .active > a { background: whitesmoke; font-weight: 500; } .horizontal-menu[data-col=content-left-sidebar] .sticky-wrapper { float: none; } .horizontal-layout .main-menu .navigation > li > ul > li > a i { margin-right: 0.5rem; } @media (max-width: 767px) { .horizontal-layout.horizontal-menu-padding .header-navbar.navbar-with-menu .navbar-container { max-width: 100%; } } /*========================================================================================= File Name: vertical-overlay-menu.scss Description: A overlay style vertical menu with show and hide support. It support light & dark version, filpped layout, right side icons, native scroll and borders menu item seperation. ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ==========================================================================================*/ .vertical-overlay-menu .content { margin-left: 0; } .vertical-overlay-menu .navbar .navbar-header { float: left; width: 235px; } .vertical-overlay-menu .navbar.navbar-brand-center .navbar-container { margin-left: 0; } .vertical-overlay-menu .navbar.navbar-brand-center .navbar-header { float: left; width: auto; } .vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu { opacity: 0; transform: translate3d(0, 0, 0); transition: width 0.25s, opacity 0.25s, transform 0.25s; width: 235px; left: -235px; } .vertical-overlay-menu .main-menu .navigation .navigation-header .la-ellipsis-h, .vertical-overlay-menu .main-menu .navigation .navigation-header .nav-menu-icon { display: none; } .vertical-overlay-menu .main-menu .navigation > li > a > i { font-size: 1.6rem; margin-right: 12px; float: left; } .vertical-overlay-menu .main-menu .navigation > li > a > i:before { transition: 200ms ease all; } .vertical-overlay-menu .main-menu .navigation li.has-sub > a:not(.mm-next):after { content: "\f112"; font-family: "LineAwesome"; font-size: 1rem; display: inline-block; position: absolute; right: 20px; top: 14px; transform: rotate(0deg); } .vertical-overlay-menu .main-menu .navigation li.has-sub .has-sub > a:not(.mm-next):after { top: 8px; } .vertical-overlay-menu .main-menu .navigation li.open > a:not(.mm-next):after { transform: rotate(90deg); } .vertical-overlay-menu .main-menu .main-menu-footer { bottom: 55px; } .vertical-overlay-menu .main-menu .main-menu-footer { width: 235px; } .vertical-overlay-menu.menu-open .main-menu { opacity: 1; transform: translate3d(235px, 0, 0); transition: width 0.25s, opacity 0.25s, transform 0.25s; } .vertical-overlay-menu.menu-flipped .main-menu { right: -235px; left: inherit; } .vertical-overlay-menu.menu-flipped .navbar .navbar-container { margin: 0; margin-right: 235px; } .vertical-overlay-menu.menu-flipped .navbar .navbar-header { float: right; } .vertical-overlay-menu.menu-flipped.menu-open .main-menu { transform: translate3d(-235px, 0, 0); } .vertical-overlay-menu footer.footer.fixed-bottom { z-index: 999; } .vertical-overlay-menu.boxed-layout { position: relative; } .vertical-overlay-menu.boxed-layout .main-menu.menu-fixed { position: absolute; } @media (max-width: 991.98px) { .vertical-overlay-menu .main-menu .main-menu-footer { bottom: 0px; } .vertical-overlay-menu[data-menu=vertical-compact-menu].boxed-layout.menu-open .main-menu { transform: translate3d(120px, 0, 0); } } @media only screen and (max-width: 992px) and (min-width: 768px) { .vertical-overlay-menu #navbar-mobile .search-input.open .input { border-bottom: 1px solid #fff; } } @media (max-width: 768px) { .vertical-overlay-menu .header-navbar .navbar-header .mobile-menu a.menu-toggle { padding-top: 1rem; } .vertical-overlay-menu .header-navbar .navbar-header li.nav-item.d-md-none a.open-navbar-container { padding-top: 1rem; } } .white { color: #ffffff !important; } .bg-white { background-color: #ffffff !important; } .bg-white .card-header, .bg-white .card-footer { background-color: transparent; } .bg-white.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); } .selectboxit.selectboxit-btn.bg-white { background-color: #ffffff !important; } .alert-white { border-color: #ffffff !important; background-color: white !important; color: #a6a6a6 !important; } .alert-white .alert-link { color: #919191 !important; } .border-white { border-color: #ffffff; } .overlay-white { background: #ffffff; /* The Fallback */ background: rgba(255, 255, 255, 0.8); } .color-info.white { background-color: #ffffff !important; } .btn-white { border-color: "" !important; background-color: #ffffff !important; color: #FFFFFF; } .btn-white:hover { border-color: "" !important; background-color: "" !important; color: #FFF !important; } .btn-white:focus, .btn-white:active { border-color: "" !important; background-color: "" !important; color: #FFF !important; } .btn-white.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); } .btn-outline-white { border-color: #ffffff; background-color: transparent; color: #ffffff; } .btn-outline-white:hover { background-color: #ffffff; color: #FFF !important; } .btn-outline-white.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); } input[type=checkbox].bg-white + .custom-control-label:before, input[type=radio].bg-white + .custom-control-label:before { background-color: #ffffff !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-white { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffffff !important; } .border-white { border: 1px solid #ffffff !important; } .border-top-white { border-top: 1px solid #ffffff; } .border-bottom-white { border-bottom: 1px solid #ffffff; } .border-left-white { border-left: 1px solid #ffffff; } .border-right-white { border-right: 1px solid #ffffff; } .black { color: #000000 !important; } .bg-black { background-color: #000000 !important; } .bg-black .card-header, .bg-black .card-footer { background-color: transparent; } .bg-black.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } .selectboxit.selectboxit-btn.bg-black { background-color: #000000 !important; } .alert-black { border-color: #000000 !important; background-color: #242424 !important; color: black !important; } .alert-black .alert-link { color: black !important; } .border-black { border-color: #000000; } .overlay-black { background: #000000; /* The Fallback */ background: rgba(0, 0, 0, 0.8); } .color-info.black { background-color: #000000 !important; } .btn-black { border-color: "" !important; background-color: #000000 !important; color: #FFFFFF; } .btn-black:hover { border-color: "" !important; background-color: "" !important; color: #FFF !important; } .btn-black:focus, .btn-black:active { border-color: "" !important; background-color: "" !important; color: #FFF !important; } .btn-black.btn-glow { box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } .btn-outline-black { border-color: #000000; background-color: transparent; color: #000000; } .btn-outline-black:hover { background-color: #000000; color: #FFF !important; } .btn-outline-black.btn-glow { box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } input[type=checkbox].bg-black + .custom-control-label:before, input[type=radio].bg-black + .custom-control-label:before { background-color: #000000 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-black { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000 !important; } .border-black { border: 1px solid #000000 !important; } .border-top-black { border-top: 1px solid #000000; } .border-bottom-black { border-bottom: 1px solid #000000; } .border-left-black { border-left: 1px solid #000000; } .border-right-black { border-right: 1px solid #000000; } .primary.lighten-5 { color: #d5d7f9 !important; } .bg-primary.bg-lighten-5 { background-color: #d5d7f9 !important; } .bg-primary.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(213, 215, 249, 0.6); } .btn-primary.btn-lighten-5 { border-color: #3a44e1 !important; background-color: #d5d7f9 !important; } .btn-primary.btn-lighten-5:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-lighten-5:focus, .btn-primary.btn-lighten-5:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-lighten-5 { border-color: #d5d7f9 !important; color: #d5d7f9 !important; } .btn-outline-primary.btn-outline-lighten-5:hover { background-color: #d5d7f9 !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d5d7f9 !important; } .border-primary.border-lighten-5 { border: 1px solid #d5d7f9 !important; } .border-top-primary.border-top-lighten-5 { border-top: 1px solid #d5d7f9 !important; } .border-bottom-primary.border-bottom-lighten-5 { border-bottom: 1px solid #d5d7f9 !important; } .border-left-primary.border-left-lighten-5 { border-left: 1px solid #d5d7f9 !important; } .border-right-primary.border-right-lighten-5 { border-right: 1px solid #d5d7f9 !important; } .overlay-primary.overlay-lighten-5 { background: #d5d7f9; /* The Fallback */ background: rgba(213, 215, 249, 0.8); } .primary.lighten-4 { color: #bfc2f5 !important; } .bg-primary.bg-lighten-4 { background-color: #bfc2f5 !important; } .bg-primary.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(191, 194, 245, 0.6); } .btn-primary.btn-lighten-4 { border-color: #3a44e1 !important; background-color: #bfc2f5 !important; } .btn-primary.btn-lighten-4:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-lighten-4:focus, .btn-primary.btn-lighten-4:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-lighten-4 { border-color: #bfc2f5 !important; color: #bfc2f5 !important; } .btn-outline-primary.btn-outline-lighten-4:hover { background-color: #bfc2f5 !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bfc2f5 !important; } .border-primary.border-lighten-4 { border: 1px solid #bfc2f5 !important; } .border-top-primary.border-top-lighten-4 { border-top: 1px solid #bfc2f5 !important; } .border-bottom-primary.border-bottom-lighten-4 { border-bottom: 1px solid #bfc2f5 !important; } .border-left-primary.border-left-lighten-4 { border-left: 1px solid #bfc2f5 !important; } .border-right-primary.border-right-lighten-4 { border-right: 1px solid #bfc2f5 !important; } .overlay-primary.overlay-lighten-4 { background: #bfc2f5; /* The Fallback */ background: rgba(191, 194, 245, 0.8); } .primary.lighten-3 { color: #a9adf2 !important; } .bg-primary.bg-lighten-3 { background-color: #a9adf2 !important; } .bg-primary.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(169, 173, 242, 0.6); } .btn-primary.btn-lighten-3 { border-color: #3a44e1 !important; background-color: #a9adf2 !important; } .btn-primary.btn-lighten-3:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-lighten-3:focus, .btn-primary.btn-lighten-3:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-lighten-3 { border-color: #a9adf2 !important; color: #a9adf2 !important; } .btn-outline-primary.btn-outline-lighten-3:hover { background-color: #a9adf2 !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a9adf2 !important; } .border-primary.border-lighten-3 { border: 1px solid #a9adf2 !important; } .border-top-primary.border-top-lighten-3 { border-top: 1px solid #a9adf2 !important; } .border-bottom-primary.border-bottom-lighten-3 { border-bottom: 1px solid #a9adf2 !important; } .border-left-primary.border-left-lighten-3 { border-left: 1px solid #a9adf2 !important; } .border-right-primary.border-right-lighten-3 { border-right: 1px solid #a9adf2 !important; } .overlay-primary.overlay-lighten-3 { background: #a9adf2; /* The Fallback */ background: rgba(169, 173, 242, 0.8); } .primary.lighten-2 { color: #9298ef !important; } .bg-primary.bg-lighten-2 { background-color: #9298ef !important; } .bg-primary.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(146, 152, 239, 0.6); } .btn-primary.btn-lighten-2 { border-color: #3a44e1 !important; background-color: #9298ef !important; } .btn-primary.btn-lighten-2:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-lighten-2:focus, .btn-primary.btn-lighten-2:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-lighten-2 { border-color: #9298ef !important; color: #9298ef !important; } .btn-outline-primary.btn-outline-lighten-2:hover { background-color: #9298ef !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9298ef !important; } .border-primary.border-lighten-2 { border: 1px solid #9298ef !important; } .border-top-primary.border-top-lighten-2 { border-top: 1px solid #9298ef !important; } .border-bottom-primary.border-bottom-lighten-2 { border-bottom: 1px solid #9298ef !important; } .border-left-primary.border-left-lighten-2 { border-left: 1px solid #9298ef !important; } .border-right-primary.border-right-lighten-2 { border-right: 1px solid #9298ef !important; } .overlay-primary.overlay-lighten-2 { background: #9298ef; /* The Fallback */ background: rgba(146, 152, 239, 0.8); } .primary.lighten-1 { color: #7c83eb !important; } .bg-primary.bg-lighten-1 { background-color: #7c83eb !important; } .bg-primary.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(124, 131, 235, 0.6); } .btn-primary.btn-lighten-1 { border-color: #3a44e1 !important; background-color: #7c83eb !important; } .btn-primary.btn-lighten-1:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-lighten-1:focus, .btn-primary.btn-lighten-1:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-lighten-1 { border-color: #7c83eb !important; color: #7c83eb !important; } .btn-outline-primary.btn-outline-lighten-1:hover { background-color: #7c83eb !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7c83eb !important; } .border-primary.border-lighten-1 { border: 1px solid #7c83eb !important; } .border-top-primary.border-top-lighten-1 { border-top: 1px solid #7c83eb !important; } .border-bottom-primary.border-bottom-lighten-1 { border-bottom: 1px solid #7c83eb !important; } .border-left-primary.border-left-lighten-1 { border-left: 1px solid #7c83eb !important; } .border-right-primary.border-right-lighten-1 { border-right: 1px solid #7c83eb !important; } .overlay-primary.overlay-lighten-1 { background: #7c83eb; /* The Fallback */ background: rgba(124, 131, 235, 0.8); } .primary { color: #666ee8 !important; } .bg-primary { background-color: #666ee8 !important; } .bg-primary .card-header, .bg-primary .card-footer { background-color: transparent; } .bg-primary.bg-glow { box-shadow: 0px 1px 20px 1px rgba(102, 110, 232, 0.6); } .selectboxit.selectboxit-btn.bg-primary { background-color: #666ee8 !important; } .alert-primary { border-color: #666ee8 !important; background-color: #a4a9f1 !important; color: #141b87 !important; } .alert-primary .alert-link { color: #0f1464 !important; } .border-primary { border-color: #666ee8; } .overlay-primary { background: #666ee8; /* The Fallback */ background: rgba(102, 110, 232, 0.8); } .color-info.primary { background-color: #666ee8 !important; } .btn-primary { border-color: #3a44e1 !important; background-color: #666ee8 !important; color: #FFFFFF; } .btn-primary:hover { border-color: #5059e5 !important; background-color: #7c83eb !important; color: #FFF !important; } .btn-primary:focus, .btn-primary:active { border-color: #3a44e1 !important; background-color: #232fde !important; color: #FFF !important; } .btn-primary.btn-glow { box-shadow: 0px 1px 20px 1px rgba(102, 110, 232, 0.6); } .btn-outline-primary { border-color: #666ee8; background-color: transparent; color: #666ee8; } .btn-outline-primary:hover { background-color: #666ee8; color: #FFF !important; } .btn-outline-primary.btn-glow { box-shadow: 0px 1px 20px 1px rgba(102, 110, 232, 0.6); } input[type=checkbox].bg-primary + .custom-control-label:before, input[type=radio].bg-primary + .custom-control-label:before { background-color: #666ee8 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #666ee8 !important; } .border-primary { border: 1px solid #666ee8 !important; } .border-top-primary { border-top: 1px solid #666ee8; } .border-bottom-primary { border-bottom: 1px solid #666ee8; } .border-left-primary { border-left: 1px solid #666ee8; } .border-right-primary { border-right: 1px solid #666ee8; } .primary.darken-1 { color: #5059e5 !important; } .bg-primary.bg-darken-1 { background-color: #5059e5 !important; } .bg-primary.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(80, 89, 229, 0.6); } .btn-primary.btn-darken-1 { border-color: #3a44e1 !important; background-color: #5059e5 !important; } .btn-primary.btn-darken-1:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-darken-1:focus, .btn-primary.btn-darken-1:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-darken-1 { border-color: #5059e5 !important; color: #5059e5 !important; } .btn-outline-primary.btn-outline-darken-1:hover { background-color: #5059e5 !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #5059e5 !important; } .border-primary.border-darken-1 { border: 1px solid #5059e5 !important; } .border-top-primary.border-top-darken-1 { border-top: 1px solid #5059e5 !important; } .border-bottom-primary.border-bottom-darken-1 { border-bottom: 1px solid #5059e5 !important; } .border-left-primary.border-left-darken-1 { border-left: 1px solid #5059e5 !important; } .border-right-primary.border-right-darken-1 { border-right: 1px solid #5059e5 !important; } .overlay-primary.overlay-darken-1 { background: #5059e5; /* The Fallback */ background: rgba(80, 89, 229, 0.8); } .primary.darken-2 { color: #3a44e1 !important; } .bg-primary.bg-darken-2 { background-color: #3a44e1 !important; } .bg-primary.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(58, 68, 225, 0.6); } .btn-primary.btn-darken-2 { border-color: #3a44e1 !important; background-color: #3a44e1 !important; } .btn-primary.btn-darken-2:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-darken-2:focus, .btn-primary.btn-darken-2:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-darken-2 { border-color: #3a44e1 !important; color: #3a44e1 !important; } .btn-outline-primary.btn-outline-darken-2:hover { background-color: #3a44e1 !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3a44e1 !important; } .border-primary.border-darken-2 { border: 1px solid #3a44e1 !important; } .border-top-primary.border-top-darken-2 { border-top: 1px solid #3a44e1 !important; } .border-bottom-primary.border-bottom-darken-2 { border-bottom: 1px solid #3a44e1 !important; } .border-left-primary.border-left-darken-2 { border-left: 1px solid #3a44e1 !important; } .border-right-primary.border-right-darken-2 { border-right: 1px solid #3a44e1 !important; } .overlay-primary.overlay-darken-2 { background: #3a44e1; /* The Fallback */ background: rgba(58, 68, 225, 0.8); } .primary.darken-3 { color: #232fde !important; } .bg-primary.bg-darken-3 { background-color: #232fde !important; } .bg-primary.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(35, 47, 222, 0.6); } .btn-primary.btn-darken-3 { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-darken-3:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-darken-3:focus, .btn-primary.btn-darken-3:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-darken-3 { border-color: #232fde !important; color: #232fde !important; } .btn-outline-primary.btn-outline-darken-3:hover { background-color: #232fde !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #232fde !important; } .border-primary.border-darken-3 { border: 1px solid #232fde !important; } .border-top-primary.border-top-darken-3 { border-top: 1px solid #232fde !important; } .border-bottom-primary.border-bottom-darken-3 { border-bottom: 1px solid #232fde !important; } .border-left-primary.border-left-darken-3 { border-left: 1px solid #232fde !important; } .border-right-primary.border-right-darken-3 { border-right: 1px solid #232fde !important; } .overlay-primary.overlay-darken-3 { background: #232fde; /* The Fallback */ background: rgba(35, 47, 222, 0.8); } .primary.darken-4 { color: #1e29ca !important; } .bg-primary.bg-darken-4 { background-color: #1e29ca !important; } .bg-primary.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(30, 41, 202, 0.6); } .btn-primary.btn-darken-4 { border-color: #3a44e1 !important; background-color: #1e29ca !important; } .btn-primary.btn-darken-4:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-darken-4:focus, .btn-primary.btn-darken-4:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-darken-4 { border-color: #1e29ca !important; color: #1e29ca !important; } .btn-outline-primary.btn-outline-darken-4:hover { background-color: #1e29ca !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1e29ca !important; } .border-primary.border-darken-4 { border: 1px solid #1e29ca !important; } .border-top-primary.border-top-darken-4 { border-top: 1px solid #1e29ca !important; } .border-bottom-primary.border-bottom-darken-4 { border-bottom: 1px solid #1e29ca !important; } .border-left-primary.border-left-darken-4 { border-left: 1px solid #1e29ca !important; } .border-right-primary.border-right-darken-4 { border-right: 1px solid #1e29ca !important; } .overlay-primary.overlay-darken-4 { background: #1e29ca; /* The Fallback */ background: rgba(30, 41, 202, 0.8); } .primary.accent-1 { color: #efefff !important; } .bg-primary.bg-accent-1 { background-color: #efefff !important; } .bg-primary.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(239, 239, 255, 0.6); } .btn-primary.btn-accent-1 { border-color: #3a44e1 !important; background-color: #efefff !important; } .btn-primary.btn-accent-1:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-accent-1:focus, .btn-primary.btn-accent-1:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-accent-1 { border-color: #efefff !important; color: #efefff !important; } .btn-outline-primary.btn-outline-accent-1:hover { background-color: #efefff !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #efefff !important; } .border-primary.border-accent-1 { border: 1px solid #efefff !important; } .border-top-primary.border-top-accent-1 { border-top: 1px solid #efefff !important; } .border-bottom-primary.border-bottom-accent-1 { border-bottom: 1px solid #efefff !important; } .border-left-primary.border-left-accent-1 { border-left: 1px solid #efefff !important; } .border-right-primary.border-right-accent-1 { border-right: 1px solid #efefff !important; } .overlay-primary.overlay-accent-1 { background: #efefff; /* The Fallback */ background: rgba(239, 239, 255, 0.8); } .primary.accent-2 { color: #dbdbff !important; } .bg-primary.bg-accent-2 { background-color: #dbdbff !important; } .bg-primary.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(219, 219, 255, 0.6); } .btn-primary.btn-accent-2 { border-color: #3a44e1 !important; background-color: #dbdbff !important; } .btn-primary.btn-accent-2:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-accent-2:focus, .btn-primary.btn-accent-2:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-accent-2 { border-color: #dbdbff !important; color: #dbdbff !important; } .btn-outline-primary.btn-outline-accent-2:hover { background-color: #dbdbff !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #dbdbff !important; } .border-primary.border-accent-2 { border: 1px solid #dbdbff !important; } .border-top-primary.border-top-accent-2 { border-top: 1px solid #dbdbff !important; } .border-bottom-primary.border-bottom-accent-2 { border-bottom: 1px solid #dbdbff !important; } .border-left-primary.border-left-accent-2 { border-left: 1px solid #dbdbff !important; } .border-right-primary.border-right-accent-2 { border-right: 1px solid #dbdbff !important; } .overlay-primary.overlay-accent-2 { background: #dbdbff; /* The Fallback */ background: rgba(219, 219, 255, 0.8); } .primary.accent-3 { color: #bcbfff !important; } .bg-primary.bg-accent-3 { background-color: #bcbfff !important; } .bg-primary.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(188, 191, 255, 0.6); } .btn-primary.btn-accent-3 { border-color: #3a44e1 !important; background-color: #bcbfff !important; } .btn-primary.btn-accent-3:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-accent-3:focus, .btn-primary.btn-accent-3:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-accent-3 { border-color: #bcbfff !important; color: #bcbfff !important; } .btn-outline-primary.btn-outline-accent-3:hover { background-color: #bcbfff !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bcbfff !important; } .border-primary.border-accent-3 { border: 1px solid #bcbfff !important; } .border-top-primary.border-top-accent-3 { border-top: 1px solid #bcbfff !important; } .border-bottom-primary.border-bottom-accent-3 { border-bottom: 1px solid #bcbfff !important; } .border-left-primary.border-left-accent-3 { border-left: 1px solid #bcbfff !important; } .border-right-primary.border-right-accent-3 { border-right: 1px solid #bcbfff !important; } .overlay-primary.overlay-accent-3 { background: #bcbfff; /* The Fallback */ background: rgba(188, 191, 255, 0.8); } .primary.accent-4 { color: #a2a6ff !important; } .bg-primary.bg-accent-4 { background-color: #a2a6ff !important; } .bg-primary.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(162, 166, 255, 0.6); } .btn-primary.btn-accent-4 { border-color: #3a44e1 !important; background-color: #a2a6ff !important; } .btn-primary.btn-accent-4:hover { border-color: #3a44e1 !important; background-color: #232fde !important; } .btn-primary.btn-accent-4:focus, .btn-primary.btn-accent-4:active { border-color: #232fde !important; background-color: #1e29ca !important; } .btn-outline-primary.btn-outline-accent-4 { border-color: #a2a6ff !important; color: #a2a6ff !important; } .btn-outline-primary.btn-outline-accent-4:hover { background-color: #a2a6ff !important; } input:focus ~ .bg-primary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a2a6ff !important; } .border-primary.border-accent-4 { border: 1px solid #a2a6ff !important; } .border-top-primary.border-top-accent-4 { border-top: 1px solid #a2a6ff !important; } .border-bottom-primary.border-bottom-accent-4 { border-bottom: 1px solid #a2a6ff !important; } .border-left-primary.border-left-accent-4 { border-left: 1px solid #a2a6ff !important; } .border-right-primary.border-right-accent-4 { border-right: 1px solid #a2a6ff !important; } .overlay-primary.overlay-accent-4 { background: #a2a6ff; /* The Fallback */ background: rgba(162, 166, 255, 0.8); } .secondary.lighten-5 { color: #afb2bd !important; } .bg-secondary.bg-lighten-5 { background-color: #afb2bd !important; } .bg-secondary.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(175, 178, 189, 0.6); } .btn-secondary.btn-lighten-5 { border-color: #545766 !important; background-color: #afb2bd !important; } .btn-secondary.btn-lighten-5:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-lighten-5:focus, .btn-secondary.btn-lighten-5:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-lighten-5 { border-color: #afb2bd !important; color: #afb2bd !important; } .btn-outline-secondary.btn-outline-lighten-5:hover { background-color: #afb2bd !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #afb2bd !important; } .border-secondary.border-lighten-5 { border: 1px solid #afb2bd !important; } .border-top-secondary.border-top-lighten-5 { border-top: 1px solid #afb2bd !important; } .border-bottom-secondary.border-bottom-lighten-5 { border-bottom: 1px solid #afb2bd !important; } .border-left-secondary.border-left-lighten-5 { border-left: 1px solid #afb2bd !important; } .border-right-secondary.border-right-lighten-5 { border-right: 1px solid #afb2bd !important; } .overlay-secondary.overlay-lighten-5 { background: #afb2bd; /* The Fallback */ background: rgba(175, 178, 189, 0.8); } .secondary.lighten-4 { color: #a1a4b2 !important; } .bg-secondary.bg-lighten-4 { background-color: #a1a4b2 !important; } .bg-secondary.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(161, 164, 178, 0.6); } .btn-secondary.btn-lighten-4 { border-color: #545766 !important; background-color: #a1a4b2 !important; } .btn-secondary.btn-lighten-4:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-lighten-4:focus, .btn-secondary.btn-lighten-4:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-lighten-4 { border-color: #a1a4b2 !important; color: #a1a4b2 !important; } .btn-outline-secondary.btn-outline-lighten-4:hover { background-color: #a1a4b2 !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a1a4b2 !important; } .border-secondary.border-lighten-4 { border: 1px solid #a1a4b2 !important; } .border-top-secondary.border-top-lighten-4 { border-top: 1px solid #a1a4b2 !important; } .border-bottom-secondary.border-bottom-lighten-4 { border-bottom: 1px solid #a1a4b2 !important; } .border-left-secondary.border-left-lighten-4 { border-left: 1px solid #a1a4b2 !important; } .border-right-secondary.border-right-lighten-4 { border-right: 1px solid #a1a4b2 !important; } .overlay-secondary.overlay-lighten-4 { background: #a1a4b2; /* The Fallback */ background: rgba(161, 164, 178, 0.8); } .secondary.lighten-3 { color: #9397a6 !important; } .bg-secondary.bg-lighten-3 { background-color: #9397a6 !important; } .bg-secondary.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(147, 151, 166, 0.6); } .btn-secondary.btn-lighten-3 { border-color: #545766 !important; background-color: #9397a6 !important; } .btn-secondary.btn-lighten-3:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-lighten-3:focus, .btn-secondary.btn-lighten-3:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-lighten-3 { border-color: #9397a6 !important; color: #9397a6 !important; } .btn-outline-secondary.btn-outline-lighten-3:hover { background-color: #9397a6 !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9397a6 !important; } .border-secondary.border-lighten-3 { border: 1px solid #9397a6 !important; } .border-top-secondary.border-top-lighten-3 { border-top: 1px solid #9397a6 !important; } .border-bottom-secondary.border-bottom-lighten-3 { border-bottom: 1px solid #9397a6 !important; } .border-left-secondary.border-left-lighten-3 { border-left: 1px solid #9397a6 !important; } .border-right-secondary.border-right-lighten-3 { border-right: 1px solid #9397a6 !important; } .overlay-secondary.overlay-lighten-3 { background: #9397a6; /* The Fallback */ background: rgba(147, 151, 166, 0.8); } .secondary.lighten-2 { color: #85899b !important; } .bg-secondary.bg-lighten-2 { background-color: #85899b !important; } .bg-secondary.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(133, 137, 155, 0.6); } .btn-secondary.btn-lighten-2 { border-color: #545766 !important; background-color: #85899b !important; } .btn-secondary.btn-lighten-2:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-lighten-2:focus, .btn-secondary.btn-lighten-2:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-lighten-2 { border-color: #85899b !important; color: #85899b !important; } .btn-outline-secondary.btn-outline-lighten-2:hover { background-color: #85899b !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #85899b !important; } .border-secondary.border-lighten-2 { border: 1px solid #85899b !important; } .border-top-secondary.border-top-lighten-2 { border-top: 1px solid #85899b !important; } .border-bottom-secondary.border-bottom-lighten-2 { border-bottom: 1px solid #85899b !important; } .border-left-secondary.border-left-lighten-2 { border-left: 1px solid #85899b !important; } .border-right-secondary.border-right-lighten-2 { border-right: 1px solid #85899b !important; } .overlay-secondary.overlay-lighten-2 { background: #85899b; /* The Fallback */ background: rgba(133, 137, 155, 0.8); } .secondary.lighten-1 { color: #777b8f !important; } .bg-secondary.bg-lighten-1 { background-color: #777b8f !important; } .bg-secondary.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(119, 123, 143, 0.6); } .btn-secondary.btn-lighten-1 { border-color: #545766 !important; background-color: #777b8f !important; } .btn-secondary.btn-lighten-1:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-lighten-1:focus, .btn-secondary.btn-lighten-1:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-lighten-1 { border-color: #777b8f !important; color: #777b8f !important; } .btn-outline-secondary.btn-outline-lighten-1:hover { background-color: #777b8f !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #777b8f !important; } .border-secondary.border-lighten-1 { border: 1px solid #777b8f !important; } .border-top-secondary.border-top-lighten-1 { border-top: 1px solid #777b8f !important; } .border-bottom-secondary.border-bottom-lighten-1 { border-bottom: 1px solid #777b8f !important; } .border-left-secondary.border-left-lighten-1 { border-left: 1px solid #777b8f !important; } .border-right-secondary.border-right-lighten-1 { border-right: 1px solid #777b8f !important; } .overlay-secondary.overlay-lighten-1 { background: #777b8f; /* The Fallback */ background: rgba(119, 123, 143, 0.8); } .secondary { color: #6b6f82 !important; } .bg-secondary { background-color: #6b6f82 !important; } .bg-secondary .card-header, .bg-secondary .card-footer { background-color: transparent; } .bg-secondary.bg-glow { box-shadow: 0px 1px 20px 1px rgba(107, 111, 130, 0.6); } .selectboxit.selectboxit-btn.bg-secondary { background-color: #6b6f82 !important; } .alert-secondary { border-color: #6b6f82 !important; background-color: #9094a4 !important; color: #1a1b20 !important; } .alert-secondary .alert-link { color: #08080a !important; } .border-secondary { border-color: #6b6f82; } .overlay-secondary { background: #6b6f82; /* The Fallback */ background: rgba(107, 111, 130, 0.8); } .color-info.secondary { background-color: #6b6f82 !important; } .btn-secondary { border-color: #545766 !important; background-color: #6b6f82 !important; color: #FFFFFF; } .btn-secondary:hover { border-color: #5f6374 !important; background-color: #777b8f !important; color: #FFF !important; } .btn-secondary:focus, .btn-secondary:active { border-color: #545766 !important; background-color: #484b58 !important; color: #FFF !important; } .btn-secondary.btn-glow { box-shadow: 0px 1px 20px 1px rgba(107, 111, 130, 0.6); } .btn-outline-secondary { border-color: #6b6f82; background-color: transparent; color: #6b6f82; } .btn-outline-secondary:hover { background-color: #6b6f82; color: #FFF !important; } .btn-outline-secondary.btn-glow { box-shadow: 0px 1px 20px 1px rgba(107, 111, 130, 0.6); } input[type=checkbox].bg-secondary + .custom-control-label:before, input[type=radio].bg-secondary + .custom-control-label:before { background-color: #6b6f82 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #6b6f82 !important; } .border-secondary { border: 1px solid #6b6f82 !important; } .border-top-secondary { border-top: 1px solid #6b6f82; } .border-bottom-secondary { border-bottom: 1px solid #6b6f82; } .border-left-secondary { border-left: 1px solid #6b6f82; } .border-right-secondary { border-right: 1px solid #6b6f82; } .secondary.darken-1 { color: #5f6374 !important; } .bg-secondary.bg-darken-1 { background-color: #5f6374 !important; } .bg-secondary.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(95, 99, 116, 0.6); } .btn-secondary.btn-darken-1 { border-color: #545766 !important; background-color: #5f6374 !important; } .btn-secondary.btn-darken-1:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-darken-1:focus, .btn-secondary.btn-darken-1:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-darken-1 { border-color: #5f6374 !important; color: #5f6374 !important; } .btn-outline-secondary.btn-outline-darken-1:hover { background-color: #5f6374 !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #5f6374 !important; } .border-secondary.border-darken-1 { border: 1px solid #5f6374 !important; } .border-top-secondary.border-top-darken-1 { border-top: 1px solid #5f6374 !important; } .border-bottom-secondary.border-bottom-darken-1 { border-bottom: 1px solid #5f6374 !important; } .border-left-secondary.border-left-darken-1 { border-left: 1px solid #5f6374 !important; } .border-right-secondary.border-right-darken-1 { border-right: 1px solid #5f6374 !important; } .overlay-secondary.overlay-darken-1 { background: #5f6374; /* The Fallback */ background: rgba(95, 99, 116, 0.8); } .secondary.darken-2 { color: #545766 !important; } .bg-secondary.bg-darken-2 { background-color: #545766 !important; } .bg-secondary.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(84, 87, 102, 0.6); } .btn-secondary.btn-darken-2 { border-color: #545766 !important; background-color: #545766 !important; } .btn-secondary.btn-darken-2:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-darken-2:focus, .btn-secondary.btn-darken-2:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-darken-2 { border-color: #545766 !important; color: #545766 !important; } .btn-outline-secondary.btn-outline-darken-2:hover { background-color: #545766 !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #545766 !important; } .border-secondary.border-darken-2 { border: 1px solid #545766 !important; } .border-top-secondary.border-top-darken-2 { border-top: 1px solid #545766 !important; } .border-bottom-secondary.border-bottom-darken-2 { border-bottom: 1px solid #545766 !important; } .border-left-secondary.border-left-darken-2 { border-left: 1px solid #545766 !important; } .border-right-secondary.border-right-darken-2 { border-right: 1px solid #545766 !important; } .overlay-secondary.overlay-darken-2 { background: #545766; /* The Fallback */ background: rgba(84, 87, 102, 0.8); } .secondary.darken-3 { color: #484b58 !important; } .bg-secondary.bg-darken-3 { background-color: #484b58 !important; } .bg-secondary.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(72, 75, 88, 0.6); } .btn-secondary.btn-darken-3 { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-darken-3:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-darken-3:focus, .btn-secondary.btn-darken-3:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-darken-3 { border-color: #484b58 !important; color: #484b58 !important; } .btn-outline-secondary.btn-outline-darken-3:hover { background-color: #484b58 !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #484b58 !important; } .border-secondary.border-darken-3 { border: 1px solid #484b58 !important; } .border-top-secondary.border-top-darken-3 { border-top: 1px solid #484b58 !important; } .border-bottom-secondary.border-bottom-darken-3 { border-bottom: 1px solid #484b58 !important; } .border-left-secondary.border-left-darken-3 { border-left: 1px solid #484b58 !important; } .border-right-secondary.border-right-darken-3 { border-right: 1px solid #484b58 !important; } .overlay-secondary.overlay-darken-3 { background: #484b58; /* The Fallback */ background: rgba(72, 75, 88, 0.8); } .secondary.darken-4 { color: #3d3f4a !important; } .bg-secondary.bg-darken-4 { background-color: #3d3f4a !important; } .bg-secondary.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(61, 63, 74, 0.6); } .btn-secondary.btn-darken-4 { border-color: #545766 !important; background-color: #3d3f4a !important; } .btn-secondary.btn-darken-4:hover { border-color: #545766 !important; background-color: #484b58 !important; } .btn-secondary.btn-darken-4:focus, .btn-secondary.btn-darken-4:active { border-color: #484b58 !important; background-color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-darken-4 { border-color: #3d3f4a !important; color: #3d3f4a !important; } .btn-outline-secondary.btn-outline-darken-4:hover { background-color: #3d3f4a !important; } input:focus ~ .bg-secondary { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3d3f4a !important; } .border-secondary.border-darken-4 { border: 1px solid #3d3f4a !important; } .border-top-secondary.border-top-darken-4 { border-top: 1px solid #3d3f4a !important; } .border-bottom-secondary.border-bottom-darken-4 { border-bottom: 1px solid #3d3f4a !important; } .border-left-secondary.border-left-darken-4 { border-left: 1px solid #3d3f4a !important; } .border-right-secondary.border-right-darken-4 { border-right: 1px solid #3d3f4a !important; } .overlay-secondary.overlay-darken-4 { background: #3d3f4a; /* The Fallback */ background: rgba(61, 63, 74, 0.8); } .success.lighten-5 { color: #8ee9c9 !important; } .bg-success.bg-lighten-5 { background-color: #8ee9c9 !important; } .bg-success.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(142, 233, 201, 0.6); } .btn-success.btn-lighten-5 { border-color: #20a576 !important; background-color: #8ee9c9 !important; } .btn-success.btn-lighten-5:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-lighten-5:focus, .btn-success.btn-lighten-5:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-lighten-5 { border-color: #8ee9c9 !important; color: #8ee9c9 !important; } .btn-outline-success.btn-outline-lighten-5:hover { background-color: #8ee9c9 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8ee9c9 !important; } .border-success.border-lighten-5 { border: 1px solid #8ee9c9 !important; } .border-top-success.border-top-lighten-5 { border-top: 1px solid #8ee9c9 !important; } .border-bottom-success.border-bottom-lighten-5 { border-bottom: 1px solid #8ee9c9 !important; } .border-left-success.border-left-lighten-5 { border-left: 1px solid #8ee9c9 !important; } .border-right-success.border-right-lighten-5 { border-right: 1px solid #8ee9c9 !important; } .overlay-success.overlay-lighten-5 { background: #8ee9c9; /* The Fallback */ background: rgba(142, 233, 201, 0.8); } .success.lighten-4 { color: #79e5be !important; } .bg-success.bg-lighten-4 { background-color: #79e5be !important; } .bg-success.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(121, 229, 190, 0.6); } .btn-success.btn-lighten-4 { border-color: #20a576 !important; background-color: #79e5be !important; } .btn-success.btn-lighten-4:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-lighten-4:focus, .btn-success.btn-lighten-4:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-lighten-4 { border-color: #79e5be !important; color: #79e5be !important; } .btn-outline-success.btn-outline-lighten-4:hover { background-color: #79e5be !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #79e5be !important; } .border-success.border-lighten-4 { border: 1px solid #79e5be !important; } .border-top-success.border-top-lighten-4 { border-top: 1px solid #79e5be !important; } .border-bottom-success.border-bottom-lighten-4 { border-bottom: 1px solid #79e5be !important; } .border-left-success.border-left-lighten-4 { border-left: 1px solid #79e5be !important; } .border-right-success.border-right-lighten-4 { border-right: 1px solid #79e5be !important; } .overlay-success.overlay-lighten-4 { background: #79e5be; /* The Fallback */ background: rgba(121, 229, 190, 0.8); } .success.lighten-3 { color: #63e1b4 !important; } .bg-success.bg-lighten-3 { background-color: #63e1b4 !important; } .bg-success.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(99, 225, 180, 0.6); } .btn-success.btn-lighten-3 { border-color: #20a576 !important; background-color: #63e1b4 !important; } .btn-success.btn-lighten-3:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-lighten-3:focus, .btn-success.btn-lighten-3:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-lighten-3 { border-color: #63e1b4 !important; color: #63e1b4 !important; } .btn-outline-success.btn-outline-lighten-3:hover { background-color: #63e1b4 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #63e1b4 !important; } .border-success.border-lighten-3 { border: 1px solid #63e1b4 !important; } .border-top-success.border-top-lighten-3 { border-top: 1px solid #63e1b4 !important; } .border-bottom-success.border-bottom-lighten-3 { border-bottom: 1px solid #63e1b4 !important; } .border-left-success.border-left-lighten-3 { border-left: 1px solid #63e1b4 !important; } .border-right-success.border-right-lighten-3 { border-right: 1px solid #63e1b4 !important; } .overlay-success.overlay-lighten-3 { background: #63e1b4; /* The Fallback */ background: rgba(99, 225, 180, 0.8); } .success.lighten-2 { color: #4eddaa !important; } .bg-success.bg-lighten-2 { background-color: #4eddaa !important; } .bg-success.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(78, 221, 170, 0.6); } .btn-success.btn-lighten-2 { border-color: #20a576 !important; background-color: #4eddaa !important; } .btn-success.btn-lighten-2:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-lighten-2:focus, .btn-success.btn-lighten-2:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-lighten-2 { border-color: #4eddaa !important; color: #4eddaa !important; } .btn-outline-success.btn-outline-lighten-2:hover { background-color: #4eddaa !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4eddaa !important; } .border-success.border-lighten-2 { border: 1px solid #4eddaa !important; } .border-top-success.border-top-lighten-2 { border-top: 1px solid #4eddaa !important; } .border-bottom-success.border-bottom-lighten-2 { border-bottom: 1px solid #4eddaa !important; } .border-left-success.border-left-lighten-2 { border-left: 1px solid #4eddaa !important; } .border-right-success.border-right-lighten-2 { border-right: 1px solid #4eddaa !important; } .overlay-success.overlay-lighten-2 { background: #4eddaa; /* The Fallback */ background: rgba(78, 221, 170, 0.8); } .success.lighten-1 { color: #39d9a0 !important; } .bg-success.bg-lighten-1 { background-color: #39d9a0 !important; } .bg-success.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(57, 217, 160, 0.6); } .btn-success.btn-lighten-1 { border-color: #20a576 !important; background-color: #39d9a0 !important; } .btn-success.btn-lighten-1:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-lighten-1:focus, .btn-success.btn-lighten-1:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-lighten-1 { border-color: #39d9a0 !important; color: #39d9a0 !important; } .btn-outline-success.btn-outline-lighten-1:hover { background-color: #39d9a0 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #39d9a0 !important; } .border-success.border-lighten-1 { border: 1px solid #39d9a0 !important; } .border-top-success.border-top-lighten-1 { border-top: 1px solid #39d9a0 !important; } .border-bottom-success.border-bottom-lighten-1 { border-bottom: 1px solid #39d9a0 !important; } .border-left-success.border-left-lighten-1 { border-left: 1px solid #39d9a0 !important; } .border-right-success.border-right-lighten-1 { border-right: 1px solid #39d9a0 !important; } .overlay-success.overlay-lighten-1 { background: #39d9a0; /* The Fallback */ background: rgba(57, 217, 160, 0.8); } .success { color: #28d094 !important; } .bg-success { background-color: #28d094 !important; } .bg-success .card-header, .bg-success .card-footer { background-color: transparent; } .bg-success.bg-glow { box-shadow: 0px 1px 20px 1px rgba(40, 208, 148, 0.6); } .selectboxit.selectboxit-btn.bg-success { background-color: #28d094 !important; } .alert-success { border-color: #28d094 !important; background-color: #5fe0b2 !important; color: #0b3a29 !important; } .alert-success .alert-link { color: #051811 !important; } .border-success { border-color: #28d094; } .overlay-success { background: #28d094; /* The Fallback */ background: rgba(40, 208, 148, 0.8); } .color-info.success { background-color: #28d094 !important; } .btn-success { border-color: #20a576 !important; background-color: #28d094 !important; color: #FFFFFF; } .btn-success:hover { border-color: #24bb85 !important; background-color: #39d9a0 !important; color: #FFF !important; } .btn-success:focus, .btn-success:active { border-color: #20a576 !important; background-color: #1c9066 !important; color: #FFF !important; } .btn-success.btn-glow { box-shadow: 0px 1px 20px 1px rgba(40, 208, 148, 0.6); } .btn-outline-success { border-color: #28d094; background-color: transparent; color: #28d094; } .btn-outline-success:hover { background-color: #28d094; color: #FFF !important; } .btn-outline-success.btn-glow { box-shadow: 0px 1px 20px 1px rgba(40, 208, 148, 0.6); } input[type=checkbox].bg-success + .custom-control-label:before, input[type=radio].bg-success + .custom-control-label:before { background-color: #28d094 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #28d094 !important; } .border-success { border: 1px solid #28d094 !important; } .border-top-success { border-top: 1px solid #28d094; } .border-bottom-success { border-bottom: 1px solid #28d094; } .border-left-success { border-left: 1px solid #28d094; } .border-right-success { border-right: 1px solid #28d094; } .success.darken-1 { color: #24bb85 !important; } .bg-success.bg-darken-1 { background-color: #24bb85 !important; } .bg-success.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(36, 187, 133, 0.6); } .btn-success.btn-darken-1 { border-color: #20a576 !important; background-color: #24bb85 !important; } .btn-success.btn-darken-1:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-darken-1:focus, .btn-success.btn-darken-1:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-darken-1 { border-color: #24bb85 !important; color: #24bb85 !important; } .btn-outline-success.btn-outline-darken-1:hover { background-color: #24bb85 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #24bb85 !important; } .border-success.border-darken-1 { border: 1px solid #24bb85 !important; } .border-top-success.border-top-darken-1 { border-top: 1px solid #24bb85 !important; } .border-bottom-success.border-bottom-darken-1 { border-bottom: 1px solid #24bb85 !important; } .border-left-success.border-left-darken-1 { border-left: 1px solid #24bb85 !important; } .border-right-success.border-right-darken-1 { border-right: 1px solid #24bb85 !important; } .overlay-success.overlay-darken-1 { background: #24bb85; /* The Fallback */ background: rgba(36, 187, 133, 0.8); } .success.darken-2 { color: #20a576 !important; } .bg-success.bg-darken-2 { background-color: #20a576 !important; } .bg-success.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(32, 165, 118, 0.6); } .btn-success.btn-darken-2 { border-color: #20a576 !important; background-color: #20a576 !important; } .btn-success.btn-darken-2:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-darken-2:focus, .btn-success.btn-darken-2:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-darken-2 { border-color: #20a576 !important; color: #20a576 !important; } .btn-outline-success.btn-outline-darken-2:hover { background-color: #20a576 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #20a576 !important; } .border-success.border-darken-2 { border: 1px solid #20a576 !important; } .border-top-success.border-top-darken-2 { border-top: 1px solid #20a576 !important; } .border-bottom-success.border-bottom-darken-2 { border-bottom: 1px solid #20a576 !important; } .border-left-success.border-left-darken-2 { border-left: 1px solid #20a576 !important; } .border-right-success.border-right-darken-2 { border-right: 1px solid #20a576 !important; } .overlay-success.overlay-darken-2 { background: #20a576; /* The Fallback */ background: rgba(32, 165, 118, 0.8); } .success.darken-3 { color: #1c9066 !important; } .bg-success.bg-darken-3 { background-color: #1c9066 !important; } .bg-success.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(28, 144, 102, 0.6); } .btn-success.btn-darken-3 { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-darken-3:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-darken-3:focus, .btn-success.btn-darken-3:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-darken-3 { border-color: #1c9066 !important; color: #1c9066 !important; } .btn-outline-success.btn-outline-darken-3:hover { background-color: #1c9066 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1c9066 !important; } .border-success.border-darken-3 { border: 1px solid #1c9066 !important; } .border-top-success.border-top-darken-3 { border-top: 1px solid #1c9066 !important; } .border-bottom-success.border-bottom-darken-3 { border-bottom: 1px solid #1c9066 !important; } .border-left-success.border-left-darken-3 { border-left: 1px solid #1c9066 !important; } .border-right-success.border-right-darken-3 { border-right: 1px solid #1c9066 !important; } .overlay-success.overlay-darken-3 { background: #1c9066; /* The Fallback */ background: rgba(28, 144, 102, 0.8); } .success.darken-4 { color: #187a57 !important; } .bg-success.bg-darken-4 { background-color: #187a57 !important; } .bg-success.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(24, 122, 87, 0.6); } .btn-success.btn-darken-4 { border-color: #20a576 !important; background-color: #187a57 !important; } .btn-success.btn-darken-4:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-darken-4:focus, .btn-success.btn-darken-4:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-darken-4 { border-color: #187a57 !important; color: #187a57 !important; } .btn-outline-success.btn-outline-darken-4:hover { background-color: #187a57 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #187a57 !important; } .border-success.border-darken-4 { border: 1px solid #187a57 !important; } .border-top-success.border-top-darken-4 { border-top: 1px solid #187a57 !important; } .border-bottom-success.border-bottom-darken-4 { border-bottom: 1px solid #187a57 !important; } .border-left-success.border-left-darken-4 { border-left: 1px solid #187a57 !important; } .border-right-success.border-right-darken-4 { border-right: 1px solid #187a57 !important; } .overlay-success.overlay-darken-4 { background: #187a57; /* The Fallback */ background: rgba(24, 122, 87, 0.8); } .success.accent-1 { color: #e1fff0 !important; } .bg-success.bg-accent-1 { background-color: #e1fff0 !important; } .bg-success.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(225, 255, 240, 0.6); } .btn-success.btn-accent-1 { border-color: #20a576 !important; background-color: #e1fff0 !important; } .btn-success.btn-accent-1:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-accent-1:focus, .btn-success.btn-accent-1:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-accent-1 { border-color: #e1fff0 !important; color: #e1fff0 !important; } .btn-outline-success.btn-outline-accent-1:hover { background-color: #e1fff0 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e1fff0 !important; } .border-success.border-accent-1 { border: 1px solid #e1fff0 !important; } .border-top-success.border-top-accent-1 { border-top: 1px solid #e1fff0 !important; } .border-bottom-success.border-bottom-accent-1 { border-bottom: 1px solid #e1fff0 !important; } .border-left-success.border-left-accent-1 { border-left: 1px solid #e1fff0 !important; } .border-right-success.border-right-accent-1 { border-right: 1px solid #e1fff0 !important; } .overlay-success.overlay-accent-1 { background: #e1fff0; /* The Fallback */ background: rgba(225, 255, 240, 0.8); } .success.accent-2 { color: #aeffd5 !important; } .bg-success.bg-accent-2 { background-color: #aeffd5 !important; } .bg-success.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(174, 255, 213, 0.6); } .btn-success.btn-accent-2 { border-color: #20a576 !important; background-color: #aeffd5 !important; } .btn-success.btn-accent-2:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-accent-2:focus, .btn-success.btn-accent-2:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-accent-2 { border-color: #aeffd5 !important; color: #aeffd5 !important; } .btn-outline-success.btn-outline-accent-2:hover { background-color: #aeffd5 !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #aeffd5 !important; } .border-success.border-accent-2 { border: 1px solid #aeffd5 !important; } .border-top-success.border-top-accent-2 { border-top: 1px solid #aeffd5 !important; } .border-bottom-success.border-bottom-accent-2 { border-bottom: 1px solid #aeffd5 !important; } .border-left-success.border-left-accent-2 { border-left: 1px solid #aeffd5 !important; } .border-right-success.border-right-accent-2 { border-right: 1px solid #aeffd5 !important; } .overlay-success.overlay-accent-2 { background: #aeffd5; /* The Fallback */ background: rgba(174, 255, 213, 0.8); } .success.accent-3 { color: #7bffbb !important; } .bg-success.bg-accent-3 { background-color: #7bffbb !important; } .bg-success.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(123, 255, 187, 0.6); } .btn-success.btn-accent-3 { border-color: #20a576 !important; background-color: #7bffbb !important; } .btn-success.btn-accent-3:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-accent-3:focus, .btn-success.btn-accent-3:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-accent-3 { border-color: #7bffbb !important; color: #7bffbb !important; } .btn-outline-success.btn-outline-accent-3:hover { background-color: #7bffbb !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7bffbb !important; } .border-success.border-accent-3 { border: 1px solid #7bffbb !important; } .border-top-success.border-top-accent-3 { border-top: 1px solid #7bffbb !important; } .border-bottom-success.border-bottom-accent-3 { border-bottom: 1px solid #7bffbb !important; } .border-left-success.border-left-accent-3 { border-left: 1px solid #7bffbb !important; } .border-right-success.border-right-accent-3 { border-right: 1px solid #7bffbb !important; } .overlay-success.overlay-accent-3 { background: #7bffbb; /* The Fallback */ background: rgba(123, 255, 187, 0.8); } .success.accent-4 { color: #62ffae !important; } .bg-success.bg-accent-4 { background-color: #62ffae !important; } .bg-success.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(98, 255, 174, 0.6); } .btn-success.btn-accent-4 { border-color: #20a576 !important; background-color: #62ffae !important; } .btn-success.btn-accent-4:hover { border-color: #20a576 !important; background-color: #1c9066 !important; } .btn-success.btn-accent-4:focus, .btn-success.btn-accent-4:active { border-color: #1c9066 !important; background-color: #187a57 !important; } .btn-outline-success.btn-outline-accent-4 { border-color: #62ffae !important; color: #62ffae !important; } .btn-outline-success.btn-outline-accent-4:hover { background-color: #62ffae !important; } input:focus ~ .bg-success { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #62ffae !important; } .border-success.border-accent-4 { border: 1px solid #62ffae !important; } .border-top-success.border-top-accent-4 { border-top: 1px solid #62ffae !important; } .border-bottom-success.border-bottom-accent-4 { border-bottom: 1px solid #62ffae !important; } .border-left-success.border-left-accent-4 { border-left: 1px solid #62ffae !important; } .border-right-success.border-right-accent-4 { border-right: 1px solid #62ffae !important; } .overlay-success.overlay-accent-4 { background: #62ffae; /* The Fallback */ background: rgba(98, 255, 174, 0.8); } .info.lighten-5 { color: #97d2f9 !important; } .bg-info.bg-lighten-5 { background-color: #97d2f9 !important; } .bg-info.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(151, 210, 249, 0.6); } .btn-info.btn-lighten-5 { border-color: #0c84d1 !important; background-color: #97d2f9 !important; } .btn-info.btn-lighten-5:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-lighten-5:focus, .btn-info.btn-lighten-5:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-lighten-5 { border-color: #97d2f9 !important; color: #97d2f9 !important; } .btn-outline-info.btn-outline-lighten-5:hover { background-color: #97d2f9 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #97d2f9 !important; } .border-info.border-lighten-5 { border: 1px solid #97d2f9 !important; } .border-top-info.border-top-lighten-5 { border-top: 1px solid #97d2f9 !important; } .border-bottom-info.border-bottom-lighten-5 { border-bottom: 1px solid #97d2f9 !important; } .border-left-info.border-left-lighten-5 { border-left: 1px solid #97d2f9 !important; } .border-right-info.border-right-lighten-5 { border-right: 1px solid #97d2f9 !important; } .overlay-info.overlay-lighten-5 { background: #97d2f9; /* The Fallback */ background: rgba(151, 210, 249, 0.8); } .info.lighten-4 { color: #7ec8f8 !important; } .bg-info.bg-lighten-4 { background-color: #7ec8f8 !important; } .bg-info.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(126, 200, 248, 0.6); } .btn-info.btn-lighten-4 { border-color: #0c84d1 !important; background-color: #7ec8f8 !important; } .btn-info.btn-lighten-4:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-lighten-4:focus, .btn-info.btn-lighten-4:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-lighten-4 { border-color: #7ec8f8 !important; color: #7ec8f8 !important; } .btn-outline-info.btn-outline-lighten-4:hover { background-color: #7ec8f8 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7ec8f8 !important; } .border-info.border-lighten-4 { border: 1px solid #7ec8f8 !important; } .border-top-info.border-top-lighten-4 { border-top: 1px solid #7ec8f8 !important; } .border-bottom-info.border-bottom-lighten-4 { border-bottom: 1px solid #7ec8f8 !important; } .border-left-info.border-left-lighten-4 { border-left: 1px solid #7ec8f8 !important; } .border-right-info.border-right-lighten-4 { border-right: 1px solid #7ec8f8 !important; } .overlay-info.overlay-lighten-4 { background: #7ec8f8; /* The Fallback */ background: rgba(126, 200, 248, 0.8); } .info.lighten-3 { color: #66bef6 !important; } .bg-info.bg-lighten-3 { background-color: #66bef6 !important; } .bg-info.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(102, 190, 246, 0.6); } .btn-info.btn-lighten-3 { border-color: #0c84d1 !important; background-color: #66bef6 !important; } .btn-info.btn-lighten-3:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-lighten-3:focus, .btn-info.btn-lighten-3:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-lighten-3 { border-color: #66bef6 !important; color: #66bef6 !important; } .btn-outline-info.btn-outline-lighten-3:hover { background-color: #66bef6 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #66bef6 !important; } .border-info.border-lighten-3 { border: 1px solid #66bef6 !important; } .border-top-info.border-top-lighten-3 { border-top: 1px solid #66bef6 !important; } .border-bottom-info.border-bottom-lighten-3 { border-bottom: 1px solid #66bef6 !important; } .border-left-info.border-left-lighten-3 { border-left: 1px solid #66bef6 !important; } .border-right-info.border-right-lighten-3 { border-right: 1px solid #66bef6 !important; } .overlay-info.overlay-lighten-3 { background: #66bef6; /* The Fallback */ background: rgba(102, 190, 246, 0.8); } .info.lighten-2 { color: #4eb4f5 !important; } .bg-info.bg-lighten-2 { background-color: #4eb4f5 !important; } .bg-info.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(78, 180, 245, 0.6); } .btn-info.btn-lighten-2 { border-color: #0c84d1 !important; background-color: #4eb4f5 !important; } .btn-info.btn-lighten-2:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-lighten-2:focus, .btn-info.btn-lighten-2:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-lighten-2 { border-color: #4eb4f5 !important; color: #4eb4f5 !important; } .btn-outline-info.btn-outline-lighten-2:hover { background-color: #4eb4f5 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4eb4f5 !important; } .border-info.border-lighten-2 { border: 1px solid #4eb4f5 !important; } .border-top-info.border-top-lighten-2 { border-top: 1px solid #4eb4f5 !important; } .border-bottom-info.border-bottom-lighten-2 { border-bottom: 1px solid #4eb4f5 !important; } .border-left-info.border-left-lighten-2 { border-left: 1px solid #4eb4f5 !important; } .border-right-info.border-right-lighten-2 { border-right: 1px solid #4eb4f5 !important; } .overlay-info.overlay-lighten-2 { background: #4eb4f5; /* The Fallback */ background: rgba(78, 180, 245, 0.8); } .info.lighten-1 { color: #36a9f3 !important; } .bg-info.bg-lighten-1 { background-color: #36a9f3 !important; } .bg-info.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(54, 169, 243, 0.6); } .btn-info.btn-lighten-1 { border-color: #0c84d1 !important; background-color: #36a9f3 !important; } .btn-info.btn-lighten-1:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-lighten-1:focus, .btn-info.btn-lighten-1:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-lighten-1 { border-color: #36a9f3 !important; color: #36a9f3 !important; } .btn-outline-info.btn-outline-lighten-1:hover { background-color: #36a9f3 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #36a9f3 !important; } .border-info.border-lighten-1 { border: 1px solid #36a9f3 !important; } .border-top-info.border-top-lighten-1 { border-top: 1px solid #36a9f3 !important; } .border-bottom-info.border-bottom-lighten-1 { border-bottom: 1px solid #36a9f3 !important; } .border-left-info.border-left-lighten-1 { border-left: 1px solid #36a9f3 !important; } .border-right-info.border-right-lighten-1 { border-right: 1px solid #36a9f3 !important; } .overlay-info.overlay-lighten-1 { background: #36a9f3; /* The Fallback */ background: rgba(54, 169, 243, 0.8); } .info { color: #1e9ff2 !important; } .bg-info { background-color: #1e9ff2 !important; } .bg-info .card-header, .bg-info .card-footer { background-color: transparent; } .bg-info.bg-glow { box-shadow: 0px 1px 20px 1px rgba(30, 159, 242, 0.6); } .selectboxit.selectboxit-btn.bg-info { background-color: #1e9ff2 !important; } .alert-info { border-color: #1e9ff2 !important; background-color: #62bcf6 !important; color: #053858 !important; } .alert-info .alert-link { color: #031f32 !important; } .border-info { border-color: #1e9ff2; } .overlay-info { background: #1e9ff2; /* The Fallback */ background: rgba(30, 159, 242, 0.8); } .color-info.info { background-color: #1e9ff2 !important; } .btn-info { border-color: #0c84d1 !important; background-color: #1e9ff2 !important; color: #FFFFFF; } .btn-info:hover { border-color: #0d93e9 !important; background-color: #36a9f3 !important; color: #FFF !important; } .btn-info:focus, .btn-info:active { border-color: #0c84d1 !important; background-color: #0b75b9 !important; color: #FFF !important; } .btn-info.btn-glow { box-shadow: 0px 1px 20px 1px rgba(30, 159, 242, 0.6); } .btn-outline-info { border-color: #1e9ff2; background-color: transparent; color: #1e9ff2; } .btn-outline-info:hover { background-color: #1e9ff2; color: #FFF !important; } .btn-outline-info.btn-glow { box-shadow: 0px 1px 20px 1px rgba(30, 159, 242, 0.6); } input[type=checkbox].bg-info + .custom-control-label:before, input[type=radio].bg-info + .custom-control-label:before { background-color: #1e9ff2 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1e9ff2 !important; } .border-info { border: 1px solid #1e9ff2 !important; } .border-top-info { border-top: 1px solid #1e9ff2; } .border-bottom-info { border-bottom: 1px solid #1e9ff2; } .border-left-info { border-left: 1px solid #1e9ff2; } .border-right-info { border-right: 1px solid #1e9ff2; } .info.darken-1 { color: #0d93e9 !important; } .bg-info.bg-darken-1 { background-color: #0d93e9 !important; } .bg-info.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(13, 147, 233, 0.6); } .btn-info.btn-darken-1 { border-color: #0c84d1 !important; background-color: #0d93e9 !important; } .btn-info.btn-darken-1:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-darken-1:focus, .btn-info.btn-darken-1:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-darken-1 { border-color: #0d93e9 !important; color: #0d93e9 !important; } .btn-outline-info.btn-outline-darken-1:hover { background-color: #0d93e9 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0d93e9 !important; } .border-info.border-darken-1 { border: 1px solid #0d93e9 !important; } .border-top-info.border-top-darken-1 { border-top: 1px solid #0d93e9 !important; } .border-bottom-info.border-bottom-darken-1 { border-bottom: 1px solid #0d93e9 !important; } .border-left-info.border-left-darken-1 { border-left: 1px solid #0d93e9 !important; } .border-right-info.border-right-darken-1 { border-right: 1px solid #0d93e9 !important; } .overlay-info.overlay-darken-1 { background: #0d93e9; /* The Fallback */ background: rgba(13, 147, 233, 0.8); } .info.darken-2 { color: #0c84d1 !important; } .bg-info.bg-darken-2 { background-color: #0c84d1 !important; } .bg-info.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(12, 132, 209, 0.6); } .btn-info.btn-darken-2 { border-color: #0c84d1 !important; background-color: #0c84d1 !important; } .btn-info.btn-darken-2:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-darken-2:focus, .btn-info.btn-darken-2:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-darken-2 { border-color: #0c84d1 !important; color: #0c84d1 !important; } .btn-outline-info.btn-outline-darken-2:hover { background-color: #0c84d1 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0c84d1 !important; } .border-info.border-darken-2 { border: 1px solid #0c84d1 !important; } .border-top-info.border-top-darken-2 { border-top: 1px solid #0c84d1 !important; } .border-bottom-info.border-bottom-darken-2 { border-bottom: 1px solid #0c84d1 !important; } .border-left-info.border-left-darken-2 { border-left: 1px solid #0c84d1 !important; } .border-right-info.border-right-darken-2 { border-right: 1px solid #0c84d1 !important; } .overlay-info.overlay-darken-2 { background: #0c84d1; /* The Fallback */ background: rgba(12, 132, 209, 0.8); } .info.darken-3 { color: #0b75b9 !important; } .bg-info.bg-darken-3 { background-color: #0b75b9 !important; } .bg-info.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(11, 117, 185, 0.6); } .btn-info.btn-darken-3 { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-darken-3:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-darken-3:focus, .btn-info.btn-darken-3:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-darken-3 { border-color: #0b75b9 !important; color: #0b75b9 !important; } .btn-outline-info.btn-outline-darken-3:hover { background-color: #0b75b9 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0b75b9 !important; } .border-info.border-darken-3 { border: 1px solid #0b75b9 !important; } .border-top-info.border-top-darken-3 { border-top: 1px solid #0b75b9 !important; } .border-bottom-info.border-bottom-darken-3 { border-bottom: 1px solid #0b75b9 !important; } .border-left-info.border-left-darken-3 { border-left: 1px solid #0b75b9 !important; } .border-right-info.border-right-darken-3 { border-right: 1px solid #0b75b9 !important; } .overlay-info.overlay-darken-3 { background: #0b75b9; /* The Fallback */ background: rgba(11, 117, 185, 0.8); } .info.darken-4 { color: #0965a1 !important; } .bg-info.bg-darken-4 { background-color: #0965a1 !important; } .bg-info.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(9, 101, 161, 0.6); } .btn-info.btn-darken-4 { border-color: #0c84d1 !important; background-color: #0965a1 !important; } .btn-info.btn-darken-4:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-darken-4:focus, .btn-info.btn-darken-4:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-darken-4 { border-color: #0965a1 !important; color: #0965a1 !important; } .btn-outline-info.btn-outline-darken-4:hover { background-color: #0965a1 !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0965a1 !important; } .border-info.border-darken-4 { border: 1px solid #0965a1 !important; } .border-top-info.border-top-darken-4 { border-top: 1px solid #0965a1 !important; } .border-bottom-info.border-bottom-darken-4 { border-bottom: 1px solid #0965a1 !important; } .border-left-info.border-left-darken-4 { border-left: 1px solid #0965a1 !important; } .border-right-info.border-right-darken-4 { border-right: 1px solid #0965a1 !important; } .overlay-info.overlay-darken-4 { background: #0965a1; /* The Fallback */ background: rgba(9, 101, 161, 0.8); } .info.accent-1 { color: #eff5ff !important; } .bg-info.bg-accent-1 { background-color: #eff5ff !important; } .bg-info.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(239, 245, 255, 0.6); } .btn-info.btn-accent-1 { border-color: #0c84d1 !important; background-color: #eff5ff !important; } .btn-info.btn-accent-1:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-accent-1:focus, .btn-info.btn-accent-1:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-accent-1 { border-color: #eff5ff !important; color: #eff5ff !important; } .btn-outline-info.btn-outline-accent-1:hover { background-color: #eff5ff !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #eff5ff !important; } .border-info.border-accent-1 { border: 1px solid #eff5ff !important; } .border-top-info.border-top-accent-1 { border-top: 1px solid #eff5ff !important; } .border-bottom-info.border-bottom-accent-1 { border-bottom: 1px solid #eff5ff !important; } .border-left-info.border-left-accent-1 { border-left: 1px solid #eff5ff !important; } .border-right-info.border-right-accent-1 { border-right: 1px solid #eff5ff !important; } .overlay-info.overlay-accent-1 { background: #eff5ff; /* The Fallback */ background: rgba(239, 245, 255, 0.8); } .info.accent-2 { color: #dfecff !important; } .bg-info.bg-accent-2 { background-color: #dfecff !important; } .bg-info.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(223, 236, 255, 0.6); } .btn-info.btn-accent-2 { border-color: #0c84d1 !important; background-color: #dfecff !important; } .btn-info.btn-accent-2:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-accent-2:focus, .btn-info.btn-accent-2:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-accent-2 { border-color: #dfecff !important; color: #dfecff !important; } .btn-outline-info.btn-outline-accent-2:hover { background-color: #dfecff !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #dfecff !important; } .border-info.border-accent-2 { border: 1px solid #dfecff !important; } .border-top-info.border-top-accent-2 { border-top: 1px solid #dfecff !important; } .border-bottom-info.border-bottom-accent-2 { border-bottom: 1px solid #dfecff !important; } .border-left-info.border-left-accent-2 { border-left: 1px solid #dfecff !important; } .border-right-info.border-right-accent-2 { border-right: 1px solid #dfecff !important; } .overlay-info.overlay-accent-2 { background: #dfecff; /* The Fallback */ background: rgba(223, 236, 255, 0.8); } .info.accent-3 { color: #accfff !important; } .bg-info.bg-accent-3 { background-color: #accfff !important; } .bg-info.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(172, 207, 255, 0.6); } .btn-info.btn-accent-3 { border-color: #0c84d1 !important; background-color: #accfff !important; } .btn-info.btn-accent-3:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-accent-3:focus, .btn-info.btn-accent-3:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-accent-3 { border-color: #accfff !important; color: #accfff !important; } .btn-outline-info.btn-outline-accent-3:hover { background-color: #accfff !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #accfff !important; } .border-info.border-accent-3 { border: 1px solid #accfff !important; } .border-top-info.border-top-accent-3 { border-top: 1px solid #accfff !important; } .border-bottom-info.border-bottom-accent-3 { border-bottom: 1px solid #accfff !important; } .border-left-info.border-left-accent-3 { border-left: 1px solid #accfff !important; } .border-right-info.border-right-accent-3 { border-right: 1px solid #accfff !important; } .overlay-info.overlay-accent-3 { background: #accfff; /* The Fallback */ background: rgba(172, 207, 255, 0.8); } .info.accent-4 { color: #92c0ff !important; } .bg-info.bg-accent-4 { background-color: #92c0ff !important; } .bg-info.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(146, 192, 255, 0.6); } .btn-info.btn-accent-4 { border-color: #0c84d1 !important; background-color: #92c0ff !important; } .btn-info.btn-accent-4:hover { border-color: #0c84d1 !important; background-color: #0b75b9 !important; } .btn-info.btn-accent-4:focus, .btn-info.btn-accent-4:active { border-color: #0b75b9 !important; background-color: #0965a1 !important; } .btn-outline-info.btn-outline-accent-4 { border-color: #92c0ff !important; color: #92c0ff !important; } .btn-outline-info.btn-outline-accent-4:hover { background-color: #92c0ff !important; } input:focus ~ .bg-info { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #92c0ff !important; } .border-info.border-accent-4 { border: 1px solid #92c0ff !important; } .border-top-info.border-top-accent-4 { border-top: 1px solid #92c0ff !important; } .border-bottom-info.border-bottom-accent-4 { border-bottom: 1px solid #92c0ff !important; } .border-left-info.border-left-accent-4 { border-left: 1px solid #92c0ff !important; } .border-right-info.border-right-accent-4 { border-right: 1px solid #92c0ff !important; } .overlay-info.overlay-accent-4 { background: #92c0ff; /* The Fallback */ background: rgba(146, 192, 255, 0.8); } .warning.lighten-5 { color: #ffdec9 !important; } .bg-warning.bg-lighten-5 { background-color: #ffdec9 !important; } .bg-warning.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 222, 201, 0.6); } .btn-warning.btn-lighten-5 { border-color: #ff7216 !important; background-color: #ffdec9 !important; } .btn-warning.btn-lighten-5:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-lighten-5:focus, .btn-warning.btn-lighten-5:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-lighten-5 { border-color: #ffdec9 !important; color: #ffdec9 !important; } .btn-outline-warning.btn-outline-lighten-5:hover { background-color: #ffdec9 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffdec9 !important; } .border-warning.border-lighten-5 { border: 1px solid #ffdec9 !important; } .border-top-warning.border-top-lighten-5 { border-top: 1px solid #ffdec9 !important; } .border-bottom-warning.border-bottom-lighten-5 { border-bottom: 1px solid #ffdec9 !important; } .border-left-warning.border-left-lighten-5 { border-left: 1px solid #ffdec9 !important; } .border-right-warning.border-right-lighten-5 { border-right: 1px solid #ffdec9 !important; } .overlay-warning.overlay-lighten-5 { background: #ffdec9; /* The Fallback */ background: rgba(255, 222, 201, 0.8); } .warning.lighten-4 { color: #ffcfaf !important; } .bg-warning.bg-lighten-4 { background-color: #ffcfaf !important; } .bg-warning.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 207, 175, 0.6); } .btn-warning.btn-lighten-4 { border-color: #ff7216 !important; background-color: #ffcfaf !important; } .btn-warning.btn-lighten-4:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-lighten-4:focus, .btn-warning.btn-lighten-4:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-lighten-4 { border-color: #ffcfaf !important; color: #ffcfaf !important; } .btn-outline-warning.btn-outline-lighten-4:hover { background-color: #ffcfaf !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffcfaf !important; } .border-warning.border-lighten-4 { border: 1px solid #ffcfaf !important; } .border-top-warning.border-top-lighten-4 { border-top: 1px solid #ffcfaf !important; } .border-bottom-warning.border-bottom-lighten-4 { border-bottom: 1px solid #ffcfaf !important; } .border-left-warning.border-left-lighten-4 { border-left: 1px solid #ffcfaf !important; } .border-right-warning.border-right-lighten-4 { border-right: 1px solid #ffcfaf !important; } .overlay-warning.overlay-lighten-4 { background: #ffcfaf; /* The Fallback */ background: rgba(255, 207, 175, 0.8); } .warning.lighten-3 { color: #ffbf96 !important; } .bg-warning.bg-lighten-3 { background-color: #ffbf96 !important; } .bg-warning.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 191, 150, 0.6); } .btn-warning.btn-lighten-3 { border-color: #ff7216 !important; background-color: #ffbf96 !important; } .btn-warning.btn-lighten-3:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-lighten-3:focus, .btn-warning.btn-lighten-3:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-lighten-3 { border-color: #ffbf96 !important; color: #ffbf96 !important; } .btn-outline-warning.btn-outline-lighten-3:hover { background-color: #ffbf96 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffbf96 !important; } .border-warning.border-lighten-3 { border: 1px solid #ffbf96 !important; } .border-top-warning.border-top-lighten-3 { border-top: 1px solid #ffbf96 !important; } .border-bottom-warning.border-bottom-lighten-3 { border-bottom: 1px solid #ffbf96 !important; } .border-left-warning.border-left-lighten-3 { border-left: 1px solid #ffbf96 !important; } .border-right-warning.border-right-lighten-3 { border-right: 1px solid #ffbf96 !important; } .overlay-warning.overlay-lighten-3 { background: #ffbf96; /* The Fallback */ background: rgba(255, 191, 150, 0.8); } .warning.lighten-2 { color: #ffb07c !important; } .bg-warning.bg-lighten-2 { background-color: #ffb07c !important; } .bg-warning.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 176, 124, 0.6); } .btn-warning.btn-lighten-2 { border-color: #ff7216 !important; background-color: #ffb07c !important; } .btn-warning.btn-lighten-2:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-lighten-2:focus, .btn-warning.btn-lighten-2:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-lighten-2 { border-color: #ffb07c !important; color: #ffb07c !important; } .btn-outline-warning.btn-outline-lighten-2:hover { background-color: #ffb07c !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffb07c !important; } .border-warning.border-lighten-2 { border: 1px solid #ffb07c !important; } .border-top-warning.border-top-lighten-2 { border-top: 1px solid #ffb07c !important; } .border-bottom-warning.border-bottom-lighten-2 { border-bottom: 1px solid #ffb07c !important; } .border-left-warning.border-left-lighten-2 { border-left: 1px solid #ffb07c !important; } .border-right-warning.border-right-lighten-2 { border-right: 1px solid #ffb07c !important; } .overlay-warning.overlay-lighten-2 { background: #ffb07c; /* The Fallback */ background: rgba(255, 176, 124, 0.8); } .warning.lighten-1 { color: #ffa063 !important; } .bg-warning.bg-lighten-1 { background-color: #ffa063 !important; } .bg-warning.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 160, 99, 0.6); } .btn-warning.btn-lighten-1 { border-color: #ff7216 !important; background-color: #ffa063 !important; } .btn-warning.btn-lighten-1:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-lighten-1:focus, .btn-warning.btn-lighten-1:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-lighten-1 { border-color: #ffa063 !important; color: #ffa063 !important; } .btn-outline-warning.btn-outline-lighten-1:hover { background-color: #ffa063 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffa063 !important; } .border-warning.border-lighten-1 { border: 1px solid #ffa063 !important; } .border-top-warning.border-top-lighten-1 { border-top: 1px solid #ffa063 !important; } .border-bottom-warning.border-bottom-lighten-1 { border-bottom: 1px solid #ffa063 !important; } .border-left-warning.border-left-lighten-1 { border-left: 1px solid #ffa063 !important; } .border-right-warning.border-right-lighten-1 { border-right: 1px solid #ffa063 !important; } .overlay-warning.overlay-lighten-1 { background: #ffa063; /* The Fallback */ background: rgba(255, 160, 99, 0.8); } .warning { color: #ff9149 !important; } .bg-warning { background-color: #ff9149 !important; } .bg-warning .card-header, .bg-warning .card-footer { background-color: transparent; } .bg-warning.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 145, 73, 0.6); } .selectboxit.selectboxit-btn.bg-warning { background-color: #ff9149 !important; } .alert-warning { border-color: #ff9149 !important; background-color: #ffbc90 !important; color: #963b00 !important; } .alert-warning .alert-link { color: #6d2b00 !important; } .border-warning { border-color: #ff9149; } .overlay-warning { background: #ff9149; /* The Fallback */ background: rgba(255, 145, 73, 0.8); } .color-info.warning { background-color: #ff9149 !important; } .btn-warning { border-color: #ff7216 !important; background-color: #ff9149 !important; color: #FFFFFF; } .btn-warning:hover { border-color: #ff8230 !important; background-color: #ffa063 !important; color: #FFF !important; } .btn-warning:focus, .btn-warning:active { border-color: #ff7216 !important; background-color: #fc6300 !important; color: #FFF !important; } .btn-warning.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 145, 73, 0.6); } .btn-outline-warning { border-color: #ff9149; background-color: transparent; color: #ff9149; } .btn-outline-warning:hover { background-color: #ff9149; color: #FFF !important; } .btn-outline-warning.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 145, 73, 0.6); } input[type=checkbox].bg-warning + .custom-control-label:before, input[type=radio].bg-warning + .custom-control-label:before { background-color: #ff9149 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff9149 !important; } .border-warning { border: 1px solid #ff9149 !important; } .border-top-warning { border-top: 1px solid #ff9149; } .border-bottom-warning { border-bottom: 1px solid #ff9149; } .border-left-warning { border-left: 1px solid #ff9149; } .border-right-warning { border-right: 1px solid #ff9149; } .warning.darken-1 { color: #ff8230 !important; } .bg-warning.bg-darken-1 { background-color: #ff8230 !important; } .bg-warning.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 130, 48, 0.6); } .btn-warning.btn-darken-1 { border-color: #ff7216 !important; background-color: #ff8230 !important; } .btn-warning.btn-darken-1:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-darken-1:focus, .btn-warning.btn-darken-1:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-darken-1 { border-color: #ff8230 !important; color: #ff8230 !important; } .btn-outline-warning.btn-outline-darken-1:hover { background-color: #ff8230 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff8230 !important; } .border-warning.border-darken-1 { border: 1px solid #ff8230 !important; } .border-top-warning.border-top-darken-1 { border-top: 1px solid #ff8230 !important; } .border-bottom-warning.border-bottom-darken-1 { border-bottom: 1px solid #ff8230 !important; } .border-left-warning.border-left-darken-1 { border-left: 1px solid #ff8230 !important; } .border-right-warning.border-right-darken-1 { border-right: 1px solid #ff8230 !important; } .overlay-warning.overlay-darken-1 { background: #ff8230; /* The Fallback */ background: rgba(255, 130, 48, 0.8); } .warning.darken-2 { color: #ff7216 !important; } .bg-warning.bg-darken-2 { background-color: #ff7216 !important; } .bg-warning.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 114, 22, 0.6); } .btn-warning.btn-darken-2 { border-color: #ff7216 !important; background-color: #ff7216 !important; } .btn-warning.btn-darken-2:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-darken-2:focus, .btn-warning.btn-darken-2:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-darken-2 { border-color: #ff7216 !important; color: #ff7216 !important; } .btn-outline-warning.btn-outline-darken-2:hover { background-color: #ff7216 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff7216 !important; } .border-warning.border-darken-2 { border: 1px solid #ff7216 !important; } .border-top-warning.border-top-darken-2 { border-top: 1px solid #ff7216 !important; } .border-bottom-warning.border-bottom-darken-2 { border-bottom: 1px solid #ff7216 !important; } .border-left-warning.border-left-darken-2 { border-left: 1px solid #ff7216 !important; } .border-right-warning.border-right-darken-2 { border-right: 1px solid #ff7216 !important; } .overlay-warning.overlay-darken-2 { background: #ff7216; /* The Fallback */ background: rgba(255, 114, 22, 0.8); } .warning.darken-3 { color: #fc6300 !important; } .bg-warning.bg-darken-3 { background-color: #fc6300 !important; } .bg-warning.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(252, 99, 0, 0.6); } .btn-warning.btn-darken-3 { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-darken-3:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-darken-3:focus, .btn-warning.btn-darken-3:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-darken-3 { border-color: #fc6300 !important; color: #fc6300 !important; } .btn-outline-warning.btn-outline-darken-3:hover { background-color: #fc6300 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fc6300 !important; } .border-warning.border-darken-3 { border: 1px solid #fc6300 !important; } .border-top-warning.border-top-darken-3 { border-top: 1px solid #fc6300 !important; } .border-bottom-warning.border-bottom-darken-3 { border-bottom: 1px solid #fc6300 !important; } .border-left-warning.border-left-darken-3 { border-left: 1px solid #fc6300 !important; } .border-right-warning.border-right-darken-3 { border-right: 1px solid #fc6300 !important; } .overlay-warning.overlay-darken-3 { background: #fc6300; /* The Fallback */ background: rgba(252, 99, 0, 0.8); } .warning.darken-4 { color: #e25900 !important; } .bg-warning.bg-darken-4 { background-color: #e25900 !important; } .bg-warning.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(226, 89, 0, 0.6); } .btn-warning.btn-darken-4 { border-color: #ff7216 !important; background-color: #e25900 !important; } .btn-warning.btn-darken-4:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-darken-4:focus, .btn-warning.btn-darken-4:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-darken-4 { border-color: #e25900 !important; color: #e25900 !important; } .btn-outline-warning.btn-outline-darken-4:hover { background-color: #e25900 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e25900 !important; } .border-warning.border-darken-4 { border: 1px solid #e25900 !important; } .border-top-warning.border-top-darken-4 { border-top: 1px solid #e25900 !important; } .border-bottom-warning.border-bottom-darken-4 { border-bottom: 1px solid #e25900 !important; } .border-left-warning.border-left-darken-4 { border-left: 1px solid #e25900 !important; } .border-right-warning.border-right-darken-4 { border-right: 1px solid #e25900 !important; } .overlay-warning.overlay-darken-4 { background: #e25900; /* The Fallback */ background: rgba(226, 89, 0, 0.8); } .warning.accent-1 { color: #fff5ef !important; } .bg-warning.bg-accent-1 { background-color: #fff5ef !important; } .bg-warning.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 245, 239, 0.6); } .btn-warning.btn-accent-1 { border-color: #ff7216 !important; background-color: #fff5ef !important; } .btn-warning.btn-accent-1:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-accent-1:focus, .btn-warning.btn-accent-1:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-accent-1 { border-color: #fff5ef !important; color: #fff5ef !important; } .btn-outline-warning.btn-outline-accent-1:hover { background-color: #fff5ef !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff5ef !important; } .border-warning.border-accent-1 { border: 1px solid #fff5ef !important; } .border-top-warning.border-top-accent-1 { border-top: 1px solid #fff5ef !important; } .border-bottom-warning.border-bottom-accent-1 { border-bottom: 1px solid #fff5ef !important; } .border-left-warning.border-left-accent-1 { border-left: 1px solid #fff5ef !important; } .border-right-warning.border-right-accent-1 { border-right: 1px solid #fff5ef !important; } .overlay-warning.overlay-accent-1 { background: #fff5ef; /* The Fallback */ background: rgba(255, 245, 239, 0.8); } .warning.accent-2 { color: #ffe5d8 !important; } .bg-warning.bg-accent-2 { background-color: #ffe5d8 !important; } .bg-warning.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 229, 216, 0.6); } .btn-warning.btn-accent-2 { border-color: #ff7216 !important; background-color: #ffe5d8 !important; } .btn-warning.btn-accent-2:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-accent-2:focus, .btn-warning.btn-accent-2:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-accent-2 { border-color: #ffe5d8 !important; color: #ffe5d8 !important; } .btn-outline-warning.btn-outline-accent-2:hover { background-color: #ffe5d8 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe5d8 !important; } .border-warning.border-accent-2 { border: 1px solid #ffe5d8 !important; } .border-top-warning.border-top-accent-2 { border-top: 1px solid #ffe5d8 !important; } .border-bottom-warning.border-bottom-accent-2 { border-bottom: 1px solid #ffe5d8 !important; } .border-left-warning.border-left-accent-2 { border-left: 1px solid #ffe5d8 !important; } .border-right-warning.border-right-accent-2 { border-right: 1px solid #ffe5d8 !important; } .overlay-warning.overlay-accent-2 { background: #ffe5d8; /* The Fallback */ background: rgba(255, 229, 216, 0.8); } .warning.accent-3 { color: #ffddd0 !important; } .bg-warning.bg-accent-3 { background-color: #ffddd0 !important; } .bg-warning.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 221, 208, 0.6); } .btn-warning.btn-accent-3 { border-color: #ff7216 !important; background-color: #ffddd0 !important; } .btn-warning.btn-accent-3:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-accent-3:focus, .btn-warning.btn-accent-3:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-accent-3 { border-color: #ffddd0 !important; color: #ffddd0 !important; } .btn-outline-warning.btn-outline-accent-3:hover { background-color: #ffddd0 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffddd0 !important; } .border-warning.border-accent-3 { border: 1px solid #ffddd0 !important; } .border-top-warning.border-top-accent-3 { border-top: 1px solid #ffddd0 !important; } .border-bottom-warning.border-bottom-accent-3 { border-bottom: 1px solid #ffddd0 !important; } .border-left-warning.border-left-accent-3 { border-left: 1px solid #ffddd0 !important; } .border-right-warning.border-right-accent-3 { border-right: 1px solid #ffddd0 !important; } .overlay-warning.overlay-accent-3 { background: #ffddd0; /* The Fallback */ background: rgba(255, 221, 208, 0.8); } .warning.accent-4 { color: #ffcab7 !important; } .bg-warning.bg-accent-4 { background-color: #ffcab7 !important; } .bg-warning.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 202, 183, 0.6); } .btn-warning.btn-accent-4 { border-color: #ff7216 !important; background-color: #ffcab7 !important; } .btn-warning.btn-accent-4:hover { border-color: #ff7216 !important; background-color: #fc6300 !important; } .btn-warning.btn-accent-4:focus, .btn-warning.btn-accent-4:active { border-color: #fc6300 !important; background-color: #e25900 !important; } .btn-outline-warning.btn-outline-accent-4 { border-color: #ffcab7 !important; color: #ffcab7 !important; } .btn-outline-warning.btn-outline-accent-4:hover { background-color: #ffcab7 !important; } input:focus ~ .bg-warning { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffcab7 !important; } .border-warning.border-accent-4 { border: 1px solid #ffcab7 !important; } .border-top-warning.border-top-accent-4 { border-top: 1px solid #ffcab7 !important; } .border-bottom-warning.border-bottom-accent-4 { border-bottom: 1px solid #ffcab7 !important; } .border-left-warning.border-left-accent-4 { border-left: 1px solid #ffcab7 !important; } .border-right-warning.border-right-accent-4 { border-right: 1px solid #ffcab7 !important; } .overlay-warning.overlay-accent-4 { background: #ffcab7; /* The Fallback */ background: rgba(255, 202, 183, 0.8); } .danger.lighten-5 { color: #ffc9d0 !important; } .bg-danger.bg-lighten-5 { background-color: #ffc9d0 !important; } .bg-danger.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 201, 208, 0.6); } .btn-danger.btn-lighten-5 { border-color: #ff1635 !important; background-color: #ffc9d0 !important; } .btn-danger.btn-lighten-5:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-lighten-5:focus, .btn-danger.btn-lighten-5:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-lighten-5 { border-color: #ffc9d0 !important; color: #ffc9d0 !important; } .btn-outline-danger.btn-outline-lighten-5:hover { background-color: #ffc9d0 !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc9d0 !important; } .border-danger.border-lighten-5 { border: 1px solid #ffc9d0 !important; } .border-top-danger.border-top-lighten-5 { border-top: 1px solid #ffc9d0 !important; } .border-bottom-danger.border-bottom-lighten-5 { border-bottom: 1px solid #ffc9d0 !important; } .border-left-danger.border-left-lighten-5 { border-left: 1px solid #ffc9d0 !important; } .border-right-danger.border-right-lighten-5 { border-right: 1px solid #ffc9d0 !important; } .overlay-danger.overlay-lighten-5 { background: #ffc9d0; /* The Fallback */ background: rgba(255, 201, 208, 0.8); } .danger.lighten-4 { color: #ffafba !important; } .bg-danger.bg-lighten-4 { background-color: #ffafba !important; } .bg-danger.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 175, 186, 0.6); } .btn-danger.btn-lighten-4 { border-color: #ff1635 !important; background-color: #ffafba !important; } .btn-danger.btn-lighten-4:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-lighten-4:focus, .btn-danger.btn-lighten-4:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-lighten-4 { border-color: #ffafba !important; color: #ffafba !important; } .btn-outline-danger.btn-outline-lighten-4:hover { background-color: #ffafba !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffafba !important; } .border-danger.border-lighten-4 { border: 1px solid #ffafba !important; } .border-top-danger.border-top-lighten-4 { border-top: 1px solid #ffafba !important; } .border-bottom-danger.border-bottom-lighten-4 { border-bottom: 1px solid #ffafba !important; } .border-left-danger.border-left-lighten-4 { border-left: 1px solid #ffafba !important; } .border-right-danger.border-right-lighten-4 { border-right: 1px solid #ffafba !important; } .overlay-danger.overlay-lighten-4 { background: #ffafba; /* The Fallback */ background: rgba(255, 175, 186, 0.8); } .danger.lighten-3 { color: #ff96a3 !important; } .bg-danger.bg-lighten-3 { background-color: #ff96a3 !important; } .bg-danger.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 150, 163, 0.6); } .btn-danger.btn-lighten-3 { border-color: #ff1635 !important; background-color: #ff96a3 !important; } .btn-danger.btn-lighten-3:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-lighten-3:focus, .btn-danger.btn-lighten-3:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-lighten-3 { border-color: #ff96a3 !important; color: #ff96a3 !important; } .btn-outline-danger.btn-outline-lighten-3:hover { background-color: #ff96a3 !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff96a3 !important; } .border-danger.border-lighten-3 { border: 1px solid #ff96a3 !important; } .border-top-danger.border-top-lighten-3 { border-top: 1px solid #ff96a3 !important; } .border-bottom-danger.border-bottom-lighten-3 { border-bottom: 1px solid #ff96a3 !important; } .border-left-danger.border-left-lighten-3 { border-left: 1px solid #ff96a3 !important; } .border-right-danger.border-right-lighten-3 { border-right: 1px solid #ff96a3 !important; } .overlay-danger.overlay-lighten-3 { background: #ff96a3; /* The Fallback */ background: rgba(255, 150, 163, 0.8); } .danger.lighten-2 { color: #ff7c8d !important; } .bg-danger.bg-lighten-2 { background-color: #ff7c8d !important; } .bg-danger.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 124, 141, 0.6); } .btn-danger.btn-lighten-2 { border-color: #ff1635 !important; background-color: #ff7c8d !important; } .btn-danger.btn-lighten-2:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-lighten-2:focus, .btn-danger.btn-lighten-2:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-lighten-2 { border-color: #ff7c8d !important; color: #ff7c8d !important; } .btn-outline-danger.btn-outline-lighten-2:hover { background-color: #ff7c8d !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff7c8d !important; } .border-danger.border-lighten-2 { border: 1px solid #ff7c8d !important; } .border-top-danger.border-top-lighten-2 { border-top: 1px solid #ff7c8d !important; } .border-bottom-danger.border-bottom-lighten-2 { border-bottom: 1px solid #ff7c8d !important; } .border-left-danger.border-left-lighten-2 { border-left: 1px solid #ff7c8d !important; } .border-right-danger.border-right-lighten-2 { border-right: 1px solid #ff7c8d !important; } .overlay-danger.overlay-lighten-2 { background: #ff7c8d; /* The Fallback */ background: rgba(255, 124, 141, 0.8); } .danger.lighten-1 { color: #ff6377 !important; } .bg-danger.bg-lighten-1 { background-color: #ff6377 !important; } .bg-danger.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 99, 119, 0.6); } .btn-danger.btn-lighten-1 { border-color: #ff1635 !important; background-color: #ff6377 !important; } .btn-danger.btn-lighten-1:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-lighten-1:focus, .btn-danger.btn-lighten-1:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-lighten-1 { border-color: #ff6377 !important; color: #ff6377 !important; } .btn-outline-danger.btn-outline-lighten-1:hover { background-color: #ff6377 !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff6377 !important; } .border-danger.border-lighten-1 { border: 1px solid #ff6377 !important; } .border-top-danger.border-top-lighten-1 { border-top: 1px solid #ff6377 !important; } .border-bottom-danger.border-bottom-lighten-1 { border-bottom: 1px solid #ff6377 !important; } .border-left-danger.border-left-lighten-1 { border-left: 1px solid #ff6377 !important; } .border-right-danger.border-right-lighten-1 { border-right: 1px solid #ff6377 !important; } .overlay-danger.overlay-lighten-1 { background: #ff6377; /* The Fallback */ background: rgba(255, 99, 119, 0.8); } .danger { color: #ff4961 !important; } .bg-danger { background-color: #ff4961 !important; } .bg-danger .card-header, .bg-danger .card-footer { background-color: transparent; } .bg-danger.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 73, 97, 0.6); } .selectboxit.selectboxit-btn.bg-danger { background-color: #ff4961 !important; } .alert-danger { border-color: #ff4961 !important; background-color: #ff909f !important; color: #960014 !important; } .alert-danger .alert-link { color: #6d000e !important; } .border-danger { border-color: #ff4961; } .overlay-danger { background: #ff4961; /* The Fallback */ background: rgba(255, 73, 97, 0.8); } .color-info.danger { background-color: #ff4961 !important; } .btn-danger { border-color: #ff1635 !important; background-color: #ff4961 !important; color: #FFFFFF; } .btn-danger:hover { border-color: #ff304b !important; background-color: #ff6377 !important; color: #FFF !important; } .btn-danger:focus, .btn-danger:active { border-color: #ff1635 !important; background-color: #fc0021 !important; color: #FFF !important; } .btn-danger.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 73, 97, 0.6); } .btn-outline-danger { border-color: #ff4961; background-color: transparent; color: #ff4961; } .btn-outline-danger:hover { background-color: #ff4961; color: #FFF !important; } .btn-outline-danger.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 73, 97, 0.6); } input[type=checkbox].bg-danger + .custom-control-label:before, input[type=radio].bg-danger + .custom-control-label:before { background-color: #ff4961 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff4961 !important; } .border-danger { border: 1px solid #ff4961 !important; } .border-top-danger { border-top: 1px solid #ff4961; } .border-bottom-danger { border-bottom: 1px solid #ff4961; } .border-left-danger { border-left: 1px solid #ff4961; } .border-right-danger { border-right: 1px solid #ff4961; } .danger.darken-1 { color: #ff304b !important; } .bg-danger.bg-darken-1 { background-color: #ff304b !important; } .bg-danger.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 48, 75, 0.6); } .btn-danger.btn-darken-1 { border-color: #ff1635 !important; background-color: #ff304b !important; } .btn-danger.btn-darken-1:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-darken-1:focus, .btn-danger.btn-darken-1:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-darken-1 { border-color: #ff304b !important; color: #ff304b !important; } .btn-outline-danger.btn-outline-darken-1:hover { background-color: #ff304b !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff304b !important; } .border-danger.border-darken-1 { border: 1px solid #ff304b !important; } .border-top-danger.border-top-darken-1 { border-top: 1px solid #ff304b !important; } .border-bottom-danger.border-bottom-darken-1 { border-bottom: 1px solid #ff304b !important; } .border-left-danger.border-left-darken-1 { border-left: 1px solid #ff304b !important; } .border-right-danger.border-right-darken-1 { border-right: 1px solid #ff304b !important; } .overlay-danger.overlay-darken-1 { background: #ff304b; /* The Fallback */ background: rgba(255, 48, 75, 0.8); } .danger.darken-2 { color: #ff1635 !important; } .bg-danger.bg-darken-2 { background-color: #ff1635 !important; } .bg-danger.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 22, 53, 0.6); } .btn-danger.btn-darken-2 { border-color: #ff1635 !important; background-color: #ff1635 !important; } .btn-danger.btn-darken-2:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-darken-2:focus, .btn-danger.btn-darken-2:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-darken-2 { border-color: #ff1635 !important; color: #ff1635 !important; } .btn-outline-danger.btn-outline-darken-2:hover { background-color: #ff1635 !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff1635 !important; } .border-danger.border-darken-2 { border: 1px solid #ff1635 !important; } .border-top-danger.border-top-darken-2 { border-top: 1px solid #ff1635 !important; } .border-bottom-danger.border-bottom-darken-2 { border-bottom: 1px solid #ff1635 !important; } .border-left-danger.border-left-darken-2 { border-left: 1px solid #ff1635 !important; } .border-right-danger.border-right-darken-2 { border-right: 1px solid #ff1635 !important; } .overlay-danger.overlay-darken-2 { background: #ff1635; /* The Fallback */ background: rgba(255, 22, 53, 0.8); } .danger.darken-3 { color: #fc0021 !important; } .bg-danger.bg-darken-3 { background-color: #fc0021 !important; } .bg-danger.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(252, 0, 33, 0.6); } .btn-danger.btn-darken-3 { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-darken-3:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-darken-3:focus, .btn-danger.btn-darken-3:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-darken-3 { border-color: #fc0021 !important; color: #fc0021 !important; } .btn-outline-danger.btn-outline-darken-3:hover { background-color: #fc0021 !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fc0021 !important; } .border-danger.border-darken-3 { border: 1px solid #fc0021 !important; } .border-top-danger.border-top-darken-3 { border-top: 1px solid #fc0021 !important; } .border-bottom-danger.border-bottom-darken-3 { border-bottom: 1px solid #fc0021 !important; } .border-left-danger.border-left-darken-3 { border-left: 1px solid #fc0021 !important; } .border-right-danger.border-right-darken-3 { border-right: 1px solid #fc0021 !important; } .overlay-danger.overlay-darken-3 { background: #fc0021; /* The Fallback */ background: rgba(252, 0, 33, 0.8); } .danger.darken-4 { color: #e2001e !important; } .bg-danger.bg-darken-4 { background-color: #e2001e !important; } .bg-danger.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(226, 0, 30, 0.6); } .btn-danger.btn-darken-4 { border-color: #ff1635 !important; background-color: #e2001e !important; } .btn-danger.btn-darken-4:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-darken-4:focus, .btn-danger.btn-darken-4:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-darken-4 { border-color: #e2001e !important; color: #e2001e !important; } .btn-outline-danger.btn-outline-darken-4:hover { background-color: #e2001e !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e2001e !important; } .border-danger.border-darken-4 { border: 1px solid #e2001e !important; } .border-top-danger.border-top-darken-4 { border-top: 1px solid #e2001e !important; } .border-bottom-danger.border-bottom-darken-4 { border-bottom: 1px solid #e2001e !important; } .border-left-danger.border-left-darken-4 { border-left: 1px solid #e2001e !important; } .border-right-danger.border-right-darken-4 { border-right: 1px solid #e2001e !important; } .overlay-danger.overlay-darken-4 { background: #e2001e; /* The Fallback */ background: rgba(226, 0, 30, 0.8); } .danger.accent-1 { color: #ffeef1 !important; } .bg-danger.bg-accent-1 { background-color: #ffeef1 !important; } .bg-danger.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 238, 241, 0.6); } .btn-danger.btn-accent-1 { border-color: #ff1635 !important; background-color: #ffeef1 !important; } .btn-danger.btn-accent-1:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-accent-1:focus, .btn-danger.btn-accent-1:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-accent-1 { border-color: #ffeef1 !important; color: #ffeef1 !important; } .btn-outline-danger.btn-outline-accent-1:hover { background-color: #ffeef1 !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffeef1 !important; } .border-danger.border-accent-1 { border: 1px solid #ffeef1 !important; } .border-top-danger.border-top-accent-1 { border-top: 1px solid #ffeef1 !important; } .border-bottom-danger.border-bottom-accent-1 { border-bottom: 1px solid #ffeef1 !important; } .border-left-danger.border-left-accent-1 { border-left: 1px solid #ffeef1 !important; } .border-right-danger.border-right-accent-1 { border-right: 1px solid #ffeef1 !important; } .overlay-danger.overlay-accent-1 { background: #ffeef1; /* The Fallback */ background: rgba(255, 238, 241, 0.8); } .danger.accent-2 { color: #ffd6db !important; } .bg-danger.bg-accent-2 { background-color: #ffd6db !important; } .bg-danger.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 214, 219, 0.6); } .btn-danger.btn-accent-2 { border-color: #ff1635 !important; background-color: #ffd6db !important; } .btn-danger.btn-accent-2:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-accent-2:focus, .btn-danger.btn-accent-2:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-accent-2 { border-color: #ffd6db !important; color: #ffd6db !important; } .btn-outline-danger.btn-outline-accent-2:hover { background-color: #ffd6db !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd6db !important; } .border-danger.border-accent-2 { border: 1px solid #ffd6db !important; } .border-top-danger.border-top-accent-2 { border-top: 1px solid #ffd6db !important; } .border-bottom-danger.border-bottom-accent-2 { border-bottom: 1px solid #ffd6db !important; } .border-left-danger.border-left-accent-2 { border-left: 1px solid #ffd6db !important; } .border-right-danger.border-right-accent-2 { border-right: 1px solid #ffd6db !important; } .overlay-danger.overlay-accent-2 { background: #ffd6db; /* The Fallback */ background: rgba(255, 214, 219, 0.8); } .danger.accent-3 { color: #ffd0d3 !important; } .bg-danger.bg-accent-3 { background-color: #ffd0d3 !important; } .bg-danger.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 208, 211, 0.6); } .btn-danger.btn-accent-3 { border-color: #ff1635 !important; background-color: #ffd0d3 !important; } .btn-danger.btn-accent-3:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-accent-3:focus, .btn-danger.btn-accent-3:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-accent-3 { border-color: #ffd0d3 !important; color: #ffd0d3 !important; } .btn-outline-danger.btn-outline-accent-3:hover { background-color: #ffd0d3 !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd0d3 !important; } .border-danger.border-accent-3 { border: 1px solid #ffd0d3 !important; } .border-top-danger.border-top-accent-3 { border-top: 1px solid #ffd0d3 !important; } .border-bottom-danger.border-bottom-accent-3 { border-bottom: 1px solid #ffd0d3 !important; } .border-left-danger.border-left-accent-3 { border-left: 1px solid #ffd0d3 !important; } .border-right-danger.border-right-accent-3 { border-right: 1px solid #ffd0d3 !important; } .overlay-danger.overlay-accent-3 { background: #ffd0d3; /* The Fallback */ background: rgba(255, 208, 211, 0.8); } .danger.accent-4 { color: #ffb7bc !important; } .bg-danger.bg-accent-4 { background-color: #ffb7bc !important; } .bg-danger.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 183, 188, 0.6); } .btn-danger.btn-accent-4 { border-color: #ff1635 !important; background-color: #ffb7bc !important; } .btn-danger.btn-accent-4:hover { border-color: #ff1635 !important; background-color: #fc0021 !important; } .btn-danger.btn-accent-4:focus, .btn-danger.btn-accent-4:active { border-color: #fc0021 !important; background-color: #e2001e !important; } .btn-outline-danger.btn-outline-accent-4 { border-color: #ffb7bc !important; color: #ffb7bc !important; } .btn-outline-danger.btn-outline-accent-4:hover { background-color: #ffb7bc !important; } input:focus ~ .bg-danger { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffb7bc !important; } .border-danger.border-accent-4 { border: 1px solid #ffb7bc !important; } .border-top-danger.border-top-accent-4 { border-top: 1px solid #ffb7bc !important; } .border-bottom-danger.border-bottom-accent-4 { border-bottom: 1px solid #ffb7bc !important; } .border-left-danger.border-left-accent-4 { border-left: 1px solid #ffb7bc !important; } .border-right-danger.border-right-accent-4 { border-right: 1px solid #ffb7bc !important; } .overlay-danger.overlay-accent-4 { background: #ffb7bc; /* The Fallback */ background: rgba(255, 183, 188, 0.8); } .light { color: #e0e0e0 !important; } .bg-light { background-color: #e0e0e0 !important; } .bg-light .card-header, .bg-light .card-footer { background-color: transparent; } .bg-light.bg-glow { box-shadow: 0px 1px 20px 1px rgba(224, 224, 224, 0.6); } .selectboxit.selectboxit-btn.bg-light { background-color: #e0e0e0 !important; } .alert-light { border-color: #e0e0e0 !important; background-color: white !important; color: #878787 !important; } .alert-light .alert-link { color: #727272 !important; } .border-light { border-color: #e0e0e0; } .overlay-light { background: #e0e0e0; /* The Fallback */ background: rgba(224, 224, 224, 0.8); } .color-info.light { background-color: #e0e0e0 !important; } .btn-light { border-color: "" !important; background-color: #e0e0e0 !important; color: #FFFFFF; } .btn-light:hover { border-color: #9e9e9e !important; background-color: #bdbdbd !important; color: #FFF !important; } .btn-light:focus, .btn-light:active { border-color: "" !important; background-color: "" !important; color: #FFF !important; } .btn-light.btn-glow { box-shadow: 0px 1px 20px 1px rgba(224, 224, 224, 0.6); } .btn-outline-light { border-color: #e0e0e0; background-color: transparent; color: #e0e0e0; } .btn-outline-light:hover { background-color: #e0e0e0; color: #FFF !important; } .btn-outline-light.btn-glow { box-shadow: 0px 1px 20px 1px rgba(224, 224, 224, 0.6); } input[type=checkbox].bg-light + .custom-control-label:before, input[type=radio].bg-light + .custom-control-label:before { background-color: #e0e0e0 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-light { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e0e0e0 !important; } .border-light { border: 1px solid #e0e0e0 !important; } .border-top-light { border-top: 1px solid #e0e0e0; } .border-bottom-light { border-bottom: 1px solid #e0e0e0; } .border-left-light { border-left: 1px solid #e0e0e0; } .border-right-light { border-right: 1px solid #e0e0e0; } .light.lighten-1 { color: #bdbdbd !important; } .bg-light.bg-lighten-1 { background-color: #bdbdbd !important; } .bg-light.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(189, 189, 189, 0.6); } .btn-light.btn-lighten-1 { border-color: "" !important; background-color: #bdbdbd !important; } .btn-light.btn-lighten-1:hover { border-color: "" !important; background-color: "" !important; } .btn-light.btn-lighten-1:focus, .btn-light.btn-lighten-1:active { border-color: "" !important; background-color: "" !important; } .btn-outline-light.btn-outline-lighten-1 { border-color: #bdbdbd !important; color: #bdbdbd !important; } .btn-outline-light.btn-outline-lighten-1:hover { background-color: #bdbdbd !important; } input:focus ~ .bg-light { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bdbdbd !important; } .border-light.border-lighten-1 { border: 1px solid #bdbdbd !important; } .border-top-light.border-top-lighten-1 { border-top: 1px solid #bdbdbd !important; } .border-bottom-light.border-bottom-lighten-1 { border-bottom: 1px solid #bdbdbd !important; } .border-left-light.border-left-lighten-1 { border-left: 1px solid #bdbdbd !important; } .border-right-light.border-right-lighten-1 { border-right: 1px solid #bdbdbd !important; } .overlay-light.overlay-lighten-1 { background: #bdbdbd; /* The Fallback */ background: rgba(189, 189, 189, 0.8); } .light.darken-1 { color: #9e9e9e !important; } .bg-light.bg-darken-1 { background-color: #9e9e9e !important; } .bg-light.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(158, 158, 158, 0.6); } .btn-light.btn-darken-1 { border-color: "" !important; background-color: #9e9e9e !important; } .btn-light.btn-darken-1:hover { border-color: "" !important; background-color: "" !important; } .btn-light.btn-darken-1:focus, .btn-light.btn-darken-1:active { border-color: "" !important; background-color: "" !important; } .btn-outline-light.btn-outline-darken-1 { border-color: #9e9e9e !important; color: #9e9e9e !important; } .btn-outline-light.btn-outline-darken-1:hover { background-color: #9e9e9e !important; } input:focus ~ .bg-light { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9e9e9e !important; } .border-light.border-darken-1 { border: 1px solid #9e9e9e !important; } .border-top-light.border-top-darken-1 { border-top: 1px solid #9e9e9e !important; } .border-bottom-light.border-bottom-darken-1 { border-bottom: 1px solid #9e9e9e !important; } .border-left-light.border-left-darken-1 { border-left: 1px solid #9e9e9e !important; } .border-right-light.border-right-darken-1 { border-right: 1px solid #9e9e9e !important; } .overlay-light.overlay-darken-1 { background: #9e9e9e; /* The Fallback */ background: rgba(158, 158, 158, 0.8); } .dark { color: #424242 !important; } .bg-dark { background-color: #424242 !important; } .bg-dark .card-header, .bg-dark .card-footer { background-color: transparent; } .bg-dark.bg-glow { box-shadow: 0px 1px 20px 1px rgba(66, 66, 66, 0.6); } .selectboxit.selectboxit-btn.bg-dark { background-color: #424242 !important; } .alert-dark { border-color: #424242 !important; background-color: #666666 !important; color: black !important; } .alert-dark .alert-link { color: black !important; } .border-dark { border-color: #424242; } .overlay-dark { background: #424242; /* The Fallback */ background: rgba(66, 66, 66, 0.8); } .color-info.dark { background-color: #424242 !important; } .btn-dark { border-color: "" !important; background-color: #424242 !important; color: #FFFFFF; } .btn-dark:hover { border-color: #212121 !important; background-color: #616161 !important; color: #FFF !important; } .btn-dark:focus, .btn-dark:active { border-color: "" !important; background-color: "" !important; color: #FFF !important; } .btn-dark.btn-glow { box-shadow: 0px 1px 20px 1px rgba(66, 66, 66, 0.6); } .btn-outline-dark { border-color: #424242; background-color: transparent; color: #424242; } .btn-outline-dark:hover { background-color: #424242; color: #FFF !important; } .btn-outline-dark.btn-glow { box-shadow: 0px 1px 20px 1px rgba(66, 66, 66, 0.6); } input[type=checkbox].bg-dark + .custom-control-label:before, input[type=radio].bg-dark + .custom-control-label:before { background-color: #424242 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-dark { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #424242 !important; } .border-dark { border: 1px solid #424242 !important; } .border-top-dark { border-top: 1px solid #424242; } .border-bottom-dark { border-bottom: 1px solid #424242; } .border-left-dark { border-left: 1px solid #424242; } .border-right-dark { border-right: 1px solid #424242; } .dark.lighten-1 { color: #616161 !important; } .bg-dark.bg-lighten-1 { background-color: #616161 !important; } .bg-dark.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(97, 97, 97, 0.6); } .btn-dark.btn-lighten-1 { border-color: "" !important; background-color: #616161 !important; } .btn-dark.btn-lighten-1:hover { border-color: "" !important; background-color: "" !important; } .btn-dark.btn-lighten-1:focus, .btn-dark.btn-lighten-1:active { border-color: "" !important; background-color: "" !important; } .btn-outline-dark.btn-outline-lighten-1 { border-color: #616161 !important; color: #616161 !important; } .btn-outline-dark.btn-outline-lighten-1:hover { background-color: #616161 !important; } input:focus ~ .bg-dark { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #616161 !important; } .border-dark.border-lighten-1 { border: 1px solid #616161 !important; } .border-top-dark.border-top-lighten-1 { border-top: 1px solid #616161 !important; } .border-bottom-dark.border-bottom-lighten-1 { border-bottom: 1px solid #616161 !important; } .border-left-dark.border-left-lighten-1 { border-left: 1px solid #616161 !important; } .border-right-dark.border-right-lighten-1 { border-right: 1px solid #616161 !important; } .overlay-dark.overlay-lighten-1 { background: #616161; /* The Fallback */ background: rgba(97, 97, 97, 0.8); } .dark.darken-1 { color: #212121 !important; } .bg-dark.bg-darken-1 { background-color: #212121 !important; } .bg-dark.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(33, 33, 33, 0.6); } .btn-dark.btn-darken-1 { border-color: "" !important; background-color: #212121 !important; } .btn-dark.btn-darken-1:hover { border-color: "" !important; background-color: "" !important; } .btn-dark.btn-darken-1:focus, .btn-dark.btn-darken-1:active { border-color: "" !important; background-color: "" !important; } .btn-outline-dark.btn-outline-darken-1 { border-color: #212121 !important; color: #212121 !important; } .btn-outline-dark.btn-outline-darken-1:hover { background-color: #212121 !important; } input:focus ~ .bg-dark { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #212121 !important; } .border-dark.border-darken-1 { border: 1px solid #212121 !important; } .border-top-dark.border-top-darken-1 { border-top: 1px solid #212121 !important; } .border-bottom-dark.border-bottom-darken-1 { border-bottom: 1px solid #212121 !important; } .border-left-dark.border-left-darken-1 { border-left: 1px solid #212121 !important; } .border-right-dark.border-right-darken-1 { border-right: 1px solid #212121 !important; } .overlay-dark.overlay-darken-1 { background: #212121; /* The Fallback */ background: rgba(33, 33, 33, 0.8); } .red.lighten-5 { color: #ffebee !important; } .bg-red.bg-lighten-5 { background-color: #ffebee !important; } .bg-red.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 235, 238, 0.6); } .btn-red.btn-lighten-5 { border-color: #d32f2f !important; background-color: #ffebee !important; } .btn-red.btn-lighten-5:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-lighten-5:focus, .btn-red.btn-lighten-5:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-lighten-5 { border-color: #ffebee !important; color: #ffebee !important; } .btn-outline-red.btn-outline-lighten-5:hover { background-color: #ffebee !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffebee !important; } .border-red.border-lighten-5 { border: 1px solid #ffebee !important; } .border-top-red.border-top-lighten-5 { border-top: 1px solid #ffebee !important; } .border-bottom-red.border-bottom-lighten-5 { border-bottom: 1px solid #ffebee !important; } .border-left-red.border-left-lighten-5 { border-left: 1px solid #ffebee !important; } .border-right-red.border-right-lighten-5 { border-right: 1px solid #ffebee !important; } .overlay-red.overlay-lighten-5 { background: #ffebee; /* The Fallback */ background: rgba(255, 235, 238, 0.8); } .red.lighten-4 { color: #ffcdd2 !important; } .bg-red.bg-lighten-4 { background-color: #ffcdd2 !important; } .bg-red.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 205, 210, 0.6); } .btn-red.btn-lighten-4 { border-color: #d32f2f !important; background-color: #ffcdd2 !important; } .btn-red.btn-lighten-4:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-lighten-4:focus, .btn-red.btn-lighten-4:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-lighten-4 { border-color: #ffcdd2 !important; color: #ffcdd2 !important; } .btn-outline-red.btn-outline-lighten-4:hover { background-color: #ffcdd2 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffcdd2 !important; } .border-red.border-lighten-4 { border: 1px solid #ffcdd2 !important; } .border-top-red.border-top-lighten-4 { border-top: 1px solid #ffcdd2 !important; } .border-bottom-red.border-bottom-lighten-4 { border-bottom: 1px solid #ffcdd2 !important; } .border-left-red.border-left-lighten-4 { border-left: 1px solid #ffcdd2 !important; } .border-right-red.border-right-lighten-4 { border-right: 1px solid #ffcdd2 !important; } .overlay-red.overlay-lighten-4 { background: #ffcdd2; /* The Fallback */ background: rgba(255, 205, 210, 0.8); } .red.lighten-3 { color: #ef9a9a !important; } .bg-red.bg-lighten-3 { background-color: #ef9a9a !important; } .bg-red.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(239, 154, 154, 0.6); } .btn-red.btn-lighten-3 { border-color: #d32f2f !important; background-color: #ef9a9a !important; } .btn-red.btn-lighten-3:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-lighten-3:focus, .btn-red.btn-lighten-3:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-lighten-3 { border-color: #ef9a9a !important; color: #ef9a9a !important; } .btn-outline-red.btn-outline-lighten-3:hover { background-color: #ef9a9a !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ef9a9a !important; } .border-red.border-lighten-3 { border: 1px solid #ef9a9a !important; } .border-top-red.border-top-lighten-3 { border-top: 1px solid #ef9a9a !important; } .border-bottom-red.border-bottom-lighten-3 { border-bottom: 1px solid #ef9a9a !important; } .border-left-red.border-left-lighten-3 { border-left: 1px solid #ef9a9a !important; } .border-right-red.border-right-lighten-3 { border-right: 1px solid #ef9a9a !important; } .overlay-red.overlay-lighten-3 { background: #ef9a9a; /* The Fallback */ background: rgba(239, 154, 154, 0.8); } .red.lighten-2 { color: #e57373 !important; } .bg-red.bg-lighten-2 { background-color: #e57373 !important; } .bg-red.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(229, 115, 115, 0.6); } .btn-red.btn-lighten-2 { border-color: #d32f2f !important; background-color: #e57373 !important; } .btn-red.btn-lighten-2:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-lighten-2:focus, .btn-red.btn-lighten-2:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-lighten-2 { border-color: #e57373 !important; color: #e57373 !important; } .btn-outline-red.btn-outline-lighten-2:hover { background-color: #e57373 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e57373 !important; } .border-red.border-lighten-2 { border: 1px solid #e57373 !important; } .border-top-red.border-top-lighten-2 { border-top: 1px solid #e57373 !important; } .border-bottom-red.border-bottom-lighten-2 { border-bottom: 1px solid #e57373 !important; } .border-left-red.border-left-lighten-2 { border-left: 1px solid #e57373 !important; } .border-right-red.border-right-lighten-2 { border-right: 1px solid #e57373 !important; } .overlay-red.overlay-lighten-2 { background: #e57373; /* The Fallback */ background: rgba(229, 115, 115, 0.8); } .red.lighten-1 { color: #ef5350 !important; } .bg-red.bg-lighten-1 { background-color: #ef5350 !important; } .bg-red.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(239, 83, 80, 0.6); } .btn-red.btn-lighten-1 { border-color: #d32f2f !important; background-color: #ef5350 !important; } .btn-red.btn-lighten-1:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-lighten-1:focus, .btn-red.btn-lighten-1:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-lighten-1 { border-color: #ef5350 !important; color: #ef5350 !important; } .btn-outline-red.btn-outline-lighten-1:hover { background-color: #ef5350 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ef5350 !important; } .border-red.border-lighten-1 { border: 1px solid #ef5350 !important; } .border-top-red.border-top-lighten-1 { border-top: 1px solid #ef5350 !important; } .border-bottom-red.border-bottom-lighten-1 { border-bottom: 1px solid #ef5350 !important; } .border-left-red.border-left-lighten-1 { border-left: 1px solid #ef5350 !important; } .border-right-red.border-right-lighten-1 { border-right: 1px solid #ef5350 !important; } .overlay-red.overlay-lighten-1 { background: #ef5350; /* The Fallback */ background: rgba(239, 83, 80, 0.8); } .red { color: #f44336 !important; } .bg-red { background-color: #f44336 !important; } .bg-red .card-header, .bg-red .card-footer { background-color: transparent; } .bg-red.bg-glow { box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); } .selectboxit.selectboxit-btn.bg-red { background-color: #f44336 !important; } .alert-red { border-color: #f44336 !important; background-color: #f8827a !important; color: #710e06 !important; } .alert-red .alert-link { color: #4b0904 !important; } .border-red { border-color: #f44336; } .overlay-red { background: #f44336; /* The Fallback */ background: rgba(244, 67, 54, 0.8); } .color-info.red { background-color: #f44336 !important; } .btn-red { border-color: #d32f2f !important; background-color: #f44336 !important; color: #FFFFFF; } .btn-red:hover { border-color: #e53935 !important; background-color: #ef5350 !important; color: #FFF !important; } .btn-red:focus, .btn-red:active { border-color: #d32f2f !important; background-color: #c62828 !important; color: #FFF !important; } .btn-red.btn-glow { box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); } .btn-outline-red { border-color: #f44336; background-color: transparent; color: #f44336; } .btn-outline-red:hover { background-color: #f44336; color: #FFF !important; } .btn-outline-red.btn-glow { box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); } input[type=checkbox].bg-red + .custom-control-label:before, input[type=radio].bg-red + .custom-control-label:before { background-color: #f44336 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f44336 !important; } .border-red { border: 1px solid #f44336 !important; } .border-top-red { border-top: 1px solid #f44336; } .border-bottom-red { border-bottom: 1px solid #f44336; } .border-left-red { border-left: 1px solid #f44336; } .border-right-red { border-right: 1px solid #f44336; } .red.darken-1 { color: #e53935 !important; } .bg-red.bg-darken-1 { background-color: #e53935 !important; } .bg-red.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(229, 57, 53, 0.6); } .btn-red.btn-darken-1 { border-color: #d32f2f !important; background-color: #e53935 !important; } .btn-red.btn-darken-1:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-darken-1:focus, .btn-red.btn-darken-1:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-darken-1 { border-color: #e53935 !important; color: #e53935 !important; } .btn-outline-red.btn-outline-darken-1:hover { background-color: #e53935 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e53935 !important; } .border-red.border-darken-1 { border: 1px solid #e53935 !important; } .border-top-red.border-top-darken-1 { border-top: 1px solid #e53935 !important; } .border-bottom-red.border-bottom-darken-1 { border-bottom: 1px solid #e53935 !important; } .border-left-red.border-left-darken-1 { border-left: 1px solid #e53935 !important; } .border-right-red.border-right-darken-1 { border-right: 1px solid #e53935 !important; } .overlay-red.overlay-darken-1 { background: #e53935; /* The Fallback */ background: rgba(229, 57, 53, 0.8); } .red.darken-2 { color: #d32f2f !important; } .bg-red.bg-darken-2 { background-color: #d32f2f !important; } .bg-red.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(211, 47, 47, 0.6); } .btn-red.btn-darken-2 { border-color: #d32f2f !important; background-color: #d32f2f !important; } .btn-red.btn-darken-2:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-darken-2:focus, .btn-red.btn-darken-2:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-darken-2 { border-color: #d32f2f !important; color: #d32f2f !important; } .btn-outline-red.btn-outline-darken-2:hover { background-color: #d32f2f !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d32f2f !important; } .border-red.border-darken-2 { border: 1px solid #d32f2f !important; } .border-top-red.border-top-darken-2 { border-top: 1px solid #d32f2f !important; } .border-bottom-red.border-bottom-darken-2 { border-bottom: 1px solid #d32f2f !important; } .border-left-red.border-left-darken-2 { border-left: 1px solid #d32f2f !important; } .border-right-red.border-right-darken-2 { border-right: 1px solid #d32f2f !important; } .overlay-red.overlay-darken-2 { background: #d32f2f; /* The Fallback */ background: rgba(211, 47, 47, 0.8); } .red.darken-3 { color: #c62828 !important; } .bg-red.bg-darken-3 { background-color: #c62828 !important; } .bg-red.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(198, 40, 40, 0.6); } .btn-red.btn-darken-3 { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-darken-3:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-darken-3:focus, .btn-red.btn-darken-3:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-darken-3 { border-color: #c62828 !important; color: #c62828 !important; } .btn-outline-red.btn-outline-darken-3:hover { background-color: #c62828 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c62828 !important; } .border-red.border-darken-3 { border: 1px solid #c62828 !important; } .border-top-red.border-top-darken-3 { border-top: 1px solid #c62828 !important; } .border-bottom-red.border-bottom-darken-3 { border-bottom: 1px solid #c62828 !important; } .border-left-red.border-left-darken-3 { border-left: 1px solid #c62828 !important; } .border-right-red.border-right-darken-3 { border-right: 1px solid #c62828 !important; } .overlay-red.overlay-darken-3 { background: #c62828; /* The Fallback */ background: rgba(198, 40, 40, 0.8); } .red.darken-4 { color: #b71c1c !important; } .bg-red.bg-darken-4 { background-color: #b71c1c !important; } .bg-red.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(183, 28, 28, 0.6); } .btn-red.btn-darken-4 { border-color: #d32f2f !important; background-color: #b71c1c !important; } .btn-red.btn-darken-4:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-darken-4:focus, .btn-red.btn-darken-4:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-darken-4 { border-color: #b71c1c !important; color: #b71c1c !important; } .btn-outline-red.btn-outline-darken-4:hover { background-color: #b71c1c !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b71c1c !important; } .border-red.border-darken-4 { border: 1px solid #b71c1c !important; } .border-top-red.border-top-darken-4 { border-top: 1px solid #b71c1c !important; } .border-bottom-red.border-bottom-darken-4 { border-bottom: 1px solid #b71c1c !important; } .border-left-red.border-left-darken-4 { border-left: 1px solid #b71c1c !important; } .border-right-red.border-right-darken-4 { border-right: 1px solid #b71c1c !important; } .overlay-red.overlay-darken-4 { background: #b71c1c; /* The Fallback */ background: rgba(183, 28, 28, 0.8); } .red.accent-1 { color: #ff8a80 !important; } .bg-red.bg-accent-1 { background-color: #ff8a80 !important; } .bg-red.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 138, 128, 0.6); } .btn-red.btn-accent-1 { border-color: #d32f2f !important; background-color: #ff8a80 !important; } .btn-red.btn-accent-1:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-accent-1:focus, .btn-red.btn-accent-1:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-accent-1 { border-color: #ff8a80 !important; color: #ff8a80 !important; } .btn-outline-red.btn-outline-accent-1:hover { background-color: #ff8a80 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff8a80 !important; } .border-red.border-accent-1 { border: 1px solid #ff8a80 !important; } .border-top-red.border-top-accent-1 { border-top: 1px solid #ff8a80 !important; } .border-bottom-red.border-bottom-accent-1 { border-bottom: 1px solid #ff8a80 !important; } .border-left-red.border-left-accent-1 { border-left: 1px solid #ff8a80 !important; } .border-right-red.border-right-accent-1 { border-right: 1px solid #ff8a80 !important; } .overlay-red.overlay-accent-1 { background: #ff8a80; /* The Fallback */ background: rgba(255, 138, 128, 0.8); } .red.accent-2 { color: #ff5252 !important; } .bg-red.bg-accent-2 { background-color: #ff5252 !important; } .bg-red.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 82, 82, 0.6); } .btn-red.btn-accent-2 { border-color: #d32f2f !important; background-color: #ff5252 !important; } .btn-red.btn-accent-2:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-accent-2:focus, .btn-red.btn-accent-2:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-accent-2 { border-color: #ff5252 !important; color: #ff5252 !important; } .btn-outline-red.btn-outline-accent-2:hover { background-color: #ff5252 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff5252 !important; } .border-red.border-accent-2 { border: 1px solid #ff5252 !important; } .border-top-red.border-top-accent-2 { border-top: 1px solid #ff5252 !important; } .border-bottom-red.border-bottom-accent-2 { border-bottom: 1px solid #ff5252 !important; } .border-left-red.border-left-accent-2 { border-left: 1px solid #ff5252 !important; } .border-right-red.border-right-accent-2 { border-right: 1px solid #ff5252 !important; } .overlay-red.overlay-accent-2 { background: #ff5252; /* The Fallback */ background: rgba(255, 82, 82, 0.8); } .red.accent-3 { color: #ff1744 !important; } .bg-red.bg-accent-3 { background-color: #ff1744 !important; } .bg-red.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 23, 68, 0.6); } .btn-red.btn-accent-3 { border-color: #d32f2f !important; background-color: #ff1744 !important; } .btn-red.btn-accent-3:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-accent-3:focus, .btn-red.btn-accent-3:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-accent-3 { border-color: #ff1744 !important; color: #ff1744 !important; } .btn-outline-red.btn-outline-accent-3:hover { background-color: #ff1744 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff1744 !important; } .border-red.border-accent-3 { border: 1px solid #ff1744 !important; } .border-top-red.border-top-accent-3 { border-top: 1px solid #ff1744 !important; } .border-bottom-red.border-bottom-accent-3 { border-bottom: 1px solid #ff1744 !important; } .border-left-red.border-left-accent-3 { border-left: 1px solid #ff1744 !important; } .border-right-red.border-right-accent-3 { border-right: 1px solid #ff1744 !important; } .overlay-red.overlay-accent-3 { background: #ff1744; /* The Fallback */ background: rgba(255, 23, 68, 0.8); } .red.accent-4 { color: #d50000 !important; } .bg-red.bg-accent-4 { background-color: #d50000 !important; } .bg-red.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(213, 0, 0, 0.6); } .btn-red.btn-accent-4 { border-color: #d32f2f !important; background-color: #d50000 !important; } .btn-red.btn-accent-4:hover { border-color: #d32f2f !important; background-color: #c62828 !important; } .btn-red.btn-accent-4:focus, .btn-red.btn-accent-4:active { border-color: #c62828 !important; background-color: #b71c1c !important; } .btn-outline-red.btn-outline-accent-4 { border-color: #d50000 !important; color: #d50000 !important; } .btn-outline-red.btn-outline-accent-4:hover { background-color: #d50000 !important; } input:focus ~ .bg-red { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d50000 !important; } .border-red.border-accent-4 { border: 1px solid #d50000 !important; } .border-top-red.border-top-accent-4 { border-top: 1px solid #d50000 !important; } .border-bottom-red.border-bottom-accent-4 { border-bottom: 1px solid #d50000 !important; } .border-left-red.border-left-accent-4 { border-left: 1px solid #d50000 !important; } .border-right-red.border-right-accent-4 { border-right: 1px solid #d50000 !important; } .overlay-red.overlay-accent-4 { background: #d50000; /* The Fallback */ background: rgba(213, 0, 0, 0.8); } .pink.lighten-5 { color: #fce4ec !important; } .bg-pink.bg-lighten-5 { background-color: #fce4ec !important; } .bg-pink.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(252, 228, 236, 0.6); } .btn-pink.btn-lighten-5 { border-color: #c2185b !important; background-color: #fce4ec !important; } .btn-pink.btn-lighten-5:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-lighten-5:focus, .btn-pink.btn-lighten-5:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-lighten-5 { border-color: #fce4ec !important; color: #fce4ec !important; } .btn-outline-pink.btn-outline-lighten-5:hover { background-color: #fce4ec !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fce4ec !important; } .border-pink.border-lighten-5 { border: 1px solid #fce4ec !important; } .border-top-pink.border-top-lighten-5 { border-top: 1px solid #fce4ec !important; } .border-bottom-pink.border-bottom-lighten-5 { border-bottom: 1px solid #fce4ec !important; } .border-left-pink.border-left-lighten-5 { border-left: 1px solid #fce4ec !important; } .border-right-pink.border-right-lighten-5 { border-right: 1px solid #fce4ec !important; } .overlay-pink.overlay-lighten-5 { background: #fce4ec; /* The Fallback */ background: rgba(252, 228, 236, 0.8); } .pink.lighten-4 { color: #f8bbd0 !important; } .bg-pink.bg-lighten-4 { background-color: #f8bbd0 !important; } .bg-pink.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(248, 187, 208, 0.6); } .btn-pink.btn-lighten-4 { border-color: #c2185b !important; background-color: #f8bbd0 !important; } .btn-pink.btn-lighten-4:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-lighten-4:focus, .btn-pink.btn-lighten-4:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-lighten-4 { border-color: #f8bbd0 !important; color: #f8bbd0 !important; } .btn-outline-pink.btn-outline-lighten-4:hover { background-color: #f8bbd0 !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f8bbd0 !important; } .border-pink.border-lighten-4 { border: 1px solid #f8bbd0 !important; } .border-top-pink.border-top-lighten-4 { border-top: 1px solid #f8bbd0 !important; } .border-bottom-pink.border-bottom-lighten-4 { border-bottom: 1px solid #f8bbd0 !important; } .border-left-pink.border-left-lighten-4 { border-left: 1px solid #f8bbd0 !important; } .border-right-pink.border-right-lighten-4 { border-right: 1px solid #f8bbd0 !important; } .overlay-pink.overlay-lighten-4 { background: #f8bbd0; /* The Fallback */ background: rgba(248, 187, 208, 0.8); } .pink.lighten-3 { color: #f48fb1 !important; } .bg-pink.bg-lighten-3 { background-color: #f48fb1 !important; } .bg-pink.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(244, 143, 177, 0.6); } .btn-pink.btn-lighten-3 { border-color: #c2185b !important; background-color: #f48fb1 !important; } .btn-pink.btn-lighten-3:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-lighten-3:focus, .btn-pink.btn-lighten-3:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-lighten-3 { border-color: #f48fb1 !important; color: #f48fb1 !important; } .btn-outline-pink.btn-outline-lighten-3:hover { background-color: #f48fb1 !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f48fb1 !important; } .border-pink.border-lighten-3 { border: 1px solid #f48fb1 !important; } .border-top-pink.border-top-lighten-3 { border-top: 1px solid #f48fb1 !important; } .border-bottom-pink.border-bottom-lighten-3 { border-bottom: 1px solid #f48fb1 !important; } .border-left-pink.border-left-lighten-3 { border-left: 1px solid #f48fb1 !important; } .border-right-pink.border-right-lighten-3 { border-right: 1px solid #f48fb1 !important; } .overlay-pink.overlay-lighten-3 { background: #f48fb1; /* The Fallback */ background: rgba(244, 143, 177, 0.8); } .pink.lighten-2 { color: #f06292 !important; } .bg-pink.bg-lighten-2 { background-color: #f06292 !important; } .bg-pink.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(240, 98, 146, 0.6); } .btn-pink.btn-lighten-2 { border-color: #c2185b !important; background-color: #f06292 !important; } .btn-pink.btn-lighten-2:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-lighten-2:focus, .btn-pink.btn-lighten-2:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-lighten-2 { border-color: #f06292 !important; color: #f06292 !important; } .btn-outline-pink.btn-outline-lighten-2:hover { background-color: #f06292 !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f06292 !important; } .border-pink.border-lighten-2 { border: 1px solid #f06292 !important; } .border-top-pink.border-top-lighten-2 { border-top: 1px solid #f06292 !important; } .border-bottom-pink.border-bottom-lighten-2 { border-bottom: 1px solid #f06292 !important; } .border-left-pink.border-left-lighten-2 { border-left: 1px solid #f06292 !important; } .border-right-pink.border-right-lighten-2 { border-right: 1px solid #f06292 !important; } .overlay-pink.overlay-lighten-2 { background: #f06292; /* The Fallback */ background: rgba(240, 98, 146, 0.8); } .pink.lighten-1 { color: #ec407a !important; } .bg-pink.bg-lighten-1 { background-color: #ec407a !important; } .bg-pink.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(236, 64, 122, 0.6); } .btn-pink.btn-lighten-1 { border-color: #c2185b !important; background-color: #ec407a !important; } .btn-pink.btn-lighten-1:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-lighten-1:focus, .btn-pink.btn-lighten-1:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-lighten-1 { border-color: #ec407a !important; color: #ec407a !important; } .btn-outline-pink.btn-outline-lighten-1:hover { background-color: #ec407a !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ec407a !important; } .border-pink.border-lighten-1 { border: 1px solid #ec407a !important; } .border-top-pink.border-top-lighten-1 { border-top: 1px solid #ec407a !important; } .border-bottom-pink.border-bottom-lighten-1 { border-bottom: 1px solid #ec407a !important; } .border-left-pink.border-left-lighten-1 { border-left: 1px solid #ec407a !important; } .border-right-pink.border-right-lighten-1 { border-right: 1px solid #ec407a !important; } .overlay-pink.overlay-lighten-1 { background: #ec407a; /* The Fallback */ background: rgba(236, 64, 122, 0.8); } .pink { color: #e91e63 !important; } .bg-pink { background-color: #e91e63 !important; } .bg-pink .card-header, .bg-pink .card-footer { background-color: transparent; } .bg-pink.bg-glow { box-shadow: 0px 1px 20px 1px rgba(233, 30, 99, 0.6); } .selectboxit.selectboxit-btn.bg-pink { background-color: #e91e63 !important; } .alert-pink { border-color: #e91e63 !important; background-color: #ef5f90 !important; color: #4d081f !important; } .alert-pink .alert-link { color: #280410 !important; } .border-pink { border-color: #e91e63; } .overlay-pink { background: #e91e63; /* The Fallback */ background: rgba(233, 30, 99, 0.8); } .color-info.pink { background-color: #e91e63 !important; } .btn-pink { border-color: #c2185b !important; background-color: #e91e63 !important; color: #FFFFFF; } .btn-pink:hover { border-color: #d81b60 !important; background-color: #ec407a !important; color: #FFF !important; } .btn-pink:focus, .btn-pink:active { border-color: #c2185b !important; background-color: #ad1457 !important; color: #FFF !important; } .btn-pink.btn-glow { box-shadow: 0px 1px 20px 1px rgba(233, 30, 99, 0.6); } .btn-outline-pink { border-color: #e91e63; background-color: transparent; color: #e91e63; } .btn-outline-pink:hover { background-color: #e91e63; color: #FFF !important; } .btn-outline-pink.btn-glow { box-shadow: 0px 1px 20px 1px rgba(233, 30, 99, 0.6); } input[type=checkbox].bg-pink + .custom-control-label:before, input[type=radio].bg-pink + .custom-control-label:before { background-color: #e91e63 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e91e63 !important; } .border-pink { border: 1px solid #e91e63 !important; } .border-top-pink { border-top: 1px solid #e91e63; } .border-bottom-pink { border-bottom: 1px solid #e91e63; } .border-left-pink { border-left: 1px solid #e91e63; } .border-right-pink { border-right: 1px solid #e91e63; } .pink.darken-1 { color: #d81b60 !important; } .bg-pink.bg-darken-1 { background-color: #d81b60 !important; } .bg-pink.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(216, 27, 96, 0.6); } .btn-pink.btn-darken-1 { border-color: #c2185b !important; background-color: #d81b60 !important; } .btn-pink.btn-darken-1:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-darken-1:focus, .btn-pink.btn-darken-1:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-darken-1 { border-color: #d81b60 !important; color: #d81b60 !important; } .btn-outline-pink.btn-outline-darken-1:hover { background-color: #d81b60 !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d81b60 !important; } .border-pink.border-darken-1 { border: 1px solid #d81b60 !important; } .border-top-pink.border-top-darken-1 { border-top: 1px solid #d81b60 !important; } .border-bottom-pink.border-bottom-darken-1 { border-bottom: 1px solid #d81b60 !important; } .border-left-pink.border-left-darken-1 { border-left: 1px solid #d81b60 !important; } .border-right-pink.border-right-darken-1 { border-right: 1px solid #d81b60 !important; } .overlay-pink.overlay-darken-1 { background: #d81b60; /* The Fallback */ background: rgba(216, 27, 96, 0.8); } .pink.darken-2 { color: #c2185b !important; } .bg-pink.bg-darken-2 { background-color: #c2185b !important; } .bg-pink.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(194, 24, 91, 0.6); } .btn-pink.btn-darken-2 { border-color: #c2185b !important; background-color: #c2185b !important; } .btn-pink.btn-darken-2:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-darken-2:focus, .btn-pink.btn-darken-2:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-darken-2 { border-color: #c2185b !important; color: #c2185b !important; } .btn-outline-pink.btn-outline-darken-2:hover { background-color: #c2185b !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c2185b !important; } .border-pink.border-darken-2 { border: 1px solid #c2185b !important; } .border-top-pink.border-top-darken-2 { border-top: 1px solid #c2185b !important; } .border-bottom-pink.border-bottom-darken-2 { border-bottom: 1px solid #c2185b !important; } .border-left-pink.border-left-darken-2 { border-left: 1px solid #c2185b !important; } .border-right-pink.border-right-darken-2 { border-right: 1px solid #c2185b !important; } .overlay-pink.overlay-darken-2 { background: #c2185b; /* The Fallback */ background: rgba(194, 24, 91, 0.8); } .pink.darken-3 { color: #ad1457 !important; } .bg-pink.bg-darken-3 { background-color: #ad1457 !important; } .bg-pink.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(173, 20, 87, 0.6); } .btn-pink.btn-darken-3 { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-darken-3:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-darken-3:focus, .btn-pink.btn-darken-3:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-darken-3 { border-color: #ad1457 !important; color: #ad1457 !important; } .btn-outline-pink.btn-outline-darken-3:hover { background-color: #ad1457 !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ad1457 !important; } .border-pink.border-darken-3 { border: 1px solid #ad1457 !important; } .border-top-pink.border-top-darken-3 { border-top: 1px solid #ad1457 !important; } .border-bottom-pink.border-bottom-darken-3 { border-bottom: 1px solid #ad1457 !important; } .border-left-pink.border-left-darken-3 { border-left: 1px solid #ad1457 !important; } .border-right-pink.border-right-darken-3 { border-right: 1px solid #ad1457 !important; } .overlay-pink.overlay-darken-3 { background: #ad1457; /* The Fallback */ background: rgba(173, 20, 87, 0.8); } .pink.darken-4 { color: #880e4f !important; } .bg-pink.bg-darken-4 { background-color: #880e4f !important; } .bg-pink.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(136, 14, 79, 0.6); } .btn-pink.btn-darken-4 { border-color: #c2185b !important; background-color: #880e4f !important; } .btn-pink.btn-darken-4:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-darken-4:focus, .btn-pink.btn-darken-4:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-darken-4 { border-color: #880e4f !important; color: #880e4f !important; } .btn-outline-pink.btn-outline-darken-4:hover { background-color: #880e4f !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #880e4f !important; } .border-pink.border-darken-4 { border: 1px solid #880e4f !important; } .border-top-pink.border-top-darken-4 { border-top: 1px solid #880e4f !important; } .border-bottom-pink.border-bottom-darken-4 { border-bottom: 1px solid #880e4f !important; } .border-left-pink.border-left-darken-4 { border-left: 1px solid #880e4f !important; } .border-right-pink.border-right-darken-4 { border-right: 1px solid #880e4f !important; } .overlay-pink.overlay-darken-4 { background: #880e4f; /* The Fallback */ background: rgba(136, 14, 79, 0.8); } .pink.accent-1 { color: #ff80ab !important; } .bg-pink.bg-accent-1 { background-color: #ff80ab !important; } .bg-pink.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 128, 171, 0.6); } .btn-pink.btn-accent-1 { border-color: #c2185b !important; background-color: #ff80ab !important; } .btn-pink.btn-accent-1:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-accent-1:focus, .btn-pink.btn-accent-1:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-accent-1 { border-color: #ff80ab !important; color: #ff80ab !important; } .btn-outline-pink.btn-outline-accent-1:hover { background-color: #ff80ab !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff80ab !important; } .border-pink.border-accent-1 { border: 1px solid #ff80ab !important; } .border-top-pink.border-top-accent-1 { border-top: 1px solid #ff80ab !important; } .border-bottom-pink.border-bottom-accent-1 { border-bottom: 1px solid #ff80ab !important; } .border-left-pink.border-left-accent-1 { border-left: 1px solid #ff80ab !important; } .border-right-pink.border-right-accent-1 { border-right: 1px solid #ff80ab !important; } .overlay-pink.overlay-accent-1 { background: #ff80ab; /* The Fallback */ background: rgba(255, 128, 171, 0.8); } .pink.accent-2 { color: #ff4081 !important; } .bg-pink.bg-accent-2 { background-color: #ff4081 !important; } .bg-pink.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 64, 129, 0.6); } .btn-pink.btn-accent-2 { border-color: #c2185b !important; background-color: #ff4081 !important; } .btn-pink.btn-accent-2:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-accent-2:focus, .btn-pink.btn-accent-2:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-accent-2 { border-color: #ff4081 !important; color: #ff4081 !important; } .btn-outline-pink.btn-outline-accent-2:hover { background-color: #ff4081 !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff4081 !important; } .border-pink.border-accent-2 { border: 1px solid #ff4081 !important; } .border-top-pink.border-top-accent-2 { border-top: 1px solid #ff4081 !important; } .border-bottom-pink.border-bottom-accent-2 { border-bottom: 1px solid #ff4081 !important; } .border-left-pink.border-left-accent-2 { border-left: 1px solid #ff4081 !important; } .border-right-pink.border-right-accent-2 { border-right: 1px solid #ff4081 !important; } .overlay-pink.overlay-accent-2 { background: #ff4081; /* The Fallback */ background: rgba(255, 64, 129, 0.8); } .pink.accent-3 { color: #f50057 !important; } .bg-pink.bg-accent-3 { background-color: #f50057 !important; } .bg-pink.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(245, 0, 87, 0.6); } .btn-pink.btn-accent-3 { border-color: #c2185b !important; background-color: #f50057 !important; } .btn-pink.btn-accent-3:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-accent-3:focus, .btn-pink.btn-accent-3:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-accent-3 { border-color: #f50057 !important; color: #f50057 !important; } .btn-outline-pink.btn-outline-accent-3:hover { background-color: #f50057 !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f50057 !important; } .border-pink.border-accent-3 { border: 1px solid #f50057 !important; } .border-top-pink.border-top-accent-3 { border-top: 1px solid #f50057 !important; } .border-bottom-pink.border-bottom-accent-3 { border-bottom: 1px solid #f50057 !important; } .border-left-pink.border-left-accent-3 { border-left: 1px solid #f50057 !important; } .border-right-pink.border-right-accent-3 { border-right: 1px solid #f50057 !important; } .overlay-pink.overlay-accent-3 { background: #f50057; /* The Fallback */ background: rgba(245, 0, 87, 0.8); } .pink.accent-4 { color: #c51162 !important; } .bg-pink.bg-accent-4 { background-color: #c51162 !important; } .bg-pink.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(197, 17, 98, 0.6); } .btn-pink.btn-accent-4 { border-color: #c2185b !important; background-color: #c51162 !important; } .btn-pink.btn-accent-4:hover { border-color: #c2185b !important; background-color: #ad1457 !important; } .btn-pink.btn-accent-4:focus, .btn-pink.btn-accent-4:active { border-color: #ad1457 !important; background-color: #880e4f !important; } .btn-outline-pink.btn-outline-accent-4 { border-color: #c51162 !important; color: #c51162 !important; } .btn-outline-pink.btn-outline-accent-4:hover { background-color: #c51162 !important; } input:focus ~ .bg-pink { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c51162 !important; } .border-pink.border-accent-4 { border: 1px solid #c51162 !important; } .border-top-pink.border-top-accent-4 { border-top: 1px solid #c51162 !important; } .border-bottom-pink.border-bottom-accent-4 { border-bottom: 1px solid #c51162 !important; } .border-left-pink.border-left-accent-4 { border-left: 1px solid #c51162 !important; } .border-right-pink.border-right-accent-4 { border-right: 1px solid #c51162 !important; } .overlay-pink.overlay-accent-4 { background: #c51162; /* The Fallback */ background: rgba(197, 17, 98, 0.8); } .purple.lighten-5 { color: #f3e5f5 !important; } .bg-purple.bg-lighten-5 { background-color: #f3e5f5 !important; } .bg-purple.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(243, 229, 245, 0.6); } .btn-purple.btn-lighten-5 { border-color: #7b1fa2 !important; background-color: #f3e5f5 !important; } .btn-purple.btn-lighten-5:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-lighten-5:focus, .btn-purple.btn-lighten-5:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-lighten-5 { border-color: #f3e5f5 !important; color: #f3e5f5 !important; } .btn-outline-purple.btn-outline-lighten-5:hover { background-color: #f3e5f5 !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f3e5f5 !important; } .border-purple.border-lighten-5 { border: 1px solid #f3e5f5 !important; } .border-top-purple.border-top-lighten-5 { border-top: 1px solid #f3e5f5 !important; } .border-bottom-purple.border-bottom-lighten-5 { border-bottom: 1px solid #f3e5f5 !important; } .border-left-purple.border-left-lighten-5 { border-left: 1px solid #f3e5f5 !important; } .border-right-purple.border-right-lighten-5 { border-right: 1px solid #f3e5f5 !important; } .overlay-purple.overlay-lighten-5 { background: #f3e5f5; /* The Fallback */ background: rgba(243, 229, 245, 0.8); } .purple.lighten-4 { color: #e1bee7 !important; } .bg-purple.bg-lighten-4 { background-color: #e1bee7 !important; } .bg-purple.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(225, 190, 231, 0.6); } .btn-purple.btn-lighten-4 { border-color: #7b1fa2 !important; background-color: #e1bee7 !important; } .btn-purple.btn-lighten-4:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-lighten-4:focus, .btn-purple.btn-lighten-4:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-lighten-4 { border-color: #e1bee7 !important; color: #e1bee7 !important; } .btn-outline-purple.btn-outline-lighten-4:hover { background-color: #e1bee7 !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e1bee7 !important; } .border-purple.border-lighten-4 { border: 1px solid #e1bee7 !important; } .border-top-purple.border-top-lighten-4 { border-top: 1px solid #e1bee7 !important; } .border-bottom-purple.border-bottom-lighten-4 { border-bottom: 1px solid #e1bee7 !important; } .border-left-purple.border-left-lighten-4 { border-left: 1px solid #e1bee7 !important; } .border-right-purple.border-right-lighten-4 { border-right: 1px solid #e1bee7 !important; } .overlay-purple.overlay-lighten-4 { background: #e1bee7; /* The Fallback */ background: rgba(225, 190, 231, 0.8); } .purple.lighten-3 { color: #ce93d8 !important; } .bg-purple.bg-lighten-3 { background-color: #ce93d8 !important; } .bg-purple.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(206, 147, 216, 0.6); } .btn-purple.btn-lighten-3 { border-color: #7b1fa2 !important; background-color: #ce93d8 !important; } .btn-purple.btn-lighten-3:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-lighten-3:focus, .btn-purple.btn-lighten-3:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-lighten-3 { border-color: #ce93d8 !important; color: #ce93d8 !important; } .btn-outline-purple.btn-outline-lighten-3:hover { background-color: #ce93d8 !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ce93d8 !important; } .border-purple.border-lighten-3 { border: 1px solid #ce93d8 !important; } .border-top-purple.border-top-lighten-3 { border-top: 1px solid #ce93d8 !important; } .border-bottom-purple.border-bottom-lighten-3 { border-bottom: 1px solid #ce93d8 !important; } .border-left-purple.border-left-lighten-3 { border-left: 1px solid #ce93d8 !important; } .border-right-purple.border-right-lighten-3 { border-right: 1px solid #ce93d8 !important; } .overlay-purple.overlay-lighten-3 { background: #ce93d8; /* The Fallback */ background: rgba(206, 147, 216, 0.8); } .purple.lighten-2 { color: #ba68c8 !important; } .bg-purple.bg-lighten-2 { background-color: #ba68c8 !important; } .bg-purple.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(186, 104, 200, 0.6); } .btn-purple.btn-lighten-2 { border-color: #7b1fa2 !important; background-color: #ba68c8 !important; } .btn-purple.btn-lighten-2:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-lighten-2:focus, .btn-purple.btn-lighten-2:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-lighten-2 { border-color: #ba68c8 !important; color: #ba68c8 !important; } .btn-outline-purple.btn-outline-lighten-2:hover { background-color: #ba68c8 !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ba68c8 !important; } .border-purple.border-lighten-2 { border: 1px solid #ba68c8 !important; } .border-top-purple.border-top-lighten-2 { border-top: 1px solid #ba68c8 !important; } .border-bottom-purple.border-bottom-lighten-2 { border-bottom: 1px solid #ba68c8 !important; } .border-left-purple.border-left-lighten-2 { border-left: 1px solid #ba68c8 !important; } .border-right-purple.border-right-lighten-2 { border-right: 1px solid #ba68c8 !important; } .overlay-purple.overlay-lighten-2 { background: #ba68c8; /* The Fallback */ background: rgba(186, 104, 200, 0.8); } .purple.lighten-1 { color: #ab47bc !important; } .bg-purple.bg-lighten-1 { background-color: #ab47bc !important; } .bg-purple.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(171, 71, 188, 0.6); } .btn-purple.btn-lighten-1 { border-color: #7b1fa2 !important; background-color: #ab47bc !important; } .btn-purple.btn-lighten-1:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-lighten-1:focus, .btn-purple.btn-lighten-1:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-lighten-1 { border-color: #ab47bc !important; color: #ab47bc !important; } .btn-outline-purple.btn-outline-lighten-1:hover { background-color: #ab47bc !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ab47bc !important; } .border-purple.border-lighten-1 { border: 1px solid #ab47bc !important; } .border-top-purple.border-top-lighten-1 { border-top: 1px solid #ab47bc !important; } .border-bottom-purple.border-bottom-lighten-1 { border-bottom: 1px solid #ab47bc !important; } .border-left-purple.border-left-lighten-1 { border-left: 1px solid #ab47bc !important; } .border-right-purple.border-right-lighten-1 { border-right: 1px solid #ab47bc !important; } .overlay-purple.overlay-lighten-1 { background: #ab47bc; /* The Fallback */ background: rgba(171, 71, 188, 0.8); } .purple { color: #9c27b0 !important; } .bg-purple { background-color: #9c27b0 !important; } .bg-purple .card-header, .bg-purple .card-footer { background-color: transparent; } .bg-purple.bg-glow { box-shadow: 0px 1px 20px 1px rgba(156, 39, 176, 0.6); } .selectboxit.selectboxit-btn.bg-purple { background-color: #9c27b0 !important; } .alert-purple { border-color: #9c27b0 !important; background-color: #c248d6 !important; color: #1a071e !important; } .alert-purple .alert-link { color: black !important; } .border-purple { border-color: #9c27b0; } .overlay-purple { background: #9c27b0; /* The Fallback */ background: rgba(156, 39, 176, 0.8); } .color-info.purple { background-color: #9c27b0 !important; } .btn-purple { border-color: #7b1fa2 !important; background-color: #9c27b0 !important; color: #FFFFFF; } .btn-purple:hover { border-color: #8e24aa !important; background-color: #ab47bc !important; color: #FFF !important; } .btn-purple:focus, .btn-purple:active { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; color: #FFF !important; } .btn-purple.btn-glow { box-shadow: 0px 1px 20px 1px rgba(156, 39, 176, 0.6); } .btn-outline-purple { border-color: #9c27b0; background-color: transparent; color: #9c27b0; } .btn-outline-purple:hover { background-color: #9c27b0; color: #FFF !important; } .btn-outline-purple.btn-glow { box-shadow: 0px 1px 20px 1px rgba(156, 39, 176, 0.6); } input[type=checkbox].bg-purple + .custom-control-label:before, input[type=radio].bg-purple + .custom-control-label:before { background-color: #9c27b0 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9c27b0 !important; } .border-purple { border: 1px solid #9c27b0 !important; } .border-top-purple { border-top: 1px solid #9c27b0; } .border-bottom-purple { border-bottom: 1px solid #9c27b0; } .border-left-purple { border-left: 1px solid #9c27b0; } .border-right-purple { border-right: 1px solid #9c27b0; } .purple.darken-1 { color: #8e24aa !important; } .bg-purple.bg-darken-1 { background-color: #8e24aa !important; } .bg-purple.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(142, 36, 170, 0.6); } .btn-purple.btn-darken-1 { border-color: #7b1fa2 !important; background-color: #8e24aa !important; } .btn-purple.btn-darken-1:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-darken-1:focus, .btn-purple.btn-darken-1:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-darken-1 { border-color: #8e24aa !important; color: #8e24aa !important; } .btn-outline-purple.btn-outline-darken-1:hover { background-color: #8e24aa !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8e24aa !important; } .border-purple.border-darken-1 { border: 1px solid #8e24aa !important; } .border-top-purple.border-top-darken-1 { border-top: 1px solid #8e24aa !important; } .border-bottom-purple.border-bottom-darken-1 { border-bottom: 1px solid #8e24aa !important; } .border-left-purple.border-left-darken-1 { border-left: 1px solid #8e24aa !important; } .border-right-purple.border-right-darken-1 { border-right: 1px solid #8e24aa !important; } .overlay-purple.overlay-darken-1 { background: #8e24aa; /* The Fallback */ background: rgba(142, 36, 170, 0.8); } .purple.darken-2 { color: #7b1fa2 !important; } .bg-purple.bg-darken-2 { background-color: #7b1fa2 !important; } .bg-purple.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(123, 31, 162, 0.6); } .btn-purple.btn-darken-2 { border-color: #7b1fa2 !important; background-color: #7b1fa2 !important; } .btn-purple.btn-darken-2:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-darken-2:focus, .btn-purple.btn-darken-2:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-darken-2 { border-color: #7b1fa2 !important; color: #7b1fa2 !important; } .btn-outline-purple.btn-outline-darken-2:hover { background-color: #7b1fa2 !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7b1fa2 !important; } .border-purple.border-darken-2 { border: 1px solid #7b1fa2 !important; } .border-top-purple.border-top-darken-2 { border-top: 1px solid #7b1fa2 !important; } .border-bottom-purple.border-bottom-darken-2 { border-bottom: 1px solid #7b1fa2 !important; } .border-left-purple.border-left-darken-2 { border-left: 1px solid #7b1fa2 !important; } .border-right-purple.border-right-darken-2 { border-right: 1px solid #7b1fa2 !important; } .overlay-purple.overlay-darken-2 { background: #7b1fa2; /* The Fallback */ background: rgba(123, 31, 162, 0.8); } .purple.darken-3 { color: #6a1b9a !important; } .bg-purple.bg-darken-3 { background-color: #6a1b9a !important; } .bg-purple.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(106, 27, 154, 0.6); } .btn-purple.btn-darken-3 { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-darken-3:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-darken-3:focus, .btn-purple.btn-darken-3:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-darken-3 { border-color: #6a1b9a !important; color: #6a1b9a !important; } .btn-outline-purple.btn-outline-darken-3:hover { background-color: #6a1b9a !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #6a1b9a !important; } .border-purple.border-darken-3 { border: 1px solid #6a1b9a !important; } .border-top-purple.border-top-darken-3 { border-top: 1px solid #6a1b9a !important; } .border-bottom-purple.border-bottom-darken-3 { border-bottom: 1px solid #6a1b9a !important; } .border-left-purple.border-left-darken-3 { border-left: 1px solid #6a1b9a !important; } .border-right-purple.border-right-darken-3 { border-right: 1px solid #6a1b9a !important; } .overlay-purple.overlay-darken-3 { background: #6a1b9a; /* The Fallback */ background: rgba(106, 27, 154, 0.8); } .purple.darken-4 { color: #4a148c !important; } .bg-purple.bg-darken-4 { background-color: #4a148c !important; } .bg-purple.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(74, 20, 140, 0.6); } .btn-purple.btn-darken-4 { border-color: #7b1fa2 !important; background-color: #4a148c !important; } .btn-purple.btn-darken-4:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-darken-4:focus, .btn-purple.btn-darken-4:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-darken-4 { border-color: #4a148c !important; color: #4a148c !important; } .btn-outline-purple.btn-outline-darken-4:hover { background-color: #4a148c !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4a148c !important; } .border-purple.border-darken-4 { border: 1px solid #4a148c !important; } .border-top-purple.border-top-darken-4 { border-top: 1px solid #4a148c !important; } .border-bottom-purple.border-bottom-darken-4 { border-bottom: 1px solid #4a148c !important; } .border-left-purple.border-left-darken-4 { border-left: 1px solid #4a148c !important; } .border-right-purple.border-right-darken-4 { border-right: 1px solid #4a148c !important; } .overlay-purple.overlay-darken-4 { background: #4a148c; /* The Fallback */ background: rgba(74, 20, 140, 0.8); } .purple.accent-1 { color: #ea80fc !important; } .bg-purple.bg-accent-1 { background-color: #ea80fc !important; } .bg-purple.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(234, 128, 252, 0.6); } .btn-purple.btn-accent-1 { border-color: #7b1fa2 !important; background-color: #ea80fc !important; } .btn-purple.btn-accent-1:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-accent-1:focus, .btn-purple.btn-accent-1:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-accent-1 { border-color: #ea80fc !important; color: #ea80fc !important; } .btn-outline-purple.btn-outline-accent-1:hover { background-color: #ea80fc !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ea80fc !important; } .border-purple.border-accent-1 { border: 1px solid #ea80fc !important; } .border-top-purple.border-top-accent-1 { border-top: 1px solid #ea80fc !important; } .border-bottom-purple.border-bottom-accent-1 { border-bottom: 1px solid #ea80fc !important; } .border-left-purple.border-left-accent-1 { border-left: 1px solid #ea80fc !important; } .border-right-purple.border-right-accent-1 { border-right: 1px solid #ea80fc !important; } .overlay-purple.overlay-accent-1 { background: #ea80fc; /* The Fallback */ background: rgba(234, 128, 252, 0.8); } .purple.accent-2 { color: #e040fb !important; } .bg-purple.bg-accent-2 { background-color: #e040fb !important; } .bg-purple.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(224, 64, 251, 0.6); } .btn-purple.btn-accent-2 { border-color: #7b1fa2 !important; background-color: #e040fb !important; } .btn-purple.btn-accent-2:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-accent-2:focus, .btn-purple.btn-accent-2:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-accent-2 { border-color: #e040fb !important; color: #e040fb !important; } .btn-outline-purple.btn-outline-accent-2:hover { background-color: #e040fb !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e040fb !important; } .border-purple.border-accent-2 { border: 1px solid #e040fb !important; } .border-top-purple.border-top-accent-2 { border-top: 1px solid #e040fb !important; } .border-bottom-purple.border-bottom-accent-2 { border-bottom: 1px solid #e040fb !important; } .border-left-purple.border-left-accent-2 { border-left: 1px solid #e040fb !important; } .border-right-purple.border-right-accent-2 { border-right: 1px solid #e040fb !important; } .overlay-purple.overlay-accent-2 { background: #e040fb; /* The Fallback */ background: rgba(224, 64, 251, 0.8); } .purple.accent-3 { color: #d500f9 !important; } .bg-purple.bg-accent-3 { background-color: #d500f9 !important; } .bg-purple.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(213, 0, 249, 0.6); } .btn-purple.btn-accent-3 { border-color: #7b1fa2 !important; background-color: #d500f9 !important; } .btn-purple.btn-accent-3:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-accent-3:focus, .btn-purple.btn-accent-3:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-accent-3 { border-color: #d500f9 !important; color: #d500f9 !important; } .btn-outline-purple.btn-outline-accent-3:hover { background-color: #d500f9 !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d500f9 !important; } .border-purple.border-accent-3 { border: 1px solid #d500f9 !important; } .border-top-purple.border-top-accent-3 { border-top: 1px solid #d500f9 !important; } .border-bottom-purple.border-bottom-accent-3 { border-bottom: 1px solid #d500f9 !important; } .border-left-purple.border-left-accent-3 { border-left: 1px solid #d500f9 !important; } .border-right-purple.border-right-accent-3 { border-right: 1px solid #d500f9 !important; } .overlay-purple.overlay-accent-3 { background: #d500f9; /* The Fallback */ background: rgba(213, 0, 249, 0.8); } .purple.accent-4 { color: #dd00ff !important; } .bg-purple.bg-accent-4 { background-color: #dd00ff !important; } .bg-purple.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(221, 0, 255, 0.6); } .btn-purple.btn-accent-4 { border-color: #7b1fa2 !important; background-color: #dd00ff !important; } .btn-purple.btn-accent-4:hover { border-color: #7b1fa2 !important; background-color: #6a1b9a !important; } .btn-purple.btn-accent-4:focus, .btn-purple.btn-accent-4:active { border-color: #6a1b9a !important; background-color: #4a148c !important; } .btn-outline-purple.btn-outline-accent-4 { border-color: #dd00ff !important; color: #dd00ff !important; } .btn-outline-purple.btn-outline-accent-4:hover { background-color: #dd00ff !important; } input:focus ~ .bg-purple { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #dd00ff !important; } .border-purple.border-accent-4 { border: 1px solid #dd00ff !important; } .border-top-purple.border-top-accent-4 { border-top: 1px solid #dd00ff !important; } .border-bottom-purple.border-bottom-accent-4 { border-bottom: 1px solid #dd00ff !important; } .border-left-purple.border-left-accent-4 { border-left: 1px solid #dd00ff !important; } .border-right-purple.border-right-accent-4 { border-right: 1px solid #dd00ff !important; } .overlay-purple.overlay-accent-4 { background: #dd00ff; /* The Fallback */ background: rgba(221, 0, 255, 0.8); } .blue.lighten-5 { color: #e3f2fd !important; } .bg-blue.bg-lighten-5 { background-color: #e3f2fd !important; } .bg-blue.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(227, 242, 253, 0.6); } .btn-blue.btn-lighten-5 { border-color: #1976d2 !important; background-color: #e3f2fd !important; } .btn-blue.btn-lighten-5:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-lighten-5:focus, .btn-blue.btn-lighten-5:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-lighten-5 { border-color: #e3f2fd !important; color: #e3f2fd !important; } .btn-outline-blue.btn-outline-lighten-5:hover { background-color: #e3f2fd !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e3f2fd !important; } .border-blue.border-lighten-5 { border: 1px solid #e3f2fd !important; } .border-top-blue.border-top-lighten-5 { border-top: 1px solid #e3f2fd !important; } .border-bottom-blue.border-bottom-lighten-5 { border-bottom: 1px solid #e3f2fd !important; } .border-left-blue.border-left-lighten-5 { border-left: 1px solid #e3f2fd !important; } .border-right-blue.border-right-lighten-5 { border-right: 1px solid #e3f2fd !important; } .overlay-blue.overlay-lighten-5 { background: #e3f2fd; /* The Fallback */ background: rgba(227, 242, 253, 0.8); } .blue.lighten-4 { color: #bbdefb !important; } .bg-blue.bg-lighten-4 { background-color: #bbdefb !important; } .bg-blue.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(187, 222, 251, 0.6); } .btn-blue.btn-lighten-4 { border-color: #1976d2 !important; background-color: #bbdefb !important; } .btn-blue.btn-lighten-4:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-lighten-4:focus, .btn-blue.btn-lighten-4:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-lighten-4 { border-color: #bbdefb !important; color: #bbdefb !important; } .btn-outline-blue.btn-outline-lighten-4:hover { background-color: #bbdefb !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bbdefb !important; } .border-blue.border-lighten-4 { border: 1px solid #bbdefb !important; } .border-top-blue.border-top-lighten-4 { border-top: 1px solid #bbdefb !important; } .border-bottom-blue.border-bottom-lighten-4 { border-bottom: 1px solid #bbdefb !important; } .border-left-blue.border-left-lighten-4 { border-left: 1px solid #bbdefb !important; } .border-right-blue.border-right-lighten-4 { border-right: 1px solid #bbdefb !important; } .overlay-blue.overlay-lighten-4 { background: #bbdefb; /* The Fallback */ background: rgba(187, 222, 251, 0.8); } .blue.lighten-3 { color: #90caf9 !important; } .bg-blue.bg-lighten-3 { background-color: #90caf9 !important; } .bg-blue.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(144, 202, 249, 0.6); } .btn-blue.btn-lighten-3 { border-color: #1976d2 !important; background-color: #90caf9 !important; } .btn-blue.btn-lighten-3:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-lighten-3:focus, .btn-blue.btn-lighten-3:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-lighten-3 { border-color: #90caf9 !important; color: #90caf9 !important; } .btn-outline-blue.btn-outline-lighten-3:hover { background-color: #90caf9 !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #90caf9 !important; } .border-blue.border-lighten-3 { border: 1px solid #90caf9 !important; } .border-top-blue.border-top-lighten-3 { border-top: 1px solid #90caf9 !important; } .border-bottom-blue.border-bottom-lighten-3 { border-bottom: 1px solid #90caf9 !important; } .border-left-blue.border-left-lighten-3 { border-left: 1px solid #90caf9 !important; } .border-right-blue.border-right-lighten-3 { border-right: 1px solid #90caf9 !important; } .overlay-blue.overlay-lighten-3 { background: #90caf9; /* The Fallback */ background: rgba(144, 202, 249, 0.8); } .blue.lighten-2 { color: #64b5f6 !important; } .bg-blue.bg-lighten-2 { background-color: #64b5f6 !important; } .bg-blue.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(100, 181, 246, 0.6); } .btn-blue.btn-lighten-2 { border-color: #1976d2 !important; background-color: #64b5f6 !important; } .btn-blue.btn-lighten-2:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-lighten-2:focus, .btn-blue.btn-lighten-2:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-lighten-2 { border-color: #64b5f6 !important; color: #64b5f6 !important; } .btn-outline-blue.btn-outline-lighten-2:hover { background-color: #64b5f6 !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #64b5f6 !important; } .border-blue.border-lighten-2 { border: 1px solid #64b5f6 !important; } .border-top-blue.border-top-lighten-2 { border-top: 1px solid #64b5f6 !important; } .border-bottom-blue.border-bottom-lighten-2 { border-bottom: 1px solid #64b5f6 !important; } .border-left-blue.border-left-lighten-2 { border-left: 1px solid #64b5f6 !important; } .border-right-blue.border-right-lighten-2 { border-right: 1px solid #64b5f6 !important; } .overlay-blue.overlay-lighten-2 { background: #64b5f6; /* The Fallback */ background: rgba(100, 181, 246, 0.8); } .blue.lighten-1 { color: #42a5f5 !important; } .bg-blue.bg-lighten-1 { background-color: #42a5f5 !important; } .bg-blue.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(66, 165, 245, 0.6); } .btn-blue.btn-lighten-1 { border-color: #1976d2 !important; background-color: #42a5f5 !important; } .btn-blue.btn-lighten-1:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-lighten-1:focus, .btn-blue.btn-lighten-1:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-lighten-1 { border-color: #42a5f5 !important; color: #42a5f5 !important; } .btn-outline-blue.btn-outline-lighten-1:hover { background-color: #42a5f5 !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #42a5f5 !important; } .border-blue.border-lighten-1 { border: 1px solid #42a5f5 !important; } .border-top-blue.border-top-lighten-1 { border-top: 1px solid #42a5f5 !important; } .border-bottom-blue.border-bottom-lighten-1 { border-bottom: 1px solid #42a5f5 !important; } .border-left-blue.border-left-lighten-1 { border-left: 1px solid #42a5f5 !important; } .border-right-blue.border-right-lighten-1 { border-right: 1px solid #42a5f5 !important; } .overlay-blue.overlay-lighten-1 { background: #42a5f5; /* The Fallback */ background: rgba(66, 165, 245, 0.8); } .blue { color: #2196f3 !important; } .bg-blue { background-color: #2196f3 !important; } .bg-blue .card-header, .bg-blue .card-footer { background-color: transparent; } .bg-blue.bg-glow { box-shadow: 0px 1px 20px 1px rgba(33, 150, 243, 0.6); } .selectboxit.selectboxit-btn.bg-blue { background-color: #2196f3 !important; } .alert-blue { border-color: #2196f3 !important; background-color: #65b6f7 !important; color: #05365d !important; } .alert-blue .alert-link { color: #031f36 !important; } .border-blue { border-color: #2196f3; } .overlay-blue { background: #2196f3; /* The Fallback */ background: rgba(33, 150, 243, 0.8); } .color-info.blue { background-color: #2196f3 !important; } .btn-blue { border-color: #1976d2 !important; background-color: #2196f3 !important; color: #FFFFFF; } .btn-blue:hover { border-color: #1e88e5 !important; background-color: #42a5f5 !important; color: #FFF !important; } .btn-blue:focus, .btn-blue:active { border-color: #1976d2 !important; background-color: #1565c0 !important; color: #FFF !important; } .btn-blue.btn-glow { box-shadow: 0px 1px 20px 1px rgba(33, 150, 243, 0.6); } .btn-outline-blue { border-color: #2196f3; background-color: transparent; color: #2196f3; } .btn-outline-blue:hover { background-color: #2196f3; color: #FFF !important; } .btn-outline-blue.btn-glow { box-shadow: 0px 1px 20px 1px rgba(33, 150, 243, 0.6); } input[type=checkbox].bg-blue + .custom-control-label:before, input[type=radio].bg-blue + .custom-control-label:before { background-color: #2196f3 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2196f3 !important; } .border-blue { border: 1px solid #2196f3 !important; } .border-top-blue { border-top: 1px solid #2196f3; } .border-bottom-blue { border-bottom: 1px solid #2196f3; } .border-left-blue { border-left: 1px solid #2196f3; } .border-right-blue { border-right: 1px solid #2196f3; } .blue.darken-1 { color: #1e88e5 !important; } .bg-blue.bg-darken-1 { background-color: #1e88e5 !important; } .bg-blue.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(30, 136, 229, 0.6); } .btn-blue.btn-darken-1 { border-color: #1976d2 !important; background-color: #1e88e5 !important; } .btn-blue.btn-darken-1:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-darken-1:focus, .btn-blue.btn-darken-1:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-darken-1 { border-color: #1e88e5 !important; color: #1e88e5 !important; } .btn-outline-blue.btn-outline-darken-1:hover { background-color: #1e88e5 !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1e88e5 !important; } .border-blue.border-darken-1 { border: 1px solid #1e88e5 !important; } .border-top-blue.border-top-darken-1 { border-top: 1px solid #1e88e5 !important; } .border-bottom-blue.border-bottom-darken-1 { border-bottom: 1px solid #1e88e5 !important; } .border-left-blue.border-left-darken-1 { border-left: 1px solid #1e88e5 !important; } .border-right-blue.border-right-darken-1 { border-right: 1px solid #1e88e5 !important; } .overlay-blue.overlay-darken-1 { background: #1e88e5; /* The Fallback */ background: rgba(30, 136, 229, 0.8); } .blue.darken-2 { color: #1976d2 !important; } .bg-blue.bg-darken-2 { background-color: #1976d2 !important; } .bg-blue.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(25, 118, 210, 0.6); } .btn-blue.btn-darken-2 { border-color: #1976d2 !important; background-color: #1976d2 !important; } .btn-blue.btn-darken-2:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-darken-2:focus, .btn-blue.btn-darken-2:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-darken-2 { border-color: #1976d2 !important; color: #1976d2 !important; } .btn-outline-blue.btn-outline-darken-2:hover { background-color: #1976d2 !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1976d2 !important; } .border-blue.border-darken-2 { border: 1px solid #1976d2 !important; } .border-top-blue.border-top-darken-2 { border-top: 1px solid #1976d2 !important; } .border-bottom-blue.border-bottom-darken-2 { border-bottom: 1px solid #1976d2 !important; } .border-left-blue.border-left-darken-2 { border-left: 1px solid #1976d2 !important; } .border-right-blue.border-right-darken-2 { border-right: 1px solid #1976d2 !important; } .overlay-blue.overlay-darken-2 { background: #1976d2; /* The Fallback */ background: rgba(25, 118, 210, 0.8); } .blue.darken-3 { color: #1565c0 !important; } .bg-blue.bg-darken-3 { background-color: #1565c0 !important; } .bg-blue.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(21, 101, 192, 0.6); } .btn-blue.btn-darken-3 { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-darken-3:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-darken-3:focus, .btn-blue.btn-darken-3:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-darken-3 { border-color: #1565c0 !important; color: #1565c0 !important; } .btn-outline-blue.btn-outline-darken-3:hover { background-color: #1565c0 !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1565c0 !important; } .border-blue.border-darken-3 { border: 1px solid #1565c0 !important; } .border-top-blue.border-top-darken-3 { border-top: 1px solid #1565c0 !important; } .border-bottom-blue.border-bottom-darken-3 { border-bottom: 1px solid #1565c0 !important; } .border-left-blue.border-left-darken-3 { border-left: 1px solid #1565c0 !important; } .border-right-blue.border-right-darken-3 { border-right: 1px solid #1565c0 !important; } .overlay-blue.overlay-darken-3 { background: #1565c0; /* The Fallback */ background: rgba(21, 101, 192, 0.8); } .blue.darken-4 { color: #0d47a1 !important; } .bg-blue.bg-darken-4 { background-color: #0d47a1 !important; } .bg-blue.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(13, 71, 161, 0.6); } .btn-blue.btn-darken-4 { border-color: #1976d2 !important; background-color: #0d47a1 !important; } .btn-blue.btn-darken-4:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-darken-4:focus, .btn-blue.btn-darken-4:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-darken-4 { border-color: #0d47a1 !important; color: #0d47a1 !important; } .btn-outline-blue.btn-outline-darken-4:hover { background-color: #0d47a1 !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0d47a1 !important; } .border-blue.border-darken-4 { border: 1px solid #0d47a1 !important; } .border-top-blue.border-top-darken-4 { border-top: 1px solid #0d47a1 !important; } .border-bottom-blue.border-bottom-darken-4 { border-bottom: 1px solid #0d47a1 !important; } .border-left-blue.border-left-darken-4 { border-left: 1px solid #0d47a1 !important; } .border-right-blue.border-right-darken-4 { border-right: 1px solid #0d47a1 !important; } .overlay-blue.overlay-darken-4 { background: #0d47a1; /* The Fallback */ background: rgba(13, 71, 161, 0.8); } .blue.accent-1 { color: #82b1ff !important; } .bg-blue.bg-accent-1 { background-color: #82b1ff !important; } .bg-blue.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(130, 177, 255, 0.6); } .btn-blue.btn-accent-1 { border-color: #1976d2 !important; background-color: #82b1ff !important; } .btn-blue.btn-accent-1:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-accent-1:focus, .btn-blue.btn-accent-1:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-accent-1 { border-color: #82b1ff !important; color: #82b1ff !important; } .btn-outline-blue.btn-outline-accent-1:hover { background-color: #82b1ff !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #82b1ff !important; } .border-blue.border-accent-1 { border: 1px solid #82b1ff !important; } .border-top-blue.border-top-accent-1 { border-top: 1px solid #82b1ff !important; } .border-bottom-blue.border-bottom-accent-1 { border-bottom: 1px solid #82b1ff !important; } .border-left-blue.border-left-accent-1 { border-left: 1px solid #82b1ff !important; } .border-right-blue.border-right-accent-1 { border-right: 1px solid #82b1ff !important; } .overlay-blue.overlay-accent-1 { background: #82b1ff; /* The Fallback */ background: rgba(130, 177, 255, 0.8); } .blue.accent-2 { color: #448aff !important; } .bg-blue.bg-accent-2 { background-color: #448aff !important; } .bg-blue.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(68, 138, 255, 0.6); } .btn-blue.btn-accent-2 { border-color: #1976d2 !important; background-color: #448aff !important; } .btn-blue.btn-accent-2:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-accent-2:focus, .btn-blue.btn-accent-2:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-accent-2 { border-color: #448aff !important; color: #448aff !important; } .btn-outline-blue.btn-outline-accent-2:hover { background-color: #448aff !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #448aff !important; } .border-blue.border-accent-2 { border: 1px solid #448aff !important; } .border-top-blue.border-top-accent-2 { border-top: 1px solid #448aff !important; } .border-bottom-blue.border-bottom-accent-2 { border-bottom: 1px solid #448aff !important; } .border-left-blue.border-left-accent-2 { border-left: 1px solid #448aff !important; } .border-right-blue.border-right-accent-2 { border-right: 1px solid #448aff !important; } .overlay-blue.overlay-accent-2 { background: #448aff; /* The Fallback */ background: rgba(68, 138, 255, 0.8); } .blue.accent-3 { color: #2979ff !important; } .bg-blue.bg-accent-3 { background-color: #2979ff !important; } .bg-blue.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(41, 121, 255, 0.6); } .btn-blue.btn-accent-3 { border-color: #1976d2 !important; background-color: #2979ff !important; } .btn-blue.btn-accent-3:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-accent-3:focus, .btn-blue.btn-accent-3:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-accent-3 { border-color: #2979ff !important; color: #2979ff !important; } .btn-outline-blue.btn-outline-accent-3:hover { background-color: #2979ff !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2979ff !important; } .border-blue.border-accent-3 { border: 1px solid #2979ff !important; } .border-top-blue.border-top-accent-3 { border-top: 1px solid #2979ff !important; } .border-bottom-blue.border-bottom-accent-3 { border-bottom: 1px solid #2979ff !important; } .border-left-blue.border-left-accent-3 { border-left: 1px solid #2979ff !important; } .border-right-blue.border-right-accent-3 { border-right: 1px solid #2979ff !important; } .overlay-blue.overlay-accent-3 { background: #2979ff; /* The Fallback */ background: rgba(41, 121, 255, 0.8); } .blue.accent-4 { color: #2962ff !important; } .bg-blue.bg-accent-4 { background-color: #2962ff !important; } .bg-blue.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(41, 98, 255, 0.6); } .btn-blue.btn-accent-4 { border-color: #1976d2 !important; background-color: #2962ff !important; } .btn-blue.btn-accent-4:hover { border-color: #1976d2 !important; background-color: #1565c0 !important; } .btn-blue.btn-accent-4:focus, .btn-blue.btn-accent-4:active { border-color: #1565c0 !important; background-color: #0d47a1 !important; } .btn-outline-blue.btn-outline-accent-4 { border-color: #2962ff !important; color: #2962ff !important; } .btn-outline-blue.btn-outline-accent-4:hover { background-color: #2962ff !important; } input:focus ~ .bg-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2962ff !important; } .border-blue.border-accent-4 { border: 1px solid #2962ff !important; } .border-top-blue.border-top-accent-4 { border-top: 1px solid #2962ff !important; } .border-bottom-blue.border-bottom-accent-4 { border-bottom: 1px solid #2962ff !important; } .border-left-blue.border-left-accent-4 { border-left: 1px solid #2962ff !important; } .border-right-blue.border-right-accent-4 { border-right: 1px solid #2962ff !important; } .overlay-blue.overlay-accent-4 { background: #2962ff; /* The Fallback */ background: rgba(41, 98, 255, 0.8); } .cyan.lighten-5 { color: #e0f7fa !important; } .bg-cyan.bg-lighten-5 { background-color: #e0f7fa !important; } .bg-cyan.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(224, 247, 250, 0.6); } .btn-cyan.btn-lighten-5 { border-color: #0097a7 !important; background-color: #e0f7fa !important; } .btn-cyan.btn-lighten-5:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-lighten-5:focus, .btn-cyan.btn-lighten-5:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-lighten-5 { border-color: #e0f7fa !important; color: #e0f7fa !important; } .btn-outline-cyan.btn-outline-lighten-5:hover { background-color: #e0f7fa !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e0f7fa !important; } .border-cyan.border-lighten-5 { border: 1px solid #e0f7fa !important; } .border-top-cyan.border-top-lighten-5 { border-top: 1px solid #e0f7fa !important; } .border-bottom-cyan.border-bottom-lighten-5 { border-bottom: 1px solid #e0f7fa !important; } .border-left-cyan.border-left-lighten-5 { border-left: 1px solid #e0f7fa !important; } .border-right-cyan.border-right-lighten-5 { border-right: 1px solid #e0f7fa !important; } .overlay-cyan.overlay-lighten-5 { background: #e0f7fa; /* The Fallback */ background: rgba(224, 247, 250, 0.8); } .cyan.lighten-4 { color: #b2ebf2 !important; } .bg-cyan.bg-lighten-4 { background-color: #b2ebf2 !important; } .bg-cyan.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(178, 235, 242, 0.6); } .btn-cyan.btn-lighten-4 { border-color: #0097a7 !important; background-color: #b2ebf2 !important; } .btn-cyan.btn-lighten-4:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-lighten-4:focus, .btn-cyan.btn-lighten-4:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-lighten-4 { border-color: #b2ebf2 !important; color: #b2ebf2 !important; } .btn-outline-cyan.btn-outline-lighten-4:hover { background-color: #b2ebf2 !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b2ebf2 !important; } .border-cyan.border-lighten-4 { border: 1px solid #b2ebf2 !important; } .border-top-cyan.border-top-lighten-4 { border-top: 1px solid #b2ebf2 !important; } .border-bottom-cyan.border-bottom-lighten-4 { border-bottom: 1px solid #b2ebf2 !important; } .border-left-cyan.border-left-lighten-4 { border-left: 1px solid #b2ebf2 !important; } .border-right-cyan.border-right-lighten-4 { border-right: 1px solid #b2ebf2 !important; } .overlay-cyan.overlay-lighten-4 { background: #b2ebf2; /* The Fallback */ background: rgba(178, 235, 242, 0.8); } .cyan.lighten-3 { color: #80deea !important; } .bg-cyan.bg-lighten-3 { background-color: #80deea !important; } .bg-cyan.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(128, 222, 234, 0.6); } .btn-cyan.btn-lighten-3 { border-color: #0097a7 !important; background-color: #80deea !important; } .btn-cyan.btn-lighten-3:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-lighten-3:focus, .btn-cyan.btn-lighten-3:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-lighten-3 { border-color: #80deea !important; color: #80deea !important; } .btn-outline-cyan.btn-outline-lighten-3:hover { background-color: #80deea !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #80deea !important; } .border-cyan.border-lighten-3 { border: 1px solid #80deea !important; } .border-top-cyan.border-top-lighten-3 { border-top: 1px solid #80deea !important; } .border-bottom-cyan.border-bottom-lighten-3 { border-bottom: 1px solid #80deea !important; } .border-left-cyan.border-left-lighten-3 { border-left: 1px solid #80deea !important; } .border-right-cyan.border-right-lighten-3 { border-right: 1px solid #80deea !important; } .overlay-cyan.overlay-lighten-3 { background: #80deea; /* The Fallback */ background: rgba(128, 222, 234, 0.8); } .cyan.lighten-2 { color: #4dd0e1 !important; } .bg-cyan.bg-lighten-2 { background-color: #4dd0e1 !important; } .bg-cyan.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(77, 208, 225, 0.6); } .btn-cyan.btn-lighten-2 { border-color: #0097a7 !important; background-color: #4dd0e1 !important; } .btn-cyan.btn-lighten-2:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-lighten-2:focus, .btn-cyan.btn-lighten-2:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-lighten-2 { border-color: #4dd0e1 !important; color: #4dd0e1 !important; } .btn-outline-cyan.btn-outline-lighten-2:hover { background-color: #4dd0e1 !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4dd0e1 !important; } .border-cyan.border-lighten-2 { border: 1px solid #4dd0e1 !important; } .border-top-cyan.border-top-lighten-2 { border-top: 1px solid #4dd0e1 !important; } .border-bottom-cyan.border-bottom-lighten-2 { border-bottom: 1px solid #4dd0e1 !important; } .border-left-cyan.border-left-lighten-2 { border-left: 1px solid #4dd0e1 !important; } .border-right-cyan.border-right-lighten-2 { border-right: 1px solid #4dd0e1 !important; } .overlay-cyan.overlay-lighten-2 { background: #4dd0e1; /* The Fallback */ background: rgba(77, 208, 225, 0.8); } .cyan.lighten-1 { color: #26c6da !important; } .bg-cyan.bg-lighten-1 { background-color: #26c6da !important; } .bg-cyan.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(38, 198, 218, 0.6); } .btn-cyan.btn-lighten-1 { border-color: #0097a7 !important; background-color: #26c6da !important; } .btn-cyan.btn-lighten-1:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-lighten-1:focus, .btn-cyan.btn-lighten-1:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-lighten-1 { border-color: #26c6da !important; color: #26c6da !important; } .btn-outline-cyan.btn-outline-lighten-1:hover { background-color: #26c6da !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #26c6da !important; } .border-cyan.border-lighten-1 { border: 1px solid #26c6da !important; } .border-top-cyan.border-top-lighten-1 { border-top: 1px solid #26c6da !important; } .border-bottom-cyan.border-bottom-lighten-1 { border-bottom: 1px solid #26c6da !important; } .border-left-cyan.border-left-lighten-1 { border-left: 1px solid #26c6da !important; } .border-right-cyan.border-right-lighten-1 { border-right: 1px solid #26c6da !important; } .overlay-cyan.overlay-lighten-1 { background: #26c6da; /* The Fallback */ background: rgba(38, 198, 218, 0.8); } .cyan { color: #00bcd4 !important; } .bg-cyan { background-color: #00bcd4 !important; } .bg-cyan .card-header, .bg-cyan .card-footer { background-color: transparent; } .bg-cyan.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); } .selectboxit.selectboxit-btn.bg-cyan { background-color: #00bcd4 !important; } .alert-cyan { border-color: #00bcd4 !important; background-color: #1ce5ff !important; color: #001e22 !important; } .alert-cyan .alert-link { color: black !important; } .border-cyan { border-color: #00bcd4; } .overlay-cyan { background: #00bcd4; /* The Fallback */ background: rgba(0, 188, 212, 0.8); } .color-info.cyan { background-color: #00bcd4 !important; } .btn-cyan { border-color: #0097a7 !important; background-color: #00bcd4 !important; color: #FFFFFF; } .btn-cyan:hover { border-color: #00acc1 !important; background-color: #26c6da !important; color: #FFF !important; } .btn-cyan:focus, .btn-cyan:active { border-color: #0097a7 !important; background-color: #00838f !important; color: #FFF !important; } .btn-cyan.btn-glow { box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); } .btn-outline-cyan { border-color: #00bcd4; background-color: transparent; color: #00bcd4; } .btn-outline-cyan:hover { background-color: #00bcd4; color: #FFF !important; } .btn-outline-cyan.btn-glow { box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); } input[type=checkbox].bg-cyan + .custom-control-label:before, input[type=radio].bg-cyan + .custom-control-label:before { background-color: #00bcd4 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00bcd4 !important; } .border-cyan { border: 1px solid #00bcd4 !important; } .border-top-cyan { border-top: 1px solid #00bcd4; } .border-bottom-cyan { border-bottom: 1px solid #00bcd4; } .border-left-cyan { border-left: 1px solid #00bcd4; } .border-right-cyan { border-right: 1px solid #00bcd4; } .cyan.darken-1 { color: #00acc1 !important; } .bg-cyan.bg-darken-1 { background-color: #00acc1 !important; } .bg-cyan.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 172, 193, 0.6); } .btn-cyan.btn-darken-1 { border-color: #0097a7 !important; background-color: #00acc1 !important; } .btn-cyan.btn-darken-1:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-darken-1:focus, .btn-cyan.btn-darken-1:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-darken-1 { border-color: #00acc1 !important; color: #00acc1 !important; } .btn-outline-cyan.btn-outline-darken-1:hover { background-color: #00acc1 !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00acc1 !important; } .border-cyan.border-darken-1 { border: 1px solid #00acc1 !important; } .border-top-cyan.border-top-darken-1 { border-top: 1px solid #00acc1 !important; } .border-bottom-cyan.border-bottom-darken-1 { border-bottom: 1px solid #00acc1 !important; } .border-left-cyan.border-left-darken-1 { border-left: 1px solid #00acc1 !important; } .border-right-cyan.border-right-darken-1 { border-right: 1px solid #00acc1 !important; } .overlay-cyan.overlay-darken-1 { background: #00acc1; /* The Fallback */ background: rgba(0, 172, 193, 0.8); } .cyan.darken-2 { color: #0097a7 !important; } .bg-cyan.bg-darken-2 { background-color: #0097a7 !important; } .bg-cyan.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 151, 167, 0.6); } .btn-cyan.btn-darken-2 { border-color: #0097a7 !important; background-color: #0097a7 !important; } .btn-cyan.btn-darken-2:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-darken-2:focus, .btn-cyan.btn-darken-2:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-darken-2 { border-color: #0097a7 !important; color: #0097a7 !important; } .btn-outline-cyan.btn-outline-darken-2:hover { background-color: #0097a7 !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0097a7 !important; } .border-cyan.border-darken-2 { border: 1px solid #0097a7 !important; } .border-top-cyan.border-top-darken-2 { border-top: 1px solid #0097a7 !important; } .border-bottom-cyan.border-bottom-darken-2 { border-bottom: 1px solid #0097a7 !important; } .border-left-cyan.border-left-darken-2 { border-left: 1px solid #0097a7 !important; } .border-right-cyan.border-right-darken-2 { border-right: 1px solid #0097a7 !important; } .overlay-cyan.overlay-darken-2 { background: #0097a7; /* The Fallback */ background: rgba(0, 151, 167, 0.8); } .cyan.darken-3 { color: #00838f !important; } .bg-cyan.bg-darken-3 { background-color: #00838f !important; } .bg-cyan.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 131, 143, 0.6); } .btn-cyan.btn-darken-3 { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-darken-3:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-darken-3:focus, .btn-cyan.btn-darken-3:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-darken-3 { border-color: #00838f !important; color: #00838f !important; } .btn-outline-cyan.btn-outline-darken-3:hover { background-color: #00838f !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00838f !important; } .border-cyan.border-darken-3 { border: 1px solid #00838f !important; } .border-top-cyan.border-top-darken-3 { border-top: 1px solid #00838f !important; } .border-bottom-cyan.border-bottom-darken-3 { border-bottom: 1px solid #00838f !important; } .border-left-cyan.border-left-darken-3 { border-left: 1px solid #00838f !important; } .border-right-cyan.border-right-darken-3 { border-right: 1px solid #00838f !important; } .overlay-cyan.overlay-darken-3 { background: #00838f; /* The Fallback */ background: rgba(0, 131, 143, 0.8); } .cyan.darken-4 { color: #006064 !important; } .bg-cyan.bg-darken-4 { background-color: #006064 !important; } .bg-cyan.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 96, 100, 0.6); } .btn-cyan.btn-darken-4 { border-color: #0097a7 !important; background-color: #006064 !important; } .btn-cyan.btn-darken-4:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-darken-4:focus, .btn-cyan.btn-darken-4:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-darken-4 { border-color: #006064 !important; color: #006064 !important; } .btn-outline-cyan.btn-outline-darken-4:hover { background-color: #006064 !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #006064 !important; } .border-cyan.border-darken-4 { border: 1px solid #006064 !important; } .border-top-cyan.border-top-darken-4 { border-top: 1px solid #006064 !important; } .border-bottom-cyan.border-bottom-darken-4 { border-bottom: 1px solid #006064 !important; } .border-left-cyan.border-left-darken-4 { border-left: 1px solid #006064 !important; } .border-right-cyan.border-right-darken-4 { border-right: 1px solid #006064 !important; } .overlay-cyan.overlay-darken-4 { background: #006064; /* The Fallback */ background: rgba(0, 96, 100, 0.8); } .cyan.accent-1 { color: #84ffff !important; } .bg-cyan.bg-accent-1 { background-color: #84ffff !important; } .bg-cyan.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(132, 255, 255, 0.6); } .btn-cyan.btn-accent-1 { border-color: #0097a7 !important; background-color: #84ffff !important; } .btn-cyan.btn-accent-1:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-accent-1:focus, .btn-cyan.btn-accent-1:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-accent-1 { border-color: #84ffff !important; color: #84ffff !important; } .btn-outline-cyan.btn-outline-accent-1:hover { background-color: #84ffff !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #84ffff !important; } .border-cyan.border-accent-1 { border: 1px solid #84ffff !important; } .border-top-cyan.border-top-accent-1 { border-top: 1px solid #84ffff !important; } .border-bottom-cyan.border-bottom-accent-1 { border-bottom: 1px solid #84ffff !important; } .border-left-cyan.border-left-accent-1 { border-left: 1px solid #84ffff !important; } .border-right-cyan.border-right-accent-1 { border-right: 1px solid #84ffff !important; } .overlay-cyan.overlay-accent-1 { background: #84ffff; /* The Fallback */ background: rgba(132, 255, 255, 0.8); } .cyan.accent-2 { color: #18ffff !important; } .bg-cyan.bg-accent-2 { background-color: #18ffff !important; } .bg-cyan.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(24, 255, 255, 0.6); } .btn-cyan.btn-accent-2 { border-color: #0097a7 !important; background-color: #18ffff !important; } .btn-cyan.btn-accent-2:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-accent-2:focus, .btn-cyan.btn-accent-2:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-accent-2 { border-color: #18ffff !important; color: #18ffff !important; } .btn-outline-cyan.btn-outline-accent-2:hover { background-color: #18ffff !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #18ffff !important; } .border-cyan.border-accent-2 { border: 1px solid #18ffff !important; } .border-top-cyan.border-top-accent-2 { border-top: 1px solid #18ffff !important; } .border-bottom-cyan.border-bottom-accent-2 { border-bottom: 1px solid #18ffff !important; } .border-left-cyan.border-left-accent-2 { border-left: 1px solid #18ffff !important; } .border-right-cyan.border-right-accent-2 { border-right: 1px solid #18ffff !important; } .overlay-cyan.overlay-accent-2 { background: #18ffff; /* The Fallback */ background: rgba(24, 255, 255, 0.8); } .cyan.accent-3 { color: #00e5ff !important; } .bg-cyan.bg-accent-3 { background-color: #00e5ff !important; } .bg-cyan.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 229, 255, 0.6); } .btn-cyan.btn-accent-3 { border-color: #0097a7 !important; background-color: #00e5ff !important; } .btn-cyan.btn-accent-3:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-accent-3:focus, .btn-cyan.btn-accent-3:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-accent-3 { border-color: #00e5ff !important; color: #00e5ff !important; } .btn-outline-cyan.btn-outline-accent-3:hover { background-color: #00e5ff !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00e5ff !important; } .border-cyan.border-accent-3 { border: 1px solid #00e5ff !important; } .border-top-cyan.border-top-accent-3 { border-top: 1px solid #00e5ff !important; } .border-bottom-cyan.border-bottom-accent-3 { border-bottom: 1px solid #00e5ff !important; } .border-left-cyan.border-left-accent-3 { border-left: 1px solid #00e5ff !important; } .border-right-cyan.border-right-accent-3 { border-right: 1px solid #00e5ff !important; } .overlay-cyan.overlay-accent-3 { background: #00e5ff; /* The Fallback */ background: rgba(0, 229, 255, 0.8); } .cyan.accent-4 { color: #00b8d4 !important; } .bg-cyan.bg-accent-4 { background-color: #00b8d4 !important; } .bg-cyan.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 184, 212, 0.6); } .btn-cyan.btn-accent-4 { border-color: #0097a7 !important; background-color: #00b8d4 !important; } .btn-cyan.btn-accent-4:hover { border-color: #0097a7 !important; background-color: #00838f !important; } .btn-cyan.btn-accent-4:focus, .btn-cyan.btn-accent-4:active { border-color: #00838f !important; background-color: #006064 !important; } .btn-outline-cyan.btn-outline-accent-4 { border-color: #00b8d4 !important; color: #00b8d4 !important; } .btn-outline-cyan.btn-outline-accent-4:hover { background-color: #00b8d4 !important; } input:focus ~ .bg-cyan { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00b8d4 !important; } .border-cyan.border-accent-4 { border: 1px solid #00b8d4 !important; } .border-top-cyan.border-top-accent-4 { border-top: 1px solid #00b8d4 !important; } .border-bottom-cyan.border-bottom-accent-4 { border-bottom: 1px solid #00b8d4 !important; } .border-left-cyan.border-left-accent-4 { border-left: 1px solid #00b8d4 !important; } .border-right-cyan.border-right-accent-4 { border-right: 1px solid #00b8d4 !important; } .overlay-cyan.overlay-accent-4 { background: #00b8d4; /* The Fallback */ background: rgba(0, 184, 212, 0.8); } .teal.lighten-5 { color: #e0f2f1 !important; } .bg-teal.bg-lighten-5 { background-color: #e0f2f1 !important; } .bg-teal.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(224, 242, 241, 0.6); } .btn-teal.btn-lighten-5 { border-color: #00796b !important; background-color: #e0f2f1 !important; } .btn-teal.btn-lighten-5:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-lighten-5:focus, .btn-teal.btn-lighten-5:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-lighten-5 { border-color: #e0f2f1 !important; color: #e0f2f1 !important; } .btn-outline-teal.btn-outline-lighten-5:hover { background-color: #e0f2f1 !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e0f2f1 !important; } .border-teal.border-lighten-5 { border: 1px solid #e0f2f1 !important; } .border-top-teal.border-top-lighten-5 { border-top: 1px solid #e0f2f1 !important; } .border-bottom-teal.border-bottom-lighten-5 { border-bottom: 1px solid #e0f2f1 !important; } .border-left-teal.border-left-lighten-5 { border-left: 1px solid #e0f2f1 !important; } .border-right-teal.border-right-lighten-5 { border-right: 1px solid #e0f2f1 !important; } .overlay-teal.overlay-lighten-5 { background: #e0f2f1; /* The Fallback */ background: rgba(224, 242, 241, 0.8); } .teal.lighten-4 { color: #b2dfdb !important; } .bg-teal.bg-lighten-4 { background-color: #b2dfdb !important; } .bg-teal.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(178, 223, 219, 0.6); } .btn-teal.btn-lighten-4 { border-color: #00796b !important; background-color: #b2dfdb !important; } .btn-teal.btn-lighten-4:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-lighten-4:focus, .btn-teal.btn-lighten-4:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-lighten-4 { border-color: #b2dfdb !important; color: #b2dfdb !important; } .btn-outline-teal.btn-outline-lighten-4:hover { background-color: #b2dfdb !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b2dfdb !important; } .border-teal.border-lighten-4 { border: 1px solid #b2dfdb !important; } .border-top-teal.border-top-lighten-4 { border-top: 1px solid #b2dfdb !important; } .border-bottom-teal.border-bottom-lighten-4 { border-bottom: 1px solid #b2dfdb !important; } .border-left-teal.border-left-lighten-4 { border-left: 1px solid #b2dfdb !important; } .border-right-teal.border-right-lighten-4 { border-right: 1px solid #b2dfdb !important; } .overlay-teal.overlay-lighten-4 { background: #b2dfdb; /* The Fallback */ background: rgba(178, 223, 219, 0.8); } .teal.lighten-3 { color: #80cbc4 !important; } .bg-teal.bg-lighten-3 { background-color: #80cbc4 !important; } .bg-teal.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(128, 203, 196, 0.6); } .btn-teal.btn-lighten-3 { border-color: #00796b !important; background-color: #80cbc4 !important; } .btn-teal.btn-lighten-3:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-lighten-3:focus, .btn-teal.btn-lighten-3:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-lighten-3 { border-color: #80cbc4 !important; color: #80cbc4 !important; } .btn-outline-teal.btn-outline-lighten-3:hover { background-color: #80cbc4 !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #80cbc4 !important; } .border-teal.border-lighten-3 { border: 1px solid #80cbc4 !important; } .border-top-teal.border-top-lighten-3 { border-top: 1px solid #80cbc4 !important; } .border-bottom-teal.border-bottom-lighten-3 { border-bottom: 1px solid #80cbc4 !important; } .border-left-teal.border-left-lighten-3 { border-left: 1px solid #80cbc4 !important; } .border-right-teal.border-right-lighten-3 { border-right: 1px solid #80cbc4 !important; } .overlay-teal.overlay-lighten-3 { background: #80cbc4; /* The Fallback */ background: rgba(128, 203, 196, 0.8); } .teal.lighten-2 { color: #4db6ac !important; } .bg-teal.bg-lighten-2 { background-color: #4db6ac !important; } .bg-teal.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(77, 182, 172, 0.6); } .btn-teal.btn-lighten-2 { border-color: #00796b !important; background-color: #4db6ac !important; } .btn-teal.btn-lighten-2:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-lighten-2:focus, .btn-teal.btn-lighten-2:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-lighten-2 { border-color: #4db6ac !important; color: #4db6ac !important; } .btn-outline-teal.btn-outline-lighten-2:hover { background-color: #4db6ac !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4db6ac !important; } .border-teal.border-lighten-2 { border: 1px solid #4db6ac !important; } .border-top-teal.border-top-lighten-2 { border-top: 1px solid #4db6ac !important; } .border-bottom-teal.border-bottom-lighten-2 { border-bottom: 1px solid #4db6ac !important; } .border-left-teal.border-left-lighten-2 { border-left: 1px solid #4db6ac !important; } .border-right-teal.border-right-lighten-2 { border-right: 1px solid #4db6ac !important; } .overlay-teal.overlay-lighten-2 { background: #4db6ac; /* The Fallback */ background: rgba(77, 182, 172, 0.8); } .teal.lighten-1 { color: #26a69a !important; } .bg-teal.bg-lighten-1 { background-color: #26a69a !important; } .bg-teal.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(38, 166, 154, 0.6); } .btn-teal.btn-lighten-1 { border-color: #00796b !important; background-color: #26a69a !important; } .btn-teal.btn-lighten-1:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-lighten-1:focus, .btn-teal.btn-lighten-1:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-lighten-1 { border-color: #26a69a !important; color: #26a69a !important; } .btn-outline-teal.btn-outline-lighten-1:hover { background-color: #26a69a !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #26a69a !important; } .border-teal.border-lighten-1 { border: 1px solid #26a69a !important; } .border-top-teal.border-top-lighten-1 { border-top: 1px solid #26a69a !important; } .border-bottom-teal.border-bottom-lighten-1 { border-bottom: 1px solid #26a69a !important; } .border-left-teal.border-left-lighten-1 { border-left: 1px solid #26a69a !important; } .border-right-teal.border-right-lighten-1 { border-right: 1px solid #26a69a !important; } .overlay-teal.overlay-lighten-1 { background: #26a69a; /* The Fallback */ background: rgba(38, 166, 154, 0.8); } .teal { color: #009688 !important; } .bg-teal { background-color: #009688 !important; } .bg-teal .card-header, .bg-teal .card-footer { background-color: transparent; } .bg-teal.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 150, 136, 0.6); } .selectboxit.selectboxit-btn.bg-teal { background-color: #009688 !important; } .alert-teal { border-color: #009688 !important; background-color: #00ddc9 !important; color: black !important; } .alert-teal .alert-link { color: black !important; } .border-teal { border-color: #009688; } .overlay-teal { background: #009688; /* The Fallback */ background: rgba(0, 150, 136, 0.8); } .color-info.teal { background-color: #009688 !important; } .btn-teal { border-color: #00796b !important; background-color: #009688 !important; color: #FFFFFF; } .btn-teal:hover { border-color: #00897b !important; background-color: #26a69a !important; color: #FFF !important; } .btn-teal:focus, .btn-teal:active { border-color: #00796b !important; background-color: #00695c !important; color: #FFF !important; } .btn-teal.btn-glow { box-shadow: 0px 1px 20px 1px rgba(0, 150, 136, 0.6); } .btn-outline-teal { border-color: #009688; background-color: transparent; color: #009688; } .btn-outline-teal:hover { background-color: #009688; color: #FFF !important; } .btn-outline-teal.btn-glow { box-shadow: 0px 1px 20px 1px rgba(0, 150, 136, 0.6); } input[type=checkbox].bg-teal + .custom-control-label:before, input[type=radio].bg-teal + .custom-control-label:before { background-color: #009688 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #009688 !important; } .border-teal { border: 1px solid #009688 !important; } .border-top-teal { border-top: 1px solid #009688; } .border-bottom-teal { border-bottom: 1px solid #009688; } .border-left-teal { border-left: 1px solid #009688; } .border-right-teal { border-right: 1px solid #009688; } .teal.darken-1 { color: #00897b !important; } .bg-teal.bg-darken-1 { background-color: #00897b !important; } .bg-teal.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 137, 123, 0.6); } .btn-teal.btn-darken-1 { border-color: #00796b !important; background-color: #00897b !important; } .btn-teal.btn-darken-1:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-darken-1:focus, .btn-teal.btn-darken-1:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-darken-1 { border-color: #00897b !important; color: #00897b !important; } .btn-outline-teal.btn-outline-darken-1:hover { background-color: #00897b !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00897b !important; } .border-teal.border-darken-1 { border: 1px solid #00897b !important; } .border-top-teal.border-top-darken-1 { border-top: 1px solid #00897b !important; } .border-bottom-teal.border-bottom-darken-1 { border-bottom: 1px solid #00897b !important; } .border-left-teal.border-left-darken-1 { border-left: 1px solid #00897b !important; } .border-right-teal.border-right-darken-1 { border-right: 1px solid #00897b !important; } .overlay-teal.overlay-darken-1 { background: #00897b; /* The Fallback */ background: rgba(0, 137, 123, 0.8); } .teal.darken-2 { color: #00796b !important; } .bg-teal.bg-darken-2 { background-color: #00796b !important; } .bg-teal.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 121, 107, 0.6); } .btn-teal.btn-darken-2 { border-color: #00796b !important; background-color: #00796b !important; } .btn-teal.btn-darken-2:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-darken-2:focus, .btn-teal.btn-darken-2:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-darken-2 { border-color: #00796b !important; color: #00796b !important; } .btn-outline-teal.btn-outline-darken-2:hover { background-color: #00796b !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00796b !important; } .border-teal.border-darken-2 { border: 1px solid #00796b !important; } .border-top-teal.border-top-darken-2 { border-top: 1px solid #00796b !important; } .border-bottom-teal.border-bottom-darken-2 { border-bottom: 1px solid #00796b !important; } .border-left-teal.border-left-darken-2 { border-left: 1px solid #00796b !important; } .border-right-teal.border-right-darken-2 { border-right: 1px solid #00796b !important; } .overlay-teal.overlay-darken-2 { background: #00796b; /* The Fallback */ background: rgba(0, 121, 107, 0.8); } .teal.darken-3 { color: #00695c !important; } .bg-teal.bg-darken-3 { background-color: #00695c !important; } .bg-teal.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 105, 92, 0.6); } .btn-teal.btn-darken-3 { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-darken-3:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-darken-3:focus, .btn-teal.btn-darken-3:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-darken-3 { border-color: #00695c !important; color: #00695c !important; } .btn-outline-teal.btn-outline-darken-3:hover { background-color: #00695c !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00695c !important; } .border-teal.border-darken-3 { border: 1px solid #00695c !important; } .border-top-teal.border-top-darken-3 { border-top: 1px solid #00695c !important; } .border-bottom-teal.border-bottom-darken-3 { border-bottom: 1px solid #00695c !important; } .border-left-teal.border-left-darken-3 { border-left: 1px solid #00695c !important; } .border-right-teal.border-right-darken-3 { border-right: 1px solid #00695c !important; } .overlay-teal.overlay-darken-3 { background: #00695c; /* The Fallback */ background: rgba(0, 105, 92, 0.8); } .teal.darken-4 { color: #004d40 !important; } .bg-teal.bg-darken-4 { background-color: #004d40 !important; } .bg-teal.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 77, 64, 0.6); } .btn-teal.btn-darken-4 { border-color: #00796b !important; background-color: #004d40 !important; } .btn-teal.btn-darken-4:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-darken-4:focus, .btn-teal.btn-darken-4:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-darken-4 { border-color: #004d40 !important; color: #004d40 !important; } .btn-outline-teal.btn-outline-darken-4:hover { background-color: #004d40 !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #004d40 !important; } .border-teal.border-darken-4 { border: 1px solid #004d40 !important; } .border-top-teal.border-top-darken-4 { border-top: 1px solid #004d40 !important; } .border-bottom-teal.border-bottom-darken-4 { border-bottom: 1px solid #004d40 !important; } .border-left-teal.border-left-darken-4 { border-left: 1px solid #004d40 !important; } .border-right-teal.border-right-darken-4 { border-right: 1px solid #004d40 !important; } .overlay-teal.overlay-darken-4 { background: #004d40; /* The Fallback */ background: rgba(0, 77, 64, 0.8); } .teal.accent-1 { color: #a7ffeb !important; } .bg-teal.bg-accent-1 { background-color: #a7ffeb !important; } .bg-teal.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(167, 255, 235, 0.6); } .btn-teal.btn-accent-1 { border-color: #00796b !important; background-color: #a7ffeb !important; } .btn-teal.btn-accent-1:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-accent-1:focus, .btn-teal.btn-accent-1:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-accent-1 { border-color: #a7ffeb !important; color: #a7ffeb !important; } .btn-outline-teal.btn-outline-accent-1:hover { background-color: #a7ffeb !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a7ffeb !important; } .border-teal.border-accent-1 { border: 1px solid #a7ffeb !important; } .border-top-teal.border-top-accent-1 { border-top: 1px solid #a7ffeb !important; } .border-bottom-teal.border-bottom-accent-1 { border-bottom: 1px solid #a7ffeb !important; } .border-left-teal.border-left-accent-1 { border-left: 1px solid #a7ffeb !important; } .border-right-teal.border-right-accent-1 { border-right: 1px solid #a7ffeb !important; } .overlay-teal.overlay-accent-1 { background: #a7ffeb; /* The Fallback */ background: rgba(167, 255, 235, 0.8); } .teal.accent-2 { color: #64ffda !important; } .bg-teal.bg-accent-2 { background-color: #64ffda !important; } .bg-teal.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(100, 255, 218, 0.6); } .btn-teal.btn-accent-2 { border-color: #00796b !important; background-color: #64ffda !important; } .btn-teal.btn-accent-2:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-accent-2:focus, .btn-teal.btn-accent-2:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-accent-2 { border-color: #64ffda !important; color: #64ffda !important; } .btn-outline-teal.btn-outline-accent-2:hover { background-color: #64ffda !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #64ffda !important; } .border-teal.border-accent-2 { border: 1px solid #64ffda !important; } .border-top-teal.border-top-accent-2 { border-top: 1px solid #64ffda !important; } .border-bottom-teal.border-bottom-accent-2 { border-bottom: 1px solid #64ffda !important; } .border-left-teal.border-left-accent-2 { border-left: 1px solid #64ffda !important; } .border-right-teal.border-right-accent-2 { border-right: 1px solid #64ffda !important; } .overlay-teal.overlay-accent-2 { background: #64ffda; /* The Fallback */ background: rgba(100, 255, 218, 0.8); } .teal.accent-3 { color: #1de9b6 !important; } .bg-teal.bg-accent-3 { background-color: #1de9b6 !important; } .bg-teal.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(29, 233, 182, 0.6); } .btn-teal.btn-accent-3 { border-color: #00796b !important; background-color: #1de9b6 !important; } .btn-teal.btn-accent-3:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-accent-3:focus, .btn-teal.btn-accent-3:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-accent-3 { border-color: #1de9b6 !important; color: #1de9b6 !important; } .btn-outline-teal.btn-outline-accent-3:hover { background-color: #1de9b6 !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1de9b6 !important; } .border-teal.border-accent-3 { border: 1px solid #1de9b6 !important; } .border-top-teal.border-top-accent-3 { border-top: 1px solid #1de9b6 !important; } .border-bottom-teal.border-bottom-accent-3 { border-bottom: 1px solid #1de9b6 !important; } .border-left-teal.border-left-accent-3 { border-left: 1px solid #1de9b6 !important; } .border-right-teal.border-right-accent-3 { border-right: 1px solid #1de9b6 !important; } .overlay-teal.overlay-accent-3 { background: #1de9b6; /* The Fallback */ background: rgba(29, 233, 182, 0.8); } .teal.accent-4 { color: #00bfa5 !important; } .bg-teal.bg-accent-4 { background-color: #00bfa5 !important; } .bg-teal.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 191, 165, 0.6); } .btn-teal.btn-accent-4 { border-color: #00796b !important; background-color: #00bfa5 !important; } .btn-teal.btn-accent-4:hover { border-color: #00796b !important; background-color: #00695c !important; } .btn-teal.btn-accent-4:focus, .btn-teal.btn-accent-4:active { border-color: #00695c !important; background-color: #004d40 !important; } .btn-outline-teal.btn-outline-accent-4 { border-color: #00bfa5 !important; color: #00bfa5 !important; } .btn-outline-teal.btn-outline-accent-4:hover { background-color: #00bfa5 !important; } input:focus ~ .bg-teal { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00bfa5 !important; } .border-teal.border-accent-4 { border: 1px solid #00bfa5 !important; } .border-top-teal.border-top-accent-4 { border-top: 1px solid #00bfa5 !important; } .border-bottom-teal.border-bottom-accent-4 { border-bottom: 1px solid #00bfa5 !important; } .border-left-teal.border-left-accent-4 { border-left: 1px solid #00bfa5 !important; } .border-right-teal.border-right-accent-4 { border-right: 1px solid #00bfa5 !important; } .overlay-teal.overlay-accent-4 { background: #00bfa5; /* The Fallback */ background: rgba(0, 191, 165, 0.8); } .yellow.lighten-5 { color: #fffde7 !important; } .bg-yellow.bg-lighten-5 { background-color: #fffde7 !important; } .bg-yellow.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 253, 231, 0.6); } .btn-yellow.btn-lighten-5 { border-color: #fbc02d !important; background-color: #fffde7 !important; } .btn-yellow.btn-lighten-5:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-lighten-5:focus, .btn-yellow.btn-lighten-5:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-lighten-5 { border-color: #fffde7 !important; color: #fffde7 !important; } .btn-outline-yellow.btn-outline-lighten-5:hover { background-color: #fffde7 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fffde7 !important; } .border-yellow.border-lighten-5 { border: 1px solid #fffde7 !important; } .border-top-yellow.border-top-lighten-5 { border-top: 1px solid #fffde7 !important; } .border-bottom-yellow.border-bottom-lighten-5 { border-bottom: 1px solid #fffde7 !important; } .border-left-yellow.border-left-lighten-5 { border-left: 1px solid #fffde7 !important; } .border-right-yellow.border-right-lighten-5 { border-right: 1px solid #fffde7 !important; } .overlay-yellow.overlay-lighten-5 { background: #fffde7; /* The Fallback */ background: rgba(255, 253, 231, 0.8); } .yellow.lighten-4 { color: #fff9c4 !important; } .bg-yellow.bg-lighten-4 { background-color: #fff9c4 !important; } .bg-yellow.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 249, 196, 0.6); } .btn-yellow.btn-lighten-4 { border-color: #fbc02d !important; background-color: #fff9c4 !important; } .btn-yellow.btn-lighten-4:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-lighten-4:focus, .btn-yellow.btn-lighten-4:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-lighten-4 { border-color: #fff9c4 !important; color: #fff9c4 !important; } .btn-outline-yellow.btn-outline-lighten-4:hover { background-color: #fff9c4 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff9c4 !important; } .border-yellow.border-lighten-4 { border: 1px solid #fff9c4 !important; } .border-top-yellow.border-top-lighten-4 { border-top: 1px solid #fff9c4 !important; } .border-bottom-yellow.border-bottom-lighten-4 { border-bottom: 1px solid #fff9c4 !important; } .border-left-yellow.border-left-lighten-4 { border-left: 1px solid #fff9c4 !important; } .border-right-yellow.border-right-lighten-4 { border-right: 1px solid #fff9c4 !important; } .overlay-yellow.overlay-lighten-4 { background: #fff9c4; /* The Fallback */ background: rgba(255, 249, 196, 0.8); } .yellow.lighten-3 { color: #fff59d !important; } .bg-yellow.bg-lighten-3 { background-color: #fff59d !important; } .bg-yellow.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 245, 157, 0.6); } .btn-yellow.btn-lighten-3 { border-color: #fbc02d !important; background-color: #fff59d !important; } .btn-yellow.btn-lighten-3:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-lighten-3:focus, .btn-yellow.btn-lighten-3:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-lighten-3 { border-color: #fff59d !important; color: #fff59d !important; } .btn-outline-yellow.btn-outline-lighten-3:hover { background-color: #fff59d !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff59d !important; } .border-yellow.border-lighten-3 { border: 1px solid #fff59d !important; } .border-top-yellow.border-top-lighten-3 { border-top: 1px solid #fff59d !important; } .border-bottom-yellow.border-bottom-lighten-3 { border-bottom: 1px solid #fff59d !important; } .border-left-yellow.border-left-lighten-3 { border-left: 1px solid #fff59d !important; } .border-right-yellow.border-right-lighten-3 { border-right: 1px solid #fff59d !important; } .overlay-yellow.overlay-lighten-3 { background: #fff59d; /* The Fallback */ background: rgba(255, 245, 157, 0.8); } .yellow.lighten-2 { color: #fff176 !important; } .bg-yellow.bg-lighten-2 { background-color: #fff176 !important; } .bg-yellow.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 241, 118, 0.6); } .btn-yellow.btn-lighten-2 { border-color: #fbc02d !important; background-color: #fff176 !important; } .btn-yellow.btn-lighten-2:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-lighten-2:focus, .btn-yellow.btn-lighten-2:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-lighten-2 { border-color: #fff176 !important; color: #fff176 !important; } .btn-outline-yellow.btn-outline-lighten-2:hover { background-color: #fff176 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff176 !important; } .border-yellow.border-lighten-2 { border: 1px solid #fff176 !important; } .border-top-yellow.border-top-lighten-2 { border-top: 1px solid #fff176 !important; } .border-bottom-yellow.border-bottom-lighten-2 { border-bottom: 1px solid #fff176 !important; } .border-left-yellow.border-left-lighten-2 { border-left: 1px solid #fff176 !important; } .border-right-yellow.border-right-lighten-2 { border-right: 1px solid #fff176 !important; } .overlay-yellow.overlay-lighten-2 { background: #fff176; /* The Fallback */ background: rgba(255, 241, 118, 0.8); } .yellow.lighten-1 { color: #ffee58 !important; } .bg-yellow.bg-lighten-1 { background-color: #ffee58 !important; } .bg-yellow.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 238, 88, 0.6); } .btn-yellow.btn-lighten-1 { border-color: #fbc02d !important; background-color: #ffee58 !important; } .btn-yellow.btn-lighten-1:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-lighten-1:focus, .btn-yellow.btn-lighten-1:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-lighten-1 { border-color: #ffee58 !important; color: #ffee58 !important; } .btn-outline-yellow.btn-outline-lighten-1:hover { background-color: #ffee58 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffee58 !important; } .border-yellow.border-lighten-1 { border: 1px solid #ffee58 !important; } .border-top-yellow.border-top-lighten-1 { border-top: 1px solid #ffee58 !important; } .border-bottom-yellow.border-bottom-lighten-1 { border-bottom: 1px solid #ffee58 !important; } .border-left-yellow.border-left-lighten-1 { border-left: 1px solid #ffee58 !important; } .border-right-yellow.border-right-lighten-1 { border-right: 1px solid #ffee58 !important; } .overlay-yellow.overlay-lighten-1 { background: #ffee58; /* The Fallback */ background: rgba(255, 238, 88, 0.8); } .yellow { color: #ffeb3b !important; } .bg-yellow { background-color: #ffeb3b !important; } .bg-yellow .card-header, .bg-yellow .card-footer { background-color: transparent; } .bg-yellow.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 235, 59, 0.6); } .selectboxit.selectboxit-btn.bg-yellow { background-color: #ffeb3b !important; } .alert-yellow { border-color: #ffeb3b !important; background-color: #fff282 !important; color: #887a00 !important; } .alert-yellow .alert-link { color: #5f5500 !important; } .border-yellow { border-color: #ffeb3b; } .overlay-yellow { background: #ffeb3b; /* The Fallback */ background: rgba(255, 235, 59, 0.8); } .color-info.yellow { background-color: #ffeb3b !important; } .btn-yellow { border-color: #fbc02d !important; background-color: #ffeb3b !important; color: #FFFFFF; } .btn-yellow:hover { border-color: #fdd835 !important; background-color: #ffee58 !important; color: #FFF !important; } .btn-yellow:focus, .btn-yellow:active { border-color: #fbc02d !important; background-color: #f9a825 !important; color: #FFF !important; } .btn-yellow.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 235, 59, 0.6); } .btn-outline-yellow { border-color: #ffeb3b; background-color: transparent; color: #ffeb3b; } .btn-outline-yellow:hover { background-color: #ffeb3b; color: #FFF !important; } .btn-outline-yellow.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 235, 59, 0.6); } input[type=checkbox].bg-yellow + .custom-control-label:before, input[type=radio].bg-yellow + .custom-control-label:before { background-color: #ffeb3b !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffeb3b !important; } .border-yellow { border: 1px solid #ffeb3b !important; } .border-top-yellow { border-top: 1px solid #ffeb3b; } .border-bottom-yellow { border-bottom: 1px solid #ffeb3b; } .border-left-yellow { border-left: 1px solid #ffeb3b; } .border-right-yellow { border-right: 1px solid #ffeb3b; } .yellow.darken-1 { color: #fdd835 !important; } .bg-yellow.bg-darken-1 { background-color: #fdd835 !important; } .bg-yellow.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(253, 216, 53, 0.6); } .btn-yellow.btn-darken-1 { border-color: #fbc02d !important; background-color: #fdd835 !important; } .btn-yellow.btn-darken-1:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-darken-1:focus, .btn-yellow.btn-darken-1:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-darken-1 { border-color: #fdd835 !important; color: #fdd835 !important; } .btn-outline-yellow.btn-outline-darken-1:hover { background-color: #fdd835 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fdd835 !important; } .border-yellow.border-darken-1 { border: 1px solid #fdd835 !important; } .border-top-yellow.border-top-darken-1 { border-top: 1px solid #fdd835 !important; } .border-bottom-yellow.border-bottom-darken-1 { border-bottom: 1px solid #fdd835 !important; } .border-left-yellow.border-left-darken-1 { border-left: 1px solid #fdd835 !important; } .border-right-yellow.border-right-darken-1 { border-right: 1px solid #fdd835 !important; } .overlay-yellow.overlay-darken-1 { background: #fdd835; /* The Fallback */ background: rgba(253, 216, 53, 0.8); } .yellow.darken-2 { color: #fbc02d !important; } .bg-yellow.bg-darken-2 { background-color: #fbc02d !important; } .bg-yellow.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(251, 192, 45, 0.6); } .btn-yellow.btn-darken-2 { border-color: #fbc02d !important; background-color: #fbc02d !important; } .btn-yellow.btn-darken-2:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-darken-2:focus, .btn-yellow.btn-darken-2:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-darken-2 { border-color: #fbc02d !important; color: #fbc02d !important; } .btn-outline-yellow.btn-outline-darken-2:hover { background-color: #fbc02d !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fbc02d !important; } .border-yellow.border-darken-2 { border: 1px solid #fbc02d !important; } .border-top-yellow.border-top-darken-2 { border-top: 1px solid #fbc02d !important; } .border-bottom-yellow.border-bottom-darken-2 { border-bottom: 1px solid #fbc02d !important; } .border-left-yellow.border-left-darken-2 { border-left: 1px solid #fbc02d !important; } .border-right-yellow.border-right-darken-2 { border-right: 1px solid #fbc02d !important; } .overlay-yellow.overlay-darken-2 { background: #fbc02d; /* The Fallback */ background: rgba(251, 192, 45, 0.8); } .yellow.darken-3 { color: #f9a825 !important; } .bg-yellow.bg-darken-3 { background-color: #f9a825 !important; } .bg-yellow.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(249, 168, 37, 0.6); } .btn-yellow.btn-darken-3 { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-darken-3:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-darken-3:focus, .btn-yellow.btn-darken-3:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-darken-3 { border-color: #f9a825 !important; color: #f9a825 !important; } .btn-outline-yellow.btn-outline-darken-3:hover { background-color: #f9a825 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f9a825 !important; } .border-yellow.border-darken-3 { border: 1px solid #f9a825 !important; } .border-top-yellow.border-top-darken-3 { border-top: 1px solid #f9a825 !important; } .border-bottom-yellow.border-bottom-darken-3 { border-bottom: 1px solid #f9a825 !important; } .border-left-yellow.border-left-darken-3 { border-left: 1px solid #f9a825 !important; } .border-right-yellow.border-right-darken-3 { border-right: 1px solid #f9a825 !important; } .overlay-yellow.overlay-darken-3 { background: #f9a825; /* The Fallback */ background: rgba(249, 168, 37, 0.8); } .yellow.darken-4 { color: #f57f17 !important; } .bg-yellow.bg-darken-4 { background-color: #f57f17 !important; } .bg-yellow.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(245, 127, 23, 0.6); } .btn-yellow.btn-darken-4 { border-color: #fbc02d !important; background-color: #f57f17 !important; } .btn-yellow.btn-darken-4:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-darken-4:focus, .btn-yellow.btn-darken-4:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-darken-4 { border-color: #f57f17 !important; color: #f57f17 !important; } .btn-outline-yellow.btn-outline-darken-4:hover { background-color: #f57f17 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f57f17 !important; } .border-yellow.border-darken-4 { border: 1px solid #f57f17 !important; } .border-top-yellow.border-top-darken-4 { border-top: 1px solid #f57f17 !important; } .border-bottom-yellow.border-bottom-darken-4 { border-bottom: 1px solid #f57f17 !important; } .border-left-yellow.border-left-darken-4 { border-left: 1px solid #f57f17 !important; } .border-right-yellow.border-right-darken-4 { border-right: 1px solid #f57f17 !important; } .overlay-yellow.overlay-darken-4 { background: #f57f17; /* The Fallback */ background: rgba(245, 127, 23, 0.8); } .yellow.accent-1 { color: #ffff8d !important; } .bg-yellow.bg-accent-1 { background-color: #ffff8d !important; } .bg-yellow.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 255, 141, 0.6); } .btn-yellow.btn-accent-1 { border-color: #fbc02d !important; background-color: #ffff8d !important; } .btn-yellow.btn-accent-1:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-accent-1:focus, .btn-yellow.btn-accent-1:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-accent-1 { border-color: #ffff8d !important; color: #ffff8d !important; } .btn-outline-yellow.btn-outline-accent-1:hover { background-color: #ffff8d !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffff8d !important; } .border-yellow.border-accent-1 { border: 1px solid #ffff8d !important; } .border-top-yellow.border-top-accent-1 { border-top: 1px solid #ffff8d !important; } .border-bottom-yellow.border-bottom-accent-1 { border-bottom: 1px solid #ffff8d !important; } .border-left-yellow.border-left-accent-1 { border-left: 1px solid #ffff8d !important; } .border-right-yellow.border-right-accent-1 { border-right: 1px solid #ffff8d !important; } .overlay-yellow.overlay-accent-1 { background: #ffff8d; /* The Fallback */ background: rgba(255, 255, 141, 0.8); } .yellow.accent-2 { color: #ffff00 !important; } .bg-yellow.bg-accent-2 { background-color: #ffff00 !important; } .bg-yellow.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 255, 0, 0.6); } .btn-yellow.btn-accent-2 { border-color: #fbc02d !important; background-color: #ffff00 !important; } .btn-yellow.btn-accent-2:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-accent-2:focus, .btn-yellow.btn-accent-2:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-accent-2 { border-color: #ffff00 !important; color: #ffff00 !important; } .btn-outline-yellow.btn-outline-accent-2:hover { background-color: #ffff00 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffff00 !important; } .border-yellow.border-accent-2 { border: 1px solid #ffff00 !important; } .border-top-yellow.border-top-accent-2 { border-top: 1px solid #ffff00 !important; } .border-bottom-yellow.border-bottom-accent-2 { border-bottom: 1px solid #ffff00 !important; } .border-left-yellow.border-left-accent-2 { border-left: 1px solid #ffff00 !important; } .border-right-yellow.border-right-accent-2 { border-right: 1px solid #ffff00 !important; } .overlay-yellow.overlay-accent-2 { background: #ffff00; /* The Fallback */ background: rgba(255, 255, 0, 0.8); } .yellow.accent-3 { color: #ffea00 !important; } .bg-yellow.bg-accent-3 { background-color: #ffea00 !important; } .bg-yellow.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 234, 0, 0.6); } .btn-yellow.btn-accent-3 { border-color: #fbc02d !important; background-color: #ffea00 !important; } .btn-yellow.btn-accent-3:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-accent-3:focus, .btn-yellow.btn-accent-3:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-accent-3 { border-color: #ffea00 !important; color: #ffea00 !important; } .btn-outline-yellow.btn-outline-accent-3:hover { background-color: #ffea00 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffea00 !important; } .border-yellow.border-accent-3 { border: 1px solid #ffea00 !important; } .border-top-yellow.border-top-accent-3 { border-top: 1px solid #ffea00 !important; } .border-bottom-yellow.border-bottom-accent-3 { border-bottom: 1px solid #ffea00 !important; } .border-left-yellow.border-left-accent-3 { border-left: 1px solid #ffea00 !important; } .border-right-yellow.border-right-accent-3 { border-right: 1px solid #ffea00 !important; } .overlay-yellow.overlay-accent-3 { background: #ffea00; /* The Fallback */ background: rgba(255, 234, 0, 0.8); } .yellow.accent-4 { color: #ffd600 !important; } .bg-yellow.bg-accent-4 { background-color: #ffd600 !important; } .bg-yellow.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 214, 0, 0.6); } .btn-yellow.btn-accent-4 { border-color: #fbc02d !important; background-color: #ffd600 !important; } .btn-yellow.btn-accent-4:hover { border-color: #fbc02d !important; background-color: #f9a825 !important; } .btn-yellow.btn-accent-4:focus, .btn-yellow.btn-accent-4:active { border-color: #f9a825 !important; background-color: #f57f17 !important; } .btn-outline-yellow.btn-outline-accent-4 { border-color: #ffd600 !important; color: #ffd600 !important; } .btn-outline-yellow.btn-outline-accent-4:hover { background-color: #ffd600 !important; } input:focus ~ .bg-yellow { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd600 !important; } .border-yellow.border-accent-4 { border: 1px solid #ffd600 !important; } .border-top-yellow.border-top-accent-4 { border-top: 1px solid #ffd600 !important; } .border-bottom-yellow.border-bottom-accent-4 { border-bottom: 1px solid #ffd600 !important; } .border-left-yellow.border-left-accent-4 { border-left: 1px solid #ffd600 !important; } .border-right-yellow.border-right-accent-4 { border-right: 1px solid #ffd600 !important; } .overlay-yellow.overlay-accent-4 { background: #ffd600; /* The Fallback */ background: rgba(255, 214, 0, 0.8); } .amber.lighten-5 { color: #fff8e1 !important; } .bg-amber.bg-lighten-5 { background-color: #fff8e1 !important; } .bg-amber.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 248, 225, 0.6); } .btn-amber.btn-lighten-5 { border-color: #ffa000 !important; background-color: #fff8e1 !important; } .btn-amber.btn-lighten-5:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-lighten-5:focus, .btn-amber.btn-lighten-5:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-lighten-5 { border-color: #fff8e1 !important; color: #fff8e1 !important; } .btn-outline-amber.btn-outline-lighten-5:hover { background-color: #fff8e1 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff8e1 !important; } .border-amber.border-lighten-5 { border: 1px solid #fff8e1 !important; } .border-top-amber.border-top-lighten-5 { border-top: 1px solid #fff8e1 !important; } .border-bottom-amber.border-bottom-lighten-5 { border-bottom: 1px solid #fff8e1 !important; } .border-left-amber.border-left-lighten-5 { border-left: 1px solid #fff8e1 !important; } .border-right-amber.border-right-lighten-5 { border-right: 1px solid #fff8e1 !important; } .overlay-amber.overlay-lighten-5 { background: #fff8e1; /* The Fallback */ background: rgba(255, 248, 225, 0.8); } .amber.lighten-4 { color: #ffecb3 !important; } .bg-amber.bg-lighten-4 { background-color: #ffecb3 !important; } .bg-amber.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 236, 179, 0.6); } .btn-amber.btn-lighten-4 { border-color: #ffa000 !important; background-color: #ffecb3 !important; } .btn-amber.btn-lighten-4:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-lighten-4:focus, .btn-amber.btn-lighten-4:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-lighten-4 { border-color: #ffecb3 !important; color: #ffecb3 !important; } .btn-outline-amber.btn-outline-lighten-4:hover { background-color: #ffecb3 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffecb3 !important; } .border-amber.border-lighten-4 { border: 1px solid #ffecb3 !important; } .border-top-amber.border-top-lighten-4 { border-top: 1px solid #ffecb3 !important; } .border-bottom-amber.border-bottom-lighten-4 { border-bottom: 1px solid #ffecb3 !important; } .border-left-amber.border-left-lighten-4 { border-left: 1px solid #ffecb3 !important; } .border-right-amber.border-right-lighten-4 { border-right: 1px solid #ffecb3 !important; } .overlay-amber.overlay-lighten-4 { background: #ffecb3; /* The Fallback */ background: rgba(255, 236, 179, 0.8); } .amber.lighten-3 { color: #ffe082 !important; } .bg-amber.bg-lighten-3 { background-color: #ffe082 !important; } .bg-amber.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 224, 130, 0.6); } .btn-amber.btn-lighten-3 { border-color: #ffa000 !important; background-color: #ffe082 !important; } .btn-amber.btn-lighten-3:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-lighten-3:focus, .btn-amber.btn-lighten-3:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-lighten-3 { border-color: #ffe082 !important; color: #ffe082 !important; } .btn-outline-amber.btn-outline-lighten-3:hover { background-color: #ffe082 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe082 !important; } .border-amber.border-lighten-3 { border: 1px solid #ffe082 !important; } .border-top-amber.border-top-lighten-3 { border-top: 1px solid #ffe082 !important; } .border-bottom-amber.border-bottom-lighten-3 { border-bottom: 1px solid #ffe082 !important; } .border-left-amber.border-left-lighten-3 { border-left: 1px solid #ffe082 !important; } .border-right-amber.border-right-lighten-3 { border-right: 1px solid #ffe082 !important; } .overlay-amber.overlay-lighten-3 { background: #ffe082; /* The Fallback */ background: rgba(255, 224, 130, 0.8); } .amber.lighten-2 { color: #ffd54f !important; } .bg-amber.bg-lighten-2 { background-color: #ffd54f !important; } .bg-amber.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 213, 79, 0.6); } .btn-amber.btn-lighten-2 { border-color: #ffa000 !important; background-color: #ffd54f !important; } .btn-amber.btn-lighten-2:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-lighten-2:focus, .btn-amber.btn-lighten-2:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-lighten-2 { border-color: #ffd54f !important; color: #ffd54f !important; } .btn-outline-amber.btn-outline-lighten-2:hover { background-color: #ffd54f !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd54f !important; } .border-amber.border-lighten-2 { border: 1px solid #ffd54f !important; } .border-top-amber.border-top-lighten-2 { border-top: 1px solid #ffd54f !important; } .border-bottom-amber.border-bottom-lighten-2 { border-bottom: 1px solid #ffd54f !important; } .border-left-amber.border-left-lighten-2 { border-left: 1px solid #ffd54f !important; } .border-right-amber.border-right-lighten-2 { border-right: 1px solid #ffd54f !important; } .overlay-amber.overlay-lighten-2 { background: #ffd54f; /* The Fallback */ background: rgba(255, 213, 79, 0.8); } .amber.lighten-1 { color: #ffca28 !important; } .bg-amber.bg-lighten-1 { background-color: #ffca28 !important; } .bg-amber.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 202, 40, 0.6); } .btn-amber.btn-lighten-1 { border-color: #ffa000 !important; background-color: #ffca28 !important; } .btn-amber.btn-lighten-1:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-lighten-1:focus, .btn-amber.btn-lighten-1:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-lighten-1 { border-color: #ffca28 !important; color: #ffca28 !important; } .btn-outline-amber.btn-outline-lighten-1:hover { background-color: #ffca28 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffca28 !important; } .border-amber.border-lighten-1 { border: 1px solid #ffca28 !important; } .border-top-amber.border-top-lighten-1 { border-top: 1px solid #ffca28 !important; } .border-bottom-amber.border-bottom-lighten-1 { border-bottom: 1px solid #ffca28 !important; } .border-left-amber.border-left-lighten-1 { border-left: 1px solid #ffca28 !important; } .border-right-amber.border-right-lighten-1 { border-right: 1px solid #ffca28 !important; } .overlay-amber.overlay-lighten-1 { background: #ffca28; /* The Fallback */ background: rgba(255, 202, 40, 0.8); } .amber { color: #ffc107 !important; } .bg-amber { background-color: #ffc107 !important; } .bg-amber .card-header, .bg-amber .card-footer { background-color: transparent; } .bg-amber.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); } .selectboxit.selectboxit-btn.bg-amber { background-color: #ffc107 !important; } .alert-amber { border-color: #ffc107 !important; background-color: #ffd34e !important; color: #543f00 !important; } .alert-amber .alert-link { color: #2b2000 !important; } .border-amber { border-color: #ffc107; } .overlay-amber { background: #ffc107; /* The Fallback */ background: rgba(255, 193, 7, 0.8); } .color-info.amber { background-color: #ffc107 !important; } .btn-amber { border-color: #ffa000 !important; background-color: #ffc107 !important; color: #FFFFFF; } .btn-amber:hover { border-color: #ffb300 !important; background-color: #ffca28 !important; color: #FFF !important; } .btn-amber:focus, .btn-amber:active { border-color: #ffa000 !important; background-color: #ff8f00 !important; color: #FFF !important; } .btn-amber.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); } .btn-outline-amber { border-color: #ffc107; background-color: transparent; color: #ffc107; } .btn-outline-amber:hover { background-color: #ffc107; color: #FFF !important; } .btn-outline-amber.btn-glow { box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); } input[type=checkbox].bg-amber + .custom-control-label:before, input[type=radio].bg-amber + .custom-control-label:before { background-color: #ffc107 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc107 !important; } .border-amber { border: 1px solid #ffc107 !important; } .border-top-amber { border-top: 1px solid #ffc107; } .border-bottom-amber { border-bottom: 1px solid #ffc107; } .border-left-amber { border-left: 1px solid #ffc107; } .border-right-amber { border-right: 1px solid #ffc107; } .amber.darken-1 { color: #ffb300 !important; } .bg-amber.bg-darken-1 { background-color: #ffb300 !important; } .bg-amber.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 179, 0, 0.6); } .btn-amber.btn-darken-1 { border-color: #ffa000 !important; background-color: #ffb300 !important; } .btn-amber.btn-darken-1:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-darken-1:focus, .btn-amber.btn-darken-1:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-darken-1 { border-color: #ffb300 !important; color: #ffb300 !important; } .btn-outline-amber.btn-outline-darken-1:hover { background-color: #ffb300 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffb300 !important; } .border-amber.border-darken-1 { border: 1px solid #ffb300 !important; } .border-top-amber.border-top-darken-1 { border-top: 1px solid #ffb300 !important; } .border-bottom-amber.border-bottom-darken-1 { border-bottom: 1px solid #ffb300 !important; } .border-left-amber.border-left-darken-1 { border-left: 1px solid #ffb300 !important; } .border-right-amber.border-right-darken-1 { border-right: 1px solid #ffb300 !important; } .overlay-amber.overlay-darken-1 { background: #ffb300; /* The Fallback */ background: rgba(255, 179, 0, 0.8); } .amber.darken-2 { color: #ffa000 !important; } .bg-amber.bg-darken-2 { background-color: #ffa000 !important; } .bg-amber.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 160, 0, 0.6); } .btn-amber.btn-darken-2 { border-color: #ffa000 !important; background-color: #ffa000 !important; } .btn-amber.btn-darken-2:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-darken-2:focus, .btn-amber.btn-darken-2:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-darken-2 { border-color: #ffa000 !important; color: #ffa000 !important; } .btn-outline-amber.btn-outline-darken-2:hover { background-color: #ffa000 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffa000 !important; } .border-amber.border-darken-2 { border: 1px solid #ffa000 !important; } .border-top-amber.border-top-darken-2 { border-top: 1px solid #ffa000 !important; } .border-bottom-amber.border-bottom-darken-2 { border-bottom: 1px solid #ffa000 !important; } .border-left-amber.border-left-darken-2 { border-left: 1px solid #ffa000 !important; } .border-right-amber.border-right-darken-2 { border-right: 1px solid #ffa000 !important; } .overlay-amber.overlay-darken-2 { background: #ffa000; /* The Fallback */ background: rgba(255, 160, 0, 0.8); } .amber.darken-3 { color: #ff8f00 !important; } .bg-amber.bg-darken-3 { background-color: #ff8f00 !important; } .bg-amber.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 143, 0, 0.6); } .btn-amber.btn-darken-3 { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-darken-3:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-darken-3:focus, .btn-amber.btn-darken-3:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-darken-3 { border-color: #ff8f00 !important; color: #ff8f00 !important; } .btn-outline-amber.btn-outline-darken-3:hover { background-color: #ff8f00 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff8f00 !important; } .border-amber.border-darken-3 { border: 1px solid #ff8f00 !important; } .border-top-amber.border-top-darken-3 { border-top: 1px solid #ff8f00 !important; } .border-bottom-amber.border-bottom-darken-3 { border-bottom: 1px solid #ff8f00 !important; } .border-left-amber.border-left-darken-3 { border-left: 1px solid #ff8f00 !important; } .border-right-amber.border-right-darken-3 { border-right: 1px solid #ff8f00 !important; } .overlay-amber.overlay-darken-3 { background: #ff8f00; /* The Fallback */ background: rgba(255, 143, 0, 0.8); } .amber.darken-4 { color: #ff6f00 !important; } .bg-amber.bg-darken-4 { background-color: #ff6f00 !important; } .bg-amber.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 111, 0, 0.6); } .btn-amber.btn-darken-4 { border-color: #ffa000 !important; background-color: #ff6f00 !important; } .btn-amber.btn-darken-4:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-darken-4:focus, .btn-amber.btn-darken-4:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-darken-4 { border-color: #ff6f00 !important; color: #ff6f00 !important; } .btn-outline-amber.btn-outline-darken-4:hover { background-color: #ff6f00 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff6f00 !important; } .border-amber.border-darken-4 { border: 1px solid #ff6f00 !important; } .border-top-amber.border-top-darken-4 { border-top: 1px solid #ff6f00 !important; } .border-bottom-amber.border-bottom-darken-4 { border-bottom: 1px solid #ff6f00 !important; } .border-left-amber.border-left-darken-4 { border-left: 1px solid #ff6f00 !important; } .border-right-amber.border-right-darken-4 { border-right: 1px solid #ff6f00 !important; } .overlay-amber.overlay-darken-4 { background: #ff6f00; /* The Fallback */ background: rgba(255, 111, 0, 0.8); } .amber.accent-1 { color: #ffe57f !important; } .bg-amber.bg-accent-1 { background-color: #ffe57f !important; } .bg-amber.bg-accent-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 229, 127, 0.6); } .btn-amber.btn-accent-1 { border-color: #ffa000 !important; background-color: #ffe57f !important; } .btn-amber.btn-accent-1:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-accent-1:focus, .btn-amber.btn-accent-1:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-accent-1 { border-color: #ffe57f !important; color: #ffe57f !important; } .btn-outline-amber.btn-outline-accent-1:hover { background-color: #ffe57f !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe57f !important; } .border-amber.border-accent-1 { border: 1px solid #ffe57f !important; } .border-top-amber.border-top-accent-1 { border-top: 1px solid #ffe57f !important; } .border-bottom-amber.border-bottom-accent-1 { border-bottom: 1px solid #ffe57f !important; } .border-left-amber.border-left-accent-1 { border-left: 1px solid #ffe57f !important; } .border-right-amber.border-right-accent-1 { border-right: 1px solid #ffe57f !important; } .overlay-amber.overlay-accent-1 { background: #ffe57f; /* The Fallback */ background: rgba(255, 229, 127, 0.8); } .amber.accent-2 { color: #ffd740 !important; } .bg-amber.bg-accent-2 { background-color: #ffd740 !important; } .bg-amber.bg-accent-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 215, 64, 0.6); } .btn-amber.btn-accent-2 { border-color: #ffa000 !important; background-color: #ffd740 !important; } .btn-amber.btn-accent-2:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-accent-2:focus, .btn-amber.btn-accent-2:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-accent-2 { border-color: #ffd740 !important; color: #ffd740 !important; } .btn-outline-amber.btn-outline-accent-2:hover { background-color: #ffd740 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd740 !important; } .border-amber.border-accent-2 { border: 1px solid #ffd740 !important; } .border-top-amber.border-top-accent-2 { border-top: 1px solid #ffd740 !important; } .border-bottom-amber.border-bottom-accent-2 { border-bottom: 1px solid #ffd740 !important; } .border-left-amber.border-left-accent-2 { border-left: 1px solid #ffd740 !important; } .border-right-amber.border-right-accent-2 { border-right: 1px solid #ffd740 !important; } .overlay-amber.overlay-accent-2 { background: #ffd740; /* The Fallback */ background: rgba(255, 215, 64, 0.8); } .amber.accent-3 { color: #ffc400 !important; } .bg-amber.bg-accent-3 { background-color: #ffc400 !important; } .bg-amber.bg-accent-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 196, 0, 0.6); } .btn-amber.btn-accent-3 { border-color: #ffa000 !important; background-color: #ffc400 !important; } .btn-amber.btn-accent-3:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-accent-3:focus, .btn-amber.btn-accent-3:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-accent-3 { border-color: #ffc400 !important; color: #ffc400 !important; } .btn-outline-amber.btn-outline-accent-3:hover { background-color: #ffc400 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc400 !important; } .border-amber.border-accent-3 { border: 1px solid #ffc400 !important; } .border-top-amber.border-top-accent-3 { border-top: 1px solid #ffc400 !important; } .border-bottom-amber.border-bottom-accent-3 { border-bottom: 1px solid #ffc400 !important; } .border-left-amber.border-left-accent-3 { border-left: 1px solid #ffc400 !important; } .border-right-amber.border-right-accent-3 { border-right: 1px solid #ffc400 !important; } .overlay-amber.overlay-accent-3 { background: #ffc400; /* The Fallback */ background: rgba(255, 196, 0, 0.8); } .amber.accent-4 { color: #ffab00 !important; } .bg-amber.bg-accent-4 { background-color: #ffab00 !important; } .bg-amber.bg-accent-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 171, 0, 0.6); } .btn-amber.btn-accent-4 { border-color: #ffa000 !important; background-color: #ffab00 !important; } .btn-amber.btn-accent-4:hover { border-color: #ffa000 !important; background-color: #ff8f00 !important; } .btn-amber.btn-accent-4:focus, .btn-amber.btn-accent-4:active { border-color: #ff8f00 !important; background-color: #ff6f00 !important; } .btn-outline-amber.btn-outline-accent-4 { border-color: #ffab00 !important; color: #ffab00 !important; } .btn-outline-amber.btn-outline-accent-4:hover { background-color: #ffab00 !important; } input:focus ~ .bg-amber { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffab00 !important; } .border-amber.border-accent-4 { border: 1px solid #ffab00 !important; } .border-top-amber.border-top-accent-4 { border-top: 1px solid #ffab00 !important; } .border-bottom-amber.border-bottom-accent-4 { border-bottom: 1px solid #ffab00 !important; } .border-left-amber.border-left-accent-4 { border-left: 1px solid #ffab00 !important; } .border-right-amber.border-right-accent-4 { border-right: 1px solid #ffab00 !important; } .overlay-amber.overlay-accent-4 { background: #ffab00; /* The Fallback */ background: rgba(255, 171, 0, 0.8); } .blue-grey.lighten-5 { color: #eceff1 !important; } .bg-blue-grey.bg-lighten-5 { background-color: #eceff1 !important; } .bg-blue-grey.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(236, 239, 241, 0.6); } .btn-blue-grey.btn-lighten-5 { border-color: #455a64 !important; background-color: #eceff1 !important; } .btn-blue-grey.btn-lighten-5:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-lighten-5:focus, .btn-blue-grey.btn-lighten-5:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-lighten-5 { border-color: #eceff1 !important; color: #eceff1 !important; } .btn-outline-blue-grey.btn-outline-lighten-5:hover { background-color: #eceff1 !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #eceff1 !important; } .border-blue-grey.border-lighten-5 { border: 1px solid #eceff1 !important; } .border-top-blue-grey.border-top-lighten-5 { border-top: 1px solid #eceff1 !important; } .border-bottom-blue-grey.border-bottom-lighten-5 { border-bottom: 1px solid #eceff1 !important; } .border-left-blue-grey.border-left-lighten-5 { border-left: 1px solid #eceff1 !important; } .border-right-blue-grey.border-right-lighten-5 { border-right: 1px solid #eceff1 !important; } .overlay-blue-grey.overlay-lighten-5 { background: #eceff1; /* The Fallback */ background: rgba(236, 239, 241, 0.8); } .blue-grey.lighten-4 { color: #cfd8dc !important; } .bg-blue-grey.bg-lighten-4 { background-color: #cfd8dc !important; } .bg-blue-grey.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(207, 216, 220, 0.6); } .btn-blue-grey.btn-lighten-4 { border-color: #455a64 !important; background-color: #cfd8dc !important; } .btn-blue-grey.btn-lighten-4:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-lighten-4:focus, .btn-blue-grey.btn-lighten-4:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-lighten-4 { border-color: #cfd8dc !important; color: #cfd8dc !important; } .btn-outline-blue-grey.btn-outline-lighten-4:hover { background-color: #cfd8dc !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #cfd8dc !important; } .border-blue-grey.border-lighten-4 { border: 1px solid #cfd8dc !important; } .border-top-blue-grey.border-top-lighten-4 { border-top: 1px solid #cfd8dc !important; } .border-bottom-blue-grey.border-bottom-lighten-4 { border-bottom: 1px solid #cfd8dc !important; } .border-left-blue-grey.border-left-lighten-4 { border-left: 1px solid #cfd8dc !important; } .border-right-blue-grey.border-right-lighten-4 { border-right: 1px solid #cfd8dc !important; } .overlay-blue-grey.overlay-lighten-4 { background: #cfd8dc; /* The Fallback */ background: rgba(207, 216, 220, 0.8); } .blue-grey.lighten-3 { color: #b0bec5 !important; } .bg-blue-grey.bg-lighten-3 { background-color: #b0bec5 !important; } .bg-blue-grey.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(176, 190, 197, 0.6); } .btn-blue-grey.btn-lighten-3 { border-color: #455a64 !important; background-color: #b0bec5 !important; } .btn-blue-grey.btn-lighten-3:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-lighten-3:focus, .btn-blue-grey.btn-lighten-3:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-lighten-3 { border-color: #b0bec5 !important; color: #b0bec5 !important; } .btn-outline-blue-grey.btn-outline-lighten-3:hover { background-color: #b0bec5 !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b0bec5 !important; } .border-blue-grey.border-lighten-3 { border: 1px solid #b0bec5 !important; } .border-top-blue-grey.border-top-lighten-3 { border-top: 1px solid #b0bec5 !important; } .border-bottom-blue-grey.border-bottom-lighten-3 { border-bottom: 1px solid #b0bec5 !important; } .border-left-blue-grey.border-left-lighten-3 { border-left: 1px solid #b0bec5 !important; } .border-right-blue-grey.border-right-lighten-3 { border-right: 1px solid #b0bec5 !important; } .overlay-blue-grey.overlay-lighten-3 { background: #b0bec5; /* The Fallback */ background: rgba(176, 190, 197, 0.8); } .blue-grey.lighten-2 { color: #90a4ae !important; } .bg-blue-grey.bg-lighten-2 { background-color: #90a4ae !important; } .bg-blue-grey.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(144, 164, 174, 0.6); } .btn-blue-grey.btn-lighten-2 { border-color: #455a64 !important; background-color: #90a4ae !important; } .btn-blue-grey.btn-lighten-2:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-lighten-2:focus, .btn-blue-grey.btn-lighten-2:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-lighten-2 { border-color: #90a4ae !important; color: #90a4ae !important; } .btn-outline-blue-grey.btn-outline-lighten-2:hover { background-color: #90a4ae !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #90a4ae !important; } .border-blue-grey.border-lighten-2 { border: 1px solid #90a4ae !important; } .border-top-blue-grey.border-top-lighten-2 { border-top: 1px solid #90a4ae !important; } .border-bottom-blue-grey.border-bottom-lighten-2 { border-bottom: 1px solid #90a4ae !important; } .border-left-blue-grey.border-left-lighten-2 { border-left: 1px solid #90a4ae !important; } .border-right-blue-grey.border-right-lighten-2 { border-right: 1px solid #90a4ae !important; } .overlay-blue-grey.overlay-lighten-2 { background: #90a4ae; /* The Fallback */ background: rgba(144, 164, 174, 0.8); } .blue-grey.lighten-1 { color: #78909c !important; } .bg-blue-grey.bg-lighten-1 { background-color: #78909c !important; } .bg-blue-grey.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(120, 144, 156, 0.6); } .btn-blue-grey.btn-lighten-1 { border-color: #455a64 !important; background-color: #78909c !important; } .btn-blue-grey.btn-lighten-1:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-lighten-1:focus, .btn-blue-grey.btn-lighten-1:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-lighten-1 { border-color: #78909c !important; color: #78909c !important; } .btn-outline-blue-grey.btn-outline-lighten-1:hover { background-color: #78909c !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #78909c !important; } .border-blue-grey.border-lighten-1 { border: 1px solid #78909c !important; } .border-top-blue-grey.border-top-lighten-1 { border-top: 1px solid #78909c !important; } .border-bottom-blue-grey.border-bottom-lighten-1 { border-bottom: 1px solid #78909c !important; } .border-left-blue-grey.border-left-lighten-1 { border-left: 1px solid #78909c !important; } .border-right-blue-grey.border-right-lighten-1 { border-right: 1px solid #78909c !important; } .overlay-blue-grey.overlay-lighten-1 { background: #78909c; /* The Fallback */ background: rgba(120, 144, 156, 0.8); } .blue-grey { color: #607d8b !important; } .bg-blue-grey { background-color: #607d8b !important; } .bg-blue-grey .card-header, .bg-blue-grey .card-footer { background-color: transparent; } .bg-blue-grey.bg-glow { box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); } .selectboxit.selectboxit-btn.bg-blue-grey { background-color: #607d8b !important; } .alert-blue-grey { border-color: #607d8b !important; background-color: #87a0ac !important; color: #171e21 !important; } .alert-blue-grey .alert-link { color: #060809 !important; } .border-blue-grey { border-color: #607d8b; } .overlay-blue-grey { background: #607d8b; /* The Fallback */ background: rgba(96, 125, 139, 0.8); } .color-info.blue-grey { background-color: #607d8b !important; } .btn-blue-grey { border-color: #455a64 !important; background-color: #607d8b !important; color: #FFFFFF; } .btn-blue-grey:hover { border-color: #546e7a !important; background-color: #78909c !important; color: #FFF !important; } .btn-blue-grey:focus, .btn-blue-grey:active { border-color: #455a64 !important; background-color: #37474f !important; color: #FFF !important; } .btn-blue-grey.btn-glow { box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); } .btn-outline-blue-grey { border-color: #607d8b; background-color: transparent; color: #607d8b; } .btn-outline-blue-grey:hover { background-color: #607d8b; color: #FFF !important; } .btn-outline-blue-grey.btn-glow { box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); } input[type=checkbox].bg-blue-grey + .custom-control-label:before, input[type=radio].bg-blue-grey + .custom-control-label:before { background-color: #607d8b !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #607d8b !important; } .border-blue-grey { border: 1px solid #607d8b !important; } .border-top-blue-grey { border-top: 1px solid #607d8b; } .border-bottom-blue-grey { border-bottom: 1px solid #607d8b; } .border-left-blue-grey { border-left: 1px solid #607d8b; } .border-right-blue-grey { border-right: 1px solid #607d8b; } .blue-grey.darken-1 { color: #546e7a !important; } .bg-blue-grey.bg-darken-1 { background-color: #546e7a !important; } .bg-blue-grey.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(84, 110, 122, 0.6); } .btn-blue-grey.btn-darken-1 { border-color: #455a64 !important; background-color: #546e7a !important; } .btn-blue-grey.btn-darken-1:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-darken-1:focus, .btn-blue-grey.btn-darken-1:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-darken-1 { border-color: #546e7a !important; color: #546e7a !important; } .btn-outline-blue-grey.btn-outline-darken-1:hover { background-color: #546e7a !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #546e7a !important; } .border-blue-grey.border-darken-1 { border: 1px solid #546e7a !important; } .border-top-blue-grey.border-top-darken-1 { border-top: 1px solid #546e7a !important; } .border-bottom-blue-grey.border-bottom-darken-1 { border-bottom: 1px solid #546e7a !important; } .border-left-blue-grey.border-left-darken-1 { border-left: 1px solid #546e7a !important; } .border-right-blue-grey.border-right-darken-1 { border-right: 1px solid #546e7a !important; } .overlay-blue-grey.overlay-darken-1 { background: #546e7a; /* The Fallback */ background: rgba(84, 110, 122, 0.8); } .blue-grey.darken-2 { color: #455a64 !important; } .bg-blue-grey.bg-darken-2 { background-color: #455a64 !important; } .bg-blue-grey.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(69, 90, 100, 0.6); } .btn-blue-grey.btn-darken-2 { border-color: #455a64 !important; background-color: #455a64 !important; } .btn-blue-grey.btn-darken-2:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-darken-2:focus, .btn-blue-grey.btn-darken-2:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-darken-2 { border-color: #455a64 !important; color: #455a64 !important; } .btn-outline-blue-grey.btn-outline-darken-2:hover { background-color: #455a64 !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #455a64 !important; } .border-blue-grey.border-darken-2 { border: 1px solid #455a64 !important; } .border-top-blue-grey.border-top-darken-2 { border-top: 1px solid #455a64 !important; } .border-bottom-blue-grey.border-bottom-darken-2 { border-bottom: 1px solid #455a64 !important; } .border-left-blue-grey.border-left-darken-2 { border-left: 1px solid #455a64 !important; } .border-right-blue-grey.border-right-darken-2 { border-right: 1px solid #455a64 !important; } .overlay-blue-grey.overlay-darken-2 { background: #455a64; /* The Fallback */ background: rgba(69, 90, 100, 0.8); } .blue-grey.darken-3 { color: #37474f !important; } .bg-blue-grey.bg-darken-3 { background-color: #37474f !important; } .bg-blue-grey.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(55, 71, 79, 0.6); } .btn-blue-grey.btn-darken-3 { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-darken-3:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-darken-3:focus, .btn-blue-grey.btn-darken-3:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-darken-3 { border-color: #37474f !important; color: #37474f !important; } .btn-outline-blue-grey.btn-outline-darken-3:hover { background-color: #37474f !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #37474f !important; } .border-blue-grey.border-darken-3 { border: 1px solid #37474f !important; } .border-top-blue-grey.border-top-darken-3 { border-top: 1px solid #37474f !important; } .border-bottom-blue-grey.border-bottom-darken-3 { border-bottom: 1px solid #37474f !important; } .border-left-blue-grey.border-left-darken-3 { border-left: 1px solid #37474f !important; } .border-right-blue-grey.border-right-darken-3 { border-right: 1px solid #37474f !important; } .overlay-blue-grey.overlay-darken-3 { background: #37474f; /* The Fallback */ background: rgba(55, 71, 79, 0.8); } .blue-grey.darken-4 { color: #263238 !important; } .bg-blue-grey.bg-darken-4 { background-color: #263238 !important; } .bg-blue-grey.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(38, 50, 56, 0.6); } .btn-blue-grey.btn-darken-4 { border-color: #455a64 !important; background-color: #263238 !important; } .btn-blue-grey.btn-darken-4:hover { border-color: #455a64 !important; background-color: #37474f !important; } .btn-blue-grey.btn-darken-4:focus, .btn-blue-grey.btn-darken-4:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-blue-grey.btn-outline-darken-4 { border-color: #263238 !important; color: #263238 !important; } .btn-outline-blue-grey.btn-outline-darken-4:hover { background-color: #263238 !important; } input:focus ~ .bg-blue-grey { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #263238 !important; } .border-blue-grey.border-darken-4 { border: 1px solid #263238 !important; } .border-top-blue-grey.border-top-darken-4 { border-top: 1px solid #263238 !important; } .border-bottom-blue-grey.border-bottom-darken-4 { border-bottom: 1px solid #263238 !important; } .border-left-blue-grey.border-left-darken-4 { border-left: 1px solid #263238 !important; } .border-right-blue-grey.border-right-darken-4 { border-right: 1px solid #263238 !important; } .overlay-blue-grey.overlay-darken-4 { background: #263238; /* The Fallback */ background: rgba(38, 50, 56, 0.8); } .grey-blue.lighten-5 { color: #eceff1 !important; } .bg-grey-blue.bg-lighten-5 { background-color: #eceff1 !important; } .bg-grey-blue.bg-lighten-5.bg-glow { box-shadow: 0px 1px 20px 1px rgba(236, 239, 241, 0.6); } .btn-grey-blue.btn-lighten-5 { border-color: #2c303b !important; background-color: #eceff1 !important; } .btn-grey-blue.btn-lighten-5:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-lighten-5:focus, .btn-grey-blue.btn-lighten-5:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-lighten-5 { border-color: #eceff1 !important; color: #eceff1 !important; } .btn-outline-grey-blue.btn-outline-lighten-5:hover { background-color: #eceff1 !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #eceff1 !important; } .border-grey-blue.border-lighten-5 { border: 1px solid #eceff1 !important; } .border-top-grey-blue.border-top-lighten-5 { border-top: 1px solid #eceff1 !important; } .border-bottom-grey-blue.border-bottom-lighten-5 { border-bottom: 1px solid #eceff1 !important; } .border-left-grey-blue.border-left-lighten-5 { border-left: 1px solid #eceff1 !important; } .border-right-grey-blue.border-right-lighten-5 { border-right: 1px solid #eceff1 !important; } .overlay-grey-blue.overlay-lighten-5 { background: #eceff1; /* The Fallback */ background: rgba(236, 239, 241, 0.8); } .grey-blue.lighten-4 { color: #cfd8dc !important; } .bg-grey-blue.bg-lighten-4 { background-color: #cfd8dc !important; } .bg-grey-blue.bg-lighten-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(207, 216, 220, 0.6); } .btn-grey-blue.btn-lighten-4 { border-color: #2c303b !important; background-color: #cfd8dc !important; } .btn-grey-blue.btn-lighten-4:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-lighten-4:focus, .btn-grey-blue.btn-lighten-4:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-lighten-4 { border-color: #cfd8dc !important; color: #cfd8dc !important; } .btn-outline-grey-blue.btn-outline-lighten-4:hover { background-color: #cfd8dc !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #cfd8dc !important; } .border-grey-blue.border-lighten-4 { border: 1px solid #cfd8dc !important; } .border-top-grey-blue.border-top-lighten-4 { border-top: 1px solid #cfd8dc !important; } .border-bottom-grey-blue.border-bottom-lighten-4 { border-bottom: 1px solid #cfd8dc !important; } .border-left-grey-blue.border-left-lighten-4 { border-left: 1px solid #cfd8dc !important; } .border-right-grey-blue.border-right-lighten-4 { border-right: 1px solid #cfd8dc !important; } .overlay-grey-blue.overlay-lighten-4 { background: #cfd8dc; /* The Fallback */ background: rgba(207, 216, 220, 0.8); } .grey-blue.lighten-3 { color: #b0bec5 !important; } .bg-grey-blue.bg-lighten-3 { background-color: #b0bec5 !important; } .bg-grey-blue.bg-lighten-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(176, 190, 197, 0.6); } .btn-grey-blue.btn-lighten-3 { border-color: #2c303b !important; background-color: #b0bec5 !important; } .btn-grey-blue.btn-lighten-3:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-lighten-3:focus, .btn-grey-blue.btn-lighten-3:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-lighten-3 { border-color: #b0bec5 !important; color: #b0bec5 !important; } .btn-outline-grey-blue.btn-outline-lighten-3:hover { background-color: #b0bec5 !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b0bec5 !important; } .border-grey-blue.border-lighten-3 { border: 1px solid #b0bec5 !important; } .border-top-grey-blue.border-top-lighten-3 { border-top: 1px solid #b0bec5 !important; } .border-bottom-grey-blue.border-bottom-lighten-3 { border-bottom: 1px solid #b0bec5 !important; } .border-left-grey-blue.border-left-lighten-3 { border-left: 1px solid #b0bec5 !important; } .border-right-grey-blue.border-right-lighten-3 { border-right: 1px solid #b0bec5 !important; } .overlay-grey-blue.overlay-lighten-3 { background: #b0bec5; /* The Fallback */ background: rgba(176, 190, 197, 0.8); } .grey-blue.lighten-2 { color: #6f85ad !important; } .bg-grey-blue.bg-lighten-2 { background-color: #6f85ad !important; } .bg-grey-blue.bg-lighten-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(111, 133, 173, 0.6); } .btn-grey-blue.btn-lighten-2 { border-color: #2c303b !important; background-color: #6f85ad !important; } .btn-grey-blue.btn-lighten-2:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-lighten-2:focus, .btn-grey-blue.btn-lighten-2:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-lighten-2 { border-color: #6f85ad !important; color: #6f85ad !important; } .btn-outline-grey-blue.btn-outline-lighten-2:hover { background-color: #6f85ad !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #6f85ad !important; } .border-grey-blue.border-lighten-2 { border: 1px solid #6f85ad !important; } .border-top-grey-blue.border-top-lighten-2 { border-top: 1px solid #6f85ad !important; } .border-bottom-grey-blue.border-bottom-lighten-2 { border-bottom: 1px solid #6f85ad !important; } .border-left-grey-blue.border-left-lighten-2 { border-left: 1px solid #6f85ad !important; } .border-right-grey-blue.border-right-lighten-2 { border-right: 1px solid #6f85ad !important; } .overlay-grey-blue.overlay-lighten-2 { background: #6f85ad; /* The Fallback */ background: rgba(111, 133, 173, 0.8); } .grey-blue.lighten-1 { color: #78909c !important; } .bg-grey-blue.bg-lighten-1 { background-color: #78909c !important; } .bg-grey-blue.bg-lighten-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(120, 144, 156, 0.6); } .btn-grey-blue.btn-lighten-1 { border-color: #2c303b !important; background-color: #78909c !important; } .btn-grey-blue.btn-lighten-1:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-lighten-1:focus, .btn-grey-blue.btn-lighten-1:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-lighten-1 { border-color: #78909c !important; color: #78909c !important; } .btn-outline-grey-blue.btn-outline-lighten-1:hover { background-color: #78909c !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #78909c !important; } .border-grey-blue.border-lighten-1 { border: 1px solid #78909c !important; } .border-top-grey-blue.border-top-lighten-1 { border-top: 1px solid #78909c !important; } .border-bottom-grey-blue.border-bottom-lighten-1 { border-bottom: 1px solid #78909c !important; } .border-left-grey-blue.border-left-lighten-1 { border-left: 1px solid #78909c !important; } .border-right-grey-blue.border-right-lighten-1 { border-right: 1px solid #78909c !important; } .overlay-grey-blue.overlay-lighten-1 { background: #78909c; /* The Fallback */ background: rgba(120, 144, 156, 0.8); } .grey-blue { color: #1b2942 !important; } .bg-grey-blue { background-color: #1b2942 !important; } .bg-grey-blue .card-header, .bg-grey-blue .card-footer { background-color: transparent; } .bg-grey-blue.bg-glow { box-shadow: 0px 1px 20px 1px rgba(27, 41, 66, 0.6); } .selectboxit.selectboxit-btn.bg-grey-blue { background-color: #1b2942 !important; } .alert-grey-blue { border-color: #1b2942 !important; background-color: #304875 !important; color: black !important; } .alert-grey-blue .alert-link { color: black !important; } .border-grey-blue { border-color: #1b2942; } .overlay-grey-blue { background: #1b2942; /* The Fallback */ background: rgba(27, 41, 66, 0.8); } .color-info.grey-blue { background-color: #1b2942 !important; } .btn-grey-blue { border-color: #2c303b !important; background-color: #1b2942 !important; color: #FFFFFF; } .btn-grey-blue:hover { border-color: #546e7a !important; background-color: #78909c !important; color: #FFF !important; } .btn-grey-blue:focus, .btn-grey-blue:active { border-color: #2c303b !important; background-color: #37474f !important; color: #FFF !important; } .btn-grey-blue.btn-glow { box-shadow: 0px 1px 20px 1px rgba(27, 41, 66, 0.6); } .btn-outline-grey-blue { border-color: #1b2942; background-color: transparent; color: #1b2942; } .btn-outline-grey-blue:hover { background-color: #1b2942; color: #FFF !important; } .btn-outline-grey-blue.btn-glow { box-shadow: 0px 1px 20px 1px rgba(27, 41, 66, 0.6); } input[type=checkbox].bg-grey-blue + .custom-control-label:before, input[type=radio].bg-grey-blue + .custom-control-label:before { background-color: #1b2942 !important; } /* .custom-control-label{ &:before{ background-color: #ddd !important; } } */ input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1b2942 !important; } .border-grey-blue { border: 1px solid #1b2942 !important; } .border-top-grey-blue { border-top: 1px solid #1b2942; } .border-bottom-grey-blue { border-bottom: 1px solid #1b2942; } .border-left-grey-blue { border-left: 1px solid #1b2942; } .border-right-grey-blue { border-right: 1px solid #1b2942; } .grey-blue.darken-1 { color: #546e7a !important; } .bg-grey-blue.bg-darken-1 { background-color: #546e7a !important; } .bg-grey-blue.bg-darken-1.bg-glow { box-shadow: 0px 1px 20px 1px rgba(84, 110, 122, 0.6); } .btn-grey-blue.btn-darken-1 { border-color: #2c303b !important; background-color: #546e7a !important; } .btn-grey-blue.btn-darken-1:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-darken-1:focus, .btn-grey-blue.btn-darken-1:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-darken-1 { border-color: #546e7a !important; color: #546e7a !important; } .btn-outline-grey-blue.btn-outline-darken-1:hover { background-color: #546e7a !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #546e7a !important; } .border-grey-blue.border-darken-1 { border: 1px solid #546e7a !important; } .border-top-grey-blue.border-top-darken-1 { border-top: 1px solid #546e7a !important; } .border-bottom-grey-blue.border-bottom-darken-1 { border-bottom: 1px solid #546e7a !important; } .border-left-grey-blue.border-left-darken-1 { border-left: 1px solid #546e7a !important; } .border-right-grey-blue.border-right-darken-1 { border-right: 1px solid #546e7a !important; } .overlay-grey-blue.overlay-darken-1 { background: #546e7a; /* The Fallback */ background: rgba(84, 110, 122, 0.8); } .grey-blue.darken-2 { color: #2c303b !important; } .bg-grey-blue.bg-darken-2 { background-color: #2c303b !important; } .bg-grey-blue.bg-darken-2.bg-glow { box-shadow: 0px 1px 20px 1px rgba(44, 48, 59, 0.6); } .btn-grey-blue.btn-darken-2 { border-color: #2c303b !important; background-color: #2c303b !important; } .btn-grey-blue.btn-darken-2:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-darken-2:focus, .btn-grey-blue.btn-darken-2:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-darken-2 { border-color: #2c303b !important; color: #2c303b !important; } .btn-outline-grey-blue.btn-outline-darken-2:hover { background-color: #2c303b !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2c303b !important; } .border-grey-blue.border-darken-2 { border: 1px solid #2c303b !important; } .border-top-grey-blue.border-top-darken-2 { border-top: 1px solid #2c303b !important; } .border-bottom-grey-blue.border-bottom-darken-2 { border-bottom: 1px solid #2c303b !important; } .border-left-grey-blue.border-left-darken-2 { border-left: 1px solid #2c303b !important; } .border-right-grey-blue.border-right-darken-2 { border-right: 1px solid #2c303b !important; } .overlay-grey-blue.overlay-darken-2 { background: #2c303b; /* The Fallback */ background: rgba(44, 48, 59, 0.8); } .grey-blue.darken-3 { color: #37474f !important; } .bg-grey-blue.bg-darken-3 { background-color: #37474f !important; } .bg-grey-blue.bg-darken-3.bg-glow { box-shadow: 0px 1px 20px 1px rgba(55, 71, 79, 0.6); } .btn-grey-blue.btn-darken-3 { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-darken-3:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-darken-3:focus, .btn-grey-blue.btn-darken-3:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-darken-3 { border-color: #37474f !important; color: #37474f !important; } .btn-outline-grey-blue.btn-outline-darken-3:hover { background-color: #37474f !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #37474f !important; } .border-grey-blue.border-darken-3 { border: 1px solid #37474f !important; } .border-top-grey-blue.border-top-darken-3 { border-top: 1px solid #37474f !important; } .border-bottom-grey-blue.border-bottom-darken-3 { border-bottom: 1px solid #37474f !important; } .border-left-grey-blue.border-left-darken-3 { border-left: 1px solid #37474f !important; } .border-right-grey-blue.border-right-darken-3 { border-right: 1px solid #37474f !important; } .overlay-grey-blue.overlay-darken-3 { background: #37474f; /* The Fallback */ background: rgba(55, 71, 79, 0.8); } .grey-blue.darken-4 { color: #263238 !important; } .bg-grey-blue.bg-darken-4 { background-color: #263238 !important; } .bg-grey-blue.bg-darken-4.bg-glow { box-shadow: 0px 1px 20px 1px rgba(38, 50, 56, 0.6); } .btn-grey-blue.btn-darken-4 { border-color: #2c303b !important; background-color: #263238 !important; } .btn-grey-blue.btn-darken-4:hover { border-color: #2c303b !important; background-color: #37474f !important; } .btn-grey-blue.btn-darken-4:focus, .btn-grey-blue.btn-darken-4:active { border-color: #37474f !important; background-color: #263238 !important; } .btn-outline-grey-blue.btn-outline-darken-4 { border-color: #263238 !important; color: #263238 !important; } .btn-outline-grey-blue.btn-outline-darken-4:hover { background-color: #263238 !important; } input:focus ~ .bg-grey-blue { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #263238 !important; } .border-grey-blue.border-darken-4 { border: 1px solid #263238 !important; } .border-top-grey-blue.border-top-darken-4 { border-top: 1px solid #263238 !important; } .border-bottom-grey-blue.border-bottom-darken-4 { border-bottom: 1px solid #263238 !important; } .border-left-grey-blue.border-left-darken-4 { border-left: 1px solid #263238 !important; } .border-right-grey-blue.border-right-darken-4 { border-right: 1px solid #263238 !important; } .overlay-grey-blue.overlay-darken-4 { background: #263238; /* The Fallback */ background: rgba(38, 50, 56, 0.8); } .shades.black { color: #000000 !important; } .bg-shades.bg-black { background-color: #000000 !important; } .bg-shades.bg-black.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } .btn-shades.btn-black { border-color: "" !important; background-color: #000000 !important; } .btn-shades.btn-black:hover { border-color: "" !important; background-color: "" !important; } .btn-shades.btn-black:focus, .btn-shades.btn-black:active { border-color: "" !important; background-color: "" !important; } .btn-outline-shades.btn-outline-black { border-color: #000000 !important; color: #000000 !important; } .btn-outline-shades.btn-outline-black:hover { background-color: #000000 !important; } input:focus ~ .bg-shades { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000 !important; } .border-shades.border-black { border: 1px solid #000000 !important; } .border-top-shades.border-top-black { border-top: 1px solid #000000 !important; } .border-bottom-shades.border-bottom-black { border-bottom: 1px solid #000000 !important; } .border-left-shades.border-left-black { border-left: 1px solid #000000 !important; } .border-right-shades.border-right-black { border-right: 1px solid #000000 !important; } .overlay-shades.overlay-black { background: #000000; /* The Fallback */ background: rgba(0, 0, 0, 0.8); } .shades.white { color: #ffffff !important; } .bg-shades.bg-white { background-color: #ffffff !important; } .bg-shades.bg-white.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); } .btn-shades.btn-white { border-color: "" !important; background-color: #ffffff !important; } .btn-shades.btn-white:hover { border-color: "" !important; background-color: "" !important; } .btn-shades.btn-white:focus, .btn-shades.btn-white:active { border-color: "" !important; background-color: "" !important; } .btn-outline-shades.btn-outline-white { border-color: #ffffff !important; color: #ffffff !important; } .btn-outline-shades.btn-outline-white:hover { background-color: #ffffff !important; } input:focus ~ .bg-shades { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffffff !important; } .border-shades.border-white { border: 1px solid #ffffff !important; } .border-top-shades.border-top-white { border-top: 1px solid #ffffff !important; } .border-bottom-shades.border-bottom-white { border-bottom: 1px solid #ffffff !important; } .border-left-shades.border-left-white { border-left: 1px solid #ffffff !important; } .border-right-shades.border-right-white { border-right: 1px solid #ffffff !important; } .overlay-shades.overlay-white { background: #ffffff; /* The Fallback */ background: rgba(255, 255, 255, 0.8); } .shades.transparent { color: transparent !important; } .bg-shades.bg-transparent { background-color: transparent !important; } .bg-shades.bg-transparent.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } .btn-shades.btn-transparent { border-color: "" !important; background-color: transparent !important; } .btn-shades.btn-transparent:hover { border-color: "" !important; background-color: "" !important; } .btn-shades.btn-transparent:focus, .btn-shades.btn-transparent:active { border-color: "" !important; background-color: "" !important; } .btn-outline-shades.btn-outline-transparent { border-color: transparent !important; color: transparent !important; } .btn-outline-shades.btn-outline-transparent:hover { background-color: transparent !important; } input:focus ~ .bg-shades { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem transparent !important; } .border-shades.border-transparent { border: 1px solid transparent !important; } .border-top-shades.border-top-transparent { border-top: 1px solid transparent !important; } .border-bottom-shades.border-bottom-transparent { border-bottom: 1px solid transparent !important; } .border-left-shades.border-left-transparent { border-left: 1px solid transparent !important; } .border-right-shades.border-right-transparent { border-right: 1px solid transparent !important; } .overlay-shades.overlay-transparent { background: transparent; /* The Fallback */ background: rgba(0, 0, 0, 0.8); } .black { color: #000000; } .bg-black { background-color: #000000; } .bg-black.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } input:focus ~ .bg-black { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000; } .border-black { border: 1px solid #000000; } .border-top-black { border-top: 1px solid #000000; } .border-bottom-black { border-bottom: 1px solid #000000; } .border-left-black { border-left: 1px solid #000000; } .border-right-black { border-right: 1px solid #000000; } .white { color: #ffffff; } .bg-white { background-color: #ffffff; } .bg-white.bg-glow { box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); } input:focus ~ .bg-white { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffffff; } .border-white { border: 1px solid #ffffff; } .border-top-white { border-top: 1px solid #ffffff; } .border-bottom-white { border-bottom: 1px solid #ffffff; } .border-left-white { border-left: 1px solid #ffffff; } .border-right-white { border-right: 1px solid #ffffff; } .transparent { color: transparent; } .bg-transparent { background-color: transparent; } .bg-transparent.bg-glow { box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } input:focus ~ .bg-transparent { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem transparent; } .border-transparent { border: 1px solid transparent; } .border-top-transparent { border-top: 1px solid transparent; } .border-bottom-transparent { border-bottom: 1px solid transparent; } .border-left-transparent { border-left: 1px solid transparent; } .border-right-transparent { border-right: 1px solid transparent; } .bg-gradient-x-white .card-header, .bg-gradient-x-white .card-footer, .bg-gradient-y-white .card-header, .bg-gradient-y-white .card-footer, .bg-gradient-directional-white .card-header, .bg-gradient-directional-white .card-footer, .bg-gradient-radial-white .card-header, .bg-gradient-radial-white .card-footer, .bg-gradient-striped-white .card-header, .bg-gradient-striped-white .card-footer, .bg-gradient-x2-white .card-header, .bg-gradient-x2-white .card-footer, .bg-gradient-y2-white .card-header, .bg-gradient-y2-white .card-footer { background-color: transparent; } .bg-gradient-x-black .card-header, .bg-gradient-x-black .card-footer, .bg-gradient-y-black .card-header, .bg-gradient-y-black .card-footer, .bg-gradient-directional-black .card-header, .bg-gradient-directional-black .card-footer, .bg-gradient-radial-black .card-header, .bg-gradient-radial-black .card-footer, .bg-gradient-striped-black .card-header, .bg-gradient-striped-black .card-footer, .bg-gradient-x2-black .card-header, .bg-gradient-x2-black .card-footer, .bg-gradient-y2-black .card-header, .bg-gradient-y2-black .card-footer { background-color: transparent; } .bg-gradient-x-primary { background-image: linear-gradient(to right, #3a44e1 0%, #9298ef 100%); background-repeat: repeat-x; } .bg-gradient-y-primary { background-image: linear-gradient(to bottom, #3a44e1 0%, #9298ef 100%); background-repeat: repeat-x; } .bg-gradient-directional-primary { background-image: linear-gradient(45deg, #3a44e1, #9298ef); background-repeat: repeat-x; } .bg-gradient-x2-primary { background-image: linear-gradient(to right, #9298ef, #666ee8 50%, #a9adf2); background-repeat: no-repeat; } .bg-gradient-y2-primary { background-image: linear-gradient(#9298ef, #666ee8 50%, #a9adf2); background-repeat: no-repeat; } .bg-gradient-radial-primary { background-image: radial-gradient(circle, #3a44e1, #9298ef); background-repeat: no-repeat; } .bg-gradient-striped-primary { background-image: linear-gradient(45deg, #a9adf2 25%, transparent 25%, transparent 50%, #a9adf2 50%, #a9adf2 75%, transparent 75%, transparent); } .bg-gradient-x-primary .card-header, .bg-gradient-x-primary .card-footer, .bg-gradient-y-primary .card-header, .bg-gradient-y-primary .card-footer, .bg-gradient-directional-primary .card-header, .bg-gradient-directional-primary .card-footer, .bg-gradient-radial-primary .card-header, .bg-gradient-radial-primary .card-footer, .bg-gradient-striped-primary .card-header, .bg-gradient-striped-primary .card-footer, .bg-gradient-x2-primary .card-header, .bg-gradient-x2-primary .card-footer, .bg-gradient-y2-primary .card-header, .bg-gradient-y2-primary .card-footer { background-color: transparent; } .bg-gradient-x-secondary { background-image: linear-gradient(to right, #545766 0%, #85899b 100%); background-repeat: repeat-x; } .bg-gradient-y-secondary { background-image: linear-gradient(to bottom, #545766 0%, #85899b 100%); background-repeat: repeat-x; } .bg-gradient-directional-secondary { background-image: linear-gradient(45deg, #545766, #85899b); background-repeat: repeat-x; } .bg-gradient-x2-secondary { background-image: linear-gradient(to right, #85899b, #6b6f82 50%, #9397a6); background-repeat: no-repeat; } .bg-gradient-y2-secondary { background-image: linear-gradient(#85899b, #6b6f82 50%, #9397a6); background-repeat: no-repeat; } .bg-gradient-radial-secondary { background-image: radial-gradient(circle, #545766, #85899b); background-repeat: no-repeat; } .bg-gradient-striped-secondary { background-image: linear-gradient(45deg, #9397a6 25%, transparent 25%, transparent 50%, #9397a6 50%, #9397a6 75%, transparent 75%, transparent); } .bg-gradient-x-secondary .card-header, .bg-gradient-x-secondary .card-footer, .bg-gradient-y-secondary .card-header, .bg-gradient-y-secondary .card-footer, .bg-gradient-directional-secondary .card-header, .bg-gradient-directional-secondary .card-footer, .bg-gradient-radial-secondary .card-header, .bg-gradient-radial-secondary .card-footer, .bg-gradient-striped-secondary .card-header, .bg-gradient-striped-secondary .card-footer, .bg-gradient-x2-secondary .card-header, .bg-gradient-x2-secondary .card-footer, .bg-gradient-y2-secondary .card-header, .bg-gradient-y2-secondary .card-footer { background-color: transparent; } .bg-gradient-x-success { background-image: linear-gradient(to right, #20a576 0%, #4eddaa 100%); background-repeat: repeat-x; } .bg-gradient-y-success { background-image: linear-gradient(to bottom, #20a576 0%, #4eddaa 100%); background-repeat: repeat-x; } .bg-gradient-directional-success { background-image: linear-gradient(45deg, #20a576, #4eddaa); background-repeat: repeat-x; } .bg-gradient-x2-success { background-image: linear-gradient(to right, #4eddaa, #28d094 50%, #63e1b4); background-repeat: no-repeat; } .bg-gradient-y2-success { background-image: linear-gradient(#4eddaa, #28d094 50%, #63e1b4); background-repeat: no-repeat; } .bg-gradient-radial-success { background-image: radial-gradient(circle, #20a576, #4eddaa); background-repeat: no-repeat; } .bg-gradient-striped-success { background-image: linear-gradient(45deg, #63e1b4 25%, transparent 25%, transparent 50%, #63e1b4 50%, #63e1b4 75%, transparent 75%, transparent); } .bg-gradient-x-success .card-header, .bg-gradient-x-success .card-footer, .bg-gradient-y-success .card-header, .bg-gradient-y-success .card-footer, .bg-gradient-directional-success .card-header, .bg-gradient-directional-success .card-footer, .bg-gradient-radial-success .card-header, .bg-gradient-radial-success .card-footer, .bg-gradient-striped-success .card-header, .bg-gradient-striped-success .card-footer, .bg-gradient-x2-success .card-header, .bg-gradient-x2-success .card-footer, .bg-gradient-y2-success .card-header, .bg-gradient-y2-success .card-footer { background-color: transparent; } .bg-gradient-x-info { background-image: linear-gradient(to right, #0c84d1 0%, #4eb4f5 100%); background-repeat: repeat-x; } .bg-gradient-y-info { background-image: linear-gradient(to bottom, #0c84d1 0%, #4eb4f5 100%); background-repeat: repeat-x; } .bg-gradient-directional-info { background-image: linear-gradient(45deg, #0c84d1, #4eb4f5); background-repeat: repeat-x; } .bg-gradient-x2-info { background-image: linear-gradient(to right, #4eb4f5, #1e9ff2 50%, #66bef6); background-repeat: no-repeat; } .bg-gradient-y2-info { background-image: linear-gradient(#4eb4f5, #1e9ff2 50%, #66bef6); background-repeat: no-repeat; } .bg-gradient-radial-info { background-image: radial-gradient(circle, #0c84d1, #4eb4f5); background-repeat: no-repeat; } .bg-gradient-striped-info { background-image: linear-gradient(45deg, #66bef6 25%, transparent 25%, transparent 50%, #66bef6 50%, #66bef6 75%, transparent 75%, transparent); } .bg-gradient-x-info .card-header, .bg-gradient-x-info .card-footer, .bg-gradient-y-info .card-header, .bg-gradient-y-info .card-footer, .bg-gradient-directional-info .card-header, .bg-gradient-directional-info .card-footer, .bg-gradient-radial-info .card-header, .bg-gradient-radial-info .card-footer, .bg-gradient-striped-info .card-header, .bg-gradient-striped-info .card-footer, .bg-gradient-x2-info .card-header, .bg-gradient-x2-info .card-footer, .bg-gradient-y2-info .card-header, .bg-gradient-y2-info .card-footer { background-color: transparent; } .bg-gradient-x-warning { background-image: linear-gradient(to right, #ff7216 0%, #ffb07c 100%); background-repeat: repeat-x; } .bg-gradient-y-warning { background-image: linear-gradient(to bottom, #ff7216 0%, #ffb07c 100%); background-repeat: repeat-x; } .bg-gradient-directional-warning { background-image: linear-gradient(45deg, #ff7216, #ffb07c); background-repeat: repeat-x; } .bg-gradient-x2-warning { background-image: linear-gradient(to right, #ffb07c, #ff9149 50%, #ffbf96); background-repeat: no-repeat; } .bg-gradient-y2-warning { background-image: linear-gradient(#ffb07c, #ff9149 50%, #ffbf96); background-repeat: no-repeat; } .bg-gradient-radial-warning { background-image: radial-gradient(circle, #ff7216, #ffb07c); background-repeat: no-repeat; } .bg-gradient-striped-warning { background-image: linear-gradient(45deg, #ffbf96 25%, transparent 25%, transparent 50%, #ffbf96 50%, #ffbf96 75%, transparent 75%, transparent); } .bg-gradient-x-warning .card-header, .bg-gradient-x-warning .card-footer, .bg-gradient-y-warning .card-header, .bg-gradient-y-warning .card-footer, .bg-gradient-directional-warning .card-header, .bg-gradient-directional-warning .card-footer, .bg-gradient-radial-warning .card-header, .bg-gradient-radial-warning .card-footer, .bg-gradient-striped-warning .card-header, .bg-gradient-striped-warning .card-footer, .bg-gradient-x2-warning .card-header, .bg-gradient-x2-warning .card-footer, .bg-gradient-y2-warning .card-header, .bg-gradient-y2-warning .card-footer { background-color: transparent; } .bg-gradient-x-danger { background-image: linear-gradient(to right, #ff1635 0%, #ff7c8d 100%); background-repeat: repeat-x; } .bg-gradient-y-danger { background-image: linear-gradient(to bottom, #ff1635 0%, #ff7c8d 100%); background-repeat: repeat-x; } .bg-gradient-directional-danger { background-image: linear-gradient(45deg, #ff1635, #ff7c8d); background-repeat: repeat-x; } .bg-gradient-x2-danger { background-image: linear-gradient(to right, #ff7c8d, #ff4961 50%, #ff96a3); background-repeat: no-repeat; } .bg-gradient-y2-danger { background-image: linear-gradient(#ff7c8d, #ff4961 50%, #ff96a3); background-repeat: no-repeat; } .bg-gradient-radial-danger { background-image: radial-gradient(circle, #ff1635, #ff7c8d); background-repeat: no-repeat; } .bg-gradient-striped-danger { background-image: linear-gradient(45deg, #ff96a3 25%, transparent 25%, transparent 50%, #ff96a3 50%, #ff96a3 75%, transparent 75%, transparent); } .bg-gradient-x-danger .card-header, .bg-gradient-x-danger .card-footer, .bg-gradient-y-danger .card-header, .bg-gradient-y-danger .card-footer, .bg-gradient-directional-danger .card-header, .bg-gradient-directional-danger .card-footer, .bg-gradient-radial-danger .card-header, .bg-gradient-radial-danger .card-footer, .bg-gradient-striped-danger .card-header, .bg-gradient-striped-danger .card-footer, .bg-gradient-x2-danger .card-header, .bg-gradient-x2-danger .card-footer, .bg-gradient-y2-danger .card-header, .bg-gradient-y2-danger .card-footer { background-color: transparent; } .bg-gradient-x-light .card-header, .bg-gradient-x-light .card-footer, .bg-gradient-y-light .card-header, .bg-gradient-y-light .card-footer, .bg-gradient-directional-light .card-header, .bg-gradient-directional-light .card-footer, .bg-gradient-radial-light .card-header, .bg-gradient-radial-light .card-footer, .bg-gradient-striped-light .card-header, .bg-gradient-striped-light .card-footer, .bg-gradient-x2-light .card-header, .bg-gradient-x2-light .card-footer, .bg-gradient-y2-light .card-header, .bg-gradient-y2-light .card-footer { background-color: transparent; } .bg-gradient-x-dark .card-header, .bg-gradient-x-dark .card-footer, .bg-gradient-y-dark .card-header, .bg-gradient-y-dark .card-footer, .bg-gradient-directional-dark .card-header, .bg-gradient-directional-dark .card-footer, .bg-gradient-radial-dark .card-header, .bg-gradient-radial-dark .card-footer, .bg-gradient-striped-dark .card-header, .bg-gradient-striped-dark .card-footer, .bg-gradient-x2-dark .card-header, .bg-gradient-x2-dark .card-footer, .bg-gradient-y2-dark .card-header, .bg-gradient-y2-dark .card-footer { background-color: transparent; } .bg-gradient-x-red { background-image: linear-gradient(to right, #d32f2f 0%, #e57373 100%); background-repeat: repeat-x; } .bg-gradient-y-red { background-image: linear-gradient(to bottom, #d32f2f 0%, #e57373 100%); background-repeat: repeat-x; } .bg-gradient-directional-red { background-image: linear-gradient(45deg, #d32f2f, #e57373); background-repeat: repeat-x; } .bg-gradient-x2-red { background-image: linear-gradient(to right, #e57373, #f44336 50%, #ef9a9a); background-repeat: no-repeat; } .bg-gradient-y2-red { background-image: linear-gradient(#e57373, #f44336 50%, #ef9a9a); background-repeat: no-repeat; } .bg-gradient-radial-red { background-image: radial-gradient(circle, #d32f2f, #e57373); background-repeat: no-repeat; } .bg-gradient-striped-red { background-image: linear-gradient(45deg, #ef9a9a 25%, transparent 25%, transparent 50%, #ef9a9a 50%, #ef9a9a 75%, transparent 75%, transparent); } .bg-gradient-x-red .card-header, .bg-gradient-x-red .card-footer, .bg-gradient-y-red .card-header, .bg-gradient-y-red .card-footer, .bg-gradient-directional-red .card-header, .bg-gradient-directional-red .card-footer, .bg-gradient-radial-red .card-header, .bg-gradient-radial-red .card-footer, .bg-gradient-striped-red .card-header, .bg-gradient-striped-red .card-footer, .bg-gradient-x2-red .card-header, .bg-gradient-x2-red .card-footer, .bg-gradient-y2-red .card-header, .bg-gradient-y2-red .card-footer { background-color: transparent; } .bg-gradient-x-pink { background-image: linear-gradient(to right, #c2185b 0%, #f06292 100%); background-repeat: repeat-x; } .bg-gradient-y-pink { background-image: linear-gradient(to bottom, #c2185b 0%, #f06292 100%); background-repeat: repeat-x; } .bg-gradient-directional-pink { background-image: linear-gradient(45deg, #c2185b, #f06292); background-repeat: repeat-x; } .bg-gradient-x2-pink { background-image: linear-gradient(to right, #f06292, #e91e63 50%, #f48fb1); background-repeat: no-repeat; } .bg-gradient-y2-pink { background-image: linear-gradient(#f06292, #e91e63 50%, #f48fb1); background-repeat: no-repeat; } .bg-gradient-radial-pink { background-image: radial-gradient(circle, #c2185b, #f06292); background-repeat: no-repeat; } .bg-gradient-striped-pink { background-image: linear-gradient(45deg, #f48fb1 25%, transparent 25%, transparent 50%, #f48fb1 50%, #f48fb1 75%, transparent 75%, transparent); } .bg-gradient-x-pink .card-header, .bg-gradient-x-pink .card-footer, .bg-gradient-y-pink .card-header, .bg-gradient-y-pink .card-footer, .bg-gradient-directional-pink .card-header, .bg-gradient-directional-pink .card-footer, .bg-gradient-radial-pink .card-header, .bg-gradient-radial-pink .card-footer, .bg-gradient-striped-pink .card-header, .bg-gradient-striped-pink .card-footer, .bg-gradient-x2-pink .card-header, .bg-gradient-x2-pink .card-footer, .bg-gradient-y2-pink .card-header, .bg-gradient-y2-pink .card-footer { background-color: transparent; } .bg-gradient-x-purple { background-image: linear-gradient(to right, #7b1fa2 0%, #ba68c8 100%); background-repeat: repeat-x; } .bg-gradient-y-purple { background-image: linear-gradient(to bottom, #7b1fa2 0%, #ba68c8 100%); background-repeat: repeat-x; } .bg-gradient-directional-purple { background-image: linear-gradient(45deg, #7b1fa2, #ba68c8); background-repeat: repeat-x; } .bg-gradient-x2-purple { background-image: linear-gradient(to right, #ba68c8, #9c27b0 50%, #ce93d8); background-repeat: no-repeat; } .bg-gradient-y2-purple { background-image: linear-gradient(#ba68c8, #9c27b0 50%, #ce93d8); background-repeat: no-repeat; } .bg-gradient-radial-purple { background-image: radial-gradient(circle, #7b1fa2, #ba68c8); background-repeat: no-repeat; } .bg-gradient-striped-purple { background-image: linear-gradient(45deg, #ce93d8 25%, transparent 25%, transparent 50%, #ce93d8 50%, #ce93d8 75%, transparent 75%, transparent); } .bg-gradient-x-purple .card-header, .bg-gradient-x-purple .card-footer, .bg-gradient-y-purple .card-header, .bg-gradient-y-purple .card-footer, .bg-gradient-directional-purple .card-header, .bg-gradient-directional-purple .card-footer, .bg-gradient-radial-purple .card-header, .bg-gradient-radial-purple .card-footer, .bg-gradient-striped-purple .card-header, .bg-gradient-striped-purple .card-footer, .bg-gradient-x2-purple .card-header, .bg-gradient-x2-purple .card-footer, .bg-gradient-y2-purple .card-header, .bg-gradient-y2-purple .card-footer { background-color: transparent; } .bg-gradient-x-blue { background-image: linear-gradient(to right, #1976d2 0%, #64b5f6 100%); background-repeat: repeat-x; } .bg-gradient-y-blue { background-image: linear-gradient(to bottom, #1976d2 0%, #64b5f6 100%); background-repeat: repeat-x; } .bg-gradient-directional-blue { background-image: linear-gradient(45deg, #1976d2, #64b5f6); background-repeat: repeat-x; } .bg-gradient-x2-blue { background-image: linear-gradient(to right, #64b5f6, #2196f3 50%, #90caf9); background-repeat: no-repeat; } .bg-gradient-y2-blue { background-image: linear-gradient(#64b5f6, #2196f3 50%, #90caf9); background-repeat: no-repeat; } .bg-gradient-radial-blue { background-image: radial-gradient(circle, #1976d2, #64b5f6); background-repeat: no-repeat; } .bg-gradient-striped-blue { background-image: linear-gradient(45deg, #90caf9 25%, transparent 25%, transparent 50%, #90caf9 50%, #90caf9 75%, transparent 75%, transparent); } .bg-gradient-x-blue .card-header, .bg-gradient-x-blue .card-footer, .bg-gradient-y-blue .card-header, .bg-gradient-y-blue .card-footer, .bg-gradient-directional-blue .card-header, .bg-gradient-directional-blue .card-footer, .bg-gradient-radial-blue .card-header, .bg-gradient-radial-blue .card-footer, .bg-gradient-striped-blue .card-header, .bg-gradient-striped-blue .card-footer, .bg-gradient-x2-blue .card-header, .bg-gradient-x2-blue .card-footer, .bg-gradient-y2-blue .card-header, .bg-gradient-y2-blue .card-footer { background-color: transparent; } .bg-gradient-x-cyan { background-image: linear-gradient(to right, #0097a7 0%, #4dd0e1 100%); background-repeat: repeat-x; } .bg-gradient-y-cyan { background-image: linear-gradient(to bottom, #0097a7 0%, #4dd0e1 100%); background-repeat: repeat-x; } .bg-gradient-directional-cyan { background-image: linear-gradient(45deg, #0097a7, #4dd0e1); background-repeat: repeat-x; } .bg-gradient-x2-cyan { background-image: linear-gradient(to right, #4dd0e1, #00bcd4 50%, #80deea); background-repeat: no-repeat; } .bg-gradient-y2-cyan { background-image: linear-gradient(#4dd0e1, #00bcd4 50%, #80deea); background-repeat: no-repeat; } .bg-gradient-radial-cyan { background-image: radial-gradient(circle, #0097a7, #4dd0e1); background-repeat: no-repeat; } .bg-gradient-striped-cyan { background-image: linear-gradient(45deg, #80deea 25%, transparent 25%, transparent 50%, #80deea 50%, #80deea 75%, transparent 75%, transparent); } .bg-gradient-x-cyan .card-header, .bg-gradient-x-cyan .card-footer, .bg-gradient-y-cyan .card-header, .bg-gradient-y-cyan .card-footer, .bg-gradient-directional-cyan .card-header, .bg-gradient-directional-cyan .card-footer, .bg-gradient-radial-cyan .card-header, .bg-gradient-radial-cyan .card-footer, .bg-gradient-striped-cyan .card-header, .bg-gradient-striped-cyan .card-footer, .bg-gradient-x2-cyan .card-header, .bg-gradient-x2-cyan .card-footer, .bg-gradient-y2-cyan .card-header, .bg-gradient-y2-cyan .card-footer { background-color: transparent; } .bg-gradient-x-teal { background-image: linear-gradient(to right, #00796b 0%, #4db6ac 100%); background-repeat: repeat-x; } .bg-gradient-y-teal { background-image: linear-gradient(to bottom, #00796b 0%, #4db6ac 100%); background-repeat: repeat-x; } .bg-gradient-directional-teal { background-image: linear-gradient(45deg, #00796b, #4db6ac); background-repeat: repeat-x; } .bg-gradient-x2-teal { background-image: linear-gradient(to right, #4db6ac, #009688 50%, #80cbc4); background-repeat: no-repeat; } .bg-gradient-y2-teal { background-image: linear-gradient(#4db6ac, #009688 50%, #80cbc4); background-repeat: no-repeat; } .bg-gradient-radial-teal { background-image: radial-gradient(circle, #00796b, #4db6ac); background-repeat: no-repeat; } .bg-gradient-striped-teal { background-image: linear-gradient(45deg, #80cbc4 25%, transparent 25%, transparent 50%, #80cbc4 50%, #80cbc4 75%, transparent 75%, transparent); } .bg-gradient-x-teal .card-header, .bg-gradient-x-teal .card-footer, .bg-gradient-y-teal .card-header, .bg-gradient-y-teal .card-footer, .bg-gradient-directional-teal .card-header, .bg-gradient-directional-teal .card-footer, .bg-gradient-radial-teal .card-header, .bg-gradient-radial-teal .card-footer, .bg-gradient-striped-teal .card-header, .bg-gradient-striped-teal .card-footer, .bg-gradient-x2-teal .card-header, .bg-gradient-x2-teal .card-footer, .bg-gradient-y2-teal .card-header, .bg-gradient-y2-teal .card-footer { background-color: transparent; } .bg-gradient-x-yellow { background-image: linear-gradient(to right, #fbc02d 0%, #fff176 100%); background-repeat: repeat-x; } .bg-gradient-y-yellow { background-image: linear-gradient(to bottom, #fbc02d 0%, #fff176 100%); background-repeat: repeat-x; } .bg-gradient-directional-yellow { background-image: linear-gradient(45deg, #fbc02d, #fff176); background-repeat: repeat-x; } .bg-gradient-x2-yellow { background-image: linear-gradient(to right, #fff176, #ffeb3b 50%, #fff59d); background-repeat: no-repeat; } .bg-gradient-y2-yellow { background-image: linear-gradient(#fff176, #ffeb3b 50%, #fff59d); background-repeat: no-repeat; } .bg-gradient-radial-yellow { background-image: radial-gradient(circle, #fbc02d, #fff176); background-repeat: no-repeat; } .bg-gradient-striped-yellow { background-image: linear-gradient(45deg, #fff59d 25%, transparent 25%, transparent 50%, #fff59d 50%, #fff59d 75%, transparent 75%, transparent); } .bg-gradient-x-yellow .card-header, .bg-gradient-x-yellow .card-footer, .bg-gradient-y-yellow .card-header, .bg-gradient-y-yellow .card-footer, .bg-gradient-directional-yellow .card-header, .bg-gradient-directional-yellow .card-footer, .bg-gradient-radial-yellow .card-header, .bg-gradient-radial-yellow .card-footer, .bg-gradient-striped-yellow .card-header, .bg-gradient-striped-yellow .card-footer, .bg-gradient-x2-yellow .card-header, .bg-gradient-x2-yellow .card-footer, .bg-gradient-y2-yellow .card-header, .bg-gradient-y2-yellow .card-footer { background-color: transparent; } .bg-gradient-x-amber { background-image: linear-gradient(to right, #ffa000 0%, #ffd54f 100%); background-repeat: repeat-x; } .bg-gradient-y-amber { background-image: linear-gradient(to bottom, #ffa000 0%, #ffd54f 100%); background-repeat: repeat-x; } .bg-gradient-directional-amber { background-image: linear-gradient(45deg, #ffa000, #ffd54f); background-repeat: repeat-x; } .bg-gradient-x2-amber { background-image: linear-gradient(to right, #ffd54f, #ffc107 50%, #ffe082); background-repeat: no-repeat; } .bg-gradient-y2-amber { background-image: linear-gradient(#ffd54f, #ffc107 50%, #ffe082); background-repeat: no-repeat; } .bg-gradient-radial-amber { background-image: radial-gradient(circle, #ffa000, #ffd54f); background-repeat: no-repeat; } .bg-gradient-striped-amber { background-image: linear-gradient(45deg, #ffe082 25%, transparent 25%, transparent 50%, #ffe082 50%, #ffe082 75%, transparent 75%, transparent); } .bg-gradient-x-amber .card-header, .bg-gradient-x-amber .card-footer, .bg-gradient-y-amber .card-header, .bg-gradient-y-amber .card-footer, .bg-gradient-directional-amber .card-header, .bg-gradient-directional-amber .card-footer, .bg-gradient-radial-amber .card-header, .bg-gradient-radial-amber .card-footer, .bg-gradient-striped-amber .card-header, .bg-gradient-striped-amber .card-footer, .bg-gradient-x2-amber .card-header, .bg-gradient-x2-amber .card-footer, .bg-gradient-y2-amber .card-header, .bg-gradient-y2-amber .card-footer { background-color: transparent; } .bg-gradient-x-blue-grey { background-image: linear-gradient(to right, #455a64 0%, #90a4ae 100%); background-repeat: repeat-x; } .bg-gradient-y-blue-grey { background-image: linear-gradient(to bottom, #455a64 0%, #90a4ae 100%); background-repeat: repeat-x; } .bg-gradient-directional-blue-grey { background-image: linear-gradient(45deg, #455a64, #90a4ae); background-repeat: repeat-x; } .bg-gradient-x2-blue-grey { background-image: linear-gradient(to right, #90a4ae, #607d8b 50%, #b0bec5); background-repeat: no-repeat; } .bg-gradient-y2-blue-grey { background-image: linear-gradient(#90a4ae, #607d8b 50%, #b0bec5); background-repeat: no-repeat; } .bg-gradient-radial-blue-grey { background-image: radial-gradient(circle, #455a64, #90a4ae); background-repeat: no-repeat; } .bg-gradient-striped-blue-grey { background-image: linear-gradient(45deg, #b0bec5 25%, transparent 25%, transparent 50%, #b0bec5 50%, #b0bec5 75%, transparent 75%, transparent); } .bg-gradient-x-blue-grey .card-header, .bg-gradient-x-blue-grey .card-footer, .bg-gradient-y-blue-grey .card-header, .bg-gradient-y-blue-grey .card-footer, .bg-gradient-directional-blue-grey .card-header, .bg-gradient-directional-blue-grey .card-footer, .bg-gradient-radial-blue-grey .card-header, .bg-gradient-radial-blue-grey .card-footer, .bg-gradient-striped-blue-grey .card-header, .bg-gradient-striped-blue-grey .card-footer, .bg-gradient-x2-blue-grey .card-header, .bg-gradient-x2-blue-grey .card-footer, .bg-gradient-y2-blue-grey .card-header, .bg-gradient-y2-blue-grey .card-footer { background-color: transparent; } .bg-gradient-x-grey-blue { background-image: linear-gradient(to right, #2c303b 0%, #6f85ad 100%); background-repeat: repeat-x; } .bg-gradient-y-grey-blue { background-image: linear-gradient(to bottom, #2c303b 0%, #6f85ad 100%); background-repeat: repeat-x; } .bg-gradient-directional-grey-blue { background-image: linear-gradient(45deg, #2c303b, #6f85ad); background-repeat: repeat-x; } .bg-gradient-x2-grey-blue { background-image: linear-gradient(to right, #6f85ad, #1b2942 50%, #b0bec5); background-repeat: no-repeat; } .bg-gradient-y2-grey-blue { background-image: linear-gradient(#6f85ad, #1b2942 50%, #b0bec5); background-repeat: no-repeat; } .bg-gradient-radial-grey-blue { background-image: radial-gradient(circle, #2c303b, #6f85ad); background-repeat: no-repeat; } .bg-gradient-striped-grey-blue { background-image: linear-gradient(45deg, #b0bec5 25%, transparent 25%, transparent 50%, #b0bec5 50%, #b0bec5 75%, transparent 75%, transparent); } .bg-gradient-x-grey-blue .card-header, .bg-gradient-x-grey-blue .card-footer, .bg-gradient-y-grey-blue .card-header, .bg-gradient-y-grey-blue .card-footer, .bg-gradient-directional-grey-blue .card-header, .bg-gradient-directional-grey-blue .card-footer, .bg-gradient-radial-grey-blue .card-header, .bg-gradient-radial-grey-blue .card-footer, .bg-gradient-striped-grey-blue .card-header, .bg-gradient-striped-grey-blue .card-footer, .bg-gradient-x2-grey-blue .card-header, .bg-gradient-x2-grey-blue .card-footer, .bg-gradient-y2-grey-blue .card-header, .bg-gradient-y2-grey-blue .card-footer { background-color: transparent; } .bs-callout-white { display: block; border-color: #ffffff !important; background-color: white; border-radius: 0.25rem; color: gray; } .bs-callout-white h1, .bs-callout-white h2, .bs-callout-white h3, .bs-callout-white h4, .bs-callout-white h5, .bs-callout-white h6 { margin-top: 0; color: #ffffff; } .bs-callout-white p:last-child { margin-bottom: 0; } .bs-callout-white code, .bs-callout-white .highlight { background-color: #fff; } .bs-callout-white.callout-transparent { display: block; border-color: #ffffff !important; background-color: transparent; border-radius: 0.25rem; color: gray; } .bs-callout-white.callout-transparent h1, .bs-callout-white.callout-transparent h2, .bs-callout-white.callout-transparent h3, .bs-callout-white.callout-transparent h4, .bs-callout-white.callout-transparent h5, .bs-callout-white.callout-transparent h6 { margin-top: 0; color: #ffffff; } .bs-callout-white.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-white.callout-transparent code, .bs-callout-white.callout-transparent .highlight { background-color: #fff; } .bs-callout-white .callout-arrow-left:before { border-left-color: #ffffff; } .bs-callout-white .callout-arrow-right:before { border-right-color: #ffffff; } .bs-callout-black { display: block; border-color: #000000 !important; background-color: #525252; border-radius: 0.25rem; color: black; } .bs-callout-black h1, .bs-callout-black h2, .bs-callout-black h3, .bs-callout-black h4, .bs-callout-black h5, .bs-callout-black h6 { margin-top: 0; color: #000000; } .bs-callout-black p:last-child { margin-bottom: 0; } .bs-callout-black code, .bs-callout-black .highlight { background-color: #fff; } .bs-callout-black.callout-transparent { display: block; border-color: #000000 !important; background-color: transparent; border-radius: 0.25rem; color: black; } .bs-callout-black.callout-transparent h1, .bs-callout-black.callout-transparent h2, .bs-callout-black.callout-transparent h3, .bs-callout-black.callout-transparent h4, .bs-callout-black.callout-transparent h5, .bs-callout-black.callout-transparent h6 { margin-top: 0; color: #000000; } .bs-callout-black.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-black.callout-transparent code, .bs-callout-black.callout-transparent .highlight { background-color: #fff; } .bs-callout-black .callout-arrow-left:before { border-left-color: #000000; } .bs-callout-black .callout-arrow-right:before { border-right-color: #000000; } .climacon-primary.climacon-lighten-5 .climacon_component-stroke { fill: #d5d7f9; } .climacon-primary.climacon-lighten-4 .climacon_component-stroke { fill: #bfc2f5; } .climacon-primary.climacon-lighten-3 .climacon_component-stroke { fill: #a9adf2; } .climacon-primary.climacon-lighten-2 .climacon_component-stroke { fill: #9298ef; } .climacon-primary.climacon-lighten-1 .climacon_component-stroke { fill: #7c83eb; } .bs-callout-primary { display: block; border-color: #666ee8 !important; background-color: #f4f4fd; border-radius: 0.25rem; color: #0a0e45; } .bs-callout-primary h1, .bs-callout-primary h2, .bs-callout-primary h3, .bs-callout-primary h4, .bs-callout-primary h5, .bs-callout-primary h6 { margin-top: 0; color: #666ee8; } .bs-callout-primary p:last-child { margin-bottom: 0; } .bs-callout-primary code, .bs-callout-primary .highlight { background-color: #fff; } .bs-callout-primary.callout-transparent { display: block; border-color: #666ee8 !important; background-color: transparent; border-radius: 0.25rem; color: #0a0e45; } .bs-callout-primary.callout-transparent h1, .bs-callout-primary.callout-transparent h2, .bs-callout-primary.callout-transparent h3, .bs-callout-primary.callout-transparent h4, .bs-callout-primary.callout-transparent h5, .bs-callout-primary.callout-transparent h6 { margin-top: 0; color: #666ee8; } .bs-callout-primary.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-primary.callout-transparent code, .bs-callout-primary.callout-transparent .highlight { background-color: #fff; } .bs-callout-primary .callout-arrow-left:before { border-left-color: #666ee8; } .bs-callout-primary .callout-arrow-right:before { border-right-color: #666ee8; } .climacon-primary.climacon-darken-1 .climacon_component-stroke { fill: #5059e5; } .climacon-primary.climacon-darken-2 .climacon_component-stroke { fill: #3a44e1; } .climacon-primary.climacon-darken-3 .climacon_component-stroke { fill: #232fde; } .climacon-primary.climacon-darken-4 .climacon_component-stroke { fill: #1e29ca; } .climacon-primary.climacon-accent-1 .climacon_component-stroke { fill: #efefff; } .climacon-primary.climacon-accent-2 .climacon_component-stroke { fill: #dbdbff; } .climacon-primary.climacon-accent-3 .climacon_component-stroke { fill: #bcbfff; } .climacon-primary.climacon-accent-4 .climacon_component-stroke { fill: #a2a6ff; } .climacon-secondary.climacon-lighten-5 .climacon_component-stroke { fill: #afb2bd; } .climacon-secondary.climacon-lighten-4 .climacon_component-stroke { fill: #a1a4b2; } .climacon-secondary.climacon-lighten-3 .climacon_component-stroke { fill: #9397a6; } .climacon-secondary.climacon-lighten-2 .climacon_component-stroke { fill: #85899b; } .climacon-secondary.climacon-lighten-1 .climacon_component-stroke { fill: #777b8f; } .bs-callout-secondary { display: block; border-color: #6b6f82 !important; background-color: #c3c5cd; border-radius: 0.25rem; color: black; } .bs-callout-secondary h1, .bs-callout-secondary h2, .bs-callout-secondary h3, .bs-callout-secondary h4, .bs-callout-secondary h5, .bs-callout-secondary h6 { margin-top: 0; color: #6b6f82; } .bs-callout-secondary p:last-child { margin-bottom: 0; } .bs-callout-secondary code, .bs-callout-secondary .highlight { background-color: #fff; } .bs-callout-secondary.callout-transparent { display: block; border-color: #6b6f82 !important; background-color: transparent; border-radius: 0.25rem; color: black; } .bs-callout-secondary.callout-transparent h1, .bs-callout-secondary.callout-transparent h2, .bs-callout-secondary.callout-transparent h3, .bs-callout-secondary.callout-transparent h4, .bs-callout-secondary.callout-transparent h5, .bs-callout-secondary.callout-transparent h6 { margin-top: 0; color: #6b6f82; } .bs-callout-secondary.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-secondary.callout-transparent code, .bs-callout-secondary.callout-transparent .highlight { background-color: #fff; } .bs-callout-secondary .callout-arrow-left:before { border-left-color: #6b6f82; } .bs-callout-secondary .callout-arrow-right:before { border-right-color: #6b6f82; } .climacon-secondary.climacon-darken-1 .climacon_component-stroke { fill: #5f6374; } .climacon-secondary.climacon-darken-2 .climacon_component-stroke { fill: #545766; } .climacon-secondary.climacon-darken-3 .climacon_component-stroke { fill: #484b58; } .climacon-secondary.climacon-darken-4 .climacon_component-stroke { fill: #3d3f4a; } .climacon-success.climacon-lighten-5 .climacon_component-stroke { fill: #8ee9c9; } .climacon-success.climacon-lighten-4 .climacon_component-stroke { fill: #79e5be; } .climacon-success.climacon-lighten-3 .climacon_component-stroke { fill: #63e1b4; } .climacon-success.climacon-lighten-2 .climacon_component-stroke { fill: #4eddaa; } .climacon-success.climacon-lighten-1 .climacon_component-stroke { fill: #39d9a0; } .bs-callout-success { display: block; border-color: #28d094 !important; background-color: #acefd7; border-radius: 0.25rem; color: black; } .bs-callout-success h1, .bs-callout-success h2, .bs-callout-success h3, .bs-callout-success h4, .bs-callout-success h5, .bs-callout-success h6 { margin-top: 0; color: #28d094; } .bs-callout-success p:last-child { margin-bottom: 0; } .bs-callout-success code, .bs-callout-success .highlight { background-color: #fff; } .bs-callout-success.callout-transparent { display: block; border-color: #28d094 !important; background-color: transparent; border-radius: 0.25rem; color: black; } .bs-callout-success.callout-transparent h1, .bs-callout-success.callout-transparent h2, .bs-callout-success.callout-transparent h3, .bs-callout-success.callout-transparent h4, .bs-callout-success.callout-transparent h5, .bs-callout-success.callout-transparent h6 { margin-top: 0; color: #28d094; } .bs-callout-success.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-success.callout-transparent code, .bs-callout-success.callout-transparent .highlight { background-color: #fff; } .bs-callout-success .callout-arrow-left:before { border-left-color: #28d094; } .bs-callout-success .callout-arrow-right:before { border-right-color: #28d094; } .climacon-success.climacon-darken-1 .climacon_component-stroke { fill: #24bb85; } .climacon-success.climacon-darken-2 .climacon_component-stroke { fill: #20a576; } .climacon-success.climacon-darken-3 .climacon_component-stroke { fill: #1c9066; } .climacon-success.climacon-darken-4 .climacon_component-stroke { fill: #187a57; } .climacon-success.climacon-accent-1 .climacon_component-stroke { fill: #e1fff0; } .climacon-success.climacon-accent-2 .climacon_component-stroke { fill: #aeffd5; } .climacon-success.climacon-accent-3 .climacon_component-stroke { fill: #7bffbb; } .climacon-success.climacon-accent-4 .climacon_component-stroke { fill: #62ffae; } .climacon-info.climacon-lighten-5 .climacon_component-stroke { fill: #97d2f9; } .climacon-info.climacon-lighten-4 .climacon_component-stroke { fill: #7ec8f8; } .climacon-info.climacon-lighten-3 .climacon_component-stroke { fill: #66bef6; } .climacon-info.climacon-lighten-2 .climacon_component-stroke { fill: #4eb4f5; } .climacon-info.climacon-lighten-1 .climacon_component-stroke { fill: #36a9f3; } .bs-callout-info { display: block; border-color: #1e9ff2 !important; background-color: #b8e1fb; border-radius: 0.25rem; color: #010a10; } .bs-callout-info h1, .bs-callout-info h2, .bs-callout-info h3, .bs-callout-info h4, .bs-callout-info h5, .bs-callout-info h6 { margin-top: 0; color: #1e9ff2; } .bs-callout-info p:last-child { margin-bottom: 0; } .bs-callout-info code, .bs-callout-info .highlight { background-color: #fff; } .bs-callout-info.callout-transparent { display: block; border-color: #1e9ff2 !important; background-color: transparent; border-radius: 0.25rem; color: #010a10; } .bs-callout-info.callout-transparent h1, .bs-callout-info.callout-transparent h2, .bs-callout-info.callout-transparent h3, .bs-callout-info.callout-transparent h4, .bs-callout-info.callout-transparent h5, .bs-callout-info.callout-transparent h6 { margin-top: 0; color: #1e9ff2; } .bs-callout-info.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-info.callout-transparent code, .bs-callout-info.callout-transparent .highlight { background-color: #fff; } .bs-callout-info .callout-arrow-left:before { border-left-color: #1e9ff2; } .bs-callout-info .callout-arrow-right:before { border-right-color: #1e9ff2; } .climacon-info.climacon-darken-1 .climacon_component-stroke { fill: #0d93e9; } .climacon-info.climacon-darken-2 .climacon_component-stroke { fill: #0c84d1; } .climacon-info.climacon-darken-3 .climacon_component-stroke { fill: #0b75b9; } .climacon-info.climacon-darken-4 .climacon_component-stroke { fill: #0965a1; } .climacon-info.climacon-accent-1 .climacon_component-stroke { fill: #eff5ff; } .climacon-info.climacon-accent-2 .climacon_component-stroke { fill: #dfecff; } .climacon-info.climacon-accent-3 .climacon_component-stroke { fill: #accfff; } .climacon-info.climacon-accent-4 .climacon_component-stroke { fill: #92c0ff; } .climacon-warning.climacon-lighten-5 .climacon_component-stroke { fill: #ffdec9; } .climacon-warning.climacon-lighten-4 .climacon_component-stroke { fill: #ffcfaf; } .climacon-warning.climacon-lighten-3 .climacon_component-stroke { fill: #ffbf96; } .climacon-warning.climacon-lighten-2 .climacon_component-stroke { fill: #ffb07c; } .climacon-warning.climacon-lighten-1 .climacon_component-stroke { fill: #ffa063; } .bs-callout-warning { display: block; border-color: #ff9149 !important; background-color: #fff4ec; border-radius: 0.25rem; color: #491d00; } .bs-callout-warning h1, .bs-callout-warning h2, .bs-callout-warning h3, .bs-callout-warning h4, .bs-callout-warning h5, .bs-callout-warning h6 { margin-top: 0; color: #ff9149; } .bs-callout-warning p:last-child { margin-bottom: 0; } .bs-callout-warning code, .bs-callout-warning .highlight { background-color: #fff; } .bs-callout-warning.callout-transparent { display: block; border-color: #ff9149 !important; background-color: transparent; border-radius: 0.25rem; color: #491d00; } .bs-callout-warning.callout-transparent h1, .bs-callout-warning.callout-transparent h2, .bs-callout-warning.callout-transparent h3, .bs-callout-warning.callout-transparent h4, .bs-callout-warning.callout-transparent h5, .bs-callout-warning.callout-transparent h6 { margin-top: 0; color: #ff9149; } .bs-callout-warning.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-warning.callout-transparent code, .bs-callout-warning.callout-transparent .highlight { background-color: #fff; } .bs-callout-warning .callout-arrow-left:before { border-left-color: #ff9149; } .bs-callout-warning .callout-arrow-right:before { border-right-color: #ff9149; } .climacon-warning.climacon-darken-1 .climacon_component-stroke { fill: #ff8230; } .climacon-warning.climacon-darken-2 .climacon_component-stroke { fill: #ff7216; } .climacon-warning.climacon-darken-3 .climacon_component-stroke { fill: #fc6300; } .climacon-warning.climacon-darken-4 .climacon_component-stroke { fill: #e25900; } .climacon-warning.climacon-accent-1 .climacon_component-stroke { fill: #fff5ef; } .climacon-warning.climacon-accent-2 .climacon_component-stroke { fill: #ffe5d8; } .climacon-warning.climacon-accent-3 .climacon_component-stroke { fill: #ffddd0; } .climacon-warning.climacon-accent-4 .climacon_component-stroke { fill: #ffcab7; } .climacon-danger.climacon-lighten-5 .climacon_component-stroke { fill: #ffc9d0; } .climacon-danger.climacon-lighten-4 .climacon_component-stroke { fill: #ffafba; } .climacon-danger.climacon-lighten-3 .climacon_component-stroke { fill: #ff96a3; } .climacon-danger.climacon-lighten-2 .climacon_component-stroke { fill: #ff7c8d; } .climacon-danger.climacon-lighten-1 .climacon_component-stroke { fill: #ff6377; } .bs-callout-danger { display: block; border-color: #ff4961 !important; background-color: #ffecef; border-radius: 0.25rem; color: #49000a; } .bs-callout-danger h1, .bs-callout-danger h2, .bs-callout-danger h3, .bs-callout-danger h4, .bs-callout-danger h5, .bs-callout-danger h6 { margin-top: 0; color: #ff4961; } .bs-callout-danger p:last-child { margin-bottom: 0; } .bs-callout-danger code, .bs-callout-danger .highlight { background-color: #fff; } .bs-callout-danger.callout-transparent { display: block; border-color: #ff4961 !important; background-color: transparent; border-radius: 0.25rem; color: #49000a; } .bs-callout-danger.callout-transparent h1, .bs-callout-danger.callout-transparent h2, .bs-callout-danger.callout-transparent h3, .bs-callout-danger.callout-transparent h4, .bs-callout-danger.callout-transparent h5, .bs-callout-danger.callout-transparent h6 { margin-top: 0; color: #ff4961; } .bs-callout-danger.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-danger.callout-transparent code, .bs-callout-danger.callout-transparent .highlight { background-color: #fff; } .bs-callout-danger .callout-arrow-left:before { border-left-color: #ff4961; } .bs-callout-danger .callout-arrow-right:before { border-right-color: #ff4961; } .climacon-danger.climacon-darken-1 .climacon_component-stroke { fill: #ff304b; } .climacon-danger.climacon-darken-2 .climacon_component-stroke { fill: #ff1635; } .climacon-danger.climacon-darken-3 .climacon_component-stroke { fill: #fc0021; } .climacon-danger.climacon-darken-4 .climacon_component-stroke { fill: #e2001e; } .climacon-danger.climacon-accent-1 .climacon_component-stroke { fill: #ffeef1; } .climacon-danger.climacon-accent-2 .climacon_component-stroke { fill: #ffd6db; } .climacon-danger.climacon-accent-3 .climacon_component-stroke { fill: #ffd0d3; } .climacon-danger.climacon-accent-4 .climacon_component-stroke { fill: #ffb7bc; } .bs-callout-light { display: block; border-color: #e0e0e0 !important; background-color: white; border-radius: 0.25rem; color: #616161; } .bs-callout-light h1, .bs-callout-light h2, .bs-callout-light h3, .bs-callout-light h4, .bs-callout-light h5, .bs-callout-light h6 { margin-top: 0; color: #e0e0e0; } .bs-callout-light p:last-child { margin-bottom: 0; } .bs-callout-light code, .bs-callout-light .highlight { background-color: #fff; } .bs-callout-light.callout-transparent { display: block; border-color: #e0e0e0 !important; background-color: transparent; border-radius: 0.25rem; color: #616161; } .bs-callout-light.callout-transparent h1, .bs-callout-light.callout-transparent h2, .bs-callout-light.callout-transparent h3, .bs-callout-light.callout-transparent h4, .bs-callout-light.callout-transparent h5, .bs-callout-light.callout-transparent h6 { margin-top: 0; color: #e0e0e0; } .bs-callout-light.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-light.callout-transparent code, .bs-callout-light.callout-transparent .highlight { background-color: #fff; } .bs-callout-light .callout-arrow-left:before { border-left-color: #e0e0e0; } .bs-callout-light .callout-arrow-right:before { border-right-color: #e0e0e0; } .climacon-light.climacon-lighten-1 .climacon_component-stroke { fill: #bdbdbd; } .climacon-light.climacon-darken-1 .climacon_component-stroke { fill: #9e9e9e; } .bs-callout-dark { display: block; border-color: #424242 !important; background-color: #949494; border-radius: 0.25rem; color: black; } .bs-callout-dark h1, .bs-callout-dark h2, .bs-callout-dark h3, .bs-callout-dark h4, .bs-callout-dark h5, .bs-callout-dark h6 { margin-top: 0; color: #424242; } .bs-callout-dark p:last-child { margin-bottom: 0; } .bs-callout-dark code, .bs-callout-dark .highlight { background-color: #fff; } .bs-callout-dark.callout-transparent { display: block; border-color: #424242 !important; background-color: transparent; border-radius: 0.25rem; color: black; } .bs-callout-dark.callout-transparent h1, .bs-callout-dark.callout-transparent h2, .bs-callout-dark.callout-transparent h3, .bs-callout-dark.callout-transparent h4, .bs-callout-dark.callout-transparent h5, .bs-callout-dark.callout-transparent h6 { margin-top: 0; color: #424242; } .bs-callout-dark.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-dark.callout-transparent code, .bs-callout-dark.callout-transparent .highlight { background-color: #fff; } .bs-callout-dark .callout-arrow-left:before { border-left-color: #424242; } .bs-callout-dark .callout-arrow-right:before { border-right-color: #424242; } .climacon-dark.climacon-lighten-1 .climacon_component-stroke { fill: #616161; } .climacon-dark.climacon-darken-1 .climacon_component-stroke { fill: #212121; } .climacon-red.climacon-lighten-5 .climacon_component-stroke { fill: #ffebee; } .climacon-red.climacon-lighten-4 .climacon_component-stroke { fill: #ffcdd2; } .climacon-red.climacon-lighten-3 .climacon_component-stroke { fill: #ef9a9a; } .climacon-red.climacon-lighten-2 .climacon_component-stroke { fill: #e57373; } .climacon-red.climacon-lighten-1 .climacon_component-stroke { fill: #ef5350; } .bs-callout-red { display: block; border-color: #f44336 !important; background-color: #fcd4d1; border-radius: 0.25rem; color: #290502; } .bs-callout-red h1, .bs-callout-red h2, .bs-callout-red h3, .bs-callout-red h4, .bs-callout-red h5, .bs-callout-red h6 { margin-top: 0; color: #f44336; } .bs-callout-red p:last-child { margin-bottom: 0; } .bs-callout-red code, .bs-callout-red .highlight { background-color: #fff; } .bs-callout-red.callout-transparent { display: block; border-color: #f44336 !important; background-color: transparent; border-radius: 0.25rem; color: #290502; } .bs-callout-red.callout-transparent h1, .bs-callout-red.callout-transparent h2, .bs-callout-red.callout-transparent h3, .bs-callout-red.callout-transparent h4, .bs-callout-red.callout-transparent h5, .bs-callout-red.callout-transparent h6 { margin-top: 0; color: #f44336; } .bs-callout-red.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-red.callout-transparent code, .bs-callout-red.callout-transparent .highlight { background-color: #fff; } .bs-callout-red .callout-arrow-left:before { border-left-color: #f44336; } .bs-callout-red .callout-arrow-right:before { border-right-color: #f44336; } .climacon-red.climacon-darken-1 .climacon_component-stroke { fill: #e53935; } .climacon-red.climacon-darken-2 .climacon_component-stroke { fill: #d32f2f; } .climacon-red.climacon-darken-3 .climacon_component-stroke { fill: #c62828; } .climacon-red.climacon-darken-4 .climacon_component-stroke { fill: #b71c1c; } .climacon-red.climacon-accent-1 .climacon_component-stroke { fill: #ff8a80; } .climacon-red.climacon-accent-2 .climacon_component-stroke { fill: #ff5252; } .climacon-red.climacon-accent-3 .climacon_component-stroke { fill: #ff1744; } .climacon-red.climacon-accent-4 .climacon_component-stroke { fill: #d50000; } .climacon-pink.climacon-lighten-5 .climacon_component-stroke { fill: #fce4ec; } .climacon-pink.climacon-lighten-4 .climacon_component-stroke { fill: #f8bbd0; } .climacon-pink.climacon-lighten-3 .climacon_component-stroke { fill: #f48fb1; } .climacon-pink.climacon-lighten-2 .climacon_component-stroke { fill: #f06292; } .climacon-pink.climacon-lighten-1 .climacon_component-stroke { fill: #ec407a; } .bs-callout-pink { display: block; border-color: #e91e63 !important; background-color: #f8b3ca; border-radius: 0.25rem; color: #070103; } .bs-callout-pink h1, .bs-callout-pink h2, .bs-callout-pink h3, .bs-callout-pink h4, .bs-callout-pink h5, .bs-callout-pink h6 { margin-top: 0; color: #e91e63; } .bs-callout-pink p:last-child { margin-bottom: 0; } .bs-callout-pink code, .bs-callout-pink .highlight { background-color: #fff; } .bs-callout-pink.callout-transparent { display: block; border-color: #e91e63 !important; background-color: transparent; border-radius: 0.25rem; color: #070103; } .bs-callout-pink.callout-transparent h1, .bs-callout-pink.callout-transparent h2, .bs-callout-pink.callout-transparent h3, .bs-callout-pink.callout-transparent h4, .bs-callout-pink.callout-transparent h5, .bs-callout-pink.callout-transparent h6 { margin-top: 0; color: #e91e63; } .bs-callout-pink.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-pink.callout-transparent code, .bs-callout-pink.callout-transparent .highlight { background-color: #fff; } .bs-callout-pink .callout-arrow-left:before { border-left-color: #e91e63; } .bs-callout-pink .callout-arrow-right:before { border-right-color: #e91e63; } .climacon-pink.climacon-darken-1 .climacon_component-stroke { fill: #d81b60; } .climacon-pink.climacon-darken-2 .climacon_component-stroke { fill: #c2185b; } .climacon-pink.climacon-darken-3 .climacon_component-stroke { fill: #ad1457; } .climacon-pink.climacon-darken-4 .climacon_component-stroke { fill: #880e4f; } .climacon-pink.climacon-accent-1 .climacon_component-stroke { fill: #ff80ab; } .climacon-pink.climacon-accent-2 .climacon_component-stroke { fill: #ff4081; } .climacon-pink.climacon-accent-3 .climacon_component-stroke { fill: #f50057; } .climacon-pink.climacon-accent-4 .climacon_component-stroke { fill: #c51162; } .climacon-purple.climacon-lighten-5 .climacon_component-stroke { fill: #f3e5f5; } .climacon-purple.climacon-lighten-4 .climacon_component-stroke { fill: #e1bee7; } .climacon-purple.climacon-lighten-3 .climacon_component-stroke { fill: #ce93d8; } .climacon-purple.climacon-lighten-2 .climacon_component-stroke { fill: #ba68c8; } .climacon-purple.climacon-lighten-1 .climacon_component-stroke { fill: #ab47bc; } .bs-callout-purple { display: block; border-color: #9c27b0 !important; background-color: #db93e7; border-radius: 0.25rem; color: black; } .bs-callout-purple h1, .bs-callout-purple h2, .bs-callout-purple h3, .bs-callout-purple h4, .bs-callout-purple h5, .bs-callout-purple h6 { margin-top: 0; color: #9c27b0; } .bs-callout-purple p:last-child { margin-bottom: 0; } .bs-callout-purple code, .bs-callout-purple .highlight { background-color: #fff; } .bs-callout-purple.callout-transparent { display: block; border-color: #9c27b0 !important; background-color: transparent; border-radius: 0.25rem; color: black; } .bs-callout-purple.callout-transparent h1, .bs-callout-purple.callout-transparent h2, .bs-callout-purple.callout-transparent h3, .bs-callout-purple.callout-transparent h4, .bs-callout-purple.callout-transparent h5, .bs-callout-purple.callout-transparent h6 { margin-top: 0; color: #9c27b0; } .bs-callout-purple.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-purple.callout-transparent code, .bs-callout-purple.callout-transparent .highlight { background-color: #fff; } .bs-callout-purple .callout-arrow-left:before { border-left-color: #9c27b0; } .bs-callout-purple .callout-arrow-right:before { border-right-color: #9c27b0; } .climacon-purple.climacon-darken-1 .climacon_component-stroke { fill: #8e24aa; } .climacon-purple.climacon-darken-2 .climacon_component-stroke { fill: #7b1fa2; } .climacon-purple.climacon-darken-3 .climacon_component-stroke { fill: #6a1b9a; } .climacon-purple.climacon-darken-4 .climacon_component-stroke { fill: #4a148c; } .climacon-purple.climacon-accent-1 .climacon_component-stroke { fill: #ea80fc; } .climacon-purple.climacon-accent-2 .climacon_component-stroke { fill: #e040fb; } .climacon-purple.climacon-accent-3 .climacon_component-stroke { fill: #d500f9; } .climacon-purple.climacon-accent-4 .climacon_component-stroke { fill: #dd00ff; } .climacon-blue.climacon-lighten-5 .climacon_component-stroke { fill: #e3f2fd; } .climacon-blue.climacon-lighten-4 .climacon_component-stroke { fill: #bbdefb; } .climacon-blue.climacon-lighten-3 .climacon_component-stroke { fill: #90caf9; } .climacon-blue.climacon-lighten-2 .climacon_component-stroke { fill: #64b5f6; } .climacon-blue.climacon-lighten-1 .climacon_component-stroke { fill: #42a5f5; } .bs-callout-blue { display: block; border-color: #2196f3 !important; background-color: #bcdffb; border-radius: 0.25rem; color: #010c14; } .bs-callout-blue h1, .bs-callout-blue h2, .bs-callout-blue h3, .bs-callout-blue h4, .bs-callout-blue h5, .bs-callout-blue h6 { margin-top: 0; color: #2196f3; } .bs-callout-blue p:last-child { margin-bottom: 0; } .bs-callout-blue code, .bs-callout-blue .highlight { background-color: #fff; } .bs-callout-blue.callout-transparent { display: block; border-color: #2196f3 !important; background-color: transparent; border-radius: 0.25rem; color: #010c14; } .bs-callout-blue.callout-transparent h1, .bs-callout-blue.callout-transparent h2, .bs-callout-blue.callout-transparent h3, .bs-callout-blue.callout-transparent h4, .bs-callout-blue.callout-transparent h5, .bs-callout-blue.callout-transparent h6 { margin-top: 0; color: #2196f3; } .bs-callout-blue.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-blue.callout-transparent code, .bs-callout-blue.callout-transparent .highlight { background-color: #fff; } .bs-callout-blue .callout-arrow-left:before { border-left-color: #2196f3; } .bs-callout-blue .callout-arrow-right:before { border-right-color: #2196f3; } .climacon-blue.climacon-darken-1 .climacon_component-stroke { fill: #1e88e5; } .climacon-blue.climacon-darken-2 .climacon_component-stroke { fill: #1976d2; } .climacon-blue.climacon-darken-3 .climacon_component-stroke { fill: #1565c0; } .climacon-blue.climacon-darken-4 .climacon_component-stroke { fill: #0d47a1; } .climacon-blue.climacon-accent-1 .climacon_component-stroke { fill: #82b1ff; } .climacon-blue.climacon-accent-2 .climacon_component-stroke { fill: #448aff; } .climacon-blue.climacon-accent-3 .climacon_component-stroke { fill: #2979ff; } .climacon-blue.climacon-accent-4 .climacon_component-stroke { fill: #2962ff; } .climacon-cyan.climacon-lighten-5 .climacon_component-stroke { fill: #e0f7fa; } .climacon-cyan.climacon-lighten-4 .climacon_component-stroke { fill: #b2ebf2; } .climacon-cyan.climacon-lighten-3 .climacon_component-stroke { fill: #80deea; } .climacon-cyan.climacon-lighten-2 .climacon_component-stroke { fill: #4dd0e1; } .climacon-cyan.climacon-lighten-1 .climacon_component-stroke { fill: #26c6da; } .bs-callout-cyan { display: block; border-color: #00bcd4 !important; background-color: #78f0ff; border-radius: 0.25rem; color: black; } .bs-callout-cyan h1, .bs-callout-cyan h2, .bs-callout-cyan h3, .bs-callout-cyan h4, .bs-callout-cyan h5, .bs-callout-cyan h6 { margin-top: 0; color: #00bcd4; } .bs-callout-cyan p:last-child { margin-bottom: 0; } .bs-callout-cyan code, .bs-callout-cyan .highlight { background-color: #fff; } .bs-callout-cyan.callout-transparent { display: block; border-color: #00bcd4 !important; background-color: transparent; border-radius: 0.25rem; color: black; } .bs-callout-cyan.callout-transparent h1, .bs-callout-cyan.callout-transparent h2, .bs-callout-cyan.callout-transparent h3, .bs-callout-cyan.callout-transparent h4, .bs-callout-cyan.callout-transparent h5, .bs-callout-cyan.callout-transparent h6 { margin-top: 0; color: #00bcd4; } .bs-callout-cyan.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-cyan.callout-transparent code, .bs-callout-cyan.callout-transparent .highlight { background-color: #fff; } .bs-callout-cyan .callout-arrow-left:before { border-left-color: #00bcd4; } .bs-callout-cyan .callout-arrow-right:before { border-right-color: #00bcd4; } .climacon-cyan.climacon-darken-1 .climacon_component-stroke { fill: #00acc1; } .climacon-cyan.climacon-darken-2 .climacon_component-stroke { fill: #0097a7; } .climacon-cyan.climacon-darken-3 .climacon_component-stroke { fill: #00838f; } .climacon-cyan.climacon-darken-4 .climacon_component-stroke { fill: #006064; } .climacon-cyan.climacon-accent-1 .climacon_component-stroke { fill: #84ffff; } .climacon-cyan.climacon-accent-2 .climacon_component-stroke { fill: #18ffff; } .climacon-cyan.climacon-accent-3 .climacon_component-stroke { fill: #00e5ff; } .climacon-cyan.climacon-accent-4 .climacon_component-stroke { fill: #00b8d4; } .climacon-teal.climacon-lighten-5 .climacon_component-stroke { fill: #e0f2f1; } .climacon-teal.climacon-lighten-4 .climacon_component-stroke { fill: #b2dfdb; } .climacon-teal.climacon-lighten-3 .climacon_component-stroke { fill: #80cbc4; } .climacon-teal.climacon-lighten-2 .climacon_component-stroke { fill: #4db6ac; } .climacon-teal.climacon-lighten-1 .climacon_component-stroke { fill: #26a69a; } .bs-callout-teal { display: block; border-color: #009688 !important; background-color: #3affed; border-radius: 0.25rem; color: black; } .bs-callout-teal h1, .bs-callout-teal h2, .bs-callout-teal h3, .bs-callout-teal h4, .bs-callout-teal h5, .bs-callout-teal h6 { margin-top: 0; color: #009688; } .bs-callout-teal p:last-child { margin-bottom: 0; } .bs-callout-teal code, .bs-callout-teal .highlight { background-color: #fff; } .bs-callout-teal.callout-transparent { display: block; border-color: #009688 !important; background-color: transparent; border-radius: 0.25rem; color: black; } .bs-callout-teal.callout-transparent h1, .bs-callout-teal.callout-transparent h2, .bs-callout-teal.callout-transparent h3, .bs-callout-teal.callout-transparent h4, .bs-callout-teal.callout-transparent h5, .bs-callout-teal.callout-transparent h6 { margin-top: 0; color: #009688; } .bs-callout-teal.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-teal.callout-transparent code, .bs-callout-teal.callout-transparent .highlight { background-color: #fff; } .bs-callout-teal .callout-arrow-left:before { border-left-color: #009688; } .bs-callout-teal .callout-arrow-right:before { border-right-color: #009688; } .climacon-teal.climacon-darken-1 .climacon_component-stroke { fill: #00897b; } .climacon-teal.climacon-darken-2 .climacon_component-stroke { fill: #00796b; } .climacon-teal.climacon-darken-3 .climacon_component-stroke { fill: #00695c; } .climacon-teal.climacon-darken-4 .climacon_component-stroke { fill: #004d40; } .climacon-teal.climacon-accent-1 .climacon_component-stroke { fill: #a7ffeb; } .climacon-teal.climacon-accent-2 .climacon_component-stroke { fill: #64ffda; } .climacon-teal.climacon-accent-3 .climacon_component-stroke { fill: #1de9b6; } .climacon-teal.climacon-accent-4 .climacon_component-stroke { fill: #00bfa5; } .climacon-yellow.climacon-lighten-5 .climacon_component-stroke { fill: #fffde7; } .climacon-yellow.climacon-lighten-4 .climacon_component-stroke { fill: #fff9c4; } .climacon-yellow.climacon-lighten-3 .climacon_component-stroke { fill: #fff59d; } .climacon-yellow.climacon-lighten-2 .climacon_component-stroke { fill: #fff176; } .climacon-yellow.climacon-lighten-1 .climacon_component-stroke { fill: #ffee58; } .bs-callout-yellow { display: block; border-color: #ffeb3b !important; background-color: #fffcde; border-radius: 0.25rem; color: #3b3500; } .bs-callout-yellow h1, .bs-callout-yellow h2, .bs-callout-yellow h3, .bs-callout-yellow h4, .bs-callout-yellow h5, .bs-callout-yellow h6 { margin-top: 0; color: #ffeb3b; } .bs-callout-yellow p:last-child { margin-bottom: 0; } .bs-callout-yellow code, .bs-callout-yellow .highlight { background-color: #fff; } .bs-callout-yellow.callout-transparent { display: block; border-color: #ffeb3b !important; background-color: transparent; border-radius: 0.25rem; color: #3b3500; } .bs-callout-yellow.callout-transparent h1, .bs-callout-yellow.callout-transparent h2, .bs-callout-yellow.callout-transparent h3, .bs-callout-yellow.callout-transparent h4, .bs-callout-yellow.callout-transparent h5, .bs-callout-yellow.callout-transparent h6 { margin-top: 0; color: #ffeb3b; } .bs-callout-yellow.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-yellow.callout-transparent code, .bs-callout-yellow.callout-transparent .highlight { background-color: #fff; } .bs-callout-yellow .callout-arrow-left:before { border-left-color: #ffeb3b; } .bs-callout-yellow .callout-arrow-right:before { border-right-color: #ffeb3b; } .climacon-yellow.climacon-darken-1 .climacon_component-stroke { fill: #fdd835; } .climacon-yellow.climacon-darken-2 .climacon_component-stroke { fill: #fbc02d; } .climacon-yellow.climacon-darken-3 .climacon_component-stroke { fill: #f9a825; } .climacon-yellow.climacon-darken-4 .climacon_component-stroke { fill: #f57f17; } .climacon-yellow.climacon-accent-1 .climacon_component-stroke { fill: #ffff8d; } .climacon-yellow.climacon-accent-2 .climacon_component-stroke { fill: #ffff00; } .climacon-yellow.climacon-accent-3 .climacon_component-stroke { fill: #ffea00; } .climacon-yellow.climacon-accent-4 .climacon_component-stroke { fill: #ffd600; } .climacon-amber.climacon-lighten-5 .climacon_component-stroke { fill: #fff8e1; } .climacon-amber.climacon-lighten-4 .climacon_component-stroke { fill: #ffecb3; } .climacon-amber.climacon-lighten-3 .climacon_component-stroke { fill: #ffe082; } .climacon-amber.climacon-lighten-2 .climacon_component-stroke { fill: #ffd54f; } .climacon-amber.climacon-lighten-1 .climacon_component-stroke { fill: #ffca28; } .bs-callout-amber { display: block; border-color: #ffc107 !important; background-color: #ffeaaa; border-radius: 0.25rem; color: #070500; } .bs-callout-amber h1, .bs-callout-amber h2, .bs-callout-amber h3, .bs-callout-amber h4, .bs-callout-amber h5, .bs-callout-amber h6 { margin-top: 0; color: #ffc107; } .bs-callout-amber p:last-child { margin-bottom: 0; } .bs-callout-amber code, .bs-callout-amber .highlight { background-color: #fff; } .bs-callout-amber.callout-transparent { display: block; border-color: #ffc107 !important; background-color: transparent; border-radius: 0.25rem; color: #070500; } .bs-callout-amber.callout-transparent h1, .bs-callout-amber.callout-transparent h2, .bs-callout-amber.callout-transparent h3, .bs-callout-amber.callout-transparent h4, .bs-callout-amber.callout-transparent h5, .bs-callout-amber.callout-transparent h6 { margin-top: 0; color: #ffc107; } .bs-callout-amber.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-amber.callout-transparent code, .bs-callout-amber.callout-transparent .highlight { background-color: #fff; } .bs-callout-amber .callout-arrow-left:before { border-left-color: #ffc107; } .bs-callout-amber .callout-arrow-right:before { border-right-color: #ffc107; } .climacon-amber.climacon-darken-1 .climacon_component-stroke { fill: #ffb300; } .climacon-amber.climacon-darken-2 .climacon_component-stroke { fill: #ffa000; } .climacon-amber.climacon-darken-3 .climacon_component-stroke { fill: #ff8f00; } .climacon-amber.climacon-darken-4 .climacon_component-stroke { fill: #ff6f00; } .climacon-amber.climacon-accent-1 .climacon_component-stroke { fill: #ffe57f; } .climacon-amber.climacon-accent-2 .climacon_component-stroke { fill: #ffd740; } .climacon-amber.climacon-accent-3 .climacon_component-stroke { fill: #ffc400; } .climacon-amber.climacon-accent-4 .climacon_component-stroke { fill: #ffab00; } .climacon-blue-grey.climacon-lighten-5 .climacon_component-stroke { fill: #eceff1; } .climacon-blue-grey.climacon-lighten-4 .climacon_component-stroke { fill: #cfd8dc; } .climacon-blue-grey.climacon-lighten-3 .climacon_component-stroke { fill: #b0bec5; } .climacon-blue-grey.climacon-lighten-2 .climacon_component-stroke { fill: #90a4ae; } .climacon-blue-grey.climacon-lighten-1 .climacon_component-stroke { fill: #78909c; } .bs-callout-blue-grey { display: block; border-color: #607d8b !important; background-color: #bdcbd1; border-radius: 0.25rem; color: black; } .bs-callout-blue-grey h1, .bs-callout-blue-grey h2, .bs-callout-blue-grey h3, .bs-callout-blue-grey h4, .bs-callout-blue-grey h5, .bs-callout-blue-grey h6 { margin-top: 0; color: #607d8b; } .bs-callout-blue-grey p:last-child { margin-bottom: 0; } .bs-callout-blue-grey code, .bs-callout-blue-grey .highlight { background-color: #fff; } .bs-callout-blue-grey.callout-transparent { display: block; border-color: #607d8b !important; background-color: transparent; border-radius: 0.25rem; color: black; } .bs-callout-blue-grey.callout-transparent h1, .bs-callout-blue-grey.callout-transparent h2, .bs-callout-blue-grey.callout-transparent h3, .bs-callout-blue-grey.callout-transparent h4, .bs-callout-blue-grey.callout-transparent h5, .bs-callout-blue-grey.callout-transparent h6 { margin-top: 0; color: #607d8b; } .bs-callout-blue-grey.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-blue-grey.callout-transparent code, .bs-callout-blue-grey.callout-transparent .highlight { background-color: #fff; } .bs-callout-blue-grey .callout-arrow-left:before { border-left-color: #607d8b; } .bs-callout-blue-grey .callout-arrow-right:before { border-right-color: #607d8b; } .climacon-blue-grey.climacon-darken-1 .climacon_component-stroke { fill: #546e7a; } .climacon-blue-grey.climacon-darken-2 .climacon_component-stroke { fill: #455a64; } .climacon-blue-grey.climacon-darken-3 .climacon_component-stroke { fill: #37474f; } .climacon-blue-grey.climacon-darken-4 .climacon_component-stroke { fill: #263238; } .climacon-grey-blue.climacon-lighten-5 .climacon_component-stroke { fill: #eceff1; } .climacon-grey-blue.climacon-lighten-4 .climacon_component-stroke { fill: #cfd8dc; } .climacon-grey-blue.climacon-lighten-3 .climacon_component-stroke { fill: #b0bec5; } .climacon-grey-blue.climacon-lighten-2 .climacon_component-stroke { fill: #6f85ad; } .climacon-grey-blue.climacon-lighten-1 .climacon_component-stroke { fill: #78909c; } .bs-callout-grey-blue { display: block; border-color: #1b2942 !important; background-color: #4b71b5; border-radius: 0.25rem; color: black; } .bs-callout-grey-blue h1, .bs-callout-grey-blue h2, .bs-callout-grey-blue h3, .bs-callout-grey-blue h4, .bs-callout-grey-blue h5, .bs-callout-grey-blue h6 { margin-top: 0; color: #1b2942; } .bs-callout-grey-blue p:last-child { margin-bottom: 0; } .bs-callout-grey-blue code, .bs-callout-grey-blue .highlight { background-color: #fff; } .bs-callout-grey-blue.callout-transparent { display: block; border-color: #1b2942 !important; background-color: transparent; border-radius: 0.25rem; color: black; } .bs-callout-grey-blue.callout-transparent h1, .bs-callout-grey-blue.callout-transparent h2, .bs-callout-grey-blue.callout-transparent h3, .bs-callout-grey-blue.callout-transparent h4, .bs-callout-grey-blue.callout-transparent h5, .bs-callout-grey-blue.callout-transparent h6 { margin-top: 0; color: #1b2942; } .bs-callout-grey-blue.callout-transparent p:last-child { margin-bottom: 0; } .bs-callout-grey-blue.callout-transparent code, .bs-callout-grey-blue.callout-transparent .highlight { background-color: #fff; } .bs-callout-grey-blue .callout-arrow-left:before { border-left-color: #1b2942; } .bs-callout-grey-blue .callout-arrow-right:before { border-right-color: #1b2942; } .climacon-grey-blue.climacon-darken-1 .climacon_component-stroke { fill: #546e7a; } .climacon-grey-blue.climacon-darken-2 .climacon_component-stroke { fill: #2c303b; } .climacon-grey-blue.climacon-darken-3 .climacon_component-stroke { fill: #37474f; } .climacon-grey-blue.climacon-darken-4 .climacon_component-stroke { fill: #263238; } .climacon-shades.climacon-black .climacon_component-stroke { fill: #000000; } .climacon-shades.climacon-white .climacon_component-stroke { fill: #ffffff; } .climacon-shades.climacon-transparent .climacon_component-stroke { fill: transparent; } /** * Copyright (c) 2016 Connor Atherton * * All animations must live in their own file * in the animations directory and be included * here. * */ /** * Styles shared by multiple animations */ /* Custom Loader.CSS */ .loader-container { position: absolute; top: 50%; left: 50%; } .double-bounce { width: 40px; height: 40px; position: relative; margin: 40px auto; } .double-bounce .child { width: 100%; height: 100%; border-radius: 50%; background-color: #333; opacity: 0.6; position: absolute; top: 0; left: 0; animation: doubleBounce 2s infinite ease-in-out; } .double-bounce .double-bounce2 { animation-delay: -1s; } @keyframes doubleBounce { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } .chasing-dots { width: 40px; height: 40px; position: relative; text-align: center; animation: chasingDotsRotate 2s infinite linear; } .chasing-dots .child { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #333; border-radius: 100%; animation: chasingDotsBounce 2s infinite ease-in-out; } .chasing-dots .dot2 { top: auto; bottom: 0; animation-delay: -1s; } @keyframes chasingDotsRotate { 100% { transform: rotate(360deg); } } @keyframes chasingDotsBounce { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } /* * Spinner positions * 1 2 3 * 4 5 6 * 7 8 9 */ .cube-grid { width: 40px; height: 40px; margin: 40px auto; } .cube-grid .cube { width: 33.33%; height: 33.33%; background-color: #333; float: left; animation: cubeGridScaleDelay 1.3s infinite ease-in-out; } .cube-grid .cube1 { animation-delay: 0.2s; } .cube-grid .cube2 { animation-delay: 0.3s; } .cube-grid .cube3 { animation-delay: 0.4s; } .cube-grid .cube4 { animation-delay: 0.1s; } .cube-grid .cube5 { animation-delay: 0.2s; } .cube-grid .cube6 { animation-delay: 0.3s; } .cube-grid .cube7 { animation-delay: 0s; } .cube-grid .cube8 { animation-delay: 0.1s; } .cube-grid .cube9 { animation-delay: 0.2s; } @keyframes cubeGridScaleDelay { 0%, 70%, 100% { transform: scale3D(1, 1, 1); } 35% { transform: scale3D(0, 0, 1); } } .fading-circle { margin: 40px auto; width: 40px; height: 40px; position: relative; } .fading-circle .circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .fading-circle .circle:before { content: ""; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; animation: circleFadeDelay 1.2s infinite ease-in-out both; } .fading-circle .circle2 { transform: rotate(30deg); } .fading-circle .circle2:before { animation-delay: -1.1s; } .fading-circle .circle3 { transform: rotate(60deg); } .fading-circle .circle3:before { animation-delay: -1s; } .fading-circle .circle4 { transform: rotate(90deg); } .fading-circle .circle4:before { animation-delay: -0.9s; } .fading-circle .circle5 { transform: rotate(120deg); } .fading-circle .circle5:before { animation-delay: -0.8s; } .fading-circle .circle6 { transform: rotate(150deg); } .fading-circle .circle6:before { animation-delay: -0.7s; } .fading-circle .circle7 { transform: rotate(180deg); } .fading-circle .circle7:before { animation-delay: -0.6s; } .fading-circle .circle8 { transform: rotate(210deg); } .fading-circle .circle8:before { animation-delay: -0.5s; } .fading-circle .circle9 { transform: rotate(240deg); } .fading-circle .circle9:before { animation-delay: -0.4s; } .fading-circle .circle10 { transform: rotate(270deg); } .fading-circle .circle10:before { animation-delay: -0.3s; } .fading-circle .circle11 { transform: rotate(300deg); } .fading-circle .circle11:before { animation-delay: -0.2s; } .fading-circle .circle12 { transform: rotate(330deg); } .fading-circle .circle12:before { animation-delay: -0.1s; } @keyframes circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } .folding-cube { width: 40px; height: 40px; position: relative; transform: rotateZ(45deg); } .folding-cube .cube { float: left; width: 50%; height: 50%; position: relative; transform: scale(1.1); } .folding-cube .cube:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #333; animation: foldCubeAngle 2.4s infinite linear both; transform-origin: 100% 100%; } .folding-cube .cube2 { transform: scale(1.1) rotateZ(90deg); } .folding-cube .cube2:before { animation-delay: 0.3s; } .folding-cube .cube3 { transform: scale(1.1) rotateZ(180deg); } .folding-cube .cube3:before { animation-delay: 0.6s; } .folding-cube .cube4 { transform: scale(1.1) rotateZ(270deg); } .folding-cube .cube4:before { animation-delay: 0.9s; } @keyframes foldCubeAngle { 0%, 10% { transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%, 75% { transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%, 100% { transform: perspective(140px) rotateY(180deg); opacity: 0; } } /** * Dots */ @keyframes scale { 0% { transform: scale(1); opacity: 1; } 45% { transform: scale(0.1); opacity: 0.7; } 80% { transform: scale(1); opacity: 1; } } .ball-pulse > div:nth-child(1) { animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(2) { animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(3) { animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; } @keyframes ball-pulse-sync { 33% { transform: translateY(10px); } 66% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .ball-pulse-sync > div:nth-child(1) { animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(2) { animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(3) { animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; } .ball-pulse-sync > div { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; } @keyframes ball-scale { 0% { transform: scale(0); } 100% { transform: scale(1); opacity: 0; } } .ball-scale > div { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; height: 60px; width: 60px; animation: ball-scale 1s 0s ease-in-out infinite; } @keyframes ball-scale { 0% { transform: scale(0); } 100% { transform: scale(1); opacity: 0; } } .ball-scale > div { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; height: 60px; width: 60px; animation: ball-scale 1s 0s ease-in-out infinite; } .ball-scale-random { width: 37px; height: 40px; } .ball-scale-random > div { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: absolute; display: inline-block; height: 30px; width: 30px; animation: ball-scale 1s 0s ease-in-out infinite; } .ball-scale-random > div:nth-child(1) { margin-left: -7px; animation: ball-scale 1s 0.2s ease-in-out infinite; } .ball-scale-random > div:nth-child(3) { margin-left: -2px; margin-top: 9px; animation: ball-scale 1s 0.5s ease-in-out infinite; } @keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .ball-rotate { position: relative; } .ball-rotate > div { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: relative; } .ball-rotate > div:first-child { animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; } .ball-rotate > div:before, .ball-rotate > div:after { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; content: ""; position: absolute; opacity: 0.8; } .ball-rotate > div:before { top: 0px; left: -28px; } .ball-rotate > div:after { top: 0px; left: 25px; } @keyframes rotate { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.6); } 100% { transform: rotate(360deg) scale(1); } } .ball-clip-rotate > div { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; border: 2px solid #6b6f82; border-bottom-color: transparent; height: 25px; width: 25px; background: transparent !important; display: inline-block; animation: rotate 0.75s 0s linear infinite; } @keyframes rotate { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.6); } 100% { transform: rotate(360deg) scale(1); } } @keyframes scale { 30% { transform: scale(0.3); } 100% { transform: scale(1); } } .ball-clip-rotate-pulse { position: relative; transform: translateY(-15px); } .ball-clip-rotate-pulse > div { animation-fill-mode: both; position: absolute; top: 0px; left: 0px; border-radius: 100%; } .ball-clip-rotate-pulse > div:first-child { background: #6b6f82; height: 16px; width: 16px; top: 7px; left: -7px; animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } .ball-clip-rotate-pulse > div:last-child { position: absolute; border: 2px solid #6b6f82; width: 30px; height: 30px; left: -16px; top: -2px; background: transparent; border: 2px solid; border-color: #6b6f82 transparent #6b6f82 transparent; animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation-duration: 1s; } @keyframes rotate { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.6); } 100% { transform: rotate(360deg) scale(1); } } .ball-clip-rotate-multiple { position: relative; } .ball-clip-rotate-multiple > div { animation-fill-mode: both; position: absolute; left: -20px; top: -20px; border: 2px solid #6b6f82; border-bottom-color: transparent; border-top-color: transparent; border-radius: 100%; height: 35px; width: 35px; animation: rotate 1s 0s ease-in-out infinite; } .ball-clip-rotate-multiple > div:last-child { display: inline-block; top: -10px; left: -10px; width: 15px; height: 15px; animation-duration: 0.5s; border-color: #6b6f82 transparent #6b6f82 transparent; animation-direction: reverse; } @keyframes ball-scale-ripple { 0% { transform: scale(0.1); opacity: 1; } 70% { transform: scale(1); opacity: 0.7; } 100% { opacity: 0; } } .ball-scale-ripple > div { animation-fill-mode: both; height: 50px; width: 50px; border-radius: 100%; border: 2px solid #6b6f82; animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } @keyframes ball-scale-ripple-multiple { 0% { transform: scale(0.1); opacity: 1; } 70% { transform: scale(1); opacity: 0.7; } 100% { opacity: 0; } } .ball-scale-ripple-multiple { position: relative; transform: translateY(-25px); } .ball-scale-ripple-multiple > div:nth-child(0) { animation-delay: -0.8s; } .ball-scale-ripple-multiple > div:nth-child(1) { animation-delay: -0.6s; } .ball-scale-ripple-multiple > div:nth-child(2) { animation-delay: -0.4s; } .ball-scale-ripple-multiple > div:nth-child(3) { animation-delay: -0.2s; } .ball-scale-ripple-multiple > div { animation-fill-mode: both; position: absolute; top: -2px; left: -26px; width: 50px; height: 50px; border-radius: 100%; border: 2px solid #6b6f82; animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } @keyframes ball-beat { 50% { opacity: 0.2; transform: scale(0.75); } 100% { opacity: 1; transform: scale(1); } } .ball-beat > div { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; animation: ball-beat 0.7s 0s infinite linear; } .ball-beat > div:nth-child(2n-1) { animation-delay: -0.35s !important; } @keyframes ball-scale-multiple { 0% { transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .ball-scale-multiple { position: relative; } .ball-scale-multiple > div:nth-child(2) { animation-delay: -0.4s; } .ball-scale-multiple > div:nth-child(3) { animation-delay: -0.2s; } .ball-scale-multiple > div { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: absolute; top: 0px; opacity: 0; margin: 0; width: 60px; height: 60px; animation: ball-scale-multiple 1s 0s linear infinite; } @keyframes ball-triangle-path-1 { 33% { transform: translate(25px, -50px); } 66% { transform: translate(50px, 0px); } 100% { transform: translate(0px, 0px); } } @keyframes ball-triangle-path-2 { 33% { transform: translate(25px, 50px); } 66% { transform: translate(-25px, 50px); } 100% { transform: translate(0px, 0px); } } @keyframes ball-triangle-path-3 { 33% { transform: translate(-50px, 0px); } 66% { transform: translate(-25px, -50px); } 100% { transform: translate(0px, 0px); } } .ball-triangle-path { position: relative; transform: translate(-29.9940011998px, -37.5093773443px); } .ball-triangle-path > div:nth-child(1) { animation-name: ball-triangle-path-1; animation-delay: 0; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .ball-triangle-path > div:nth-child(2) { animation-name: ball-triangle-path-2; animation-delay: 0; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .ball-triangle-path > div:nth-child(3) { animation-name: ball-triangle-path-3; animation-delay: 0; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .ball-triangle-path > div { animation-fill-mode: both; position: absolute; width: 10px; height: 10px; border-radius: 100%; border: 1px solid #6b6f82; } .ball-triangle-path > div:nth-of-type(1) { top: 50px; } .ball-triangle-path > div:nth-of-type(2) { left: 25px; } .ball-triangle-path > div:nth-of-type(3) { top: 50px; left: 50px; } @keyframes ball-pulse-rise-even { 0% { transform: scale(1.1); } 25% { transform: translateY(-30px); } 50% { transform: scale(0.4); } 75% { transform: translateY(30px); } 100% { transform: translateY(0); transform: scale(1); } } @keyframes ball-pulse-rise-odd { 0% { transform: scale(0.4); } 25% { transform: translateY(30px); } 50% { transform: scale(1.1); } 75% { transform: translateY(-30px); } 100% { transform: translateY(0); transform: scale(0.75); } } .ball-pulse-rise > div { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; animation-duration: 1s; animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6); animation-iteration-count: infinite; animation-delay: 0; } .ball-pulse-rise > div:nth-child(2n) { animation-name: ball-pulse-rise-even; } .ball-pulse-rise > div:nth-child(2n-1) { animation-name: ball-pulse-rise-odd; } @keyframes ball-grid-beat { 50% { opacity: 0.7; } 100% { opacity: 1; } } .ball-grid-beat { width: 57px; } .ball-grid-beat > div:nth-child(1) { animation-delay: 0.59s; animation-duration: 1.47s; } .ball-grid-beat > div:nth-child(2) { animation-delay: 0.01s; animation-duration: 1.33s; } .ball-grid-beat > div:nth-child(3) { animation-delay: 0.45s; animation-duration: 1.46s; } .ball-grid-beat > div:nth-child(4) { animation-delay: 0.44s; animation-duration: 0.83s; } .ball-grid-beat > div:nth-child(5) { animation-delay: 0.76s; animation-duration: 0.79s; } .ball-grid-beat > div:nth-child(6) { animation-delay: 0.14s; animation-duration: 1.57s; } .ball-grid-beat > div:nth-child(7) { animation-delay: 0.12s; animation-duration: 1.53s; } .ball-grid-beat > div:nth-child(8) { animation-delay: 0.07s; animation-duration: 1.09s; } .ball-grid-beat > div:nth-child(9) { animation-delay: 0.32s; animation-duration: 1.09s; } .ball-grid-beat > div { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; float: left; animation-name: ball-grid-beat; animation-iteration-count: infinite; animation-delay: 0; } @keyframes ball-grid-pulse { 0% { transform: scale(1); } 50% { transform: scale(0.5); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .ball-grid-pulse { width: 57px; } .ball-grid-pulse > div:nth-child(1) { animation-delay: 0.39s; animation-duration: 0.74s; } .ball-grid-pulse > div:nth-child(2) { animation-delay: 0.13s; animation-duration: 0.88s; } .ball-grid-pulse > div:nth-child(3) { animation-delay: -0.16s; animation-duration: 0.9s; } .ball-grid-pulse > div:nth-child(4) { animation-delay: 0.07s; animation-duration: 0.95s; } .ball-grid-pulse > div:nth-child(5) { animation-delay: 0.7s; animation-duration: 1.09s; } .ball-grid-pulse > div:nth-child(6) { animation-delay: 0.4s; animation-duration: 0.76s; } .ball-grid-pulse > div:nth-child(7) { animation-delay: 0.26s; animation-duration: 1.5s; } .ball-grid-pulse > div:nth-child(8) { animation-delay: 0.55s; animation-duration: 0.88s; } .ball-grid-pulse > div:nth-child(9) { animation-delay: 0.71s; animation-duration: 1.17s; } .ball-grid-pulse > div { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; float: left; animation-name: ball-grid-pulse; animation-iteration-count: infinite; animation-delay: 0; } @keyframes ball-spin-fade-loader { 50% { opacity: 0.3; transform: scale(0.4); } 100% { opacity: 1; transform: scale(1); } } .ball-spin-fade-loader { position: relative; top: -10px; left: -10px; } .ball-spin-fade-loader > div:nth-child(1) { top: 25px; left: 0; animation: ball-spin-fade-loader 1s -0.96s infinite linear; } .ball-spin-fade-loader > div:nth-child(2) { top: 17.0454545455px; left: 17.0454545455px; animation: ball-spin-fade-loader 1s -0.84s infinite linear; } .ball-spin-fade-loader > div:nth-child(3) { top: 0; left: 25px; animation: ball-spin-fade-loader 1s -0.72s infinite linear; } .ball-spin-fade-loader > div:nth-child(4) { top: -17.0454545455px; left: 17.0454545455px; animation: ball-spin-fade-loader 1s -0.6s infinite linear; } .ball-spin-fade-loader > div:nth-child(5) { top: -25px; left: 0; animation: ball-spin-fade-loader 1s -0.48s infinite linear; } .ball-spin-fade-loader > div:nth-child(6) { top: -17.0454545455px; left: -17.0454545455px; animation: ball-spin-fade-loader 1s -0.36s infinite linear; } .ball-spin-fade-loader > div:nth-child(7) { top: 0; left: -25px; animation: ball-spin-fade-loader 1s -0.24s infinite linear; } .ball-spin-fade-loader > div:nth-child(8) { top: 17.0454545455px; left: -17.0454545455px; animation: ball-spin-fade-loader 1s -0.12s infinite linear; } .ball-spin-fade-loader > div { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: absolute; } @keyframes ball-spin-loader { 75% { opacity: 0.2; } 100% { opacity: 1; } } .ball-spin-loader { position: relative; } .ball-spin-loader > span:nth-child(1) { top: 45px; left: 0; animation: ball-spin-loader 2s 0.9s infinite linear; } .ball-spin-loader > span:nth-child(2) { top: 30.6818181818px; left: 30.6818181818px; animation: ball-spin-loader 2s 1.8s infinite linear; } .ball-spin-loader > span:nth-child(3) { top: 0; left: 45px; animation: ball-spin-loader 2s 2.7s infinite linear; } .ball-spin-loader > span:nth-child(4) { top: -30.6818181818px; left: 30.6818181818px; animation: ball-spin-loader 2s 3.6s infinite linear; } .ball-spin-loader > span:nth-child(5) { top: -45px; left: 0; animation: ball-spin-loader 2s 4.5s infinite linear; } .ball-spin-loader > span:nth-child(6) { top: -30.6818181818px; left: -30.6818181818px; animation: ball-spin-loader 2s 5.4s infinite linear; } .ball-spin-loader > span:nth-child(7) { top: 0; left: -45px; animation: ball-spin-loader 2s 6.3s infinite linear; } .ball-spin-loader > span:nth-child(8) { top: 30.6818181818px; left: -30.6818181818px; animation: ball-spin-loader 2s 7.2s infinite linear; } .ball-spin-loader > div { animation-fill-mode: both; position: absolute; width: 15px; height: 15px; border-radius: 100%; background: green; } @keyframes ball-zig { 33% { transform: translate(-15px, -30px); } 66% { transform: translate(15px, -30px); } 100% { transform: translate(0, 0); } } @keyframes ball-zag { 33% { transform: translate(15px, 30px); } 66% { transform: translate(-15px, 30px); } 100% { transform: translate(0, 0); } } .ball-zig-zag { position: relative; transform: translate(-15px, -15px); } .ball-zig-zag > div { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: absolute; margin-left: 15px; top: 4px; left: -7px; } .ball-zig-zag > div:first-child { animation: ball-zig 0.7s 0s infinite linear; } .ball-zig-zag > div:last-child { animation: ball-zag 0.7s 0s infinite linear; } @keyframes ball-zig-deflect { 17% { transform: translate(-15px, -30px); } 34% { transform: translate(15px, -30px); } 50% { transform: translate(0, 0); } 67% { transform: translate(15px, -30px); } 84% { transform: translate(-15px, -30px); } 100% { transform: translate(0, 0); } } @keyframes ball-zag-deflect { 17% { transform: translate(15px, 30px); } 34% { transform: translate(-15px, 30px); } 50% { transform: translate(0, 0); } 67% { transform: translate(-15px, 30px); } 84% { transform: translate(15px, 30px); } 100% { transform: translate(0, 0); } } .ball-zig-zag-deflect { position: relative; transform: translate(-15px, -15px); } .ball-zig-zag-deflect > div { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: absolute; margin-left: 15px; top: 4px; left: -7px; } .ball-zig-zag-deflect > div:first-child { animation: ball-zig-deflect 1.5s 0s infinite linear; } .ball-zig-zag-deflect > div:last-child { animation: ball-zag-deflect 1.5s 0s infinite linear; } /** * Lines */ @keyframes line-scale { 0% { transform: scaley(1); } 50% { transform: scaley(0.4); } 100% { transform: scaley(1); } } .line-scale > div:nth-child(1) { animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(2) { animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(3) { animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(4) { animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(5) { animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div { background-color: #6b6f82; width: 4px; height: 3.45rem; border-radius: 2px; margin: 2px; animation-fill-mode: both; display: inline-block; } @keyframes line-scale-party { 0% { transform: scale(1); } 50% { transform: scale(0.5); } 100% { transform: scale(1); } } .line-scale-party > div:nth-child(1) { animation-delay: 0.25s; animation-duration: 0.78s; } .line-scale-party > div:nth-child(2) { animation-delay: 0.59s; animation-duration: 1.06s; } .line-scale-party > div:nth-child(3) { animation-delay: 0.79s; animation-duration: 1.21s; } .line-scale-party > div:nth-child(4) { animation-delay: 0.08s; animation-duration: 1.02s; } .line-scale-party > div { background-color: #6b6f82; width: 4px; height: 3.45rem; border-radius: 2px; margin: 2px; animation-fill-mode: both; display: inline-block; animation-name: line-scale-party; animation-iteration-count: infinite; animation-delay: 0; } @keyframes line-scale-pulse-out { 0% { transform: scaley(1); } 50% { transform: scaley(0.4); } 100% { transform: scaley(1); } } .line-scale-pulse-out > div { background-color: #6b6f82; width: 4px; height: 3.45rem; border-radius: 2px; margin: 2px; animation-fill-mode: both; display: inline-block; animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); } .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { animation-delay: -0.4s !important; } .line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) { animation-delay: -0.2s !important; } @keyframes line-scale-pulse-out-rapid { 0% { transform: scaley(1); } 80% { transform: scaley(0.3); } 90% { transform: scaley(1); } } .line-scale-pulse-out-rapid > div { background-color: #6b6f82; width: 4px; height: 3.45rem; border-radius: 2px; margin: 2px; animation-fill-mode: both; display: inline-block; vertical-align: middle; animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); } .line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) { animation-delay: -0.25s !important; } .line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) { animation-delay: 0s !important; } @keyframes line-spin-fade-loader { 50% { opacity: 0.3; } 100% { opacity: 1; } } .line-spin-fade-loader { position: relative; top: -10px; left: -4px; } .line-spin-fade-loader > div:nth-child(1) { top: 20px; left: 0; animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(2) { top: 13.6363636364px; left: 13.6363636364px; transform: rotate(-45deg); animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(3) { top: 0; left: 20px; transform: rotate(90deg); animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(4) { top: -13.6363636364px; left: 13.6363636364px; transform: rotate(45deg); animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(5) { top: -20px; left: 0; animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(6) { top: -13.6363636364px; left: -13.6363636364px; transform: rotate(-45deg); animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(7) { top: 0; left: -20px; transform: rotate(90deg); animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(8) { top: 13.6363636364px; left: -13.6363636364px; transform: rotate(45deg); animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; } .line-spin-fade-loader > div { background-color: #6b6f82; width: 4px; height: 3.45rem; border-radius: 2px; margin: 2px; animation-fill-mode: both; position: absolute; width: 5px; height: 15px; } /** * Misc */ @keyframes triangle-skew-spin { 25% { transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { transform: perspective(100px) rotateX(0) rotateY(0); } } .triangle-skew-spin > div { animation-fill-mode: both; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #6b6f82; animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } @keyframes square-spin { 25% { transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { transform: perspective(100px) rotateX(0) rotateY(0); } } .square-spin > div { animation-fill-mode: both; width: 50px; height: 50px; background: #6b6f82; animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } @keyframes rotate_pacman_half_up { 0% { transform: rotate(270deg); } 50% { transform: rotate(360deg); } 100% { transform: rotate(270deg); } } @keyframes rotate_pacman_half_down { 0% { transform: rotate(90deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(90deg); } } @keyframes pacman-balls { 75% { opacity: 0.7; } 100% { transform: translate(-100px, -6.25px); } } .pacman { position: relative; } .pacman > div:nth-child(2) { animation: pacman-balls 1s -0.99s infinite linear; } .pacman > div:nth-child(3) { animation: pacman-balls 1s -0.66s infinite linear; } .pacman > div:nth-child(4) { animation: pacman-balls 1s -0.33s infinite linear; } .pacman > div:nth-child(5) { animation: pacman-balls 1s 0s infinite linear; } .pacman > div:first-of-type { width: 0px; height: 0px; border-right: 25px solid transparent; border-top: 25px solid #6b6f82; border-left: 25px solid #6b6f82; border-bottom: 25px solid #6b6f82; border-radius: 25px; animation: rotate_pacman_half_up 0.5s 0s infinite; position: relative; left: -30px; } .pacman > div:nth-child(2) { width: 0px; height: 0px; border-right: 25px solid transparent; border-top: 25px solid #6b6f82; border-left: 25px solid #6b6f82; border-bottom: 25px solid #6b6f82; border-radius: 25px; animation: rotate_pacman_half_down 0.5s 0s infinite; margin-top: -50px; position: relative; left: -30px; } .pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6) { background-color: #6b6f82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; width: 10px; height: 10px; position: absolute; transform: translate(0, -6.25px); top: 25px; left: 70px; } @keyframes cube-transition { 25% { transform: translateX(50px) scale(0.5) rotate(-90deg); } 50% { transform: translate(50px, 50px) rotate(-180deg); } 75% { transform: translateY(50px) scale(0.5) rotate(-270deg); } 100% { transform: rotate(-360deg); } } .cube-transition { position: relative; transform: translate(-25px, -25px); } .cube-transition > div { animation-fill-mode: both; width: 10px; height: 10px; position: absolute; top: -5px; left: -5px; background-color: #6b6f82; animation: cube-transition 1.6s 0s infinite ease-in-out; } .cube-transition > div:last-child { animation-delay: -0.8s; } @keyframes spin-rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .semi-circle-spin { position: relative; width: 35px; height: 35px; overflow: hidden; } .semi-circle-spin > div { position: absolute; border-width: 0px; border-radius: 100%; animation: spin-rotate 0.6s 0s infinite linear; background-image: linear-gradient(transparent 0%, transparent 70%, #6b6f82 30%, #6b6f82 100%); width: 100%; height: 100%; } .loader-wrapper { position: relative; } .loader-container { margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } #preloader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1050; } #preloader-wrapper .loader-section { position: fixed; width: 100%; height: 51%; background: #222222; z-index: 1050; } #preloader-wrapper .loader-section.section-top { top: 0; } #preloader-wrapper .loader-section.section-bottom { bottom: 0; } #loader { display: block; position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin-right: -50%; transform: translate(-50%, -50%); z-index: 1051; /* anything higher than z-index: 1000 of .loader-section */ } /* Loaded */ .loaded #preloader-wrapper .loader-section.section-top { /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */ transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */ } .loaded #preloader-wrapper .loader-section.section-bottom { /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */ transform: translateY(100%); /* Firefox 16+, IE 10+, Opera */ } .loaded #loader { opacity: 0; } .loaded #preloader-wrapper { visibility: hidden; } .loaded #loader { opacity: 0; transition: all 0.3s ease-out; } .loaded #preloader-wrapper .loader-section.section-bottom, .loaded #preloader-wrapper .loader-section.section-top { transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: 0.75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } /*!************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/datatables.net-dt/css/dataTables.dataTables.min.css?ngGlobalStyle ***! \************************************************************************************************************************************************************************************************************************************************************************/ :root{--dt-row-selected: 13, 110, 253;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 228, 228, 228;--dt-row-stripe: 0, 0, 0;--dt-row-hover: 0, 0, 0;--dt-column-ordering: 0, 0, 0;--dt-header-align-items: center;--dt-header-vertical-align: middle;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}table.dataTable tbody td.dt-control{text-align:center;cursor:pointer}table.dataTable tbody td.dt-control:before{display:inline-block;box-sizing:border-box;content:"";border-top:5px solid transparent;border-left:10px solid rgba(0, 0, 0, 0.5);border-bottom:5px solid transparent;border-right:0px solid transparent}table.dataTable tbody tr.dt-hasChild td.dt-control:before{border-top:10px solid rgba(0, 0, 0, 0.5);border-left:5px solid transparent;border-bottom:0px solid transparent;border-right:5px solid transparent}table.dataTable tfoot:empty{display:none}html.dark table.dataTable td.dt-control:before,:root[data-bs-theme=dark] table.dataTable td.dt-control:before,:root[data-theme=dark] table.dataTable td.dt-control:before{border-left-color:rgba(255, 255, 255, 0.5)}html.dark table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before{border-top-color:rgba(255, 255, 255, 0.5);border-left-color:transparent}div.dt-scroll{width:100%}div.dt-scroll-body thead tr,div.dt-scroll-body tfoot tr{height:0}div.dt-scroll-body thead tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body tfoot tr td{height:0 !important;padding-top:0px !important;padding-bottom:0px !important;border-top-width:0px !important;border-bottom-width:0px !important}div.dt-scroll-body thead tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body tfoot tr td div.dt-scroll-sizing{height:0 !important;overflow:hidden !important}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before{position:absolute;display:block;bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{position:absolute;display:block;top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order{position:relative;width:12px;height:20px}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{left:0;opacity:.125;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.dt-orderable-asc,table.dataTable thead>tr>th.dt-orderable-desc,table.dataTable thead>tr>td.dt-orderable-asc,table.dataTable thead>tr>td.dt-orderable-desc{cursor:pointer}table.dataTable thead>tr>th.dt-orderable-asc:hover,table.dataTable thead>tr>th.dt-orderable-desc:hover,table.dataTable thead>tr>td.dt-orderable-asc:hover,table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(0, 0, 0, 0.05);outline-offset:-2px}table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{opacity:.6}table.dataTable thead>tr>th.dt-orderable-none:not(.dt-ordering-asc,.dt-ordering-desc) span.dt-column-order:empty,table.dataTable thead>tr>th.sorting_desc_disabled span.dt-column-order:after,table.dataTable thead>tr>th.sorting_asc_disabled span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-none:not(.dt-ordering-asc,.dt-ordering-desc) span.dt-column-order:empty,table.dataTable thead>tr>td.sorting_desc_disabled span.dt-column-order:after,table.dataTable thead>tr>td.sorting_asc_disabled span.dt-column-order:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead>tr>th div.dt-column-header,table.dataTable thead>tr>th div.dt-column-footer,table.dataTable thead>tr>td div.dt-column-header,table.dataTable thead>tr>td div.dt-column-footer,table.dataTable tfoot>tr>th div.dt-column-header,table.dataTable tfoot>tr>th div.dt-column-footer,table.dataTable tfoot>tr>td div.dt-column-header,table.dataTable tfoot>tr>td div.dt-column-footer{display:flex;justify-content:space-between;align-items:var(--dt-header-align-items);gap:4px}table.dataTable thead>tr>th div.dt-column-header span.dt-column-title,table.dataTable thead>tr>th div.dt-column-footer span.dt-column-title,table.dataTable thead>tr>td div.dt-column-header span.dt-column-title,table.dataTable thead>tr>td div.dt-column-footer span.dt-column-title,table.dataTable tfoot>tr>th div.dt-column-header span.dt-column-title,table.dataTable tfoot>tr>th div.dt-column-footer span.dt-column-title,table.dataTable tfoot>tr>td div.dt-column-header span.dt-column-title,table.dataTable tfoot>tr>td div.dt-column-footer span.dt-column-title{flex-grow:1}table.dataTable thead>tr>th div.dt-column-header span.dt-column-title:empty,table.dataTable thead>tr>th div.dt-column-footer span.dt-column-title:empty,table.dataTable thead>tr>td div.dt-column-header span.dt-column-title:empty,table.dataTable thead>tr>td div.dt-column-footer span.dt-column-title:empty,table.dataTable tfoot>tr>th div.dt-column-header span.dt-column-title:empty,table.dataTable tfoot>tr>th div.dt-column-footer span.dt-column-title:empty,table.dataTable tfoot>tr>td div.dt-column-header span.dt-column-title:empty,table.dataTable tfoot>tr>td div.dt-column-footer span.dt-column-title:empty{display:none}div.dt-scroll-body>table.dataTable>thead>tr>th,div.dt-scroll-body>table.dataTable>thead>tr>td{overflow:hidden}:root.dark table.dataTable thead>tr>th.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>th.dt-orderable-desc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(255, 255, 255, 0.05)}div.dt-processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-22px;text-align:center;padding:2px;z-index:10}div.dt-processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dt-processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgb(13, 110, 253);background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dt-processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dt-processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th,table.dataTable td{box-sizing:border-box}table.dataTable th.dt-type-numeric,table.dataTable th.dt-type-date,table.dataTable td.dt-type-numeric,table.dataTable td.dt-type-date{text-align:right}table.dataTable th.dt-type-numeric div.dt-column-header,table.dataTable th.dt-type-numeric div.dt-column-footer,table.dataTable th.dt-type-date div.dt-column-header,table.dataTable th.dt-type-date div.dt-column-footer,table.dataTable td.dt-type-numeric div.dt-column-header,table.dataTable td.dt-type-numeric div.dt-column-footer,table.dataTable td.dt-type-date div.dt-column-header,table.dataTable td.dt-type-date div.dt-column-footer{flex-direction:row-reverse}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-left div.dt-column-header,table.dataTable th.dt-left div.dt-column-footer,table.dataTable td.dt-left div.dt-column-header,table.dataTable td.dt-left div.dt-column-footer{flex-direction:row}table.dataTable th.dt-center,table.dataTable td.dt-center{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-right div.dt-column-header,table.dataTable th.dt-right div.dt-column-footer,table.dataTable td.dt-right div.dt-column-header,table.dataTable td.dt-right div.dt-column-footer{flex-direction:row-reverse}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-justify div.dt-column-header,table.dataTable th.dt-justify div.dt-column-footer,table.dataTable td.dt-justify div.dt-column-header,table.dataTable td.dt-justify div.dt-column-footer{flex-direction:row}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable th.dt-empty,table.dataTable td.dt-empty{text-align:center;vertical-align:top}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left;vertical-align:var(--dt-header-vertical-align)}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-left div.dt-column-header,table.dataTable thead th.dt-head-left div.dt-column-footer,table.dataTable thead td.dt-head-left div.dt-column-header,table.dataTable thead td.dt-head-left div.dt-column-footer,table.dataTable tfoot th.dt-head-left div.dt-column-header,table.dataTable tfoot th.dt-head-left div.dt-column-footer,table.dataTable tfoot td.dt-head-left div.dt-column-header,table.dataTable tfoot td.dt-head-left div.dt-column-footer{flex-direction:row}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-right div.dt-column-header,table.dataTable thead th.dt-head-right div.dt-column-footer,table.dataTable thead td.dt-head-right div.dt-column-header,table.dataTable thead td.dt-head-right div.dt-column-footer,table.dataTable tfoot th.dt-head-right div.dt-column-header,table.dataTable tfoot th.dt-head-right div.dt-column-footer,table.dataTable tfoot td.dt-head-right div.dt-column-header,table.dataTable tfoot td.dt-head-right div.dt-column-footer{flex-direction:row-reverse}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-justify div.dt-column-header,table.dataTable thead th.dt-head-justify div.dt-column-footer,table.dataTable thead td.dt-head-justify div.dt-column-header,table.dataTable thead td.dt-head-justify div.dt-column-footer,table.dataTable tfoot th.dt-head-justify div.dt-column-header,table.dataTable tfoot th.dt-head-justify div.dt-column-footer,table.dataTable tfoot td.dt-head-justify div.dt-column-header,table.dataTable tfoot td.dt-head-justify div.dt-column-footer{flex-direction:row}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}:root{--dt-row-hover-alpha: 0.035;--dt-row-stripe-alpha: 0.023;--dt-column-ordering-alpha: 0.019;--dt-row-selected-stripe-alpha: 0.923;--dt-row-selected-column-ordering-alpha: 0.919}table.dataTable{width:100%;margin:0 auto;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable>thead>tr>th,table.dataTable>thead>tr>td{padding:10px;border-bottom:1px solid rgba(0, 0, 0, 0.3)}table.dataTable>thead>tr>th:active,table.dataTable>thead>tr>td:active{outline:none}table.dataTable>tfoot>tr>th,table.dataTable>tfoot>tr>td{border-top:1px solid rgba(0, 0, 0, 0.3);padding:10px 10px 6px 10px}table.dataTable>tbody>tr{background-color:transparent}table.dataTable>tbody>tr:first-child>*{border-top:none}table.dataTable>tbody>tr:last-child>*{border-bottom:none}table.dataTable>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.9);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);color:rgb(255, 255, 255);color:rgb(var(--dt-row-selected-text))}table.dataTable>tbody>tr.selected a{color:rgb(228, 228, 228);color:rgb(var(--dt-row-selected-link))}table.dataTable>tbody>tr>th,table.dataTable>tbody>tr>td{padding:8px 10px}table.dataTable.row-border>tbody>tr>*,table.dataTable.display>tbody>tr>*{border-top:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.row-border>tbody>tr:first-child>*,table.dataTable.display>tbody>tr:first-child>*{border-top:none}table.dataTable.row-border>tbody>tr.selected+tr.selected>td,table.dataTable.display>tbody>tr.selected+tr.selected>td{border-top-color:rgba(13, 110, 253, 0.65);border-top-color:rgba(var(--dt-row-selected), 0.65)}table.dataTable.cell-border>tbody>tr>*{border-top:1px solid rgba(0, 0, 0, 0.15);border-right:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border>tbody>tr>*:first-child{border-left:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border>tbody>tr:first-child>*{border-top:1px solid rgba(0, 0, 0, 0.3)}table.dataTable.stripe>tbody>tr:nth-child(odd)>*,table.dataTable.display>tbody>tr:nth-child(odd)>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.023);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), var(--dt-row-stripe-alpha))}table.dataTable.stripe>tbody>tr:nth-child(odd).selected>*,table.dataTable.display>tbody>tr:nth-child(odd).selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.923);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), var(--dt-row-selected-stripe-alpha))}table.dataTable.hover>tbody>tr:hover>*,table.dataTable.display>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.035);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), var(--dt-row-hover-alpha))}table.dataTable.hover>tbody>tr.selected:hover>*,table.dataTable.display>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px #0d6efd !important;box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important}table.dataTable.order-column>tbody tr>.sorting_1,table.dataTable.order-column>tbody tr>.sorting_2,table.dataTable.order-column>tbody tr>.sorting_3,table.dataTable.display>tbody tr>.sorting_1,table.dataTable.display>tbody tr>.sorting_2,table.dataTable.display>tbody tr>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), var(--dt-column-ordering-alpha))}table.dataTable.order-column>tbody tr.selected>.sorting_1,table.dataTable.order-column>tbody tr.selected>.sorting_2,table.dataTable.order-column>tbody tr.selected>.sorting_3,table.dataTable.display>tbody tr.selected>.sorting_1,table.dataTable.display>tbody tr.selected>.sorting_2,table.dataTable.display>tbody tr.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), var(--dt-row-selected-column-ordering-alpha))}table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_1,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.054);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha)))}table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_2,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.047);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.007))}table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_3,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.039);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.015))}table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.954);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha)))}table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.947);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.007))}table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.939);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.015))}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.082);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha)))}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.074);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.007))}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.062);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.015))}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.982);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha)))}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.974);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.007))}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.962);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.015))}table.dataTable.compact thead th,table.dataTable.compact thead td,table.dataTable.compact tfoot th,table.dataTable.compact tfoot td,table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}div.dt-container div.dt-layout-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin:.75em 0}div.dt-container div.dt-layout-row div.dt-layout-cell{display:flex;justify-content:space-between;align-items:center}div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start{justify-content:flex-start;margin-right:auto}div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end{justify-content:flex-end;margin-left:auto}div.dt-container div.dt-layout-row div.dt-layout-cell:empty{display:none}@media screen and (max-width: 767px){div.dt-container div.dt-layout-row:not(.dt-layout-table){display:block}div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell{display:block;text-align:center}div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell>*{margin:.5em 0}div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-start{margin-right:0}div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-end{margin-left:0}}div.dt-container div.dt-layout-start>*:not(:last-child){margin-right:1em}div.dt-container div.dt-layout-end>*:not(:first-child){margin-left:1em}div.dt-container div.dt-layout-full{width:100%}div.dt-container div.dt-layout-full>*:only-child{margin-left:auto;margin-right:auto}div.dt-container div.dt-layout-table>div{display:block !important}@media screen and (max-width: 767px){div.dt-container div.dt-layout-start>*:not(:last-child){margin-right:0}div.dt-container div.dt-layout-end>*:not(:first-child){margin-left:0}}div.dt-container{position:relative;clear:both}div.dt-container .dt-search input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;color:inherit;margin-left:3px}div.dt-container .dt-input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;color:inherit}div.dt-container select.dt-input{padding:4px}div.dt-container .dt-paging .dt-paging-button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;color:inherit !important;border:1px solid transparent;border-radius:2px;background:transparent}div.dt-container .dt-paging .dt-paging-button.current,div.dt-container .dt-paging .dt-paging-button.current:hover{color:inherit !important;border:1px solid rgba(0, 0, 0, 0.3);background-color:rgba(0, 0, 0, 0.05);background:linear-gradient(to bottom, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%)}div.dt-container .dt-paging .dt-paging-button.disabled,div.dt-container .dt-paging .dt-paging-button.disabled:hover,div.dt-container .dt-paging .dt-paging-button.disabled:active{cursor:default;color:rgba(0, 0, 0, 0.5) !important;border:1px solid transparent;background:transparent;box-shadow:none}div.dt-container .dt-paging .dt-paging-button:hover{color:white !important;border:1px solid #111;background-color:#111;background:linear-gradient(to bottom, rgb(88.4, 88.4, 88.4) 0%, #111 100%)}div.dt-container .dt-paging .dt-paging-button:active{outline:none;background-color:rgb(11.9, 11.9, 11.9);background:linear-gradient(to bottom, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%);box-shadow:inset 0 0 3px #111}div.dt-container .dt-paging .ellipsis{padding:0 1em}div.dt-container .dt-length,div.dt-container .dt-search,div.dt-container .dt-info,div.dt-container .dt-processing,div.dt-container .dt-paging{color:inherit}div.dt-container .dataTables_scroll{clear:both}div.dt-container .dataTables_scroll div.dt-scroll-body{-webkit-overflow-scrolling:touch}div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th,div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td{vertical-align:middle}div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th>div.dataTables_sizing,div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td>div.dataTables_sizing,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th>div.dataTables_sizing,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}div.dt-container.dt-empty-footer tbody>tr:last-child>*{border-bottom:1px solid rgba(0, 0, 0, 0.3)}div.dt-container.dt-empty-footer .dt-scroll-body{border-bottom:1px solid rgba(0, 0, 0, 0.3)}div.dt-container.dt-empty-footer .dt-scroll-body tbody>tr:last-child>*{border-bottom:none}html.dark{--dt-row-hover: 255, 255, 255;--dt-row-stripe: 255, 255, 255;--dt-column-ordering: 255, 255, 255}html.dark table.dataTable>thead>tr>th,html.dark table.dataTable>thead>tr>td{border-bottom:1px solid rgb(89, 91, 94)}html.dark table.dataTable>thead>tr>th:active,html.dark table.dataTable>thead>tr>td:active{outline:none}html.dark table.dataTable>tfoot>tr>th,html.dark table.dataTable>tfoot>tr>td{border-top:1px solid rgb(89, 91, 94)}html.dark table.dataTable.row-border>tbody>tr>*,html.dark table.dataTable.display>tbody>tr>*{border-top:1px solid rgb(64, 67, 70)}html.dark table.dataTable.row-border>tbody>tr:first-child>*,html.dark table.dataTable.display>tbody>tr:first-child>*{border-top:none}html.dark table.dataTable.row-border>tbody>tr.selected+tr.selected>td,html.dark table.dataTable.display>tbody>tr.selected+tr.selected>td{border-top-color:rgba(13, 110, 253, 0.65);border-top-color:rgba(var(--dt-row-selected), 0.65)}html.dark table.dataTable.cell-border>tbody>tr>th,html.dark table.dataTable.cell-border>tbody>tr>td{border-top:1px solid rgb(64, 67, 70);border-right:1px solid rgb(64, 67, 70)}html.dark table.dataTable.cell-border>tbody>tr>th:first-child,html.dark table.dataTable.cell-border>tbody>tr>td:first-child{border-left:1px solid rgb(64, 67, 70)}html.dark .dt-container.dt-empty-footer table.dataTable{border-bottom:1px solid rgb(89, 91, 94)}html.dark .dt-container .dt-search input,html.dark .dt-container .dt-length select{border:1px solid rgba(255, 255, 255, 0.2);background-color:var(--dt-html-background)}html.dark .dt-container .dt-paging .dt-paging-button.current,html.dark .dt-container .dt-paging .dt-paging-button.current:hover{border:1px solid rgb(89, 91, 94);background:rgba(255, 255, 255, 0.15)}html.dark .dt-container .dt-paging .dt-paging-button.disabled,html.dark .dt-container .dt-paging .dt-paging-button.disabled:hover,html.dark .dt-container .dt-paging .dt-paging-button.disabled:active{color:#666 !important}html.dark .dt-container .dt-paging .dt-paging-button:hover{border:1px solid rgb(53, 53, 53);background:rgb(53, 53, 53)}html.dark .dt-container .dt-paging .dt-paging-button:active{background:rgb(58.1, 58.1, 58.1)}*[dir=rtl] table.dataTable thead th,*[dir=rtl] table.dataTable thead td,*[dir=rtl] table.dataTable tfoot th,*[dir=rtl] table.dataTable tfoot td{text-align:right}*[dir=rtl] table.dataTable th.dt-type-numeric,*[dir=rtl] table.dataTable th.dt-type-date,*[dir=rtl] table.dataTable td.dt-type-numeric,*[dir=rtl] table.dataTable td.dt-type-date{text-align:left}*[dir=rtl] div.dt-container div.dt-layout-cell.dt-start{text-align:right}*[dir=rtl] div.dt-container div.dt-layout-cell.dt-end{text-align:left}*[dir=rtl] div.dt-container div.dt-search input{margin:0 3px 0 0} /*!*************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/datatables.net-bs5/css/dataTables.bootstrap5.min.css?ngGlobalStyle ***! \*************************************************************************************************************************************************************************************************************************************************************************/ :root{--dt-row-selected: 13, 110, 253;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 228, 228, 228;--dt-row-stripe: 0, 0, 0;--dt-row-hover: 0, 0, 0;--dt-column-ordering: 0, 0, 0;--dt-header-align-items: center;--dt-header-vertical-align: middle;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}table.dataTable tbody td.dt-control{text-align:center;cursor:pointer}table.dataTable tbody td.dt-control:before{display:inline-block;box-sizing:border-box;content:"";border-top:5px solid transparent;border-left:10px solid rgba(0, 0, 0, 0.5);border-bottom:5px solid transparent;border-right:0px solid transparent}table.dataTable tbody tr.dt-hasChild td.dt-control:before{border-top:10px solid rgba(0, 0, 0, 0.5);border-left:5px solid transparent;border-bottom:0px solid transparent;border-right:5px solid transparent}table.dataTable tfoot:empty{display:none}html.dark table.dataTable td.dt-control:before,:root[data-bs-theme=dark] table.dataTable td.dt-control:before,:root[data-theme=dark] table.dataTable td.dt-control:before{border-left-color:rgba(255, 255, 255, 0.5)}html.dark table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before{border-top-color:rgba(255, 255, 255, 0.5);border-left-color:transparent}div.dt-scroll{width:100%}div.dt-scroll-body thead tr,div.dt-scroll-body tfoot tr{height:0}div.dt-scroll-body thead tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body tfoot tr td{height:0 !important;padding-top:0px !important;padding-bottom:0px !important;border-top-width:0px !important;border-bottom-width:0px !important}div.dt-scroll-body thead tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body tfoot tr td div.dt-scroll-sizing{height:0 !important;overflow:hidden !important}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before{position:absolute;display:block;bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{position:absolute;display:block;top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order{position:relative;width:12px;height:24px}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{left:0;opacity:.125;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.dt-orderable-asc,table.dataTable thead>tr>th.dt-orderable-desc,table.dataTable thead>tr>td.dt-orderable-asc,table.dataTable thead>tr>td.dt-orderable-desc{cursor:pointer}table.dataTable thead>tr>th.dt-orderable-asc:hover,table.dataTable thead>tr>th.dt-orderable-desc:hover,table.dataTable thead>tr>td.dt-orderable-asc:hover,table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(0, 0, 0, 0.05);outline-offset:-2px}table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{opacity:.6}table.dataTable thead>tr>th.dt-orderable-none:not(.dt-ordering-asc,.dt-ordering-desc) span.dt-column-order:empty,table.dataTable thead>tr>th.sorting_desc_disabled span.dt-column-order:after,table.dataTable thead>tr>th.sorting_asc_disabled span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-none:not(.dt-ordering-asc,.dt-ordering-desc) span.dt-column-order:empty,table.dataTable thead>tr>td.sorting_desc_disabled span.dt-column-order:after,table.dataTable thead>tr>td.sorting_asc_disabled span.dt-column-order:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead>tr>th div.dt-column-header,table.dataTable thead>tr>th div.dt-column-footer,table.dataTable thead>tr>td div.dt-column-header,table.dataTable thead>tr>td div.dt-column-footer,table.dataTable tfoot>tr>th div.dt-column-header,table.dataTable tfoot>tr>th div.dt-column-footer,table.dataTable tfoot>tr>td div.dt-column-header,table.dataTable tfoot>tr>td div.dt-column-footer{display:flex;justify-content:space-between;align-items:var(--dt-header-align-items);gap:4px}table.dataTable thead>tr>th div.dt-column-header span.dt-column-title,table.dataTable thead>tr>th div.dt-column-footer span.dt-column-title,table.dataTable thead>tr>td div.dt-column-header span.dt-column-title,table.dataTable thead>tr>td div.dt-column-footer span.dt-column-title,table.dataTable tfoot>tr>th div.dt-column-header span.dt-column-title,table.dataTable tfoot>tr>th div.dt-column-footer span.dt-column-title,table.dataTable tfoot>tr>td div.dt-column-header span.dt-column-title,table.dataTable tfoot>tr>td div.dt-column-footer span.dt-column-title{flex-grow:1}table.dataTable thead>tr>th div.dt-column-header span.dt-column-title:empty,table.dataTable thead>tr>th div.dt-column-footer span.dt-column-title:empty,table.dataTable thead>tr>td div.dt-column-header span.dt-column-title:empty,table.dataTable thead>tr>td div.dt-column-footer span.dt-column-title:empty,table.dataTable tfoot>tr>th div.dt-column-header span.dt-column-title:empty,table.dataTable tfoot>tr>th div.dt-column-footer span.dt-column-title:empty,table.dataTable tfoot>tr>td div.dt-column-header span.dt-column-title:empty,table.dataTable tfoot>tr>td div.dt-column-footer span.dt-column-title:empty{display:none}div.dt-scroll-body>table.dataTable>thead>tr>th,div.dt-scroll-body>table.dataTable>thead>tr>td{overflow:hidden}:root.dark table.dataTable thead>tr>th.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>th.dt-orderable-desc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(255, 255, 255, 0.05)}div.dt-processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-22px;text-align:center;padding:2px;z-index:10}div.dt-processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dt-processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgb(13, 110, 253);background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dt-processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dt-processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th,table.dataTable td{box-sizing:border-box}table.dataTable th.dt-type-numeric,table.dataTable th.dt-type-date,table.dataTable td.dt-type-numeric,table.dataTable td.dt-type-date{text-align:right}table.dataTable th.dt-type-numeric div.dt-column-header,table.dataTable th.dt-type-numeric div.dt-column-footer,table.dataTable th.dt-type-date div.dt-column-header,table.dataTable th.dt-type-date div.dt-column-footer,table.dataTable td.dt-type-numeric div.dt-column-header,table.dataTable td.dt-type-numeric div.dt-column-footer,table.dataTable td.dt-type-date div.dt-column-header,table.dataTable td.dt-type-date div.dt-column-footer{flex-direction:row-reverse}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-left div.dt-column-header,table.dataTable th.dt-left div.dt-column-footer,table.dataTable td.dt-left div.dt-column-header,table.dataTable td.dt-left div.dt-column-footer{flex-direction:row}table.dataTable th.dt-center,table.dataTable td.dt-center{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-right div.dt-column-header,table.dataTable th.dt-right div.dt-column-footer,table.dataTable td.dt-right div.dt-column-header,table.dataTable td.dt-right div.dt-column-footer{flex-direction:row-reverse}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-justify div.dt-column-header,table.dataTable th.dt-justify div.dt-column-footer,table.dataTable td.dt-justify div.dt-column-header,table.dataTable td.dt-justify div.dt-column-footer{flex-direction:row}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable th.dt-empty,table.dataTable td.dt-empty{text-align:center;vertical-align:top}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left;vertical-align:var(--dt-header-vertical-align)}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-left div.dt-column-header,table.dataTable thead th.dt-head-left div.dt-column-footer,table.dataTable thead td.dt-head-left div.dt-column-header,table.dataTable thead td.dt-head-left div.dt-column-footer,table.dataTable tfoot th.dt-head-left div.dt-column-header,table.dataTable tfoot th.dt-head-left div.dt-column-footer,table.dataTable tfoot td.dt-head-left div.dt-column-header,table.dataTable tfoot td.dt-head-left div.dt-column-footer{flex-direction:row}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-right div.dt-column-header,table.dataTable thead th.dt-head-right div.dt-column-footer,table.dataTable thead td.dt-head-right div.dt-column-header,table.dataTable thead td.dt-head-right div.dt-column-footer,table.dataTable tfoot th.dt-head-right div.dt-column-header,table.dataTable tfoot th.dt-head-right div.dt-column-footer,table.dataTable tfoot td.dt-head-right div.dt-column-header,table.dataTable tfoot td.dt-head-right div.dt-column-footer{flex-direction:row-reverse}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-justify div.dt-column-header,table.dataTable thead th.dt-head-justify div.dt-column-footer,table.dataTable thead td.dt-head-justify div.dt-column-header,table.dataTable thead td.dt-head-justify div.dt-column-footer,table.dataTable tfoot th.dt-head-justify div.dt-column-header,table.dataTable tfoot th.dt-head-justify div.dt-column-footer,table.dataTable tfoot td.dt-head-justify div.dt-column-header,table.dataTable tfoot td.dt-head-justify div.dt-column-footer{flex-direction:row}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}/*! Bootstrap 5 integration for DataTables * * ©2020 SpryMedia Ltd, all rights reserved. * License: MIT datatables.net/license/mit */table.table.dataTable{clear:both;margin-bottom:0;max-width:none;border-spacing:0}table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>*{box-shadow:none}table.table.dataTable>:not(caption)>*>*{background-color:var(--bs-table-bg)}table.table.dataTable>tbody>tr{background-color:transparent}table.table.dataTable>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px rgb(13, 110, 253);box-shadow:inset 0 0 0 9999px rgb(var(--dt-row-selected));color:rgb(255, 255, 255);color:rgb(var(--dt-row-selected-text))}table.table.dataTable>tbody>tr.selected a{color:rgb(228, 228, 228);color:rgb(var(--dt-row-selected-link))}table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05)}table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1).selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.95);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95)}table.table.dataTable.table-hover>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075)}table.table.dataTable.table-hover>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.975);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975)}div.dt-container div.dt-layout-start>*:not(:last-child){margin-right:1em}div.dt-container div.dt-layout-end>*:not(:first-child){margin-left:1em}div.dt-container div.dt-layout-full{width:100%}div.dt-container div.dt-layout-full>*:only-child{margin-left:auto;margin-right:auto}div.dt-container div.dt-layout-table>div{display:block !important}@media screen and (max-width: 767px){div.dt-container div.dt-layout-start>*:not(:last-child){margin-right:0}div.dt-container div.dt-layout-end>*:not(:first-child){margin-left:0}}div.dt-container{position:relative}div.dt-container div.dt-length label{font-weight:normal;text-align:left;white-space:nowrap}div.dt-container div.dt-length select{width:auto;display:inline-block;margin-right:.5em}div.dt-container div.dt-search{text-align:right}div.dt-container div.dt-search label{font-weight:normal;white-space:nowrap;text-align:left}div.dt-container div.dt-search input{margin-left:.5em;display:inline-block;width:auto}div.dt-container div.dt-paging{margin:0}div.dt-container div.dt-paging ul.pagination{margin:2px 0;flex-wrap:wrap}div.dt-container div.dt-row{position:relative}div.dt-scroll-head table.dataTable{margin-bottom:0 !important}div.dt-scroll-body{border-bottom-color:var(--bs-border-color);border-bottom-width:var(--bs-border-width);border-bottom-style:solid}div.dt-scroll-body>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dt-scroll-body>table>tbody>tr:first-child{border-top-width:0}div.dt-scroll-body>table>thead>tr{border-width:0 !important}div.dt-scroll-body>table>tbody>tr:last-child>*{border-bottom:none}div.dt-scroll-foot>.dt-scroll-footInner{box-sizing:content-box}div.dt-scroll-foot>.dt-scroll-footInner>table{margin-top:0 !important;border-top:none}div.dt-scroll-foot>.dt-scroll-footInner>table>tfoot>tr:first-child{border-top-width:0 !important}@media screen and (max-width: 767px){div.dt-container div.dt-length,div.dt-container div.dt-search,div.dt-container div.dt-info,div.dt-container div.dt-paging{text-align:center}div.dt-container .row{--bs-gutter-y: 0.5rem}div.dt-container div.dt-paging ul.pagination{justify-content:center !important}}table.dataTable.table-sm>thead>tr th.dt-orderable-asc,table.dataTable.table-sm>thead>tr th.dt-orderable-desc,table.dataTable.table-sm>thead>tr th.dt-ordering-asc,table.dataTable.table-sm>thead>tr th.dt-ordering-desc,table.dataTable.table-sm>thead>tr td.dt-orderable-asc,table.dataTable.table-sm>thead>tr td.dt-orderable-desc,table.dataTable.table-sm>thead>tr td.dt-ordering-asc,table.dataTable.table-sm>thead>tr td.dt-ordering-desc{padding-right:.25rem}table.dataTable.table-sm>thead>tr th.dt-orderable-asc span.dt-column-order,table.dataTable.table-sm>thead>tr th.dt-orderable-desc span.dt-column-order,table.dataTable.table-sm>thead>tr th.dt-ordering-asc span.dt-column-order,table.dataTable.table-sm>thead>tr th.dt-ordering-desc span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-orderable-asc span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-orderable-desc span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-ordering-asc span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-ordering-desc span.dt-column-order{right:.25rem}table.dataTable.table-sm>thead>tr th.dt-type-date span.dt-column-order,table.dataTable.table-sm>thead>tr th.dt-type-numeric span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-type-date span.dt-column-order,table.dataTable.table-sm>thead>tr td.dt-type-numeric span.dt-column-order{left:.25rem}div.dt-scroll-head table.table-bordered{border-bottom-width:0}div.table-responsive>div.dt-container>div.row{margin:0}div.table-responsive>div.dt-container>div.row>div[class^=col-]:first-child{padding-left:0}div.table-responsive>div.dt-container>div.row>div[class^=col-]:last-child{padding-right:0}:root[data-bs-theme=dark]{--dt-row-hover: 255, 255, 255;--dt-row-stripe: 255, 255, 255;--dt-column-ordering: 255, 255, 255} /*!******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************/ /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } /* toast styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg=="); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg=="); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } /*# sourceMappingURL=styles.css.map*/