diff --git a/assets/css/material-kit.css b/assets/css/material-kit.css index 91053e64..d8e6f3bd 100644 --- a/assets/css/material-kit.css +++ b/assets/css/material-kit.css @@ -14,22 +14,18 @@ */ /* brand Colors */ .carousel.carousel-full-navigation .left { - cursor: url("../../img/arrow-left.png"), url("../../img/arrow-left.cur"), default !important; -} + cursor: url("../../img/arrow-left.png"), url("../../img/arrow-left.cur"), default !important; } .carousel.carousel-full-navigation .right { - cursor: url("../../img/arrow-right.png"), url("../../img/arrow-right.cur"), default !important; -} + cursor: url("../../img/arrow-right.png"), url("../../img/arrow-right.cur"), default !important; } .card { - font-size: .875rem; -} + font-size: .875rem; } *, *::before, *::after { - box-sizing: border-box; -} + box-sizing: border-box; } html { font-family: sans-serif; @@ -37,26 +33,13 @@ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { - width: device-width; -} - -article, -aside, -dialog, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -section { - display: block; -} + width: device-width; } + +article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; } body { margin: 0; @@ -66,188 +49,146 @@ body { line-height: 1.5; color: #212529; text-align: left; - background-color: #fafafa; -} + background-color: #fafafa; } [tabindex="-1"]:focus { - outline: 0 !important; -} + outline: 0 !important; } hr { box-sizing: content-box; height: 0; - overflow: visible; -} - -h1, -h2, -h3, -h4, -h5, -h6 { + overflow: visible; } + +h1, h2, h3, h4, h5, h6 { margin-top: 0; - margin-bottom: 0.5rem; -} + margin-bottom: 0.5rem; } p { margin-top: 0; - margin-bottom: 1rem; -} + margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; - text-decoration: underline dotted; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; cursor: help; - border-bottom: 0; -} + border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; - line-height: inherit; -} + line-height: inherit; } ol, ul, dl { margin-top: 0; - margin-bottom: 1rem; -} + margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { - margin-bottom: 0; -} + margin-bottom: 0; } dt { - font-weight: 500; -} + font-weight: 500; } dd { margin-bottom: .5rem; - margin-left: 0; -} + margin-left: 0; } blockquote { - margin: 0 0 1rem; -} + margin: 0 0 1rem; } dfn { - font-style: italic; -} + font-style: italic; } b, strong { - font-weight: bolder; -} + font-weight: bolder; } small { - font-size: 80%; -} + font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; - vertical-align: baseline; -} + vertical-align: baseline; } sub { - bottom: -.25em; -} + bottom: -.25em; } sup { - top: -.5em; -} + top: -.5em; } a { color: #9c27b0; text-decoration: none; background-color: transparent; - -webkit-text-decoration-skip: objects; -} - -a:hover { - color: #641971; - text-decoration: underline; -} + -webkit-text-decoration-skip: objects; } + a:hover { + color: #641971; + text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; - text-decoration: none; -} - -a:not([href]):not([tabindex]):hover, -a:not([href]):not([tabindex]):focus { - color: inherit; - text-decoration: none; -} - -a:not([href]):not([tabindex]):focus { - outline: 0; -} + text-decoration: none; } + a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; } + a:not([href]):not([tabindex]):focus { + outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; - font-size: 1em; -} + font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; - -ms-overflow-style: scrollbar; -} + -ms-overflow-style: scrollbar; } figure { - margin: 0 0 1rem; -} + margin: 0 0 1rem; } img { vertical-align: middle; - border-style: none; -} + border-style: none; } svg:not(:root) { - overflow: hidden; -} + overflow: hidden; } table { - border-collapse: collapse; -} + border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; - caption-side: bottom; -} + caption-side: bottom; } th { - text-align: inherit; -} + text-align: inherit; } label { display: inline-block; - margin-bottom: .5rem; -} + margin-bottom: .5rem; } button { - border-radius: 0; -} + border-radius: 0; } button:focus { outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; -} + outline: 5px auto -webkit-focus-ring-color; } input, button, @@ -257,58 +198,49 @@ textarea { margin: 0; font-family: inherit; font-size: inherit; - line-height: inherit; -} + line-height: inherit; } button, input { - overflow: visible; -} + overflow: visible; } button, select { - text-transform: none; -} + text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { - -webkit-appearance: button; -} + -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; - border-style: none; -} + border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; - padding: 0; -} + padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { - -webkit-appearance: listbox; -} + -webkit-appearance: listbox; } textarea { overflow: auto; - resize: vertical; -} + resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; - border: 0; -} + border: 0; } legend { display: block; @@ -319,138 +251,92 @@ legend { font-size: 1.5rem; line-height: inherit; color: inherit; - white-space: normal; -} + white-space: normal; } progress { - vertical-align: baseline; -} + vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { - height: auto; -} + height: auto; } [type="search"] { outline-offset: -2px; - -webkit-appearance: none; -} + -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} + -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; - -webkit-appearance: button; -} + -webkit-appearance: button; } output { - display: inline-block; -} + display: inline-block; } summary { display: list-item; - cursor: pointer; -} + cursor: pointer; } template { - display: none; -} + display: none; } [hidden] { - display: none !important; -} + display: none !important; } @media print { - *, *::before, *::after { text-shadow: none !important; - box-shadow: none !important; - } - + box-shadow: none !important; } a:not(.btn) { - text-decoration: underline; - } - + text-decoration: underline; } abbr[title]::after { - content: " ("attr(title) ")"; - } - + content: " (" attr(title) ")"; } pre { - white-space: pre-wrap !important; - } - + white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; - page-break-inside: avoid; - } - + page-break-inside: avoid; } thead { - display: table-header-group; - } - + display: table-header-group; } tr, img { - page-break-inside: avoid; - } - + page-break-inside: avoid; } p, h2, h3 { orphans: 3; - widows: 3; - } - + widows: 3; } h2, h3 { - page-break-after: avoid; - } - + page-break-after: avoid; } @page { - size: a3; - } - + size: a3; } body { - min-width: 992px !important; - } - + min-width: 992px !important; } .container { - min-width: 992px !important; - } - + min-width: 992px !important; } .navbar { - display: none; - } - + display: none; } .badge { - border: 1px solid #000; - } - + border: 1px solid #000; } .table { - border-collapse: collapse !important; - } - - .table td, - .table th { - background-color: #fff !important; - } - + border-collapse: collapse !important; } + .table td, + .table th { + background-color: #fff !important; } .table-bordered th, .table-bordered td { - border: 1px solid #ddd !important; - } -} + border: 1px solid #ddd !important; } } *, *::before, *::after { - box-sizing: border-box; -} + box-sizing: border-box; } html { font-family: sans-serif; @@ -458,26 +344,13 @@ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { - width: device-width; -} - -article, -aside, -dialog, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -section { - display: block; -} + width: device-width; } + +article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { + display: block; } body { margin: 0; @@ -487,188 +360,146 @@ body { line-height: 1.5; color: #212529; text-align: left; - background-color: #fafafa; -} + background-color: #fafafa; } [tabindex="-1"]:focus { - outline: 0 !important; -} + outline: 0 !important; } hr { box-sizing: content-box; height: 0; - overflow: visible; -} - -h1, -h2, -h3, -h4, -h5, -h6 { + overflow: visible; } + +h1, h2, h3, h4, h5, h6 { margin-top: 0; - margin-bottom: 0.5rem; -} + margin-bottom: 0.5rem; } p { margin-top: 0; - margin-bottom: 1rem; -} + margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; - text-decoration: underline dotted; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; cursor: help; - border-bottom: 0; -} + border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; - line-height: inherit; -} + line-height: inherit; } ol, ul, dl { margin-top: 0; - margin-bottom: 1rem; -} + margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { - margin-bottom: 0; -} + margin-bottom: 0; } dt { - font-weight: 500; -} + font-weight: 500; } dd { margin-bottom: .5rem; - margin-left: 0; -} + margin-left: 0; } blockquote { - margin: 0 0 1rem; -} + margin: 0 0 1rem; } dfn { - font-style: italic; -} + font-style: italic; } b, strong { - font-weight: bolder; -} + font-weight: bolder; } small { - font-size: 80%; -} + font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; - vertical-align: baseline; -} + vertical-align: baseline; } sub { - bottom: -.25em; -} + bottom: -.25em; } sup { - top: -.5em; -} + top: -.5em; } a { color: #9c27b0; text-decoration: none; background-color: transparent; - -webkit-text-decoration-skip: objects; -} - -a:hover { - color: #641971; - text-decoration: underline; -} + -webkit-text-decoration-skip: objects; } + a:hover { + color: #641971; + text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; - text-decoration: none; -} - -a:not([href]):not([tabindex]):hover, -a:not([href]):not([tabindex]):focus { - color: inherit; - text-decoration: none; -} - -a:not([href]):not([tabindex]):focus { - outline: 0; -} + text-decoration: none; } + a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { + color: inherit; + text-decoration: none; } + a:not([href]):not([tabindex]):focus { + outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; - font-size: 1em; -} + font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; - -ms-overflow-style: scrollbar; -} + -ms-overflow-style: scrollbar; } figure { - margin: 0 0 1rem; -} + margin: 0 0 1rem; } img { vertical-align: middle; - border-style: none; -} + border-style: none; } svg:not(:root) { - overflow: hidden; -} + overflow: hidden; } table { - border-collapse: collapse; -} + border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; - caption-side: bottom; -} + caption-side: bottom; } th { - text-align: inherit; -} + text-align: inherit; } label { display: inline-block; - margin-bottom: .5rem; -} + margin-bottom: .5rem; } button { - border-radius: 0; -} + border-radius: 0; } button:focus { outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; -} + outline: 5px auto -webkit-focus-ring-color; } input, button, @@ -678,58 +509,49 @@ textarea { margin: 0; font-family: inherit; font-size: inherit; - line-height: inherit; -} + line-height: inherit; } button, input { - overflow: visible; -} + overflow: visible; } button, select { - text-transform: none; -} + text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { - -webkit-appearance: button; -} + -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; - border-style: none; -} + border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; - padding: 0; -} + padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { - -webkit-appearance: listbox; -} + -webkit-appearance: listbox; } textarea { overflow: auto; - resize: vertical; -} + resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; - border: 0; -} + border: 0; } legend { display: block; @@ -740,189 +562,137 @@ legend { font-size: 1.5rem; line-height: inherit; color: inherit; - white-space: normal; -} + white-space: normal; } progress { - vertical-align: baseline; -} + vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { - height: auto; -} + height: auto; } [type="search"] { outline-offset: -2px; - -webkit-appearance: none; -} + -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} + -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; - -webkit-appearance: button; -} + -webkit-appearance: button; } output { - display: inline-block; -} + display: inline-block; } summary { display: list-item; - cursor: pointer; -} + cursor: pointer; } template { - display: none; -} + display: none; } [hidden] { - display: none !important; -} - -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { + display: none !important; } + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 400; line-height: 1.2; - color: inherit; -} + color: inherit; } -h1, -.h1 { - font-size: 3.3125rem; -} +h1, .h1 { + font-size: 3.3125rem; } -h2, -.h2 { - font-size: 2.25rem; -} +h2, .h2 { + font-size: 2.25rem; } -h3, -.h3 { - font-size: 1.5625rem; -} +h3, .h3 { + font-size: 1.5625rem; } -h4, -.h4 { - font-size: 1.125rem; -} +h4, .h4 { + font-size: 1.125rem; } -h5, -.h5 { - font-size: 1.0625rem; -} +h5, .h5 { + font-size: 1.0625rem; } -h6, -.h6 { - font-size: 0.75rem; -} +h6, .h6 { + font-size: 0.75rem; } .lead { font-size: 1.25rem; - font-weight: 300; -} + font-weight: 300; } .display-1 { font-size: 7rem; font-weight: 300; - line-height: 1.2; -} + line-height: 1.2; } .display-2 { font-size: 3.5rem; font-weight: 300; - line-height: 1.2; -} + line-height: 1.2; } .display-3 { font-size: 2.8125rem; font-weight: 300; - line-height: 1.2; -} + line-height: 1.2; } .display-4 { font-size: 2.125rem; font-weight: 300; - line-height: 1.2; -} + line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); -} + border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; - font-weight: 400; -} + font-weight: 400; } mark, .mark { padding: 0.2em; - background-color: #fcf8e3; -} + background-color: #fcf8e3; } .list-unstyled { padding-left: 0; - list-style: none; -} + list-style: none; } .list-inline { padding-left: 0; - list-style: none; -} + list-style: none; } .list-inline-item { - display: inline-block; -} - -.list-inline-item:not(:last-child) { - margin-right: 0.5rem; -} + display: inline-block; } + .list-inline-item:not(:last-child) { + margin-right: 0.5rem; } .initialism { font-size: 90%; - text-transform: uppercase; -} + text-transform: uppercase; } .blockquote { margin-bottom: 1rem; - font-size: 1.25rem; -} + font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; - color: #6c757d; -} - -.blockquote-footer::before { - content: "\2014 \00A0"; -} + color: #6c757d; } + .blockquote-footer::before { + content: "\2014 \00A0"; } .img-fluid { max-width: 100%; - height: auto; -} + height: auto; } .img-thumbnail { padding: 0.25rem; @@ -931,39 +701,31 @@ mark, border-radius: 0.25rem; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); max-width: 100%; - height: auto; -} + height: auto; } .figure { - display: inline-block; -} + display: inline-block; } .figure-img { margin-bottom: 0.5rem; - line-height: 1; -} + line-height: 1; } .figure-caption { font-size: 90%; - color: #6c757d; -} + color: #6c757d; } code, kbd, pre, samp { - font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; -} + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { font-size: 87.5%; color: #e91e63; - word-break: break-word; -} - -a>code { - color: inherit; -} + word-break: break-word; } + a > code { + color: inherit; } kbd { padding: 0.2rem 0.4rem; @@ -971,1295 +733,773 @@ kbd { color: #fff; background-color: #212529; border-radius: 0.2rem; - box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); -} - -kbd kbd { - padding: 0; - font-size: 100%; - font-weight: 500; - box-shadow: none; -} + box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); } + kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 500; + box-shadow: none; } pre { display: block; font-size: 87.5%; - color: #212529; -} - -pre code { - font-size: inherit; - color: inherit; - word-break: normal; -} + color: #212529; } + pre code { + font-size: inherit; + color: inherit; + word-break: normal; } .pre-scrollable { max-height: 340px; - overflow-y: scroll; -} + overflow-y: scroll; } .container { width: 100%; padding-right: 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; - } -} + 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; -} + margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; - margin-left: -15px; -} + margin-left: -15px; } .no-gutters { margin-right: 0; - margin-left: 0; -} + margin-left: 0; } + .no-gutters > .col, + .no-gutters > [class*="col-"] { + padding-right: 0; + padding-left: 0; } -.no-gutters>.col, -.no-gutters>[class*="col-"] { - padding-right: 0; - padding-left: 0; -} - -.col-1, -.col-2, -.col-3, -.col-4, -.col-5, -.col-6, -.col-7, -.col-8, -.col-9, -.col-10, -.col-11, -.col-12, -.col, -.col-auto, -.col-sm-1, -.col-sm-2, -.col-sm-3, -.col-sm-4, -.col-sm-5, -.col-sm-6, -.col-sm-7, -.col-sm-8, -.col-sm-9, -.col-sm-10, -.col-sm-11, -.col-sm-12, -.col-sm, -.col-sm-auto, -.col-md-1, -.col-md-2, -.col-md-3, -.col-md-4, -.col-md-5, -.col-md-6, -.col-md-7, -.col-md-8, -.col-md-9, -.col-md-10, -.col-md-11, -.col-md-12, -.col-md, -.col-md-auto, -.col-lg-1, -.col-lg-2, -.col-lg-3, -.col-lg-4, -.col-lg-5, -.col-lg-6, -.col-lg-7, -.col-lg-8, -.col-lg-9, -.col-lg-10, -.col-lg-11, -.col-lg-12, -.col-lg, -.col-lg-auto, -.col-xl-1, -.col-xl-2, -.col-xl-3, -.col-xl-4, -.col-xl-5, -.col-xl-6, -.col-xl-7, -.col-xl-8, -.col-xl-9, -.col-xl-10, -.col-xl-11, -.col-xl-12, -.col-xl, +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; - padding-left: 15px; -} + padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; - max-width: 100%; -} + max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; - max-width: none; -} + max-width: none; } .col-1 { - flex: 0 0 8.333333%; - max-width: 8.333333%; -} + flex: 0 0 8.33333%; + max-width: 8.33333%; } .col-2 { - flex: 0 0 16.666667%; - max-width: 16.666667%; -} + flex: 0 0 16.66667%; + max-width: 16.66667%; } .col-3 { flex: 0 0 25%; - max-width: 25%; -} + max-width: 25%; } .col-4 { - flex: 0 0 33.333333%; - max-width: 33.333333%; -} + flex: 0 0 33.33333%; + max-width: 33.33333%; } .col-5 { - flex: 0 0 41.666667%; - max-width: 41.666667%; -} + flex: 0 0 41.66667%; + max-width: 41.66667%; } .col-6 { flex: 0 0 50%; - max-width: 50%; -} + max-width: 50%; } .col-7 { - flex: 0 0 58.333333%; - max-width: 58.333333%; -} + flex: 0 0 58.33333%; + max-width: 58.33333%; } .col-8 { - flex: 0 0 66.666667%; - max-width: 66.666667%; -} + flex: 0 0 66.66667%; + max-width: 66.66667%; } .col-9 { flex: 0 0 75%; - max-width: 75%; -} + max-width: 75%; } .col-10 { - flex: 0 0 83.333333%; - max-width: 83.333333%; -} + flex: 0 0 83.33333%; + max-width: 83.33333%; } .col-11 { - flex: 0 0 91.666667%; - max-width: 91.666667%; -} + flex: 0 0 91.66667%; + max-width: 91.66667%; } .col-12 { flex: 0 0 100%; - max-width: 100%; -} + max-width: 100%; } .order-first { - order: -1; -} + order: -1; } .order-last { - order: 13; -} + order: 13; } .order-0 { - order: 0; -} + order: 0; } .order-1 { - order: 1; -} + order: 1; } .order-2 { - order: 2; -} + order: 2; } .order-3 { - order: 3; -} + order: 3; } .order-4 { - order: 4; -} + order: 4; } .order-5 { - order: 5; -} + order: 5; } .order-6 { - order: 6; -} + order: 6; } .order-7 { - order: 7; -} + order: 7; } .order-8 { - order: 8; -} + order: 8; } .order-9 { - order: 9; -} + order: 9; } .order-10 { - order: 10; -} + order: 10; } .order-11 { - order: 11; -} + order: 11; } .order-12 { - order: 12; -} + order: 12; } .offset-1 { - margin-left: 8.333333%; -} + margin-left: 8.33333%; } .offset-2 { - margin-left: 16.666667%; -} + margin-left: 16.66667%; } .offset-3 { - margin-left: 25%; -} + margin-left: 25%; } .offset-4 { - margin-left: 33.333333%; -} + margin-left: 33.33333%; } .offset-5 { - margin-left: 41.666667%; -} + margin-left: 41.66667%; } .offset-6 { - margin-left: 50%; -} + margin-left: 50%; } .offset-7 { - margin-left: 58.333333%; -} + margin-left: 58.33333%; } .offset-8 { - margin-left: 66.666667%; -} + margin-left: 66.66667%; } .offset-9 { - margin-left: 75%; -} + margin-left: 75%; } .offset-10 { - margin-left: 83.333333%; -} + margin-left: 83.33333%; } .offset-11 { - margin-left: 91.666667%; -} + margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; - max-width: 100%; - } - + max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; - max-width: none; - } - + max-width: none; } .col-sm-1 { - flex: 0 0 8.333333%; - max-width: 8.333333%; - } - + flex: 0 0 8.33333%; + max-width: 8.33333%; } .col-sm-2 { - flex: 0 0 16.666667%; - max-width: 16.666667%; - } - + flex: 0 0 16.66667%; + max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; - max-width: 25%; - } - + max-width: 25%; } .col-sm-4 { - flex: 0 0 33.333333%; - max-width: 33.333333%; - } - + flex: 0 0 33.33333%; + max-width: 33.33333%; } .col-sm-5 { - flex: 0 0 41.666667%; - max-width: 41.666667%; - } - + flex: 0 0 41.66667%; + max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; - max-width: 50%; - } - + max-width: 50%; } .col-sm-7 { - flex: 0 0 58.333333%; - max-width: 58.333333%; - } - + flex: 0 0 58.33333%; + max-width: 58.33333%; } .col-sm-8 { - flex: 0 0 66.666667%; - max-width: 66.666667%; - } - + flex: 0 0 66.66667%; + max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; - max-width: 75%; - } - + max-width: 75%; } .col-sm-10 { - flex: 0 0 83.333333%; - max-width: 83.333333%; - } - + flex: 0 0 83.33333%; + max-width: 83.33333%; } .col-sm-11 { - flex: 0 0 91.666667%; - max-width: 91.666667%; - } - + flex: 0 0 91.66667%; + max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; - max-width: 100%; - } - + max-width: 100%; } .order-sm-first { - order: -1; - } - + order: -1; } .order-sm-last { - order: 13; - } - + order: 13; } .order-sm-0 { - order: 0; - } - + order: 0; } .order-sm-1 { - order: 1; - } - + order: 1; } .order-sm-2 { - order: 2; - } - + order: 2; } .order-sm-3 { - order: 3; - } - + order: 3; } .order-sm-4 { - order: 4; - } - + order: 4; } .order-sm-5 { - order: 5; - } - + order: 5; } .order-sm-6 { - order: 6; - } - + order: 6; } .order-sm-7 { - order: 7; - } - + order: 7; } .order-sm-8 { - order: 8; - } - + order: 8; } .order-sm-9 { - order: 9; - } - + order: 9; } .order-sm-10 { - order: 10; - } - + order: 10; } .order-sm-11 { - order: 11; - } - + order: 11; } .order-sm-12 { - order: 12; - } - + order: 12; } .offset-sm-0 { - margin-left: 0; - } - + margin-left: 0; } .offset-sm-1 { - margin-left: 8.333333%; - } - + margin-left: 8.33333%; } .offset-sm-2 { - margin-left: 16.666667%; - } - + margin-left: 16.66667%; } .offset-sm-3 { - margin-left: 25%; - } - + margin-left: 25%; } .offset-sm-4 { - margin-left: 33.333333%; - } - + margin-left: 33.33333%; } .offset-sm-5 { - margin-left: 41.666667%; - } - + margin-left: 41.66667%; } .offset-sm-6 { - margin-left: 50%; - } - + margin-left: 50%; } .offset-sm-7 { - margin-left: 58.333333%; - } - + margin-left: 58.33333%; } .offset-sm-8 { - margin-left: 66.666667%; - } - + margin-left: 66.66667%; } .offset-sm-9 { - margin-left: 75%; - } - + margin-left: 75%; } .offset-sm-10 { - margin-left: 83.333333%; - } - + margin-left: 83.33333%; } .offset-sm-11 { - margin-left: 91.666667%; - } -} + margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; - max-width: 100%; - } - + max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; - max-width: none; - } - + max-width: none; } .col-md-1 { - flex: 0 0 8.333333%; - max-width: 8.333333%; - } - + flex: 0 0 8.33333%; + max-width: 8.33333%; } .col-md-2 { - flex: 0 0 16.666667%; - max-width: 16.666667%; - } - + flex: 0 0 16.66667%; + max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; - max-width: 25%; - } - + max-width: 25%; } .col-md-4 { - flex: 0 0 33.333333%; - max-width: 33.333333%; - } - + flex: 0 0 33.33333%; + max-width: 33.33333%; } .col-md-5 { - flex: 0 0 41.666667%; - max-width: 41.666667%; - } - + flex: 0 0 41.66667%; + max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; - max-width: 50%; - } - + max-width: 50%; } .col-md-7 { - flex: 0 0 58.333333%; - max-width: 58.333333%; - } - + flex: 0 0 58.33333%; + max-width: 58.33333%; } .col-md-8 { - flex: 0 0 66.666667%; - max-width: 66.666667%; - } - + flex: 0 0 66.66667%; + max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; - max-width: 75%; - } - + max-width: 75%; } .col-md-10 { - flex: 0 0 83.333333%; - max-width: 83.333333%; - } - + flex: 0 0 83.33333%; + max-width: 83.33333%; } .col-md-11 { - flex: 0 0 91.666667%; - max-width: 91.666667%; - } - + flex: 0 0 91.66667%; + max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; - max-width: 100%; - } - + max-width: 100%; } .order-md-first { - order: -1; - } - + order: -1; } .order-md-last { - order: 13; - } - + order: 13; } .order-md-0 { - order: 0; - } - + order: 0; } .order-md-1 { - order: 1; - } - + order: 1; } .order-md-2 { - order: 2; - } - + order: 2; } .order-md-3 { - order: 3; - } - + order: 3; } .order-md-4 { - order: 4; - } - + order: 4; } .order-md-5 { - order: 5; - } - + order: 5; } .order-md-6 { - order: 6; - } - + order: 6; } .order-md-7 { - order: 7; - } - + order: 7; } .order-md-8 { - order: 8; - } - + order: 8; } .order-md-9 { - order: 9; - } - + order: 9; } .order-md-10 { - order: 10; - } - + order: 10; } .order-md-11 { - order: 11; - } - + order: 11; } .order-md-12 { - order: 12; - } - + order: 12; } .offset-md-0 { - margin-left: 0; - } - + margin-left: 0; } .offset-md-1 { - margin-left: 8.333333%; - } - + margin-left: 8.33333%; } .offset-md-2 { - margin-left: 16.666667%; - } - + margin-left: 16.66667%; } .offset-md-3 { - margin-left: 25%; - } - + margin-left: 25%; } .offset-md-4 { - margin-left: 33.333333%; - } - + margin-left: 33.33333%; } .offset-md-5 { - margin-left: 41.666667%; - } - + margin-left: 41.66667%; } .offset-md-6 { - margin-left: 50%; - } - + margin-left: 50%; } .offset-md-7 { - margin-left: 58.333333%; - } - + margin-left: 58.33333%; } .offset-md-8 { - margin-left: 66.666667%; - } - + margin-left: 66.66667%; } .offset-md-9 { - margin-left: 75%; - } - + margin-left: 75%; } .offset-md-10 { - margin-left: 83.333333%; - } - + margin-left: 83.33333%; } .offset-md-11 { - margin-left: 91.666667%; - } -} + margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; - max-width: 100%; - } - + max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; - max-width: none; - } - + max-width: none; } .col-lg-1 { - flex: 0 0 8.333333%; - max-width: 8.333333%; - } - + flex: 0 0 8.33333%; + max-width: 8.33333%; } .col-lg-2 { - flex: 0 0 16.666667%; - max-width: 16.666667%; - } - + flex: 0 0 16.66667%; + max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; - max-width: 25%; - } - + max-width: 25%; } .col-lg-4 { - flex: 0 0 33.333333%; - max-width: 33.333333%; - } - + flex: 0 0 33.33333%; + max-width: 33.33333%; } .col-lg-5 { - flex: 0 0 41.666667%; - max-width: 41.666667%; - } - + flex: 0 0 41.66667%; + max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; - max-width: 50%; - } - + max-width: 50%; } .col-lg-7 { - flex: 0 0 58.333333%; - max-width: 58.333333%; - } - + flex: 0 0 58.33333%; + max-width: 58.33333%; } .col-lg-8 { - flex: 0 0 66.666667%; - max-width: 66.666667%; - } - + flex: 0 0 66.66667%; + max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; - max-width: 75%; - } - + max-width: 75%; } .col-lg-10 { - flex: 0 0 83.333333%; - max-width: 83.333333%; - } - + flex: 0 0 83.33333%; + max-width: 83.33333%; } .col-lg-11 { - flex: 0 0 91.666667%; - max-width: 91.666667%; - } - + flex: 0 0 91.66667%; + max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; - max-width: 100%; - } - + max-width: 100%; } .order-lg-first { - order: -1; - } - + order: -1; } .order-lg-last { - order: 13; - } - + order: 13; } .order-lg-0 { - order: 0; - } - + order: 0; } .order-lg-1 { - order: 1; - } - + order: 1; } .order-lg-2 { - order: 2; - } - + order: 2; } .order-lg-3 { - order: 3; - } - + order: 3; } .order-lg-4 { - order: 4; - } - + order: 4; } .order-lg-5 { - order: 5; - } - + order: 5; } .order-lg-6 { - order: 6; - } - + order: 6; } .order-lg-7 { - order: 7; - } - + order: 7; } .order-lg-8 { - order: 8; - } - + order: 8; } .order-lg-9 { - order: 9; - } - + order: 9; } .order-lg-10 { - order: 10; - } - + order: 10; } .order-lg-11 { - order: 11; - } - + order: 11; } .order-lg-12 { - order: 12; - } - + order: 12; } .offset-lg-0 { - margin-left: 0; - } - + margin-left: 0; } .offset-lg-1 { - margin-left: 8.333333%; - } - + margin-left: 8.33333%; } .offset-lg-2 { - margin-left: 16.666667%; - } - + margin-left: 16.66667%; } .offset-lg-3 { - margin-left: 25%; - } - + margin-left: 25%; } .offset-lg-4 { - margin-left: 33.333333%; - } - + margin-left: 33.33333%; } .offset-lg-5 { - margin-left: 41.666667%; - } - + margin-left: 41.66667%; } .offset-lg-6 { - margin-left: 50%; - } - + margin-left: 50%; } .offset-lg-7 { - margin-left: 58.333333%; - } - + margin-left: 58.33333%; } .offset-lg-8 { - margin-left: 66.666667%; - } - + margin-left: 66.66667%; } .offset-lg-9 { - margin-left: 75%; - } - + margin-left: 75%; } .offset-lg-10 { - margin-left: 83.333333%; - } - + margin-left: 83.33333%; } .offset-lg-11 { - margin-left: 91.666667%; - } -} + margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; - max-width: 100%; - } - + max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; - max-width: none; - } - + max-width: none; } .col-xl-1 { - flex: 0 0 8.333333%; - max-width: 8.333333%; - } - + flex: 0 0 8.33333%; + max-width: 8.33333%; } .col-xl-2 { - flex: 0 0 16.666667%; - max-width: 16.666667%; - } - + flex: 0 0 16.66667%; + max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; - max-width: 25%; - } - + max-width: 25%; } .col-xl-4 { - flex: 0 0 33.333333%; - max-width: 33.333333%; - } - + flex: 0 0 33.33333%; + max-width: 33.33333%; } .col-xl-5 { - flex: 0 0 41.666667%; - max-width: 41.666667%; - } - + flex: 0 0 41.66667%; + max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; - max-width: 50%; - } - + max-width: 50%; } .col-xl-7 { - flex: 0 0 58.333333%; - max-width: 58.333333%; - } - + flex: 0 0 58.33333%; + max-width: 58.33333%; } .col-xl-8 { - flex: 0 0 66.666667%; - max-width: 66.666667%; - } - + flex: 0 0 66.66667%; + max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; - max-width: 75%; - } - + max-width: 75%; } .col-xl-10 { - flex: 0 0 83.333333%; - max-width: 83.333333%; - } - + flex: 0 0 83.33333%; + max-width: 83.33333%; } .col-xl-11 { - flex: 0 0 91.666667%; - max-width: 91.666667%; - } - + flex: 0 0 91.66667%; + max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; - max-width: 100%; - } - + max-width: 100%; } .order-xl-first { - order: -1; - } - + order: -1; } .order-xl-last { - order: 13; - } - + order: 13; } .order-xl-0 { - order: 0; - } - + order: 0; } .order-xl-1 { - order: 1; - } - + order: 1; } .order-xl-2 { - order: 2; - } - + order: 2; } .order-xl-3 { - order: 3; - } - + order: 3; } .order-xl-4 { - order: 4; - } - + order: 4; } .order-xl-5 { - order: 5; - } - + order: 5; } .order-xl-6 { - order: 6; - } - + order: 6; } .order-xl-7 { - order: 7; - } - + order: 7; } .order-xl-8 { - order: 8; - } - + order: 8; } .order-xl-9 { - order: 9; - } - + order: 9; } .order-xl-10 { - order: 10; - } - + order: 10; } .order-xl-11 { - order: 11; - } - + order: 11; } .order-xl-12 { - order: 12; - } - + order: 12; } .offset-xl-0 { - margin-left: 0; - } - + margin-left: 0; } .offset-xl-1 { - margin-left: 8.333333%; - } - + margin-left: 8.33333%; } .offset-xl-2 { - margin-left: 16.666667%; - } - + margin-left: 16.66667%; } .offset-xl-3 { - margin-left: 25%; - } - + margin-left: 25%; } .offset-xl-4 { - margin-left: 33.333333%; - } - + margin-left: 33.33333%; } .offset-xl-5 { - margin-left: 41.666667%; - } - + margin-left: 41.66667%; } .offset-xl-6 { - margin-left: 50%; - } - + margin-left: 50%; } .offset-xl-7 { - margin-left: 58.333333%; - } - + margin-left: 58.33333%; } .offset-xl-8 { - margin-left: 66.666667%; - } - + margin-left: 66.66667%; } .offset-xl-9 { - margin-left: 75%; - } - + margin-left: 75%; } .offset-xl-10 { - margin-left: 83.333333%; - } - + margin-left: 83.33333%; } .offset-xl-11 { - margin-left: 91.666667%; - } -} + margin-left: 91.66667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; - background-color: transparent; -} - -.table th, -.table td { - padding: 0.75rem; - vertical-align: top; - border-top: 1px solid rgba(0, 0, 0, 0.06); -} - -.table thead th { - vertical-align: bottom; - border-bottom: 2px solid rgba(0, 0, 0, 0.06); -} - -.table tbody+tbody { - border-top: 2px solid rgba(0, 0, 0, 0.06); -} - -.table .table { - background-color: #fafafa; -} + background-color: transparent; } + .table th, + .table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid rgba(0, 0, 0, 0.06); } + .table thead th { + vertical-align: bottom; + border-bottom: 2px solid rgba(0, 0, 0, 0.06); } + .table tbody + tbody { + border-top: 2px solid rgba(0, 0, 0, 0.06); } + .table .table { + background-color: #fafafa; } .table-sm th, .table-sm td { - padding: 0.3rem; -} + padding: 0.3rem; } .table-bordered { - border: 1px solid rgba(0, 0, 0, 0.06); -} - -.table-bordered th, -.table-bordered td { - border: 1px solid rgba(0, 0, 0, 0.06); -} - -.table-bordered thead th, -.table-bordered thead td { - border-bottom-width: 2px; -} + border: 1px solid rgba(0, 0, 0, 0.06); } + .table-bordered th, + .table-bordered td { + border: 1px solid rgba(0, 0, 0, 0.06); } + .table-bordered thead th, + .table-bordered thead td { + border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { - background-color: rgba(0, 0, 0, 0.05); -} + background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { - background-color: rgba(0, 0, 0, 0.075); -} + background-color: rgba(0, 0, 0, 0.075); } .table-primary, -.table-primary>th, -.table-primary>td { - background-color: #e3c3e9; -} +.table-primary > th, +.table-primary > td { + background-color: #e3c3e9; } .table-hover .table-primary:hover { - background-color: #dab0e2; -} - -.table-hover .table-primary:hover>td, -.table-hover .table-primary:hover>th { - background-color: #dab0e2; -} + background-color: #dab0e2; } + .table-hover .table-primary:hover > td, + .table-hover .table-primary:hover > th { + background-color: #dab0e2; } .table-secondary, -.table-secondary>th, -.table-secondary>td { - background-color: #d6d8db; -} +.table-secondary > th, +.table-secondary > td { + background-color: #d6d8db; } .table-hover .table-secondary:hover { - background-color: #c8cbcf; -} - -.table-hover .table-secondary:hover>td, -.table-hover .table-secondary:hover>th { - background-color: #c8cbcf; -} + background-color: #c8cbcf; } + .table-hover .table-secondary:hover > td, + .table-hover .table-secondary:hover > th { + background-color: #c8cbcf; } .table-success, -.table-success>th, -.table-success>td { - background-color: #cde9ce; -} +.table-success > th, +.table-success > td { + background-color: #cde9ce; } .table-hover .table-success:hover { - background-color: #bbe1bd; -} - -.table-hover .table-success:hover>td, -.table-hover .table-success:hover>th { - background-color: #bbe1bd; -} + background-color: #bbe1bd; } + .table-hover .table-success:hover > td, + .table-hover .table-success:hover > th { + background-color: #bbe1bd; } .table-info, -.table-info>th, -.table-info>td { - background-color: #b8ecf3; -} +.table-info > th, +.table-info > td { + background-color: #b8ecf3; } .table-hover .table-info:hover { - background-color: #a2e6ef; -} - -.table-hover .table-info:hover>td, -.table-hover .table-info:hover>th { - background-color: #a2e6ef; -} + background-color: #a2e6ef; } + .table-hover .table-info:hover > td, + .table-hover .table-info:hover > th { + background-color: #a2e6ef; } .table-warning, -.table-warning>th, -.table-warning>td { - background-color: #ffe2b8; -} +.table-warning > th, +.table-warning > td { + background-color: #ffe2b8; } .table-hover .table-warning:hover { - background-color: #ffd89f; -} - -.table-hover .table-warning:hover>td, -.table-hover .table-warning:hover>th { - background-color: #ffd89f; -} + background-color: #ffd89f; } + .table-hover .table-warning:hover > td, + .table-hover .table-warning:hover > th { + background-color: #ffd89f; } .table-danger, -.table-danger>th, -.table-danger>td { - background-color: #fccac7; -} +.table-danger > th, +.table-danger > td { + background-color: #fccac7; } .table-hover .table-danger:hover { - background-color: #fbb3af; -} - -.table-hover .table-danger:hover>td, -.table-hover .table-danger:hover>th { - background-color: #fbb3af; -} + background-color: #fbb3af; } + .table-hover .table-danger:hover > td, + .table-hover .table-danger:hover > th { + background-color: #fbb3af; } .table-light, -.table-light>th, -.table-light>td { - background-color: #fdfdfe; -} +.table-light > th, +.table-light > td { + background-color: #fdfdfe; } .table-hover .table-light:hover { - background-color: #ececf6; -} - -.table-hover .table-light:hover>td, -.table-hover .table-light:hover>th { - background-color: #ececf6; -} + background-color: #ececf6; } + .table-hover .table-light:hover > td, + .table-hover .table-light:hover > th { + background-color: #ececf6; } .table-dark, -.table-dark>th, -.table-dark>td { - background-color: #c6c8ca; -} +.table-dark > th, +.table-dark > td { + background-color: #c6c8ca; } .table-hover .table-dark:hover { - background-color: #b9bbbe; -} - -.table-hover .table-dark:hover>td, -.table-hover .table-dark:hover>th { - background-color: #b9bbbe; -} + background-color: #b9bbbe; } + .table-hover .table-dark:hover > td, + .table-hover .table-dark:hover > th { + background-color: #b9bbbe; } .table-active, -.table-active>th, -.table-active>td { - background-color: rgba(0, 0, 0, 0.075); -} +.table-active > th, +.table-active > td { + background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { - background-color: rgba(0, 0, 0, 0.075); -} - -.table-hover .table-active:hover>td, -.table-hover .table-active:hover>th { - background-color: rgba(0, 0, 0, 0.075); -} + background-color: rgba(0, 0, 0, 0.075); } + .table-hover .table-active:hover > td, + .table-hover .table-active:hover > th { + background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fafafa; background-color: #212529; - border-color: #32383e; -} + border-color: #32383e; } .table .thead-light th { color: #495057; background-color: #e9ecef; - border-color: rgba(0, 0, 0, 0.06); -} + border-color: rgba(0, 0, 0, 0.06); } .table-dark { color: #fafafa; - background-color: #212529; -} - -.table-dark th, -.table-dark td, -.table-dark thead th { - border-color: #32383e; -} - -.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 { - background-color: rgba(255, 255, 255, 0.075); -} + background-color: #212529; } + .table-dark th, + .table-dark td, + .table-dark thead th { + border-color: #32383e; } + .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 { + background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { @@ -2267,13 +1507,9 @@ pre code { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - } - - .table-responsive-sm>.table-bordered { - border: 0; - } -} + -ms-overflow-style: -ms-autohiding-scrollbar; } + .table-responsive-sm > .table-bordered { + border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { @@ -2281,13 +1517,9 @@ pre code { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - } - - .table-responsive-md>.table-bordered { - border: 0; - } -} + -ms-overflow-style: -ms-autohiding-scrollbar; } + .table-responsive-md > .table-bordered { + border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { @@ -2295,13 +1527,9 @@ pre code { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - } - - .table-responsive-lg>.table-bordered { - border: 0; - } -} + -ms-overflow-style: -ms-autohiding-scrollbar; } + .table-responsive-lg > .table-bordered { + border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { @@ -2309,25 +1537,18 @@ pre code { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - } - - .table-responsive-xl>.table-bordered { - border: 0; - } -} + -ms-overflow-style: -ms-autohiding-scrollbar; } + .table-responsive-xl > .table-bordered { + border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; -} - -.table-responsive>.table-bordered { - border: 0; -} + -ms-overflow-style: -ms-autohiding-scrollbar; } + .table-responsive > .table-bordered { + border: 0; } .form-control { display: block; @@ -2341,69 +1562,65 @@ pre code { border: 1px solid #d2d2d2; border-radius: 0; box-shadow: none; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - -.form-control::-ms-expand { - background-color: transparent; - border: 0; -} - -.form-control:focus { - color: #495057; - background-color: rgba(0, 0, 0, 0); - border-color: #d176e1; - outline: 0; - box-shadow: none, 0 0 0 0.2rem rgba(156, 39, 176, 0.25); -} - -.form-control::placeholder { - color: #6c757d; - opacity: 1; -} - -.form-control:disabled, -.form-control[readonly] { - background-color: #e9ecef; - opacity: 1; -} + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + .form-control::-ms-expand { + background-color: transparent; + border: 0; } + .form-control:focus { + color: #495057; + background-color: rgba(0, 0, 0, 0); + border-color: #d176e1; + outline: 0; + box-shadow: none, 0 0 0 0.2rem rgba(156, 39, 176, 0.25); } + .form-control::-webkit-input-placeholder { + color: #6c757d; + opacity: 1; } + .form-control::-moz-placeholder { + color: #6c757d; + opacity: 1; } + .form-control:-ms-input-placeholder { + color: #6c757d; + opacity: 1; } + .form-control::-ms-input-placeholder { + color: #6c757d; + opacity: 1; } + .form-control::placeholder { + color: #6c757d; + opacity: 1; } + .form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; } select.form-control:not([size]):not([multiple]) { - height: calc(2.4375rem + 2px); -} + height: calc(2.4375rem + 2px); } select.form-control:focus::-ms-value { color: #495057; - background-color: rgba(0, 0, 0, 0); -} + background-color: rgba(0, 0, 0, 0); } .form-control-file, .form-control-range { display: block; - width: 100%; -} + width: 100%; } .col-form-label { padding-top: calc(0.4375rem + 1px); padding-bottom: calc(0.4375rem + 1px); margin-bottom: 0; font-size: inherit; - line-height: 1.5; -} + line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5625rem + 1px); padding-bottom: calc(0.5625rem + 1px); font-size: 1.25rem; - line-height: 1.5; -} + line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; - line-height: 1.5; -} + line-height: 1.5; } .form-control-plaintext { display: block; @@ -2414,130 +1631,102 @@ select.form-control:focus::-ms-value { line-height: 1.5; background-color: transparent; border: solid transparent; - border-width: 1px 0; -} - -.form-control-plaintext.form-control-sm, -.input-group-sm>.form-control-plaintext.form-control, -.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text, -.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text, -.input-group-sm>.input-group-prepend>.form-control-plaintext.btn, -.input-group-sm>.input-group-append>.form-control-plaintext.btn, -.form-control-plaintext.form-control-lg, -.input-group-lg>.form-control-plaintext.form-control, -.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text, -.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text, -.input-group-lg>.input-group-prepend>.form-control-plaintext.btn, -.input-group-lg>.input-group-append>.form-control-plaintext.btn { - padding-right: 0; - padding-left: 0; -} - -.form-control-sm, -.input-group-sm>.form-control, -.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 { + border-width: 1px 0; } + .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, + .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text, + .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, + .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, + .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, + .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, + .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, + .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, + .input-group-lg > .input-group-append > .form-control-plaintext.btn { + padding-right: 0; + padding-left: 0; } + +.form-control-sm, .input-group-sm > .form-control, +.input-group-sm > .input-group-prepend > .input-group-text, +.input-group-sm > .input-group-append > .input-group-text, +.input-group-sm > .input-group-prepend > .btn, +.input-group-sm > .input-group-append > .btn { padding: 0.25rem 0; font-size: 0.875rem; line-height: 1.5; - border-radius: 0.2rem; -} - -select.form-control-sm:not([size]):not([multiple]), -.input-group-sm>select.form-control:not([size]):not([multiple]), -.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]), -.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]), -.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]), -.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]) { - height: calc(2.125rem + 2px); -} - -.form-control-lg, -.input-group-lg>.form-control, -.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 { + border-radius: 0.2rem; } + +select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), +.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), +.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), +.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), +.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) { + height: calc(2.125rem + 2px); } + +.form-control-lg, .input-group-lg > .form-control, +.input-group-lg > .input-group-prepend > .input-group-text, +.input-group-lg > .input-group-append > .input-group-text, +.input-group-lg > .input-group-prepend > .btn, +.input-group-lg > .input-group-append > .btn { padding: 0.5625rem 0; font-size: 1.25rem; line-height: 1.5; - border-radius: 0.3rem; -} - -select.form-control-lg:not([size]):not([multiple]), -.input-group-lg>select.form-control:not([size]):not([multiple]), -.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]), -.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]), -.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]), -.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]) { - height: calc(4.125rem + 2px); -} + border-radius: 0.3rem; } + +select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), +.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), +.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), +.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), +.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) { + height: calc(4.125rem + 2px); } .form-group { - margin-bottom: 1rem; -} + margin-bottom: 1rem; } .form-text { display: block; - margin-top: 0.25rem; -} + margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; - margin-left: -5px; -} - -.form-row>.col, -.form-row>[class*="col-"] { - padding-right: 5px; - padding-left: 5px; -} + margin-left: -5px; } + .form-row > .col, + .form-row > [class*="col-"] { + padding-right: 5px; + padding-left: 5px; } .form-check { position: relative; display: block; - padding-left: 1.25rem; -} + padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; - margin-left: -1.25rem; -} - -.form-check-input:disabled~.form-check-label { - color: #6c757d; -} + margin-left: -1.25rem; } + .form-check-input:disabled ~ .form-check-label { + color: #6c757d; } .form-check-label { - margin-bottom: 0; -} + margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; - margin-right: 0.75rem; -} - -.form-check-inline .form-check-input { - position: static; - margin-top: 0; - margin-right: 0.3125rem; - margin-left: 0; -} + margin-right: 0.75rem; } + .form-check-inline .form-check-input { + position: static; + margin-top: 0; + margin-right: 0.3125rem; + margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; - color: #4caf50; -} + color: #4caf50; } .valid-tooltip { position: absolute; @@ -2551,103 +1740,70 @@ select.form-control-lg:not([size]):not([multiple]), line-height: 1; color: #fff; background-color: rgba(76, 175, 80, 0.8); - border-radius: .2rem; -} + border-radius: .2rem; } -.was-validated .form-control:valid, -.form-control.is-valid, -.was-validated .custom-select:valid, +.was-validated .form-control:valid, .form-control.is-valid, .was-validated +.custom-select:valid, .custom-select.is-valid { - border-color: #4caf50; -} - -.was-validated .form-control:valid:focus, -.form-control.is-valid:focus, -.was-validated .custom-select:valid:focus, -.custom-select.is-valid:focus { - border-color: #4caf50; - box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 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, -.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-check-input:valid~.form-check-label, -.form-check-input.is-valid~.form-check-label { - color: #4caf50; -} - -.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: #4caf50; -} - -.was-validated .custom-control-input:valid~.custom-control-label::before, -.custom-control-input.is-valid~.custom-control-label::before { - background-color: #a3d7a5; -} - -.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 { - background-color: #6ec071; -} - -.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 1px #fafafa, 0 0 0 0.2rem rgba(76, 175, 80, 0.25); -} - -.was-validated .custom-file-input:valid~.custom-file-label, -.custom-file-input.is-valid~.custom-file-label { - border-color: #4caf50; -} - -.was-validated .custom-file-input:valid~.custom-file-label::before, -.custom-file-input.is-valid~.custom-file-label::before { - border-color: inherit; -} - -.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 { - box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); -} + border-color: #4caf50; } + .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated + .custom-select:valid:focus, + .custom-select.is-valid:focus { + border-color: #4caf50; + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 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, .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-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #4caf50; } + +.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: #4caf50; } + .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { + background-color: #a3d7a5; } + +.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 { + background-color: #6ec071; } + +.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 1px #fafafa, 0 0 0 0.2rem rgba(76, 175, 80, 0.25); } + +.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { + border-color: #4caf50; } + .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before { + border-color: inherit; } + +.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 { + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; - color: #f44336; -} + color: #f44336; } .invalid-tooltip { position: absolute; @@ -2661,160 +1817,106 @@ select.form-control-lg:not([size]):not([multiple]), line-height: 1; color: #fff; background-color: rgba(244, 67, 54, 0.8); - border-radius: .2rem; -} + border-radius: .2rem; } -.was-validated .form-control:invalid, -.form-control.is-invalid, -.was-validated .custom-select:invalid, +.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated +.custom-select:invalid, .custom-select.is-invalid { - border-color: #f44336; -} - -.was-validated .form-control:invalid:focus, -.form-control.is-invalid:focus, -.was-validated .custom-select:invalid:focus, -.custom-select.is-invalid:focus { - border-color: #f44336; - box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 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, -.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-check-input:invalid~.form-check-label, -.form-check-input.is-invalid~.form-check-label { - color: #f44336; -} - -.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: #f44336; -} - -.was-validated .custom-control-input:invalid~.custom-control-label::before, -.custom-control-input.is-invalid~.custom-control-label::before { - background-color: #fbb4af; -} - -.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 { - background-color: #f77066; -} - -.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 1px #fafafa, 0 0 0 0.2rem rgba(244, 67, 54, 0.25); -} - -.was-validated .custom-file-input:invalid~.custom-file-label, -.custom-file-input.is-invalid~.custom-file-label { - border-color: #f44336; -} - -.was-validated .custom-file-input:invalid~.custom-file-label::before, -.custom-file-input.is-invalid~.custom-file-label::before { - border-color: inherit; -} - -.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 { - box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); -} + border-color: #f44336; } + .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated + .custom-select:invalid:focus, + .custom-select.is-invalid:focus { + border-color: #f44336; + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 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, .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-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #f44336; } + +.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: #f44336; } + .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { + background-color: #fbb4af; } + +.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 { + background-color: #f77066; } + +.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 1px #fafafa, 0 0 0 0.2rem rgba(244, 67, 54, 0.25); } + +.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { + border-color: #f44336; } + .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before { + border-color: inherit; } + +.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 { + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 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 { - width: auto; - } - + align-items: center; } .form-inline .form-check { - display: flex; - align-items: center; - justify-content: center; - width: auto; - padding-left: 0; - } - - .form-inline .form-check-input { - position: relative; - 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; - } -} + 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 { + 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; + 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; @@ -2822,760 +1924,477 @@ select.form-control-lg:not([size]):not([multiple]), text-align: center; white-space: nowrap; vertical-align: middle; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; border: 1px solid transparent; padding: 0.46875rem 1rem; font-size: 1rem; line-height: 1.5; 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; -} - -.btn:hover, -.btn:focus { - text-decoration: none; -} - -.btn:focus, -.btn.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.25); -} - -.btn.disabled, -.btn:disabled { - opacity: 0.65; - box-shadow: none; -} - -.btn:not(:disabled):not(.disabled) { - cursor: pointer; -} - -.btn:not(:disabled):not(.disabled):active, -.btn:not(:disabled):not(.disabled).active { - background-image: none; - box-shadow: none; -} - -.btn:not(:disabled):not(.disabled):active:focus, -.btn:not(:disabled):not(.disabled).active:focus { - box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.25), none; -} + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } + .btn:hover, .btn:focus { + text-decoration: none; } + .btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.25); } + .btn.disabled, .btn:disabled { + opacity: 0.65; + box-shadow: none; } + .btn:not(:disabled):not(.disabled) { + cursor: pointer; } + .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { + background-image: none; + box-shadow: none; } + .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus { + box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.25), none; } a.btn.disabled, fieldset:disabled a.btn { - pointer-events: none; -} + pointer-events: none; } .btn-primary { color: #fff; background-color: #9c27b0; border-color: #9c27b0; - box-shadow: none; -} - -.btn-primary:hover { - color: #fff; - background-color: #802091; - border-color: #771e86; -} - -.btn-primary:focus, -.btn-primary.focus { - box-shadow: none, 0 0 0 0.2rem rgba(156, 39, 176, 0.5); -} - -.btn-primary.disabled, -.btn-primary:disabled { - color: #fff; - background-color: #9c27b0; - border-color: #9c27b0; -} - -.btn-primary:not(:disabled):not(.disabled):active, -.btn-primary:not(:disabled):not(.disabled).active, -.show>.btn-primary.dropdown-toggle { - color: #fff; - background-color: #771e86; - border-color: #6e1b7c; -} - -.btn-primary:not(:disabled):not(.disabled):active:focus, -.btn-primary:not(:disabled):not(.disabled).active:focus, -.show>.btn-primary.dropdown-toggle:focus { - box-shadow: none, 0 0 0 0.2rem rgba(156, 39, 176, 0.5); -} + box-shadow: none; } + .btn-primary:hover { + color: #fff; + background-color: #802091; + border-color: #771e86; } + .btn-primary:focus, .btn-primary.focus { + box-shadow: none, 0 0 0 0.2rem rgba(156, 39, 176, 0.5); } + .btn-primary.disabled, .btn-primary:disabled { + color: #fff; + background-color: #9c27b0; + border-color: #9c27b0; } + .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, + .show > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #771e86; + border-color: #6e1b7c; } + .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, + .show > .btn-primary.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(156, 39, 176, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; - box-shadow: none; -} + box-shadow: none; } + .btn-secondary:hover { + color: #fff; + background-color: #5a6268; + border-color: #545b62; } + .btn-secondary:focus, .btn-secondary.focus { + box-shadow: none, 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } + .btn-secondary.disabled, .btn-secondary:disabled { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; } + .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, + .show > .btn-secondary.dropdown-toggle { + color: #fff; + background-color: #545b62; + border-color: #4e555b; } + .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, + .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } -.btn-secondary:hover { +.btn-success { color: #fff; - background-color: #5a6268; - border-color: #545b62; -} - -.btn-secondary:focus, -.btn-secondary.focus { - box-shadow: none, 0 0 0 0.2rem rgba(108, 117, 125, 0.5); -} + background-color: #4caf50; + border-color: #4caf50; + box-shadow: none; } + .btn-success:hover { + color: #fff; + background-color: #409444; + border-color: #3d8b40; } + .btn-success:focus, .btn-success.focus { + box-shadow: none, 0 0 0 0.2rem rgba(76, 175, 80, 0.5); } + .btn-success.disabled, .btn-success:disabled { + color: #fff; + background-color: #4caf50; + border-color: #4caf50; } + .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, + .show > .btn-success.dropdown-toggle { + color: #fff; + background-color: #3d8b40; + border-color: #39833c; } + .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, + .show > .btn-success.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(76, 175, 80, 0.5); } -.btn-secondary.disabled, -.btn-secondary:disabled { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; -} - -.btn-secondary:not(:disabled):not(.disabled):active, -.btn-secondary:not(:disabled):not(.disabled).active, -.show>.btn-secondary.dropdown-toggle { - color: #fff; - background-color: #545b62; - border-color: #4e555b; -} - -.btn-secondary:not(:disabled):not(.disabled):active:focus, -.btn-secondary:not(:disabled):not(.disabled).active:focus, -.show>.btn-secondary.dropdown-toggle:focus { - box-shadow: none, 0 0 0 0.2rem rgba(108, 117, 125, 0.5); -} - -.btn-success { - color: #fff; - background-color: #4caf50; - border-color: #4caf50; - box-shadow: none; -} - -.btn-success:hover { - color: #fff; - background-color: #409444; - border-color: #3d8b40; -} - -.btn-success:focus, -.btn-success.focus { - box-shadow: none, 0 0 0 0.2rem rgba(76, 175, 80, 0.5); -} - -.btn-success.disabled, -.btn-success:disabled { - color: #fff; - background-color: #4caf50; - border-color: #4caf50; -} - -.btn-success:not(:disabled):not(.disabled):active, -.btn-success:not(:disabled):not(.disabled).active, -.show>.btn-success.dropdown-toggle { - color: #fff; - background-color: #3d8b40; - border-color: #39833c; -} - -.btn-success:not(:disabled):not(.disabled):active:focus, -.btn-success:not(:disabled):not(.disabled).active:focus, -.show>.btn-success.dropdown-toggle:focus { - box-shadow: none, 0 0 0 0.2rem rgba(76, 175, 80, 0.5); -} - -.btn-info { - color: #fff; - background-color: #00bcd4; - border-color: #00bcd4; - box-shadow: none; -} - -.btn-info:hover { - color: #fff; - background-color: #009aae; - border-color: #008fa1; -} - -.btn-info:focus, -.btn-info.focus { - box-shadow: none, 0 0 0 0.2rem rgba(0, 188, 212, 0.5); -} - -.btn-info.disabled, -.btn-info:disabled { +.btn-info { color: #fff; background-color: #00bcd4; border-color: #00bcd4; -} - -.btn-info:not(:disabled):not(.disabled):active, -.btn-info:not(:disabled):not(.disabled).active, -.show>.btn-info.dropdown-toggle { - color: #fff; - background-color: #008fa1; - border-color: #008394; -} - -.btn-info:not(:disabled):not(.disabled):active:focus, -.btn-info:not(:disabled):not(.disabled).active:focus, -.show>.btn-info.dropdown-toggle:focus { - box-shadow: none, 0 0 0 0.2rem rgba(0, 188, 212, 0.5); -} + box-shadow: none; } + .btn-info:hover { + color: #fff; + background-color: #009aae; + border-color: #008fa1; } + .btn-info:focus, .btn-info.focus { + box-shadow: none, 0 0 0 0.2rem rgba(0, 188, 212, 0.5); } + .btn-info.disabled, .btn-info:disabled { + color: #fff; + background-color: #00bcd4; + border-color: #00bcd4; } + .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, + .show > .btn-info.dropdown-toggle { + color: #fff; + background-color: #008fa1; + border-color: #008394; } + .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, + .show > .btn-info.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(0, 188, 212, 0.5); } .btn-warning { color: #212529; background-color: #ff9800; border-color: #ff9800; - box-shadow: none; -} - -.btn-warning:hover { - color: #fff; - background-color: #d98100; - border-color: #cc7a00; -} - -.btn-warning:focus, -.btn-warning.focus { - box-shadow: none, 0 0 0 0.2rem rgba(255, 152, 0, 0.5); -} - -.btn-warning.disabled, -.btn-warning:disabled { - color: #212529; - background-color: #ff9800; - border-color: #ff9800; -} - -.btn-warning:not(:disabled):not(.disabled):active, -.btn-warning:not(:disabled):not(.disabled).active, -.show>.btn-warning.dropdown-toggle { - color: #fff; - background-color: #cc7a00; - border-color: #bf7200; -} - -.btn-warning:not(:disabled):not(.disabled):active:focus, -.btn-warning:not(:disabled):not(.disabled).active:focus, -.show>.btn-warning.dropdown-toggle:focus { - box-shadow: none, 0 0 0 0.2rem rgba(255, 152, 0, 0.5); -} + box-shadow: none; } + .btn-warning:hover { + color: #fff; + background-color: #d98100; + border-color: #cc7a00; } + .btn-warning:focus, .btn-warning.focus { + box-shadow: none, 0 0 0 0.2rem rgba(255, 152, 0, 0.5); } + .btn-warning.disabled, .btn-warning:disabled { + color: #212529; + background-color: #ff9800; + border-color: #ff9800; } + .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, + .show > .btn-warning.dropdown-toggle { + color: #fff; + background-color: #cc7a00; + border-color: #bf7200; } + .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, + .show > .btn-warning.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(255, 152, 0, 0.5); } .btn-danger { color: #fff; background-color: #f44336; border-color: #f44336; - box-shadow: none; -} - -.btn-danger:hover { - color: #fff; - background-color: #f22112; - border-color: #ea1c0d; -} - -.btn-danger:focus, -.btn-danger.focus { - box-shadow: none, 0 0 0 0.2rem rgba(244, 67, 54, 0.5); -} - -.btn-danger.disabled, -.btn-danger:disabled { - color: #fff; - background-color: #f44336; - border-color: #f44336; -} - -.btn-danger:not(:disabled):not(.disabled):active, -.btn-danger:not(:disabled):not(.disabled).active, -.show>.btn-danger.dropdown-toggle { - color: #fff; - background-color: #ea1c0d; - border-color: #de1b0c; -} - -.btn-danger:not(:disabled):not(.disabled):active:focus, -.btn-danger:not(:disabled):not(.disabled).active:focus, -.show>.btn-danger.dropdown-toggle:focus { - box-shadow: none, 0 0 0 0.2rem rgba(244, 67, 54, 0.5); -} + box-shadow: none; } + .btn-danger:hover { + color: #fff; + background-color: #f22112; + border-color: #ea1c0d; } + .btn-danger:focus, .btn-danger.focus { + box-shadow: none, 0 0 0 0.2rem rgba(244, 67, 54, 0.5); } + .btn-danger.disabled, .btn-danger:disabled { + color: #fff; + background-color: #f44336; + border-color: #f44336; } + .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, + .show > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #ea1c0d; + border-color: #de1b0c; } + .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, + .show > .btn-danger.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(244, 67, 54, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; - box-shadow: none; -} - -.btn-light:hover { - color: #212529; - background-color: #e2e6ea; - border-color: #dae0e5; -} - -.btn-light:focus, -.btn-light.focus { - box-shadow: none, 0 0 0 0.2rem rgba(248, 249, 250, 0.5); -} - -.btn-light.disabled, -.btn-light:disabled { - color: #212529; - background-color: #f8f9fa; - border-color: #f8f9fa; -} - -.btn-light:not(:disabled):not(.disabled):active, -.btn-light:not(:disabled):not(.disabled).active, -.show>.btn-light.dropdown-toggle { - color: #212529; - background-color: #dae0e5; - border-color: #d3d9df; -} - -.btn-light:not(:disabled):not(.disabled):active:focus, -.btn-light:not(:disabled):not(.disabled).active:focus, -.show>.btn-light.dropdown-toggle:focus { - box-shadow: none, 0 0 0 0.2rem rgba(248, 249, 250, 0.5); -} + box-shadow: none; } + .btn-light:hover { + color: #212529; + background-color: #e2e6ea; + border-color: #dae0e5; } + .btn-light:focus, .btn-light.focus { + box-shadow: none, 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } + .btn-light.disabled, .btn-light:disabled { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; } + .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, + .show > .btn-light.dropdown-toggle { + color: #212529; + background-color: #dae0e5; + border-color: #d3d9df; } + .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, + .show > .btn-light.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; - box-shadow: none; -} - -.btn-dark:hover { - color: #fff; - background-color: #23272b; - border-color: #1d2124; -} - -.btn-dark:focus, -.btn-dark.focus { - box-shadow: none, 0 0 0 0.2rem rgba(52, 58, 64, 0.5); -} - -.btn-dark.disabled, -.btn-dark:disabled { - color: #fff; - background-color: #343a40; - border-color: #343a40; -} - -.btn-dark:not(:disabled):not(.disabled):active, -.btn-dark:not(:disabled):not(.disabled).active, -.show>.btn-dark.dropdown-toggle { - color: #fff; - background-color: #1d2124; - border-color: #171a1d; -} - -.btn-dark:not(:disabled):not(.disabled):active:focus, -.btn-dark:not(:disabled):not(.disabled).active:focus, -.show>.btn-dark.dropdown-toggle:focus { - box-shadow: none, 0 0 0 0.2rem rgba(52, 58, 64, 0.5); -} + box-shadow: none; } + .btn-dark:hover { + color: #fff; + background-color: #23272b; + border-color: #1d2124; } + .btn-dark:focus, .btn-dark.focus { + box-shadow: none, 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } + .btn-dark.disabled, .btn-dark:disabled { + color: #fff; + background-color: #343a40; + border-color: #343a40; } + .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, + .show > .btn-dark.dropdown-toggle { + color: #fff; + background-color: #1d2124; + border-color: #171a1d; } + .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, + .show > .btn-dark.dropdown-toggle:focus { + box-shadow: none, 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-primary { color: #9c27b0; background-color: transparent; background-image: none; - border-color: #9c27b0; -} - -.btn-outline-primary:hover { - color: #fff; - background-color: #9c27b0; - border-color: #9c27b0; -} - -.btn-outline-primary:focus, -.btn-outline-primary.focus { - box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.5); -} - -.btn-outline-primary.disabled, -.btn-outline-primary:disabled { - color: #9c27b0; - 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: #9c27b0; - border-color: #9c27b0; -} - -.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(156, 39, 176, 0.5); -} + border-color: #9c27b0; } + .btn-outline-primary:hover { + color: #fff; + background-color: #9c27b0; + border-color: #9c27b0; } + .btn-outline-primary:focus, .btn-outline-primary.focus { + box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.5); } + .btn-outline-primary.disabled, .btn-outline-primary:disabled { + color: #9c27b0; + 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: #9c27b0; + border-color: #9c27b0; } + .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(156, 39, 176, 0.5); } .btn-outline-secondary { color: #6c757d; background-color: transparent; background-image: none; - border-color: #6c757d; -} - -.btn-outline-secondary:hover { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; -} - -.btn-outline-secondary:focus, -.btn-outline-secondary.focus { - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); -} - -.btn-outline-secondary.disabled, -.btn-outline-secondary:disabled { - color: #6c757d; - background-color: transparent; -} - -.btn-outline-secondary:not(:disabled):not(.disabled):active, -.btn-outline-secondary:not(:disabled):not(.disabled).active, -.show>.btn-outline-secondary.dropdown-toggle { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; -} - -.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, -.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, -.show>.btn-outline-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); -} + border-color: #6c757d; } + .btn-outline-secondary:hover { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; } + .btn-outline-secondary:focus, .btn-outline-secondary.focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } + .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { + color: #6c757d; + background-color: transparent; } + .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, + .show > .btn-outline-secondary.dropdown-toggle { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; } + .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, + .show > .btn-outline-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #4caf50; background-color: transparent; background-image: none; - border-color: #4caf50; -} - -.btn-outline-success:hover { - color: #fff; - background-color: #4caf50; - border-color: #4caf50; -} - -.btn-outline-success:focus, -.btn-outline-success.focus { - box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); -} - -.btn-outline-success.disabled, -.btn-outline-success:disabled { - color: #4caf50; - background-color: transparent; -} - -.btn-outline-success:not(:disabled):not(.disabled):active, -.btn-outline-success:not(:disabled):not(.disabled).active, -.show>.btn-outline-success.dropdown-toggle { - color: #fff; - background-color: #4caf50; - border-color: #4caf50; -} - -.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(76, 175, 80, 0.5); -} + border-color: #4caf50; } + .btn-outline-success:hover { + color: #fff; + background-color: #4caf50; + border-color: #4caf50; } + .btn-outline-success:focus, .btn-outline-success.focus { + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.5); } + .btn-outline-success.disabled, .btn-outline-success:disabled { + color: #4caf50; + background-color: transparent; } + .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, + .show > .btn-outline-success.dropdown-toggle { + color: #fff; + background-color: #4caf50; + border-color: #4caf50; } + .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(76, 175, 80, 0.5); } .btn-outline-info { color: #00bcd4; background-color: transparent; background-image: none; - border-color: #00bcd4; -} - -.btn-outline-info:hover { - color: #fff; - background-color: #00bcd4; - border-color: #00bcd4; -} - -.btn-outline-info:focus, -.btn-outline-info.focus { - box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.5); -} - -.btn-outline-info.disabled, -.btn-outline-info:disabled { - color: #00bcd4; - 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: #00bcd4; - border-color: #00bcd4; -} - -.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(0, 188, 212, 0.5); -} + border-color: #00bcd4; } + .btn-outline-info:hover { + color: #fff; + background-color: #00bcd4; + border-color: #00bcd4; } + .btn-outline-info:focus, .btn-outline-info.focus { + box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.5); } + .btn-outline-info.disabled, .btn-outline-info:disabled { + color: #00bcd4; + 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: #00bcd4; + border-color: #00bcd4; } + .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(0, 188, 212, 0.5); } .btn-outline-warning { color: #ff9800; background-color: transparent; background-image: none; - border-color: #ff9800; -} - -.btn-outline-warning:hover { - color: #212529; - background-color: #ff9800; - border-color: #ff9800; -} - -.btn-outline-warning:focus, -.btn-outline-warning.focus { - box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.5); -} - -.btn-outline-warning.disabled, -.btn-outline-warning:disabled { - color: #ff9800; - background-color: transparent; -} - -.btn-outline-warning:not(:disabled):not(.disabled):active, -.btn-outline-warning:not(:disabled):not(.disabled).active, -.show>.btn-outline-warning.dropdown-toggle { - color: #212529; - background-color: #ff9800; - border-color: #ff9800; -} - -.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, 152, 0, 0.5); -} + border-color: #ff9800; } + .btn-outline-warning:hover { + color: #212529; + background-color: #ff9800; + border-color: #ff9800; } + .btn-outline-warning:focus, .btn-outline-warning.focus { + box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.5); } + .btn-outline-warning.disabled, .btn-outline-warning:disabled { + color: #ff9800; + background-color: transparent; } + .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, + .show > .btn-outline-warning.dropdown-toggle { + color: #212529; + background-color: #ff9800; + border-color: #ff9800; } + .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, 152, 0, 0.5); } .btn-outline-danger { color: #f44336; background-color: transparent; background-image: none; - border-color: #f44336; -} - -.btn-outline-danger:hover { - color: #fff; - background-color: #f44336; - border-color: #f44336; -} - -.btn-outline-danger:focus, -.btn-outline-danger.focus { - box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5); -} - -.btn-outline-danger.disabled, -.btn-outline-danger:disabled { - color: #f44336; - 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: #f44336; - border-color: #f44336; -} - -.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(244, 67, 54, 0.5); -} + border-color: #f44336; } + .btn-outline-danger:hover { + color: #fff; + background-color: #f44336; + border-color: #f44336; } + .btn-outline-danger:focus, .btn-outline-danger.focus { + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.5); } + .btn-outline-danger.disabled, .btn-outline-danger:disabled { + color: #f44336; + 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: #f44336; + border-color: #f44336; } + .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(244, 67, 54, 0.5); } .btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; - border-color: #f8f9fa; -} - -.btn-outline-light:hover { - color: #212529; - background-color: #f8f9fa; - border-color: #f8f9fa; -} - -.btn-outline-light:focus, -.btn-outline-light.focus { - box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); -} - -.btn-outline-light.disabled, -.btn-outline-light:disabled { - color: #f8f9fa; - background-color: transparent; -} - -.btn-outline-light:not(:disabled):not(.disabled):active, -.btn-outline-light:not(:disabled):not(.disabled).active, -.show>.btn-outline-light.dropdown-toggle { - color: #212529; - background-color: #f8f9fa; - border-color: #f8f9fa; -} - -.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(248, 249, 250, 0.5); -} + border-color: #f8f9fa; } + .btn-outline-light:hover { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; } + .btn-outline-light:focus, .btn-outline-light.focus { + box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } + .btn-outline-light.disabled, .btn-outline-light:disabled { + color: #f8f9fa; + background-color: transparent; } + .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, + .show > .btn-outline-light.dropdown-toggle { + color: #212529; + background-color: #f8f9fa; + border-color: #f8f9fa; } + .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(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; background-color: transparent; background-image: none; - border-color: #343a40; -} - -.btn-outline-dark:hover { - color: #fff; - background-color: #343a40; - border-color: #343a40; -} - -.btn-outline-dark:focus, -.btn-outline-dark.focus { - box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); -} - -.btn-outline-dark.disabled, -.btn-outline-dark:disabled { - color: #343a40; - 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: #343a40; - border-color: #343a40; -} - -.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(52, 58, 64, 0.5); -} + border-color: #343a40; } + .btn-outline-dark:hover { + color: #fff; + background-color: #343a40; + border-color: #343a40; } + .btn-outline-dark:focus, .btn-outline-dark.focus { + box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } + .btn-outline-dark.disabled, .btn-outline-dark:disabled { + color: #343a40; + 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: #343a40; + border-color: #343a40; } + .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(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #9c27b0; - background-color: transparent; -} - -.btn-link:hover { - color: #641971; - text-decoration: underline; - background-color: transparent; - border-color: transparent; -} - -.btn-link:focus, -.btn-link.focus { - text-decoration: underline; - border-color: transparent; - box-shadow: none; -} - -.btn-link:disabled, -.btn-link.disabled { - color: #999; -} + background-color: transparent; } + .btn-link:hover { + color: #641971; + text-decoration: underline; + background-color: transparent; + border-color: transparent; } + .btn-link:focus, .btn-link.focus { + text-decoration: underline; + border-color: transparent; + box-shadow: none; } + .btn-link:disabled, .btn-link.disabled { + color: #999; } -.btn-lg, -.btn-group-lg>.btn { +.btn-lg, .btn-group-lg > .btn { padding: 1.125rem 2.25rem; font-size: 1.25rem; line-height: 1.5; - border-radius: 0.3rem; -} + border-radius: 0.3rem; } -.btn-sm, -.btn-group-sm>.btn { +.btn-sm, .btn-group-sm > .btn { padding: 0.40625rem 1.25rem; font-size: 0.875rem; line-height: 1.5; - border-radius: 0.1875rem; -} + border-radius: 0.1875rem; } .btn-block { display: block; - width: 100%; -} - -.btn-block+.btn-block { - margin-top: 0.5rem; -} + width: 100%; } + .btn-block + .btn-block { + margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { - width: 100%; -} + width: 100%; } .fade { opacity: 0; - transition: opacity 0.15s linear; -} - -.fade.show { - opacity: 1; -} + transition: opacity 0.15s linear; } + .fade.show { + opacity: 1; } .collapse { - display: none; -} - -.collapse.show { - display: block; -} + display: none; } + .collapse.show { + display: block; } tr.collapse.show { - display: table-row; -} + display: table-row; } tbody.collapse.show { - display: table-row-group; -} + display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; - transition: height 0.35s ease; -} + transition: height 0.35s ease; } .dropup, .dropdown { - position: relative; -} + position: relative; } .dropdown-toggle::after { display: inline-block; @@ -3587,12 +2406,10 @@ tbody.collapse.show { border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; - border-left: 0.3em solid transparent; -} + border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { - margin-left: 0; -} + margin-left: 0; } .dropdown-menu { position: absolute; @@ -3612,13 +2429,11 @@ tbody.collapse.show { background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .dropup .dropdown-menu { margin-top: 0; - margin-bottom: 0.125rem; -} + margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; @@ -3630,17 +2445,14 @@ tbody.collapse.show { border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; - border-left: 0.3em solid transparent; -} + border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { - margin-left: 0; -} + margin-left: 0; } .dropright .dropdown-menu { margin-top: 0; - margin-left: 0.125rem; -} + margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; @@ -3651,21 +2463,17 @@ tbody.collapse.show { content: ""; border-top: 0.3em solid transparent; border-bottom: 0.3em solid transparent; - border-left: 0.3em solid; -} + border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { - margin-left: 0; -} + margin-left: 0; } .dropright .dropdown-toggle::after { - vertical-align: 0; -} + vertical-align: 0; } .dropleft .dropdown-menu { margin-top: 0; - margin-right: 0.125rem; -} + margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; @@ -3673,12 +2481,10 @@ tbody.collapse.show { height: 0; margin-left: 0.255em; vertical-align: 0.255em; - content: ""; -} + content: ""; } .dropleft .dropdown-toggle::after { - display: none; -} + display: none; } .dropleft .dropdown-toggle::before { display: inline-block; @@ -3689,23 +2495,19 @@ tbody.collapse.show { content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; - border-bottom: 0.3em solid transparent; -} + border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { - margin-left: 0; -} + margin-left: 0; } .dropleft .dropdown-toggle::before { - vertical-align: 0; -} + vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; - border-top: 1px solid #e9ecef; -} + border-top: 1px solid #e9ecef; } .dropdown-item { display: block; @@ -3717,32 +2519,21 @@ tbody.collapse.show { text-align: inherit; white-space: nowrap; background-color: transparent; - border: 0; -} - -.dropdown-item:hover, -.dropdown-item:focus { - color: #16181b; - text-decoration: none; - background-color: #f8f9fa; -} - -.dropdown-item.active, -.dropdown-item:active { - color: #fff; - text-decoration: none; - background-color: #9c27b0; -} - -.dropdown-item.disabled, -.dropdown-item:disabled { - color: #6c757d; - background-color: transparent; -} + border: 0; } + .dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #f8f9fa; } + .dropdown-item.active, .dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: #9c27b0; } + .dropdown-item.disabled, .dropdown-item:disabled { + color: #6c757d; + background-color: transparent; } .dropdown-menu.show { - display: block; -} + display: block; } .dropdown-header { display: block; @@ -3750,240 +2541,176 @@ tbody.collapse.show { margin-bottom: 0; font-size: 0.875rem; color: #6c757d; - white-space: nowrap; -} + white-space: nowrap; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; - vertical-align: middle; -} - -.btn-group>.btn, -.btn-group-vertical>.btn { - position: relative; - flex: 0 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-group .btn+.btn, -.btn-group .btn+.btn-group, -.btn-group .btn-group+.btn, -.btn-group .btn-group+.btn-group, -.btn-group-vertical .btn+.btn, -.btn-group-vertical .btn+.btn-group, -.btn-group-vertical .btn-group+.btn, -.btn-group-vertical .btn-group+.btn-group { - margin-left: -1px; -} + vertical-align: middle; } + .btn-group > .btn, + .btn-group-vertical > .btn { + position: relative; + flex: 0 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-group .btn + .btn, + .btn-group .btn + .btn-group, + .btn-group .btn-group + .btn, + .btn-group .btn-group + .btn-group, + .btn-group-vertical .btn + .btn, + .btn-group-vertical .btn + .btn-group, + .btn-group-vertical .btn-group + .btn, + .btn-group-vertical .btn-group + .btn-group { + margin-left: -1px; } .btn-toolbar { display: flex; flex-wrap: wrap; - justify-content: flex-start; -} - -.btn-toolbar .input-group { - width: auto; -} + justify-content: flex-start; } + .btn-toolbar .input-group { + width: auto; } -.btn-group>.btn:first-child { - margin-left: 0; -} +.btn-group > .btn:first-child { + margin-left: 0; } -.btn-group>.btn:not(:last-child):not(.dropdown-toggle), -.btn-group>.btn-group:not(:last-child)>.btn { +.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; -} + border-bottom-right-radius: 0; } -.btn-group>.btn:not(:first-child), -.btn-group>.btn-group:not(:first-child)>.btn { +.btn-group > .btn:not(:first-child), +.btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; - border-bottom-left-radius: 0; -} + border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.75rem; - padding-left: 0.75rem; -} - -.dropdown-toggle-split::after { - margin-left: 0; -} + padding-left: 0.75rem; } + .dropdown-toggle-split::after { + margin-left: 0; } -.btn-sm+.dropdown-toggle-split, -.btn-group-sm>.btn+.dropdown-toggle-split { +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.9375rem; - padding-left: 0.9375rem; -} + padding-left: 0.9375rem; } -.btn-lg+.dropdown-toggle-split, -.btn-group-lg>.btn+.dropdown-toggle-split { +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 1.6875rem; - padding-left: 1.6875rem; -} + padding-left: 1.6875rem; } .btn-group.show .dropdown-toggle { - box-shadow: none; -} - -.btn-group.show .dropdown-toggle.btn-link { - box-shadow: none; -} + box-shadow: none; } + .btn-group.show .dropdown-toggle.btn-link { + box-shadow: none; } .btn-group-vertical { flex-direction: column; align-items: flex-start; - justify-content: center; -} - -.btn-group-vertical .btn, -.btn-group-vertical .btn-group { - width: 100%; -} - -.btn-group-vertical>.btn+.btn, -.btn-group-vertical>.btn+.btn-group, -.btn-group-vertical>.btn-group+.btn, -.btn-group-vertical>.btn-group+.btn-group { - margin-top: -1px; - margin-left: 0; -} - -.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; -} + justify-content: center; } + .btn-group-vertical .btn, + .btn-group-vertical .btn-group { + width: 100%; } + .btn-group-vertical > .btn + .btn, + .btn-group-vertical > .btn + .btn-group, + .btn-group-vertical > .btn-group + .btn, + .btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; } + .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>.custom-select, -.input-group>.custom-file { - position: relative; - flex: 1 1 auto; - width: 1%; - margin-bottom: 0; -} - -.input-group>.form-control:focus, -.input-group>.custom-select:focus, -.input-group>.custom-file:focus { - z-index: 3; -} - -.input-group>.form-control+.form-control, -.input-group>.form-control+.custom-select, -.input-group>.form-control+.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: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::before { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.input-group>.custom-file:not(:first-child) .custom-file-label, -.input-group>.custom-file:not(:first-child) .custom-file-label::before { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} + width: 100%; } + .input-group > .form-control, + .input-group > .custom-select, + .input-group > .custom-file { + position: relative; + flex: 1 1 auto; + width: 1%; + margin-bottom: 0; } + .input-group > .form-control:focus, + .input-group > .custom-select:focus, + .input-group > .custom-file:focus { + z-index: 3; } + .input-group > .form-control + .form-control, + .input-group > .form-control + .custom-select, + .input-group > .form-control + .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: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::before { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .input-group > .custom-file:not(:first-child) .custom-file-label, + .input-group > .custom-file:not(:first-child) .custom-file-label::before { + 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+.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; -} + display: flex; } + .input-group-prepend .btn, + .input-group-append .btn { + position: relative; + z-index: 2; } + .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; -} + margin-right: -1px; } .input-group-append { - margin-left: -1px; -} + margin-left: -1px; } .input-group-text { display: flex; @@ -3998,151 +2725,120 @@ tbody.collapse.show { white-space: nowrap; background-color: transparent; border: 1px solid transparent; - border-radius: 0; -} - -.input-group-text input[type="radio"], -.input-group-text input[type="checkbox"] { - margin-top: 0; -} - -.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-radius: 0; } + .input-group-text input[type="radio"], + .input-group-text input[type="checkbox"] { + margin-top: 0; } + +.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-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; -} + border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; - padding-left: 1.5rem; -} + padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; - margin-right: 1rem; -} + margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; - opacity: 0; -} - -.custom-control-input:checked~.custom-control-label::before { - color: #fff; - background-color: #9c27b0; - box-shadow: none; -} - -.custom-control-input:focus~.custom-control-label::before { - box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(156, 39, 176, 0.25); -} - -.custom-control-input:active~.custom-control-label::before { - color: #fff; - background-color: #dfa0ea; - box-shadow: none; -} - -.custom-control-input:disabled~.custom-control-label { - color: #6c757d; -} - -.custom-control-input:disabled~.custom-control-label::before { - background-color: #e9ecef; -} + opacity: 0; } + .custom-control-input:checked ~ .custom-control-label::before { + color: #fff; + background-color: #9c27b0; + box-shadow: none; } + .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(156, 39, 176, 0.25); } + .custom-control-input:active ~ .custom-control-label::before { + color: #fff; + background-color: #dfa0ea; + box-shadow: none; } + .custom-control-input:disabled ~ .custom-control-label { + color: #6c757d; } + .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #e9ecef; } .custom-control-label { - margin-bottom: 0; -} - -.custom-control-label::before { - position: absolute; - top: 0.25rem; - left: 0; - display: block; - width: 1rem; - height: 1rem; - pointer-events: none; - content: ""; - user-select: none; - background-color: #dee2e6; - box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); -} - -.custom-control-label::after { - position: absolute; - top: 0.25rem; - left: 0; - display: block; - width: 1rem; - height: 1rem; - content: ""; - background-repeat: no-repeat; - background-position: center center; - background-size: 50% 50%; -} + margin-bottom: 0; } + .custom-control-label::before { + position: absolute; + top: 0.25rem; + left: 0; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #dee2e6; + box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } + .custom-control-label::after { + position: absolute; + top: 0.25rem; + left: 0; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background-repeat: no-repeat; + background-position: center center; + background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { - border-radius: 0.25rem; -} + border-radius: 0.25rem; } -.custom-checkbox .custom-control-input:checked~.custom-control-label::before { - background-color: #9c27b0; -} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: #9c27b0; } -.custom-checkbox .custom-control-input:checked~.custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); -} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } -.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #9c27b0; - box-shadow: none; -} + box-shadow: none; } -.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); -} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%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(156, 39, 176, 0.5); -} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(156, 39, 176, 0.5); } -.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { - background-color: rgba(156, 39, 176, 0.5); -} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(156, 39, 176, 0.5); } .custom-radio .custom-control-label::before { - border-radius: 50%; -} + border-radius: 50%; } -.custom-radio .custom-control-input:checked~.custom-control-label::before { - background-color: #9c27b0; -} +.custom-radio .custom-control-input:checked ~ .custom-control-label::before { + background-color: #9c27b0; } -.custom-radio .custom-control-input:checked~.custom-control-label::after { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); -} +.custom-radio .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml;charset=utf8,%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(156, 39, 176, 0.5); -} +.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(156, 39, 176, 0.5); } .custom-select { display: inline-block; @@ -4156,57 +2852,44 @@ tbody.collapse.show { background-size: 8px 10px; border: 1px solid #d2d2d2; border-radius: 0.25rem; - appearance: none; -} - -.custom-select:focus { - border-color: #d176e1; - outline: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(209, 118, 225, 0.5); -} - -.custom-select:focus::-ms-value { - color: #495057; - background-color: rgba(0, 0, 0, 0); -} - -.custom-select[multiple], -.custom-select[size]:not([size="1"]) { - height: auto; - padding-right: 0.75rem; - background-image: none; -} - -.custom-select:disabled { - color: #6c757d; - background-color: #e9ecef; -} - -.custom-select::-ms-expand { - opacity: 0; -} + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + .custom-select:focus { + border-color: #d176e1; + outline: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(209, 118, 225, 0.5); } + .custom-select:focus::-ms-value { + color: #495057; + background-color: rgba(0, 0, 0, 0); } + .custom-select[multiple], .custom-select[size]:not([size="1"]) { + height: auto; + padding-right: 0.75rem; + background-image: none; } + .custom-select:disabled { + color: #6c757d; + background-color: #e9ecef; } + .custom-select::-ms-expand { + opacity: 0; } .custom-select-sm { height: calc(2.125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; - font-size: 75%; -} + font-size: 75%; } .custom-select-lg { height: calc(4.125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; - font-size: 125%; -} + font-size: 125%; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.4375rem + 2px); - margin-bottom: 0; -} + margin-bottom: 0; } .custom-file-input { position: relative; @@ -4214,21 +2897,14 @@ tbody.collapse.show { width: 100%; height: calc(2.4375rem + 2px); margin: 0; - opacity: 0; -} - -.custom-file-input:focus~.custom-file-control { - border-color: #d176e1; - box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.25); -} - -.custom-file-input:focus~.custom-file-control::before { - border-color: #d176e1; -} - -.custom-file-input:lang(en)~.custom-file-label::after { - content: "Browse"; -} + opacity: 0; } + .custom-file-input:focus ~ .custom-file-control { + border-color: #d176e1; + box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.25); } + .custom-file-input:focus ~ .custom-file-control::before { + border-color: #d176e1; } + .custom-file-input:lang(en) ~ .custom-file-label::after { + content: "Browse"; } .custom-file-label { position: absolute; @@ -4243,114 +2919,84 @@ tbody.collapse.show { background-color: transparent; border: 0 solid #d2d2d2; border-radius: 0; - box-shadow: none; -} - -.custom-file-label::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - z-index: 3; - display: block; - height: calc(calc(2.4375rem + 2px) - 0 * 2); - padding: 0.46875rem 1rem; - line-height: 1.3; - color: #495057; - content: "Browse"; - background-color: transparent; - border-left: 0 solid #d2d2d2; - border-radius: 0 0 0 0; -} + box-shadow: none; } + .custom-file-label::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + z-index: 3; + display: block; + height: calc(calc(2.4375rem + 2px) - 0 * 2); + padding: 0.46875rem 1rem; + line-height: 1.3; + color: #495057; + content: "Browse"; + background-color: transparent; + border-left: 0 solid #d2d2d2; + border-radius: 0 0 0 0; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; - list-style: none; -} + list-style: none; } .nav-link { display: block; - padding: 0.5rem 1rem; -} - -.nav-link:hover, -.nav-link:focus { - text-decoration: none; -} - -.nav-link.disabled { - color: #6c757d; -} + padding: 0.5rem 1rem; } + .nav-link:hover, .nav-link:focus { + text-decoration: none; } + .nav-link.disabled { + color: #6c757d; } .nav-tabs { - border-bottom: 1px solid #dee2e6; -} - -.nav-tabs .nav-item { - margin-bottom: -1px; -} - -.nav-tabs .nav-link { - border: 1px solid transparent; - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} - -.nav-tabs .nav-link:hover, -.nav-tabs .nav-link:focus { - border-color: #e9ecef #e9ecef #dee2e6; -} - -.nav-tabs .nav-link.disabled { - color: #6c757d; - background-color: transparent; - border-color: transparent; -} - -.nav-tabs .nav-link.active, -.nav-tabs .nav-item.show .nav-link { - color: #495057; - background-color: #fafafa; - border-color: #dee2e6 #dee2e6 #fafafa; -} - -.nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-left-radius: 0; - border-top-right-radius: 0; -} + border-bottom: 1px solid #dee2e6; } + .nav-tabs .nav-item { + margin-bottom: -1px; } + .nav-tabs .nav-link { + border: 1px solid transparent; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #e9ecef #e9ecef #dee2e6; } + .nav-tabs .nav-link.disabled { + color: #6c757d; + background-color: transparent; + border-color: transparent; } + .nav-tabs .nav-link.active, + .nav-tabs .nav-item.show .nav-link { + color: #495057; + background-color: #fafafa; + border-color: #dee2e6 #dee2e6 #fafafa; } + .nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; } .nav-pills .nav-link { - border-radius: 0.25rem; -} + border-radius: 0.25rem; } .nav-pills .nav-link.active, -.nav-pills .show>.nav-link { +.nav-pills .show > .nav-link { color: #fff; - background-color: #9c27b0; -} + background-color: #9c27b0; } .nav-fill .nav-item { flex: 1 1 auto; - text-align: center; -} + text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; - text-align: center; -} + text-align: center; } -.tab-content>.tab-pane { - display: none; -} +.tab-content > .tab-pane { + display: none; } -.tab-content>.active { - display: block; -} +.tab-content > .active { + display: block; } .navbar { position: relative; @@ -4358,16 +3004,13 @@ tbody.collapse.show { 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; -} + 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; @@ -4376,43 +3019,32 @@ tbody.collapse.show { margin-right: 1rem; font-size: 1.25rem; line-height: inherit; - white-space: nowrap; -} - -.navbar-brand:hover, -.navbar-brand:focus { - text-decoration: none; -} + white-space: nowrap; } + .navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; } .navbar-nav { display: 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; -} + list-style: none; } + .navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; } + .navbar-nav .dropdown-menu { + position: static; + float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; - padding-bottom: 0.5rem; -} + padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; - align-items: center; -} + align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; @@ -4420,17 +3052,11 @@ tbody.collapse.show { 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:not(:disabled):not(.disabled) { - cursor: pointer; -} + border-radius: 0.25rem; } + .navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; } + .navbar-toggler:not(:disabled):not(.disabled) { + cursor: pointer; } .navbar-toggler-icon { display: inline-block; @@ -4439,370 +3065,228 @@ tbody.collapse.show { vertical-align: middle; content: ""; background: no-repeat center center; - background-size: 100% 100%; -} + background-size: 100% 100%; } @media (max-width: 575.98px) { - - .navbar-expand-sm>.container, - .navbar-expand-sm>.container-fluid { + .navbar-expand-sm > .container, + .navbar-expand-sm > .container-fluid { padding-right: 0; - padding-left: 0; - } -} + padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { 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 .dropdown-menu-right { - right: 0; - left: auto; - } - - .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; - } - - .navbar-expand-sm .dropup .dropdown-menu { - top: auto; - bottom: 100%; - } -} + 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 .dropdown-menu-right { + right: 0; + left: auto; } + .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; } + .navbar-expand-sm .dropup .dropdown-menu { + top: auto; + bottom: 100%; } } @media (max-width: 767.98px) { - - .navbar-expand-md>.container, - .navbar-expand-md>.container-fluid { + .navbar-expand-md > .container, + .navbar-expand-md > .container-fluid { padding-right: 0; - padding-left: 0; - } -} + padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { 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 .dropdown-menu-right { - right: 0; - left: auto; - } - - .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; - } - - .navbar-expand-md .dropup .dropdown-menu { - top: auto; - bottom: 100%; - } -} + 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 .dropdown-menu-right { + right: 0; + left: auto; } + .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; } + .navbar-expand-md .dropup .dropdown-menu { + top: auto; + bottom: 100%; } } @media (max-width: 991.98px) { - - .navbar-expand-lg>.container, - .navbar-expand-lg>.container-fluid { + .navbar-expand-lg > .container, + .navbar-expand-lg > .container-fluid { padding-right: 0; - padding-left: 0; - } -} + padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { 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 .dropdown-menu-right { - right: 0; - left: auto; - } - - .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; - } - - .navbar-expand-lg .dropup .dropdown-menu { - top: auto; - bottom: 100%; - } -} + 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 .dropdown-menu-right { + right: 0; + left: auto; } + .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; } + .navbar-expand-lg .dropup .dropdown-menu { + top: auto; + bottom: 100%; } } @media (max-width: 1199.98px) { - - .navbar-expand-xl>.container, - .navbar-expand-xl>.container-fluid { + .navbar-expand-xl > .container, + .navbar-expand-xl > .container-fluid { padding-right: 0; - padding-left: 0; - } -} + padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; - justify-content: flex-start; - } + 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 .dropdown-menu-right { + right: 0; + left: auto; } + .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-xl .dropup .dropdown-menu { + top: auto; + bottom: 100%; } } - .navbar-expand-xl .navbar-nav { - flex-direction: row; - } +.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 .dropdown-menu-right { + right: 0; + left: auto; } + .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-expand .dropup .dropdown-menu { + top: auto; + bottom: 100%; } - .navbar-expand-xl .navbar-nav .dropdown-menu { - position: absolute; - } +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.9); } + .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(0, 0, 0, 0.9); } - .navbar-expand-xl .navbar-nav .dropdown-menu-right { - right: 0; - left: auto; - } +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 0.5); } + .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(0, 0, 0, 0.7); } + .navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); } + +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .active > .nav-link, +.navbar-light .navbar-nav .nav-link.show, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(0, 0, 0, 0.9); } - .navbar-expand-xl .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; - } +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.1); } - .navbar-expand-xl>.container, - .navbar-expand-xl>.container-fluid { - flex-wrap: nowrap; - } +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } - .navbar-expand-xl .navbar-collapse { - display: flex !important; - flex-basis: auto; - } +.navbar-light .navbar-text { + color: rgba(0, 0, 0, 0.5); } + .navbar-light .navbar-text a { + color: rgba(0, 0, 0, 0.9); } + .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { + color: rgba(0, 0, 0, 0.9); } - .navbar-expand-xl .navbar-toggler { - display: none; - } +.navbar-dark .navbar-brand { + color: #fff; } + .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #fff; } - .navbar-expand-xl .dropup .dropdown-menu { - top: auto; - bottom: 100%; - } -} +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); } + .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); } + .navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); } + +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .active > .nav-link, +.navbar-dark .navbar-nav .nav-link.show, +.navbar-dark .navbar-nav .nav-link.active { + color: #fff; } -.navbar-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 .dropdown-menu-right { - right: 0; - left: auto; -} - -.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-expand .dropup .dropdown-menu { - top: auto; - bottom: 100%; -} - -.navbar-light .navbar-brand { - color: rgba(0, 0, 0, 0.9); -} - -.navbar-light .navbar-brand:hover, -.navbar-light .navbar-brand:focus { - color: rgba(0, 0, 0, 0.9); -} - -.navbar-light .navbar-nav .nav-link { - color: rgba(0, 0, 0, 0.5); -} - -.navbar-light .navbar-nav .nav-link:hover, -.navbar-light .navbar-nav .nav-link:focus { - color: rgba(0, 0, 0, 0.7); -} - -.navbar-light .navbar-nav .nav-link.disabled { - color: rgba(0, 0, 0, 0.3); -} - -.navbar-light .navbar-nav .show>.nav-link, -.navbar-light .navbar-nav .active>.nav-link, -.navbar-light .navbar-nav .nav-link.show, -.navbar-light .navbar-nav .nav-link.active { - color: rgba(0, 0, 0, 0.9); -} - -.navbar-light .navbar-toggler { - color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.1); -} - -.navbar-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); -} - -.navbar-light .navbar-text { - color: rgba(0, 0, 0, 0.5); -} - -.navbar-light .navbar-text a { - color: rgba(0, 0, 0, 0.9); -} - -.navbar-light .navbar-text a:hover, -.navbar-light .navbar-text a:focus { - color: rgba(0, 0, 0, 0.9); -} - -.navbar-dark .navbar-brand { - color: #fff; -} - -.navbar-dark .navbar-brand:hover, -.navbar-dark .navbar-brand:focus { - color: #fff; -} - -.navbar-dark .navbar-nav .nav-link { - color: rgba(255, 255, 255, 0.5); -} - -.navbar-dark .navbar-nav .nav-link:hover, -.navbar-dark .navbar-nav .nav-link:focus { - color: rgba(255, 255, 255, 0.75); -} - -.navbar-dark .navbar-nav .nav-link.disabled { - color: rgba(255, 255, 255, 0.25); -} - -.navbar-dark .navbar-nav .show>.nav-link, -.navbar-dark .navbar-nav .active>.nav-link, -.navbar-dark .navbar-nav .nav-link.show, -.navbar-dark .navbar-nav .nav-link.active { - color: #fff; -} - -.navbar-dark .navbar-toggler { - color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.1); -} +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); -} + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { - color: rgba(255, 255, 255, 0.5); -} - -.navbar-dark .navbar-text a { - color: #fff; -} - -.navbar-dark .navbar-text a:hover, -.navbar-dark .navbar-text a:focus { - color: #fff; -} + color: rgba(255, 255, 255, 0.5); } + .navbar-dark .navbar-text a { + color: #fff; } + .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { + color: #fff; } .card { position: relative; @@ -4813,86 +3297,63 @@ tbody.collapse.show { background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0.25rem; -} - -.card>hr { - margin-right: 0; - margin-left: 0; -} - -.card>.list-group:first-child .list-group-item:first-child { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} - -.card>.list-group:last-child .list-group-item:last-child { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; -} + border-radius: 0.25rem; } + .card > hr { + margin-right: 0; + margin-left: 0; } + .card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + .card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; - padding: 1.25rem; -} + padding: 1.25rem; } .card-title { - margin-bottom: 0.75rem; -} + margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; - margin-bottom: 0; -} + margin-bottom: 0; } .card-text:last-child { - margin-bottom: 0; -} + margin-bottom: 0; } .card-link:hover { - text-decoration: none; -} + text-decoration: none; } -.card-link+.card-link { - margin-left: 1.25rem; -} +.card-link + .card-link { + margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: #fff; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.card-header:first-child { - border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; -} - -.card-header+.list-group .list-group-item:first-child { - border-top: 0; -} + border-bottom: 1px solid rgba(0, 0, 0, 0.12); } + .card-header:first-child { + border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } + .card-header + .list-group .list-group-item:first-child { + border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: #fff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.card-footer:last-child { - border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); -} + border-top: 1px solid rgba(0, 0, 0, 0.12); } + .card-footer:last-child { + border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; - border-bottom: 0; -} + border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; - margin-left: -0.625rem; -} + margin-left: -0.625rem; } .card-img-overlay { position: absolute; @@ -4900,149 +3361,102 @@ tbody.collapse.show { right: 0; bottom: 0; left: 0; - padding: 1.25rem; -} + padding: 1.25rem; } .card-img { width: 100%; - border-radius: calc(0.25rem - 1px); -} + border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); - border-top-right-radius: calc(0.25rem - 1px); -} + border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); - border-bottom-left-radius: calc(0.25rem - 1px); -} + border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: 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; - } - + flex-direction: column; } .card-deck .card { - display: flex; - flex: 1 0 0%; - flex-direction: column; - margin-right: 15px; - margin-bottom: 0; - margin-left: 15px; - } -} + 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:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - .card-group>.card:first-child .card-img-top, - .card-group>.card:first-child .card-header { - border-top-right-radius: 0; - } - - .card-group>.card:first-child .card-img-bottom, - .card-group>.card:first-child .card-footer { - border-bottom-right-radius: 0; - } - - .card-group>.card:last-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - .card-group>.card:last-child .card-img-top, - .card-group>.card:last-child .card-header { - border-top-left-radius: 0; - } - - .card-group>.card:last-child .card-img-bottom, - .card-group>.card:last-child .card-footer { - border-bottom-left-radius: 0; - } - - .card-group>.card:only-child { - border-radius: 0.25rem; - } - - .card-group>.card:only-child .card-img-top, - .card-group>.card:only-child .card-header { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; - } - - .card-group>.card:only-child .card-img-bottom, - .card-group>.card:only-child .card-footer { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; - } - - .card-group>.card:not(:first-child):not(:last-child):not(:only-child) { - border-radius: 0; - } - - .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, - .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, - .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header, - .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer { - border-radius: 0; - } -} + 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:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .card-group > .card:first-child .card-img-top, + .card-group > .card:first-child .card-header { + border-top-right-radius: 0; } + .card-group > .card:first-child .card-img-bottom, + .card-group > .card:first-child .card-footer { + border-bottom-right-radius: 0; } + .card-group > .card:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .card-group > .card:last-child .card-img-top, + .card-group > .card:last-child .card-header { + border-top-left-radius: 0; } + .card-group > .card:last-child .card-img-bottom, + .card-group > .card:last-child .card-footer { + border-bottom-left-radius: 0; } + .card-group > .card:only-child { + border-radius: 0.25rem; } + .card-group > .card:only-child .card-img-top, + .card-group > .card:only-child .card-header { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + .card-group > .card:only-child .card-img-bottom, + .card-group > .card:only-child .card-footer { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { + border-radius: 0; } + .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, + .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, + .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, + .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { + border-radius: 0; } } .card-columns .card { - margin-bottom: 0.75rem; -} + margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { - column-count: 3; - column-gap: 1.25rem; - } - - .card-columns .card { - display: inline-block; - width: 100%; - } -} + -moz-column-count: 3; + column-count: 3; + -moz-column-gap: 1.25rem; + column-gap: 1.25rem; } + .card-columns .card { + display: inline-block; + width: 100%; } } .breadcrumb { display: flex; @@ -5051,35 +3465,29 @@ tbody.collapse.show { margin-bottom: 1rem; list-style: none; background-color: #e9ecef; - border-radius: 0.25rem; -} + border-radius: 0.25rem; } -.breadcrumb-item+.breadcrumb-item::before { +.breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #6c757d; - content: "/"; -} + content: "/"; } -.breadcrumb-item+.breadcrumb-item:hover::before { - text-decoration: underline; -} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: underline; } -.breadcrumb-item+.breadcrumb-item:hover::before { - text-decoration: none; -} +.breadcrumb-item + .breadcrumb-item:hover::before { + text-decoration: none; } .breadcrumb-item.active { - color: #6c757d; -} + color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; - border-radius: 0.25rem; -} + border-radius: 0.25rem; } .page-link { position: relative; @@ -5089,252 +3497,186 @@ tbody.collapse.show { line-height: 1.25; color: #9c27b0; background-color: transparent; - border: 0 solid #dee2e6; -} - -.page-link:hover { - color: #641971; - text-decoration: none; - background-color: #e9ecef; - border-color: #dee2e6; -} - -.page-link:focus { - z-index: 2; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.25); -} - -.page-link:not(:disabled):not(.disabled) { - cursor: pointer; -} + border: 0 solid #dee2e6; } + .page-link:hover { + color: #641971; + text-decoration: none; + background-color: #e9ecef; + border-color: #dee2e6; } + .page-link:focus { + z-index: 2; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(156, 39, 176, 0.25); } + .page-link:not(:disabled):not(.disabled) { + cursor: pointer; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; -} + border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; -} + border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #9c27b0; - border-color: #9c27b0; -} + border-color: #9c27b0; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: transparent; - border-color: #dee2e6; -} + border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 0; font-size: 1.25rem; - line-height: 1.5; -} + line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; - border-bottom-left-radius: 0.3rem; -} + border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; - border-bottom-right-radius: 0.3rem; -} + border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0; font-size: 0.875rem; - line-height: 1.5; -} + line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; - border-bottom-left-radius: 0.2rem; -} + border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; - border-bottom-right-radius: 0.2rem; -} + border-bottom-right-radius: 0.2rem; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; - border-radius: 0.3rem; -} - -@media (min-width: 576px) { - .jumbotron { - padding: 4rem 2rem; - } -} + border-radius: 0.3rem; } + @media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; - border-radius: 0; -} + border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; - border-radius: 0.25rem; -} + border-radius: 0.25rem; } .alert-heading { - color: inherit; -} + color: inherit; } .alert-link { - font-weight: 500; -} + font-weight: 500; } .alert-dismissible { - padding-right: 4rem; -} - -.alert-dismissible .close { - position: absolute; - top: 0; - right: 0; - padding: 0.75rem 1.25rem; - color: inherit; -} + padding-right: 4rem; } + .alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; } .alert-primary { color: #51145c; background-color: #ebd4ef; - border-color: #e3c3e9; -} - -.alert-primary hr { - border-top-color: #dab0e2; -} - -.alert-primary .alert-link { - color: #2c0b32; -} + border-color: #e3c3e9; } + .alert-primary hr { + border-top-color: #dab0e2; } + .alert-primary .alert-link { + color: #2c0b32; } .alert-secondary { color: #383d41; background-color: #e2e3e5; - border-color: #d6d8db; -} - -.alert-secondary hr { - border-top-color: #c8cbcf; -} - -.alert-secondary .alert-link { - color: #202326; -} + border-color: #d6d8db; } + .alert-secondary hr { + border-top-color: #c8cbcf; } + .alert-secondary .alert-link { + color: #202326; } .alert-success { color: #285b2a; background-color: #dbefdc; - border-color: #cde9ce; -} - -.alert-success hr { - border-top-color: #bbe1bd; -} - -.alert-success .alert-link { - color: #18381a; -} + border-color: #cde9ce; } + .alert-success hr { + border-top-color: #bbe1bd; } + .alert-success .alert-link { + color: #18381a; } .alert-info { color: #00626e; background-color: #ccf2f6; - border-color: #b8ecf3; -} - -.alert-info hr { - border-top-color: #a2e6ef; -} - -.alert-info .alert-link { - color: #00353b; -} + border-color: #b8ecf3; } + .alert-info hr { + border-top-color: #a2e6ef; } + .alert-info .alert-link { + color: #00353b; } .alert-warning { color: #854f00; background-color: #ffeacc; - border-color: #ffe2b8; -} - -.alert-warning hr { - border-top-color: #ffd89f; -} - -.alert-warning .alert-link { - color: #523100; -} + border-color: #ffe2b8; } + .alert-warning hr { + border-top-color: #ffd89f; } + .alert-warning .alert-link { + color: #523100; } .alert-danger { color: #7f231c; background-color: #fdd9d7; - border-color: #fccac7; -} - -.alert-danger hr { - border-top-color: #fbb3af; -} - -.alert-danger .alert-link { - color: #551713; -} + border-color: #fccac7; } + .alert-danger hr { + border-top-color: #fbb3af; } + .alert-danger .alert-link { + color: #551713; } .alert-light { color: #818182; background-color: #fefefe; - border-color: #fdfdfe; -} - -.alert-light hr { - border-top-color: #ececf6; -} - -.alert-light .alert-link { - color: #686868; -} + border-color: #fdfdfe; } + .alert-light hr { + border-top-color: #ececf6; } + .alert-light .alert-link { + color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; - border-color: #c6c8ca; -} + border-color: #c6c8ca; } + .alert-dark hr { + border-top-color: #b9bbbe; } + .alert-dark .alert-link { + color: #040505; } -.alert-dark hr { - border-top-color: #b9bbbe; -} - -.alert-dark .alert-link { - color: #040505; -} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 1rem 0; } + to { + background-position: 0 0; } } @keyframes progress-bar-stripes { from { - background-position: 1rem 0; - } - + background-position: 1rem 0; } to { - background-position: 0 0; - } -} + background-position: 0 0; } } .progress { display: flex; @@ -5343,8 +3685,7 @@ tbody.collapse.show { font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; - box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); -} + box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); } .progress-bar { display: flex; @@ -5353,51 +3694,40 @@ tbody.collapse.show { color: #fff; text-align: center; background-color: #9c27b0; - transition: width 0.6s ease; -} + transition: width 0.6s ease; } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-size: 1rem 1rem; -} + background-size: 1rem 1rem; } .progress-bar-animated { - animation: progress-bar-stripes 1s linear infinite; -} + -webkit-animation: progress-bar-stripes 1s linear infinite; + animation: progress-bar-stripes 1s linear infinite; } .media { display: flex; - align-items: flex-start; -} + align-items: flex-start; } .media-body { - flex: 1; -} + flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; - margin-bottom: 0; -} + margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; - text-align: inherit; -} - -.list-group-item-action:hover, -.list-group-item-action:focus { - color: #495057; - text-decoration: none; - background-color: #f8f9fa; -} - -.list-group-item-action:active { - color: #212529; - background-color: #e9ecef; -} + text-align: inherit; } + .list-group-item-action:hover, .list-group-item-action:focus { + color: #495057; + text-decoration: none; + background-color: #f8f9fa; } + .list-group-item-action:active { + color: #212529; + background-color: #e9ecef; } .list-group-item { position: relative; @@ -5405,188 +3735,124 @@ tbody.collapse.show { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: inherit; - border: 0 solid rgba(0, 0, 0, 0.125); -} - -.list-group-item:first-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.list-group-item:last-child { - margin-bottom: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} - -.list-group-item:hover, -.list-group-item:focus { - z-index: 1; - text-decoration: none; -} - -.list-group-item.disabled, -.list-group-item:disabled { - color: #6c757d; - background-color: inherit; -} - -.list-group-item.active { - z-index: 2; - color: #fff; - background-color: #9c27b0; - border-color: #9c27b0; -} + border: 0 solid rgba(0, 0, 0, 0.125); } + .list-group-item:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; } + .list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + .list-group-item:hover, .list-group-item:focus { + z-index: 1; + text-decoration: none; } + .list-group-item.disabled, .list-group-item:disabled { + color: #6c757d; + background-color: inherit; } + .list-group-item.active { + z-index: 2; + color: #fff; + background-color: #9c27b0; + border-color: #9c27b0; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; - border-radius: 0; -} + border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { - border-top: 0; -} + border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { - border-bottom: 0; -} + border-bottom: 0; } .list-group-item-primary { color: #51145c; - background-color: #e3c3e9; -} - -.list-group-item-primary.list-group-item-action:hover, -.list-group-item-primary.list-group-item-action:focus { - color: #51145c; - background-color: #dab0e2; -} - -.list-group-item-primary.list-group-item-action.active { - color: #fff; - background-color: #51145c; - border-color: #51145c; -} + background-color: #e3c3e9; } + .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #51145c; + background-color: #dab0e2; } + .list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #51145c; + border-color: #51145c; } .list-group-item-secondary { color: #383d41; - background-color: #d6d8db; -} - -.list-group-item-secondary.list-group-item-action:hover, -.list-group-item-secondary.list-group-item-action:focus { - color: #383d41; - background-color: #c8cbcf; -} - -.list-group-item-secondary.list-group-item-action.active { - color: #fff; - background-color: #383d41; - border-color: #383d41; -} + background-color: #d6d8db; } + .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #383d41; + background-color: #c8cbcf; } + .list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #383d41; + border-color: #383d41; } .list-group-item-success { color: #285b2a; - background-color: #cde9ce; -} - -.list-group-item-success.list-group-item-action:hover, -.list-group-item-success.list-group-item-action:focus { - color: #285b2a; - background-color: #bbe1bd; -} - -.list-group-item-success.list-group-item-action.active { - color: #fff; - background-color: #285b2a; - border-color: #285b2a; -} + background-color: #cde9ce; } + .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #285b2a; + background-color: #bbe1bd; } + .list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #285b2a; + border-color: #285b2a; } .list-group-item-info { color: #00626e; - background-color: #b8ecf3; -} - -.list-group-item-info.list-group-item-action:hover, -.list-group-item-info.list-group-item-action:focus { - color: #00626e; - background-color: #a2e6ef; -} - -.list-group-item-info.list-group-item-action.active { - color: #fff; - background-color: #00626e; - border-color: #00626e; -} + background-color: #b8ecf3; } + .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #00626e; + background-color: #a2e6ef; } + .list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #00626e; + border-color: #00626e; } .list-group-item-warning { color: #854f00; - background-color: #ffe2b8; -} - -.list-group-item-warning.list-group-item-action:hover, -.list-group-item-warning.list-group-item-action:focus { - color: #854f00; - background-color: #ffd89f; -} - -.list-group-item-warning.list-group-item-action.active { - color: #fff; - background-color: #854f00; - border-color: #854f00; -} + background-color: #ffe2b8; } + .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #854f00; + background-color: #ffd89f; } + .list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #854f00; + border-color: #854f00; } .list-group-item-danger { color: #7f231c; - background-color: #fccac7; -} - -.list-group-item-danger.list-group-item-action:hover, -.list-group-item-danger.list-group-item-action:focus { - color: #7f231c; - background-color: #fbb3af; -} - -.list-group-item-danger.list-group-item-action.active { - color: #fff; - background-color: #7f231c; - border-color: #7f231c; -} + background-color: #fccac7; } + .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #7f231c; + background-color: #fbb3af; } + .list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #7f231c; + border-color: #7f231c; } .list-group-item-light { color: #818182; - background-color: #fdfdfe; -} - -.list-group-item-light.list-group-item-action:hover, -.list-group-item-light.list-group-item-action:focus { - color: #818182; - background-color: #ececf6; -} - -.list-group-item-light.list-group-item-action.active { - color: #fff; - background-color: #818182; - border-color: #818182; -} + background-color: #fdfdfe; } + .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #818182; + background-color: #ececf6; } + .list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #818182; + border-color: #818182; } .list-group-item-dark { color: #1b1e21; - background-color: #c6c8ca; -} - -.list-group-item-dark.list-group-item-action:hover, -.list-group-item-dark.list-group-item-action:focus { - color: #1b1e21; - background-color: #b9bbbe; -} - -.list-group-item-dark.list-group-item-action.active { - color: #fff; - background-color: #1b1e21; - border-color: #1b1e21; -} + background-color: #c6c8ca; } + .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #1b1e21; + background-color: #b9bbbe; } + .list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #1b1e21; + border-color: #1b1e21; } .close { float: right; @@ -5595,26 +3861,19 @@ tbody.collapse.show { line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; - opacity: .5; -} - -.close:hover, -.close:focus { - color: #000; - text-decoration: none; - opacity: .75; -} - -.close:not(:disabled):not(.disabled) { - cursor: pointer; -} + opacity: .5; } + .close:hover, .close:focus { + color: #000; + text-decoration: none; + opacity: .75; } + .close:not(:disabled):not(.disabled) { + cursor: pointer; } button.close { padding: 0; background-color: transparent; border: 0; - -webkit-appearance: none; -} + -webkit-appearance: none; } .badge { display: inline-block; @@ -5625,123 +3884,85 @@ button.close { text-align: center; white-space: nowrap; vertical-align: baseline; - border-radius: 0.25rem; -} - -.badge:empty { - display: none; -} + border-radius: 0.25rem; } + .badge:empty { + display: none; } .btn .badge { position: relative; - top: -1px; -} + top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; - border-radius: 10rem; -} + border-radius: 10rem; } .badge-primary { color: #fff; - background-color: #9c27b0; -} - -.badge-primary[href]:hover, -.badge-primary[href]:focus { - color: #fff; - text-decoration: none; - background-color: #771e86; -} + background-color: #9c27b0; } + .badge-primary[href]:hover, .badge-primary[href]:focus { + color: #fff; + text-decoration: none; + background-color: #771e86; } .badge-secondary { color: #fff; - background-color: #6c757d; -} - -.badge-secondary[href]:hover, -.badge-secondary[href]:focus { - color: #fff; - text-decoration: none; - background-color: #545b62; -} + background-color: #6c757d; } + .badge-secondary[href]:hover, .badge-secondary[href]:focus { + color: #fff; + text-decoration: none; + background-color: #545b62; } .badge-success { color: #fff; - background-color: #4caf50; -} - -.badge-success[href]:hover, -.badge-success[href]:focus { - color: #fff; - text-decoration: none; - background-color: #3d8b40; -} + background-color: #4caf50; } + .badge-success[href]:hover, .badge-success[href]:focus { + color: #fff; + text-decoration: none; + background-color: #3d8b40; } .badge-info { color: #fff; - background-color: #00bcd4; -} - -.badge-info[href]:hover, -.badge-info[href]:focus { - color: #fff; - text-decoration: none; - background-color: #008fa1; -} + background-color: #00bcd4; } + .badge-info[href]:hover, .badge-info[href]:focus { + color: #fff; + text-decoration: none; + background-color: #008fa1; } .badge-warning { color: #212529; - background-color: #ff9800; -} - -.badge-warning[href]:hover, -.badge-warning[href]:focus { - color: #212529; - text-decoration: none; - background-color: #cc7a00; -} + background-color: #ff9800; } + .badge-warning[href]:hover, .badge-warning[href]:focus { + color: #212529; + text-decoration: none; + background-color: #cc7a00; } .badge-danger { color: #fff; - background-color: #f44336; -} - -.badge-danger[href]:hover, -.badge-danger[href]:focus { - color: #fff; - text-decoration: none; - background-color: #ea1c0d; -} + background-color: #f44336; } + .badge-danger[href]:hover, .badge-danger[href]:focus { + color: #fff; + text-decoration: none; + background-color: #ea1c0d; } .badge-light { color: #212529; - background-color: #f8f9fa; -} - -.badge-light[href]:hover, -.badge-light[href]:focus { - color: #212529; - text-decoration: none; - background-color: #dae0e5; -} + background-color: #f8f9fa; } + .badge-light[href]:hover, .badge-light[href]:focus { + color: #212529; + text-decoration: none; + background-color: #dae0e5; } .badge-dark { color: #fff; - background-color: #343a40; -} - -.badge-dark[href]:hover, -.badge-dark[href]:focus { - color: #fff; - text-decoration: none; - background-color: #1d2124; -} + background-color: #343a40; } + .badge-dark[href]:hover, .badge-dark[href]:focus { + color: #fff; + text-decoration: none; + background-color: #1d2124; } .modal-open { - overflow: hidden; -} + overflow: hidden; } .modal { position: fixed; @@ -5752,35 +3973,26 @@ button.close { z-index: 1050; display: none; overflow: hidden; - outline: 0; -} - -.modal-open .modal { - overflow-x: hidden; - overflow-y: auto; -} + outline: 0; } + .modal-open .modal { + overflow-x: hidden; + overflow-y: auto; } .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, -25%); -} - -.modal.show .modal-dialog { - transform: translate(0, 0); -} + pointer-events: none; } + .modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -25%); } + .modal.show .modal-dialog { + transform: translate(0, 0); } .modal-dialog-centered { display: flex; align-items: center; - min-height: calc(100% - (0.5rem * 2)); -} + min-height: calc(100% - (0.5rem * 2)); } .modal-content { position: relative; @@ -5793,8 +4005,7 @@ button.close { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5); - outline: 0; -} + outline: 0; } .modal-backdrop { position: fixed; @@ -5803,16 +4014,11 @@ button.close { bottom: 0; left: 0; z-index: 1040; - background-color: #000; -} - -.modal-backdrop.fade { - opacity: 0; -} - -.modal-backdrop.show { - opacity: 0.26; -} + background-color: #000; } + .modal-backdrop.fade { + opacity: 0; } + .modal-backdrop.show { + opacity: 0.26; } .modal-header { display: flex; @@ -5821,73 +4027,52 @@ button.close { padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; - border-top-right-radius: 0.3rem; -} - -.modal-header .close { - padding: 1rem; - margin: -1rem -1rem -1rem auto; -} + border-top-right-radius: 0.3rem; } + .modal-header .close { + padding: 1rem; + margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; - line-height: 1.5; -} + line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; - padding: 1rem; -} + padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; - border-top: 1px solid #e9ecef; -} - -.modal-footer> :not(:first-child) { - margin-left: .25rem; -} - -.modal-footer> :not(:last-child) { - margin-right: .25rem; -} + border-top: 1px solid #e9ecef; } + .modal-footer > :not(:first-child) { + margin-left: .25rem; } + .modal-footer > :not(:last-child) { + margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; - overflow: scroll; -} + overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; - margin: 1.75rem auto; - } - + margin: 1.75rem auto; } .modal-dialog-centered { - min-height: calc(100% - (1.75rem * 2)); - } - + min-height: calc(100% - (1.75rem * 2)); } .modal-content { - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5); - } - + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5); } .modal-sm { - max-width: 300px; - } -} + max-width: 300px; } } @media (min-width: 992px) { .modal-lg { - max-width: 800px; - } -} + max-width: 800px; } } .tooltip { position: absolute; @@ -5910,98 +4095,59 @@ button.close { 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: rgba(97, 97, 97, 0.9); -} - -.bs-tooltip-right, -.bs-tooltip-auto[x-placement^="right"] { - padding: 0 0.4rem; -} - -.bs-tooltip-right .arrow, -.bs-tooltip-auto[x-placement^="right"] .arrow { - left: 0; - width: 0.4rem; - height: 0.8rem; -} - -.bs-tooltip-right .arrow::before, -.bs-tooltip-auto[x-placement^="right"] .arrow::before { - right: 0; - border-width: 0.4rem 0.4rem 0.4rem 0; - border-right-color: rgba(97, 97, 97, 0.9); -} - -.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: rgba(97, 97, 97, 0.9); -} - -.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: rgba(97, 97, 97, 0.9); -} + 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: rgba(97, 97, 97, 0.9); } + +.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { + padding: 0 0.4rem; } + .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { + left: 0; + width: 0.4rem; + height: 0.8rem; } + .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { + right: 0; + border-width: 0.4rem 0.4rem 0.4rem 0; + border-right-color: rgba(97, 97, 97, 0.9); } + +.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: rgba(97, 97, 97, 0.9); } + +.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: rgba(97, 97, 97, 0.9); } .tooltip-inner { max-width: 200px; @@ -6009,8 +4155,7 @@ button.close { color: #fff; text-align: center; background-color: rgba(97, 97, 97, 0.9); - border-radius: 0.25rem; -} + border-radius: 0.25rem; } .popover { position: absolute; @@ -6039,163 +4184,102 @@ button.close { background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; - box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); -} - -.popover .arrow { - position: absolute; - display: block; - width: 1rem; - height: 0.5rem; - margin: 0 0.3rem; -} - -.popover .arrow::before, -.popover .arrow::after { - position: absolute; - display: block; - content: ""; - border-color: transparent; - border-style: solid; -} - -.bs-popover-top, -.bs-popover-auto[x-placement^="top"] { - margin-bottom: 0.5rem; -} - -.bs-popover-top .arrow, -.bs-popover-auto[x-placement^="top"] .arrow { - bottom: calc((0.5rem + 1px) * -1); -} - -.bs-popover-top .arrow::before, -.bs-popover-auto[x-placement^="top"] .arrow::before, -.bs-popover-top .arrow::after, -.bs-popover-auto[x-placement^="top"] .arrow::after { - border-width: 0.5rem 0.5rem 0; -} - -.bs-popover-top .arrow::before, -.bs-popover-auto[x-placement^="top"] .arrow::before { - bottom: 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-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.3rem 0; -} - -.bs-popover-right .arrow::before, -.bs-popover-auto[x-placement^="right"] .arrow::before, -.bs-popover-right .arrow::after, -.bs-popover-auto[x-placement^="right"] .arrow::after { - border-width: 0.5rem 0.5rem 0.5rem 0; -} - -.bs-popover-right .arrow::before, -.bs-popover-auto[x-placement^="right"] .arrow::before { - left: 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-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, -.bs-popover-bottom .arrow::after, -.bs-popover-auto[x-placement^="bottom"] .arrow::after { - border-width: 0 0.5rem 0.5rem 0.5rem; -} - -.bs-popover-bottom .arrow::before, -.bs-popover-auto[x-placement^="bottom"] .arrow::before { - top: 0; - 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-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.3rem 0; -} - -.bs-popover-left .arrow::before, -.bs-popover-auto[x-placement^="left"] .arrow::before, -.bs-popover-left .arrow::after, -.bs-popover-auto[x-placement^="left"] .arrow::after { - border-width: 0.5rem 0 0.5rem 0.5rem; -} - -.bs-popover-left .arrow::before, -.bs-popover-auto[x-placement^="left"] .arrow::before { - right: 0; - 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-left-color: #fff; -} + box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); } + .popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; } + .popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; } + +.bs-popover-top, .bs-popover-auto[x-placement^="top"] { + margin-bottom: 0.5rem; } + .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { + bottom: calc((0.5rem + 1px) * -1); } + .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, + .bs-popover-top .arrow::after, + .bs-popover-auto[x-placement^="top"] .arrow::after { + border-width: 0.5rem 0.5rem 0; } + .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { + bottom: 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-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.3rem 0; } + .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, + .bs-popover-right .arrow::after, + .bs-popover-auto[x-placement^="right"] .arrow::after { + border-width: 0.5rem 0.5rem 0.5rem 0; } + .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { + left: 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-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, + .bs-popover-bottom .arrow::after, + .bs-popover-auto[x-placement^="bottom"] .arrow::after { + border-width: 0 0.5rem 0.5rem 0.5rem; } + .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { + top: 0; + 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-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.3rem 0; } + .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, + .bs-popover-left .arrow::after, + .bs-popover-auto[x-placement^="left"] .arrow::after { + border-width: 0.5rem 0 0.5rem 0.5rem; } + .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { + right: 0; + 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-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; @@ -6205,27 +4289,21 @@ button.close { background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); - border-top-right-radius: calc(0.3rem - 1px); -} - -.popover-header:empty { - display: none; -} + border-top-right-radius: calc(0.3rem - 1px); } + .popover-header:empty { + display: none; } .popover-body { padding: 0.5rem 0.75rem; - color: #212529; -} + color: #212529; } .carousel { - position: relative; -} + position: relative; } .carousel-inner { position: relative; width: 100%; - overflow: hidden; -} + overflow: hidden; } .carousel-item { position: relative; @@ -6233,60 +4311,43 @@ button.close { align-items: center; width: 100%; transition: transform 0.6s ease; - backface-visibility: hidden; - perspective: 1000px; -} + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + perspective: 1000px; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { - display: block; -} + display: block; } .carousel-item-next, .carousel-item-prev { position: absolute; - top: 0; -} + top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { - transform: translateX(0); -} - -@supports (transform-style: preserve-3d) { - - .carousel-item-next.carousel-item-left, - .carousel-item-prev.carousel-item-right { - transform: translate3d(0, 0, 0); - } -} + transform: translateX(0); } + @supports (transform-style: preserve-3d) { + .carousel-item-next.carousel-item-left, + .carousel-item-prev.carousel-item-right { + transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { - transform: translateX(100%); -} - -@supports (transform-style: preserve-3d) { - - .carousel-item-next, - .active.carousel-item-right { - transform: translate3d(100%, 0, 0); - } -} + transform: translateX(100%); } + @supports (transform-style: preserve-3d) { + .carousel-item-next, + .active.carousel-item-right { + transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { - transform: translateX(-100%); -} - -@supports (transform-style: preserve-3d) { - - .carousel-item-prev, - .active.carousel-item-left { - transform: translate3d(-100%, 0, 0); - } -} + transform: translateX(-100%); } + @supports (transform-style: preserve-3d) { + .carousel-item-prev, + .active.carousel-item-left { + transform: translate3d(-100%, 0, 0); } } .carousel-control-prev, .carousel-control-next { @@ -6299,26 +4360,20 @@ button.close { width: 15%; color: #fff; text-align: center; - opacity: 0.5; -} - -.carousel-control-prev:hover, -.carousel-control-prev:focus, -.carousel-control-next:hover, -.carousel-control-next:focus { - color: #fff; - text-decoration: none; - outline: 0; - opacity: .9; -} + opacity: 0.5; } + .carousel-control-prev:hover, .carousel-control-prev:focus, + .carousel-control-next:hover, + .carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: .9; } .carousel-control-prev { - left: 0; -} + left: 0; } .carousel-control-next { - right: 0; -} + right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { @@ -6326,16 +4381,13 @@ button.close { width: 20px; height: 20px; background: transparent no-repeat center center; - background-size: 100% 100%; -} + background-size: 100% 100%; } .carousel-control-prev-icon { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); -} + background-image: url("data:image/svg+xml;charset=utf8,%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;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); -} + background-image: url("data:image/svg+xml;charset=utf8,%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; @@ -6348,43 +4400,34 @@ button.close { padding-left: 0; margin-right: 15%; margin-left: 15%; - list-style: none; -} - -.carousel-indicators li { - position: relative; - flex: 0 1 auto; - width: 30px; - height: 3px; - margin-right: 3px; - margin-left: 3px; - text-indent: -999px; - background-color: rgba(255, 255, 255, 0.5); -} - -.carousel-indicators li::before { - position: absolute; - top: -10px; - left: 0; - display: inline-block; - width: 100%; - height: 10px; - content: ""; -} - -.carousel-indicators li::after { - position: absolute; - bottom: -10px; - left: 0; - display: inline-block; - width: 100%; - height: 10px; - content: ""; -} - -.carousel-indicators .active { - background-color: #fff; -} + list-style: none; } + .carousel-indicators li { + position: relative; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + background-color: rgba(255, 255, 255, 0.5); } + .carousel-indicators li::before { + position: absolute; + top: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; } + .carousel-indicators li::after { + position: absolute; + bottom: -10px; + left: 0; + display: inline-block; + width: 100%; + height: 10px; + content: ""; } + .carousel-indicators .active { + background-color: #fff; } .carousel-caption { position: absolute; @@ -6395,1225 +4438,750 @@ button.close { padding-top: 20px; padding-bottom: 20px; color: #fff; - text-align: center; -} + text-align: center; } .align-baseline { - vertical-align: baseline !important; -} + vertical-align: baseline !important; } .align-top { - vertical-align: top !important; -} + vertical-align: top !important; } .align-middle { - vertical-align: middle !important; -} + vertical-align: middle !important; } .align-bottom { - vertical-align: bottom !important; -} + vertical-align: bottom !important; } .align-text-bottom { - vertical-align: text-bottom !important; -} + vertical-align: text-bottom !important; } .align-text-top { - vertical-align: text-top !important; -} + vertical-align: text-top !important; } .bg-primary { - background-color: #9c27b0 !important; -} + background-color: #9c27b0 !important; } -a.bg-primary:hover, -a.bg-primary:focus, +a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { - background-color: #771e86 !important; -} + background-color: #771e86 !important; } .bg-secondary { - background-color: #6c757d !important; -} + background-color: #6c757d !important; } -a.bg-secondary:hover, -a.bg-secondary:focus, +a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { - background-color: #545b62 !important; -} + background-color: #545b62 !important; } .bg-success { - background-color: #4caf50 !important; -} + background-color: #4caf50 !important; } -a.bg-success:hover, -a.bg-success:focus, +a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { - background-color: #3d8b40 !important; -} + background-color: #3d8b40 !important; } .bg-info { - background-color: #00bcd4 !important; -} + background-color: #00bcd4 !important; } -a.bg-info:hover, -a.bg-info:focus, +a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { - background-color: #008fa1 !important; -} + background-color: #008fa1 !important; } .bg-warning { - background-color: #ff9800 !important; -} + background-color: #ff9800 !important; } -a.bg-warning:hover, -a.bg-warning:focus, +a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { - background-color: #cc7a00 !important; -} + background-color: #cc7a00 !important; } .bg-danger { - background-color: #f44336 !important; -} + background-color: #f44336 !important; } -a.bg-danger:hover, -a.bg-danger:focus, +a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { - background-color: #ea1c0d !important; -} + background-color: #ea1c0d !important; } .bg-light { - background-color: #f8f9fa !important; -} + background-color: #f8f9fa !important; } -a.bg-light:hover, -a.bg-light:focus, +a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { - background-color: #dae0e5 !important; -} + background-color: #dae0e5 !important; } .bg-dark { - background-color: #343a40 !important; -} + background-color: #343a40 !important; } -a.bg-dark:hover, -a.bg-dark:focus, +a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { - background-color: #1d2124 !important; -} + background-color: #1d2124 !important; } .bg-white { - background-color: #fff !important; -} + background-color: #fff !important; } .bg-transparent { - background-color: transparent !important; -} + background-color: transparent !important; } .border { - border: 1px solid #dee2e6 !important; -} + border: 1px solid #dee2e6 !important; } .border-top { - border-top: 1px solid #dee2e6 !important; -} + border-top: 1px solid #dee2e6 !important; } .border-right { - border-right: 1px solid #dee2e6 !important; -} + border-right: 1px solid #dee2e6 !important; } .border-bottom { - border-bottom: 1px solid #dee2e6 !important; -} + border-bottom: 1px solid #dee2e6 !important; } .border-left { - border-left: 1px solid #dee2e6 !important; -} + border-left: 1px solid #dee2e6 !important; } .border-0 { - border: 0 !important; -} + border: 0 !important; } .border-top-0 { - border-top: 0 !important; -} + border-top: 0 !important; } .border-right-0 { - border-right: 0 !important; -} + border-right: 0 !important; } .border-bottom-0 { - border-bottom: 0 !important; -} + border-bottom: 0 !important; } .border-left-0 { - border-left: 0 !important; -} + border-left: 0 !important; } .border-primary { - border-color: #9c27b0 !important; -} + border-color: #9c27b0 !important; } .border-secondary { - border-color: #6c757d !important; -} + border-color: #6c757d !important; } .border-success { - border-color: #4caf50 !important; -} + border-color: #4caf50 !important; } .border-info { - border-color: #00bcd4 !important; -} + border-color: #00bcd4 !important; } .border-warning { - border-color: #ff9800 !important; -} + border-color: #ff9800 !important; } .border-danger { - border-color: #f44336 !important; -} + border-color: #f44336 !important; } .border-light { - border-color: #f8f9fa !important; -} + border-color: #f8f9fa !important; } .border-dark { - border-color: #343a40 !important; -} + border-color: #343a40 !important; } .border-white { - border-color: #fff !important; -} + border-color: #fff !important; } .rounded { - border-radius: 0.25rem !important; -} + border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; -} + border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; -} + border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; -} + border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; -} + border-bottom-left-radius: 0.25rem !important; } .rounded-circle { - border-radius: 50% !important; -} + border-radius: 50% !important; } .rounded-0 { - border-radius: 0 !important; -} + border-radius: 0 !important; } .clearfix::after { display: block; clear: both; - content: ""; -} + content: ""; } .d-none { - display: none !important; -} + display: none !important; } .d-inline { - display: inline !important; -} + display: inline !important; } .d-inline-block { - display: inline-block !important; -} + display: inline-block !important; } .d-block { - display: block !important; -} + display: block !important; } .d-table { - display: table !important; -} + display: table !important; } .d-table-row { - display: table-row !important; -} + display: table-row !important; } .d-table-cell { - display: table-cell !important; -} + display: table-cell !important; } .d-flex { - display: flex !important; -} + display: flex !important; } .d-inline-flex { - display: inline-flex !important; -} + display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { - display: none !important; - } - + display: none !important; } .d-sm-inline { - display: inline !important; - } - + display: inline !important; } .d-sm-inline-block { - display: inline-block !important; - } - + display: inline-block !important; } .d-sm-block { - display: block !important; - } - + display: block !important; } .d-sm-table { - display: table !important; - } - + display: table !important; } .d-sm-table-row { - display: table-row !important; - } - + display: table-row !important; } .d-sm-table-cell { - display: table-cell !important; - } - + display: table-cell !important; } .d-sm-flex { - display: flex !important; - } - + display: flex !important; } .d-sm-inline-flex { - display: inline-flex !important; - } -} + display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { - display: none !important; - } - + display: none !important; } .d-md-inline { - display: inline !important; - } - + display: inline !important; } .d-md-inline-block { - display: inline-block !important; - } - + display: inline-block !important; } .d-md-block { - display: block !important; - } - + display: block !important; } .d-md-table { - display: table !important; - } - + display: table !important; } .d-md-table-row { - display: table-row !important; - } - + display: table-row !important; } .d-md-table-cell { - display: table-cell !important; - } - + display: table-cell !important; } .d-md-flex { - display: flex !important; - } - + display: flex !important; } .d-md-inline-flex { - display: inline-flex !important; - } -} + display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { - display: none !important; - } - + display: none !important; } .d-lg-inline { - display: inline !important; - } - + display: inline !important; } .d-lg-inline-block { - display: inline-block !important; - } - + display: inline-block !important; } .d-lg-block { - display: block !important; - } - + display: block !important; } .d-lg-table { - display: table !important; - } - + display: table !important; } .d-lg-table-row { - display: table-row !important; - } - + display: table-row !important; } .d-lg-table-cell { - display: table-cell !important; - } - + display: table-cell !important; } .d-lg-flex { - display: flex !important; - } - + display: flex !important; } .d-lg-inline-flex { - display: inline-flex !important; - } -} + display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { - display: none !important; - } - + display: none !important; } .d-xl-inline { - display: inline !important; - } - + display: inline !important; } .d-xl-inline-block { - display: inline-block !important; - } - + display: inline-block !important; } .d-xl-block { - display: block !important; - } - + display: block !important; } .d-xl-table { - display: table !important; - } - + display: table !important; } .d-xl-table-row { - display: table-row !important; - } - + display: table-row !important; } .d-xl-table-cell { - display: table-cell !important; - } - + display: table-cell !important; } .d-xl-flex { - display: flex !important; - } - + display: flex !important; } .d-xl-inline-flex { - display: inline-flex !important; - } -} + display: inline-flex !important; } } @media print { .d-print-none { - display: none !important; - } - + display: none !important; } .d-print-inline { - display: inline !important; - } - + display: inline !important; } .d-print-inline-block { - display: inline-block !important; - } - + display: inline-block !important; } .d-print-block { - display: block !important; - } - + display: block !important; } .d-print-table { - display: table !important; - } - + display: table !important; } .d-print-table-row { - display: table-row !important; - } - + display: table-row !important; } .d-print-table-cell { - display: table-cell !important; - } - + display: table-cell !important; } .d-print-flex { - display: flex !important; - } - + display: flex !important; } .d-print-inline-flex { - display: inline-flex !important; - } -} + display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; - overflow: hidden; -} - -.embed-responsive::before { - display: block; - content: ""; -} - -.embed-responsive .embed-responsive-item, -.embed-responsive iframe, -.embed-responsive embed, -.embed-responsive object, -.embed-responsive video { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - border: 0; -} + overflow: hidden; } + .embed-responsive::before { + display: block; + content: ""; } + .embed-responsive .embed-responsive-item, + .embed-responsive iframe, + .embed-responsive embed, + .embed-responsive object, + .embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; } .embed-responsive-21by9::before { - padding-top: 42.857143%; -} + padding-top: 42.85714%; } .embed-responsive-16by9::before { - padding-top: 56.25%; -} + padding-top: 56.25%; } .embed-responsive-4by3::before { - padding-top: 75%; -} + padding-top: 75%; } .embed-responsive-1by1::before { - padding-top: 100%; -} + padding-top: 100%; } .flex-row { - flex-direction: row !important; -} + flex-direction: row !important; } .flex-column { - flex-direction: column !important; -} + flex-direction: column !important; } .flex-row-reverse { - flex-direction: row-reverse !important; -} + flex-direction: row-reverse !important; } .flex-column-reverse { - flex-direction: column-reverse !important; -} + flex-direction: column-reverse !important; } .flex-wrap { - flex-wrap: wrap !important; -} + flex-wrap: wrap !important; } .flex-nowrap { - flex-wrap: nowrap !important; -} + flex-wrap: nowrap !important; } .flex-wrap-reverse { - flex-wrap: wrap-reverse !important; -} + flex-wrap: wrap-reverse !important; } .justify-content-start { - justify-content: flex-start !important; -} + justify-content: flex-start !important; } .justify-content-end { - justify-content: flex-end !important; -} + justify-content: flex-end !important; } .justify-content-center { - justify-content: center !important; -} + justify-content: center !important; } .justify-content-between { - justify-content: space-between !important; -} + justify-content: space-between !important; } .justify-content-around { - justify-content: space-around !important; -} + justify-content: space-around !important; } .align-items-start { - align-items: flex-start !important; -} + align-items: flex-start !important; } .align-items-end { - align-items: flex-end !important; -} + align-items: flex-end !important; } .align-items-center { - align-items: center !important; -} + align-items: center !important; } .align-items-baseline { - align-items: baseline !important; -} + align-items: baseline !important; } .align-items-stretch { - align-items: stretch !important; -} + align-items: stretch !important; } .align-content-start { - align-content: flex-start !important; -} + align-content: flex-start !important; } .align-content-end { - align-content: flex-end !important; -} + align-content: flex-end !important; } .align-content-center { - align-content: center !important; -} + align-content: center !important; } .align-content-between { - align-content: space-between !important; -} + align-content: space-between !important; } .align-content-around { - align-content: space-around !important; -} + align-content: space-around !important; } .align-content-stretch { - align-content: stretch !important; -} + align-content: stretch !important; } .align-self-auto { - align-self: auto !important; -} + align-self: auto !important; } .align-self-start { - align-self: flex-start !important; -} + align-self: flex-start !important; } .align-self-end { - align-self: flex-end !important; -} + align-self: flex-end !important; } .align-self-center { - align-self: center !important; -} + align-self: center !important; } .align-self-baseline { - align-self: baseline !important; -} + align-self: baseline !important; } .align-self-stretch { - align-self: stretch !important; -} + align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { - flex-direction: row !important; - } - + flex-direction: row !important; } .flex-sm-column { - flex-direction: column !important; - } - + flex-direction: column !important; } .flex-sm-row-reverse { - flex-direction: row-reverse !important; - } - + flex-direction: row-reverse !important; } .flex-sm-column-reverse { - flex-direction: column-reverse !important; - } - + flex-direction: column-reverse !important; } .flex-sm-wrap { - flex-wrap: wrap !important; - } - + flex-wrap: wrap !important; } .flex-sm-nowrap { - flex-wrap: nowrap !important; - } - + flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - + flex-wrap: wrap-reverse !important; } .justify-content-sm-start { - justify-content: flex-start !important; - } - + justify-content: flex-start !important; } .justify-content-sm-end { - justify-content: flex-end !important; - } - + justify-content: flex-end !important; } .justify-content-sm-center { - justify-content: center !important; - } - + justify-content: center !important; } .justify-content-sm-between { - justify-content: space-between !important; - } - + justify-content: space-between !important; } .justify-content-sm-around { - justify-content: space-around !important; - } - + justify-content: space-around !important; } .align-items-sm-start { - align-items: flex-start !important; - } - + align-items: flex-start !important; } .align-items-sm-end { - align-items: flex-end !important; - } - + align-items: flex-end !important; } .align-items-sm-center { - align-items: center !important; - } - + align-items: center !important; } .align-items-sm-baseline { - align-items: baseline !important; - } - + align-items: baseline !important; } .align-items-sm-stretch { - align-items: stretch !important; - } - + align-items: stretch !important; } .align-content-sm-start { - align-content: flex-start !important; - } - + align-content: flex-start !important; } .align-content-sm-end { - align-content: flex-end !important; - } - + align-content: flex-end !important; } .align-content-sm-center { - align-content: center !important; - } - + align-content: center !important; } .align-content-sm-between { - align-content: space-between !important; - } - + align-content: space-between !important; } .align-content-sm-around { - align-content: space-around !important; - } - + align-content: space-around !important; } .align-content-sm-stretch { - align-content: stretch !important; - } - + align-content: stretch !important; } .align-self-sm-auto { - align-self: auto !important; - } - + align-self: auto !important; } .align-self-sm-start { - align-self: flex-start !important; - } - + align-self: flex-start !important; } .align-self-sm-end { - align-self: flex-end !important; - } - + align-self: flex-end !important; } .align-self-sm-center { - align-self: center !important; - } - + align-self: center !important; } .align-self-sm-baseline { - align-self: baseline !important; - } - + align-self: baseline !important; } .align-self-sm-stretch { - align-self: stretch !important; - } -} + align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { - flex-direction: row !important; - } - + flex-direction: row !important; } .flex-md-column { - flex-direction: column !important; - } - + flex-direction: column !important; } .flex-md-row-reverse { - flex-direction: row-reverse !important; - } - + flex-direction: row-reverse !important; } .flex-md-column-reverse { - flex-direction: column-reverse !important; - } - + flex-direction: column-reverse !important; } .flex-md-wrap { - flex-wrap: wrap !important; - } - + flex-wrap: wrap !important; } .flex-md-nowrap { - flex-wrap: nowrap !important; - } - + flex-wrap: nowrap !important; } .flex-md-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - + flex-wrap: wrap-reverse !important; } .justify-content-md-start { - justify-content: flex-start !important; - } - + justify-content: flex-start !important; } .justify-content-md-end { - justify-content: flex-end !important; - } - + justify-content: flex-end !important; } .justify-content-md-center { - justify-content: center !important; - } - + justify-content: center !important; } .justify-content-md-between { - justify-content: space-between !important; - } - + justify-content: space-between !important; } .justify-content-md-around { - justify-content: space-around !important; - } - + justify-content: space-around !important; } .align-items-md-start { - align-items: flex-start !important; - } - + align-items: flex-start !important; } .align-items-md-end { - align-items: flex-end !important; - } - + align-items: flex-end !important; } .align-items-md-center { - align-items: center !important; - } - + align-items: center !important; } .align-items-md-baseline { - align-items: baseline !important; - } - + align-items: baseline !important; } .align-items-md-stretch { - align-items: stretch !important; - } - + align-items: stretch !important; } .align-content-md-start { - align-content: flex-start !important; - } - + align-content: flex-start !important; } .align-content-md-end { - align-content: flex-end !important; - } - + align-content: flex-end !important; } .align-content-md-center { - align-content: center !important; - } - + align-content: center !important; } .align-content-md-between { - align-content: space-between !important; - } - + align-content: space-between !important; } .align-content-md-around { - align-content: space-around !important; - } - + align-content: space-around !important; } .align-content-md-stretch { - align-content: stretch !important; - } - + align-content: stretch !important; } .align-self-md-auto { - align-self: auto !important; - } - + align-self: auto !important; } .align-self-md-start { - align-self: flex-start !important; - } - + align-self: flex-start !important; } .align-self-md-end { - align-self: flex-end !important; - } - + align-self: flex-end !important; } .align-self-md-center { - align-self: center !important; - } - + align-self: center !important; } .align-self-md-baseline { - align-self: baseline !important; - } - + align-self: baseline !important; } .align-self-md-stretch { - align-self: stretch !important; - } -} + align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { - flex-direction: row !important; - } - + flex-direction: row !important; } .flex-lg-column { - flex-direction: column !important; - } - + flex-direction: column !important; } .flex-lg-row-reverse { - flex-direction: row-reverse !important; - } - + flex-direction: row-reverse !important; } .flex-lg-column-reverse { - flex-direction: column-reverse !important; - } - + flex-direction: column-reverse !important; } .flex-lg-wrap { - flex-wrap: wrap !important; - } - + flex-wrap: wrap !important; } .flex-lg-nowrap { - flex-wrap: nowrap !important; - } - + flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - + flex-wrap: wrap-reverse !important; } .justify-content-lg-start { - justify-content: flex-start !important; - } - + justify-content: flex-start !important; } .justify-content-lg-end { - justify-content: flex-end !important; - } - + justify-content: flex-end !important; } .justify-content-lg-center { - justify-content: center !important; - } - + justify-content: center !important; } .justify-content-lg-between { - justify-content: space-between !important; - } - + justify-content: space-between !important; } .justify-content-lg-around { - justify-content: space-around !important; - } - + justify-content: space-around !important; } .align-items-lg-start { - align-items: flex-start !important; - } - + align-items: flex-start !important; } .align-items-lg-end { - align-items: flex-end !important; - } - + align-items: flex-end !important; } .align-items-lg-center { - align-items: center !important; - } - + align-items: center !important; } .align-items-lg-baseline { - align-items: baseline !important; - } - + align-items: baseline !important; } .align-items-lg-stretch { - align-items: stretch !important; - } - + align-items: stretch !important; } .align-content-lg-start { - align-content: flex-start !important; - } - + align-content: flex-start !important; } .align-content-lg-end { - align-content: flex-end !important; - } - + align-content: flex-end !important; } .align-content-lg-center { - align-content: center !important; - } - + align-content: center !important; } .align-content-lg-between { - align-content: space-between !important; - } - + align-content: space-between !important; } .align-content-lg-around { - align-content: space-around !important; - } - + align-content: space-around !important; } .align-content-lg-stretch { - align-content: stretch !important; - } - + align-content: stretch !important; } .align-self-lg-auto { - align-self: auto !important; - } - + align-self: auto !important; } .align-self-lg-start { - align-self: flex-start !important; - } - + align-self: flex-start !important; } .align-self-lg-end { - align-self: flex-end !important; - } - + align-self: flex-end !important; } .align-self-lg-center { - align-self: center !important; - } - + align-self: center !important; } .align-self-lg-baseline { - align-self: baseline !important; - } - + align-self: baseline !important; } .align-self-lg-stretch { - align-self: stretch !important; - } -} + align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { - flex-direction: row !important; - } - + flex-direction: row !important; } .flex-xl-column { - flex-direction: column !important; - } - + flex-direction: column !important; } .flex-xl-row-reverse { - flex-direction: row-reverse !important; - } - + flex-direction: row-reverse !important; } .flex-xl-column-reverse { - flex-direction: column-reverse !important; - } - + flex-direction: column-reverse !important; } .flex-xl-wrap { - flex-wrap: wrap !important; - } - + flex-wrap: wrap !important; } .flex-xl-nowrap { - flex-wrap: nowrap !important; - } - + flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - + flex-wrap: wrap-reverse !important; } .justify-content-xl-start { - justify-content: flex-start !important; - } - + justify-content: flex-start !important; } .justify-content-xl-end { - justify-content: flex-end !important; - } - + justify-content: flex-end !important; } .justify-content-xl-center { - justify-content: center !important; - } - + justify-content: center !important; } .justify-content-xl-between { - justify-content: space-between !important; - } - + justify-content: space-between !important; } .justify-content-xl-around { - justify-content: space-around !important; - } - + justify-content: space-around !important; } .align-items-xl-start { - align-items: flex-start !important; - } - + align-items: flex-start !important; } .align-items-xl-end { - align-items: flex-end !important; - } - + align-items: flex-end !important; } .align-items-xl-center { - align-items: center !important; - } - + align-items: center !important; } .align-items-xl-baseline { - align-items: baseline !important; - } - + align-items: baseline !important; } .align-items-xl-stretch { - align-items: stretch !important; - } - + align-items: stretch !important; } .align-content-xl-start { - align-content: flex-start !important; - } - + align-content: flex-start !important; } .align-content-xl-end { - align-content: flex-end !important; - } - + align-content: flex-end !important; } .align-content-xl-center { - align-content: center !important; - } - + align-content: center !important; } .align-content-xl-between { - align-content: space-between !important; - } - + align-content: space-between !important; } .align-content-xl-around { - align-content: space-around !important; - } - + align-content: space-around !important; } .align-content-xl-stretch { - align-content: stretch !important; - } - + align-content: stretch !important; } .align-self-xl-auto { - align-self: auto !important; - } - + align-self: auto !important; } .align-self-xl-start { - align-self: flex-start !important; - } - + align-self: flex-start !important; } .align-self-xl-end { - align-self: flex-end !important; - } - + align-self: flex-end !important; } .align-self-xl-center { - align-self: center !important; - } - + align-self: center !important; } .align-self-xl-baseline { - align-self: baseline !important; - } - + align-self: baseline !important; } .align-self-xl-stretch { - align-self: stretch !important; - } -} + align-self: stretch !important; } } .float-left { - float: left !important; -} + float: left !important; } .float-right { - float: right !important; -} + float: right !important; } .float-none { - float: none !important; -} + float: none !important; } @media (min-width: 576px) { .float-sm-left { - float: left !important; - } - + float: left !important; } .float-sm-right { - float: right !important; - } - + float: right !important; } .float-sm-none { - float: none !important; - } -} + float: none !important; } } @media (min-width: 768px) { .float-md-left { - float: left !important; - } - + float: left !important; } .float-md-right { - float: right !important; - } - + float: right !important; } .float-md-none { - float: none !important; - } -} + float: none !important; } } @media (min-width: 992px) { .float-lg-left { - float: left !important; - } - + float: left !important; } .float-lg-right { - float: right !important; - } - + float: right !important; } .float-lg-none { - float: none !important; - } -} + float: none !important; } } @media (min-width: 1200px) { .float-xl-left { - float: left !important; - } - + float: left !important; } .float-xl-right { - float: right !important; - } - + float: right !important; } .float-xl-none { - float: none !important; - } -} + float: none !important; } } .position-static { - position: static !important; -} + position: static !important; } .position-relative { - position: relative !important; -} + position: relative !important; } .position-absolute { - position: absolute !important; -} + position: absolute !important; } .position-fixed { - position: fixed !important; -} + position: fixed !important; } .position-sticky { - position: sticky !important; -} + position: -webkit-sticky !important; + position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; - z-index: 1030; -} + z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; - z-index: 1030; -} + z-index: 1030; } -@supports (position: sticky) { +@supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { + position: -webkit-sticky; position: sticky; top: 0; - z-index: 1020; - } -} - -.sr-only, -.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, -.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, -.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, -.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, -.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, -.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, -.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, -.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, -.bootstrap-datetimepicker-widget .btn[data-action="today"]::after, -.bootstrap-datetimepicker-widget .picker-switch::after, -.bootstrap-datetimepicker-widget table th.prev::after, -.bootstrap-datetimepicker-widget table th.next::after { + z-index: 1020; } } + +.sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; @@ -7621,1853 +5189,1186 @@ button.bg-dark:focus { overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; - clip-path: inset(50%); - border: 0; -} + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + border: 0; } -.sr-only-focusable:active, -.sr-only-focusable:focus { +.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; - clip-path: none; -} + -webkit-clip-path: none; + clip-path: none; } .w-25 { - width: 25% !important; -} + width: 25% !important; } .w-50 { - width: 50% !important; -} + width: 50% !important; } .w-75 { - width: 75% !important; -} + width: 75% !important; } .w-100 { - width: 100% !important; -} + width: 100% !important; } .h-25 { - height: 25% !important; -} + height: 25% !important; } .h-50 { - height: 50% !important; -} + height: 50% !important; } .h-75 { - height: 75% !important; -} + height: 75% !important; } .h-100 { - height: 100% !important; -} + height: 100% !important; } .mw-100 { - max-width: 100% !important; -} + max-width: 100% !important; } .mh-100 { - max-height: 100% !important; -} + max-height: 100% !important; } .m-0 { - margin: 0 !important; -} + margin: 0 !important; } .mt-0, .my-0 { - margin-top: 0 !important; -} + margin-top: 0 !important; } .mr-0, .mx-0 { - margin-right: 0 !important; -} + margin-right: 0 !important; } .mb-0, .my-0 { - margin-bottom: 0 !important; -} + margin-bottom: 0 !important; } .ml-0, .mx-0 { - margin-left: 0 !important; -} + margin-left: 0 !important; } .m-1 { - margin: 0.25rem !important; -} + margin: 0.25rem !important; } .mt-1, .my-1 { - margin-top: 0.25rem !important; -} + margin-top: 0.25rem !important; } .mr-1, .mx-1 { - margin-right: 0.25rem !important; -} + margin-right: 0.25rem !important; } .mb-1, .my-1 { - margin-bottom: 0.25rem !important; -} + margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { - margin-left: 0.25rem !important; -} + margin-left: 0.25rem !important; } .m-2 { - margin: 0.5rem !important; -} + margin: 0.5rem !important; } .mt-2, .my-2 { - margin-top: 0.5rem !important; -} + margin-top: 0.5rem !important; } .mr-2, .mx-2 { - margin-right: 0.5rem !important; -} + margin-right: 0.5rem !important; } .mb-2, .my-2 { - margin-bottom: 0.5rem !important; -} + margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { - margin-left: 0.5rem !important; -} + margin-left: 0.5rem !important; } .m-3 { - margin: 1rem !important; -} + margin: 1rem !important; } .mt-3, .my-3 { - margin-top: 1rem !important; -} + margin-top: 1rem !important; } .mr-3, .mx-3 { - margin-right: 1rem !important; -} + margin-right: 1rem !important; } .mb-3, .my-3 { - margin-bottom: 1rem !important; -} + margin-bottom: 1rem !important; } .ml-3, .mx-3 { - margin-left: 1rem !important; -} + margin-left: 1rem !important; } .m-4 { - margin: 1.5rem !important; -} + margin: 1.5rem !important; } .mt-4, .my-4 { - margin-top: 1.5rem !important; -} + margin-top: 1.5rem !important; } .mr-4, .mx-4 { - margin-right: 1.5rem !important; -} + margin-right: 1.5rem !important; } .mb-4, .my-4 { - margin-bottom: 1.5rem !important; -} + margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { - margin-left: 1.5rem !important; -} + margin-left: 1.5rem !important; } .m-5 { - margin: 3rem !important; -} + margin: 3rem !important; } .mt-5, .my-5 { - margin-top: 3rem !important; -} + margin-top: 3rem !important; } .mr-5, .mx-5 { - margin-right: 3rem !important; -} + margin-right: 3rem !important; } .mb-5, .my-5 { - margin-bottom: 3rem !important; -} + margin-bottom: 3rem !important; } .ml-5, .mx-5 { - margin-left: 3rem !important; -} + margin-left: 3rem !important; } .p-0 { - padding: 0 !important; -} + padding: 0 !important; } .pt-0, .py-0 { - padding-top: 0 !important; -} + padding-top: 0 !important; } .pr-0, .px-0 { - padding-right: 0 !important; -} + padding-right: 0 !important; } .pb-0, .py-0 { - padding-bottom: 0 !important; -} + padding-bottom: 0 !important; } .pl-0, .px-0 { - padding-left: 0 !important; -} + padding-left: 0 !important; } .p-1 { - padding: 0.25rem !important; -} + padding: 0.25rem !important; } .pt-1, .py-1 { - padding-top: 0.25rem !important; -} + padding-top: 0.25rem !important; } .pr-1, .px-1 { - padding-right: 0.25rem !important; -} + padding-right: 0.25rem !important; } .pb-1, .py-1 { - padding-bottom: 0.25rem !important; -} + padding-bottom: 0.25rem !important; } .pl-1, .px-1 { - padding-left: 0.25rem !important; -} + padding-left: 0.25rem !important; } .p-2 { - padding: 0.5rem !important; -} + padding: 0.5rem !important; } .pt-2, .py-2 { - padding-top: 0.5rem !important; -} + padding-top: 0.5rem !important; } .pr-2, .px-2 { - padding-right: 0.5rem !important; -} + padding-right: 0.5rem !important; } .pb-2, .py-2 { - padding-bottom: 0.5rem !important; -} + padding-bottom: 0.5rem !important; } .pl-2, .px-2 { - padding-left: 0.5rem !important; -} + padding-left: 0.5rem !important; } .p-3 { - padding: 1rem !important; -} + padding: 1rem !important; } .pt-3, .py-3 { - padding-top: 1rem !important; -} + padding-top: 1rem !important; } .pr-3, .px-3 { - padding-right: 1rem !important; -} + padding-right: 1rem !important; } .pb-3, .py-3 { - padding-bottom: 1rem !important; -} + padding-bottom: 1rem !important; } .pl-3, .px-3 { - padding-left: 1rem !important; -} + padding-left: 1rem !important; } .p-4 { - padding: 1.5rem !important; -} + padding: 1.5rem !important; } .pt-4, .py-4 { - padding-top: 1.5rem !important; -} + padding-top: 1.5rem !important; } .pr-4, .px-4 { - padding-right: 1.5rem !important; -} + padding-right: 1.5rem !important; } .pb-4, .py-4 { - padding-bottom: 1.5rem !important; -} + padding-bottom: 1.5rem !important; } .pl-4, .px-4 { - padding-left: 1.5rem !important; -} + padding-left: 1.5rem !important; } .p-5 { - padding: 3rem !important; -} + padding: 3rem !important; } .pt-5, .py-5 { - padding-top: 3rem !important; -} + padding-top: 3rem !important; } .pr-5, .px-5 { - padding-right: 3rem !important; -} + padding-right: 3rem !important; } .pb-5, .py-5 { - padding-bottom: 3rem !important; -} + padding-bottom: 3rem !important; } .pl-5, .px-5 { - padding-left: 3rem !important; -} + padding-left: 3rem !important; } .m-auto { - margin: auto !important; -} + margin: auto !important; } .mt-auto, .my-auto { - margin-top: auto !important; -} + margin-top: auto !important; } .mr-auto, .mx-auto { - margin-right: auto !important; -} + margin-right: auto !important; } .mb-auto, .my-auto { - margin-bottom: auto !important; -} + margin-bottom: auto !important; } .ml-auto, .mx-auto { - margin-left: auto !important; -} + margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { - margin: 0 !important; - } - + margin: 0 !important; } .mt-sm-0, .my-sm-0 { - margin-top: 0 !important; - } - + margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { - margin-right: 0 !important; - } - + margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { - margin-bottom: 0 !important; - } - + margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { - margin-left: 0 !important; - } - + margin-left: 0 !important; } .m-sm-1 { - margin: 0.25rem !important; - } - + margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { - margin-top: 0.25rem !important; - } - + margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { - margin-right: 0.25rem !important; - } - + margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { - margin-bottom: 0.25rem !important; - } - + margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { - margin-left: 0.25rem !important; - } - + margin-left: 0.25rem !important; } .m-sm-2 { - margin: 0.5rem !important; - } - + margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { - margin-top: 0.5rem !important; - } - + margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { - margin-right: 0.5rem !important; - } - + margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { - margin-bottom: 0.5rem !important; - } - + margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { - margin-left: 0.5rem !important; - } - + margin-left: 0.5rem !important; } .m-sm-3 { - margin: 1rem !important; - } - + margin: 1rem !important; } .mt-sm-3, .my-sm-3 { - margin-top: 1rem !important; - } - + margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { - margin-right: 1rem !important; - } - + margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { - margin-bottom: 1rem !important; - } - + margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { - margin-left: 1rem !important; - } - + margin-left: 1rem !important; } .m-sm-4 { - margin: 1.5rem !important; - } - + margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { - margin-top: 1.5rem !important; - } - + margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { - margin-right: 1.5rem !important; - } - + margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { - margin-bottom: 1.5rem !important; - } - + margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { - margin-left: 1.5rem !important; - } - + margin-left: 1.5rem !important; } .m-sm-5 { - margin: 3rem !important; - } - + margin: 3rem !important; } .mt-sm-5, .my-sm-5 { - margin-top: 3rem !important; - } - + margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { - margin-right: 3rem !important; - } - + margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { - margin-bottom: 3rem !important; - } - + margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { - margin-left: 3rem !important; - } - + margin-left: 3rem !important; } .p-sm-0 { - padding: 0 !important; - } - + padding: 0 !important; } .pt-sm-0, .py-sm-0 { - padding-top: 0 !important; - } - + padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { - padding-right: 0 !important; - } - + padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { - padding-bottom: 0 !important; - } - + padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { - padding-left: 0 !important; - } - + padding-left: 0 !important; } .p-sm-1 { - padding: 0.25rem !important; - } - + padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { - padding-top: 0.25rem !important; - } - + padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { - padding-right: 0.25rem !important; - } - + padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { - padding-bottom: 0.25rem !important; - } - + padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { - padding-left: 0.25rem !important; - } - + padding-left: 0.25rem !important; } .p-sm-2 { - padding: 0.5rem !important; - } - + padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { - padding-top: 0.5rem !important; - } - + padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { - padding-right: 0.5rem !important; - } - + padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { - padding-bottom: 0.5rem !important; - } - + padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { - padding-left: 0.5rem !important; - } - + padding-left: 0.5rem !important; } .p-sm-3 { - padding: 1rem !important; - } - + padding: 1rem !important; } .pt-sm-3, .py-sm-3 { - padding-top: 1rem !important; - } - + padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { - padding-right: 1rem !important; - } - + padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { - padding-bottom: 1rem !important; - } - + padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { - padding-left: 1rem !important; - } - + padding-left: 1rem !important; } .p-sm-4 { - padding: 1.5rem !important; - } - + padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { - padding-top: 1.5rem !important; - } - + padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { - padding-right: 1.5rem !important; - } - + padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { - padding-bottom: 1.5rem !important; - } - + padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { - padding-left: 1.5rem !important; - } - + padding-left: 1.5rem !important; } .p-sm-5 { - padding: 3rem !important; - } - + padding: 3rem !important; } .pt-sm-5, .py-sm-5 { - padding-top: 3rem !important; - } - + padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { - padding-right: 3rem !important; - } - + padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { - padding-bottom: 3rem !important; - } - + padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { - padding-left: 3rem !important; - } - + padding-left: 3rem !important; } .m-sm-auto { - margin: auto !important; - } - + margin: auto !important; } .mt-sm-auto, .my-sm-auto { - margin-top: auto !important; - } - + margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { - margin-right: auto !important; - } - + margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { - margin-bottom: auto !important; - } - + margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { - margin-left: auto !important; - } -} + margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { - margin: 0 !important; - } - + margin: 0 !important; } .mt-md-0, .my-md-0 { - margin-top: 0 !important; - } - + margin-top: 0 !important; } .mr-md-0, .mx-md-0 { - margin-right: 0 !important; - } - + margin-right: 0 !important; } .mb-md-0, .my-md-0 { - margin-bottom: 0 !important; - } - + margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { - margin-left: 0 !important; - } - + margin-left: 0 !important; } .m-md-1 { - margin: 0.25rem !important; - } - + margin: 0.25rem !important; } .mt-md-1, .my-md-1 { - margin-top: 0.25rem !important; - } - + margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { - margin-right: 0.25rem !important; - } - + margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { - margin-bottom: 0.25rem !important; - } - + margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { - margin-left: 0.25rem !important; - } - + margin-left: 0.25rem !important; } .m-md-2 { - margin: 0.5rem !important; - } - + margin: 0.5rem !important; } .mt-md-2, .my-md-2 { - margin-top: 0.5rem !important; - } - + margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { - margin-right: 0.5rem !important; - } - + margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { - margin-bottom: 0.5rem !important; - } - + margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { - margin-left: 0.5rem !important; - } - + margin-left: 0.5rem !important; } .m-md-3 { - margin: 1rem !important; - } - + margin: 1rem !important; } .mt-md-3, .my-md-3 { - margin-top: 1rem !important; - } - + margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { - margin-right: 1rem !important; - } - + margin-right: 1rem !important; } .mb-md-3, .my-md-3 { - margin-bottom: 1rem !important; - } - + margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { - margin-left: 1rem !important; - } - + margin-left: 1rem !important; } .m-md-4 { - margin: 1.5rem !important; - } - + margin: 1.5rem !important; } .mt-md-4, .my-md-4 { - margin-top: 1.5rem !important; - } - + margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { - margin-right: 1.5rem !important; - } - + margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { - margin-bottom: 1.5rem !important; - } - + margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { - margin-left: 1.5rem !important; - } - + margin-left: 1.5rem !important; } .m-md-5 { - margin: 3rem !important; - } - + margin: 3rem !important; } .mt-md-5, .my-md-5 { - margin-top: 3rem !important; - } - + margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { - margin-right: 3rem !important; - } - + margin-right: 3rem !important; } .mb-md-5, .my-md-5 { - margin-bottom: 3rem !important; - } - + margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { - margin-left: 3rem !important; - } - + margin-left: 3rem !important; } .p-md-0 { - padding: 0 !important; - } - + padding: 0 !important; } .pt-md-0, .py-md-0 { - padding-top: 0 !important; - } - + padding-top: 0 !important; } .pr-md-0, .px-md-0 { - padding-right: 0 !important; - } - + padding-right: 0 !important; } .pb-md-0, .py-md-0 { - padding-bottom: 0 !important; - } - + padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { - padding-left: 0 !important; - } - + padding-left: 0 !important; } .p-md-1 { - padding: 0.25rem !important; - } - + padding: 0.25rem !important; } .pt-md-1, .py-md-1 { - padding-top: 0.25rem !important; - } - + padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { - padding-right: 0.25rem !important; - } - + padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { - padding-bottom: 0.25rem !important; - } - + padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { - padding-left: 0.25rem !important; - } - + padding-left: 0.25rem !important; } .p-md-2 { - padding: 0.5rem !important; - } - + padding: 0.5rem !important; } .pt-md-2, .py-md-2 { - padding-top: 0.5rem !important; - } - + padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { - padding-right: 0.5rem !important; - } - + padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { - padding-bottom: 0.5rem !important; - } - + padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { - padding-left: 0.5rem !important; - } - + padding-left: 0.5rem !important; } .p-md-3 { - padding: 1rem !important; - } - + padding: 1rem !important; } .pt-md-3, .py-md-3 { - padding-top: 1rem !important; - } - + padding-top: 1rem !important; } .pr-md-3, .px-md-3 { - padding-right: 1rem !important; - } - + padding-right: 1rem !important; } .pb-md-3, .py-md-3 { - padding-bottom: 1rem !important; - } - + padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { - padding-left: 1rem !important; - } - + padding-left: 1rem !important; } .p-md-4 { - padding: 1.5rem !important; - } - + padding: 1.5rem !important; } .pt-md-4, .py-md-4 { - padding-top: 1.5rem !important; - } - + padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { - padding-right: 1.5rem !important; - } - + padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { - padding-bottom: 1.5rem !important; - } - + padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { - padding-left: 1.5rem !important; - } - + padding-left: 1.5rem !important; } .p-md-5 { - padding: 3rem !important; - } - + padding: 3rem !important; } .pt-md-5, .py-md-5 { - padding-top: 3rem !important; - } - + padding-top: 3rem !important; } .pr-md-5, .px-md-5 { - padding-right: 3rem !important; - } - + padding-right: 3rem !important; } .pb-md-5, .py-md-5 { - padding-bottom: 3rem !important; - } - + padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { - padding-left: 3rem !important; - } - + padding-left: 3rem !important; } .m-md-auto { - margin: auto !important; - } - + margin: auto !important; } .mt-md-auto, .my-md-auto { - margin-top: auto !important; - } - + margin-top: auto !important; } .mr-md-auto, .mx-md-auto { - margin-right: auto !important; - } - + margin-right: auto !important; } .mb-md-auto, .my-md-auto { - margin-bottom: auto !important; - } - + margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { - margin-left: auto !important; - } -} + margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { - margin: 0 !important; - } - + margin: 0 !important; } .mt-lg-0, .my-lg-0 { - margin-top: 0 !important; - } - + margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { - margin-right: 0 !important; - } - + margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { - margin-bottom: 0 !important; - } - + margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { - margin-left: 0 !important; - } - + margin-left: 0 !important; } .m-lg-1 { - margin: 0.25rem !important; - } - + margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { - margin-top: 0.25rem !important; - } - + margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { - margin-right: 0.25rem !important; - } - + margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { - margin-bottom: 0.25rem !important; - } - + margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { - margin-left: 0.25rem !important; - } - + margin-left: 0.25rem !important; } .m-lg-2 { - margin: 0.5rem !important; - } - + margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { - margin-top: 0.5rem !important; - } - + margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { - margin-right: 0.5rem !important; - } - + margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { - margin-bottom: 0.5rem !important; - } - + margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { - margin-left: 0.5rem !important; - } - + margin-left: 0.5rem !important; } .m-lg-3 { - margin: 1rem !important; - } - + margin: 1rem !important; } .mt-lg-3, .my-lg-3 { - margin-top: 1rem !important; - } - + margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { - margin-right: 1rem !important; - } - + margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { - margin-bottom: 1rem !important; - } - + margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { - margin-left: 1rem !important; - } - + margin-left: 1rem !important; } .m-lg-4 { - margin: 1.5rem !important; - } - + margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { - margin-top: 1.5rem !important; - } - + margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { - margin-right: 1.5rem !important; - } - + margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { - margin-bottom: 1.5rem !important; - } - + margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { - margin-left: 1.5rem !important; - } - + margin-left: 1.5rem !important; } .m-lg-5 { - margin: 3rem !important; - } - + margin: 3rem !important; } .mt-lg-5, .my-lg-5 { - margin-top: 3rem !important; - } - + margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { - margin-right: 3rem !important; - } - + margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { - margin-bottom: 3rem !important; - } - + margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { - margin-left: 3rem !important; - } - + margin-left: 3rem !important; } .p-lg-0 { - padding: 0 !important; - } - + padding: 0 !important; } .pt-lg-0, .py-lg-0 { - padding-top: 0 !important; - } - + padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { - padding-right: 0 !important; - } - + padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { - padding-bottom: 0 !important; - } - + padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { - padding-left: 0 !important; - } - + padding-left: 0 !important; } .p-lg-1 { - padding: 0.25rem !important; - } - + padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { - padding-top: 0.25rem !important; - } - + padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { - padding-right: 0.25rem !important; - } - + padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { - padding-bottom: 0.25rem !important; - } - + padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { - padding-left: 0.25rem !important; - } - + padding-left: 0.25rem !important; } .p-lg-2 { - padding: 0.5rem !important; - } - + padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { - padding-top: 0.5rem !important; - } - + padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { - padding-right: 0.5rem !important; - } - + padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { - padding-bottom: 0.5rem !important; - } - + padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { - padding-left: 0.5rem !important; - } - + padding-left: 0.5rem !important; } .p-lg-3 { - padding: 1rem !important; - } - + padding: 1rem !important; } .pt-lg-3, .py-lg-3 { - padding-top: 1rem !important; - } - + padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { - padding-right: 1rem !important; - } - + padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { - padding-bottom: 1rem !important; - } - + padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { - padding-left: 1rem !important; - } - + padding-left: 1rem !important; } .p-lg-4 { - padding: 1.5rem !important; - } - + padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { - padding-top: 1.5rem !important; - } - + padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { - padding-right: 1.5rem !important; - } - + padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { - padding-bottom: 1.5rem !important; - } - + padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { - padding-left: 1.5rem !important; - } - + padding-left: 1.5rem !important; } .p-lg-5 { - padding: 3rem !important; - } - + padding: 3rem !important; } .pt-lg-5, .py-lg-5 { - padding-top: 3rem !important; - } - + padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { - padding-right: 3rem !important; - } - + padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { - padding-bottom: 3rem !important; - } - + padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { - padding-left: 3rem !important; - } - + padding-left: 3rem !important; } .m-lg-auto { - margin: auto !important; - } - + margin: auto !important; } .mt-lg-auto, .my-lg-auto { - margin-top: auto !important; - } - + margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { - margin-right: auto !important; - } - + margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { - margin-bottom: auto !important; - } - + margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { - margin-left: auto !important; - } -} + margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { - margin: 0 !important; - } - + margin: 0 !important; } .mt-xl-0, .my-xl-0 { - margin-top: 0 !important; - } - + margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { - margin-right: 0 !important; - } - + margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { - margin-bottom: 0 !important; - } - + margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { - margin-left: 0 !important; - } - + margin-left: 0 !important; } .m-xl-1 { - margin: 0.25rem !important; - } - + margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { - margin-top: 0.25rem !important; - } - + margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { - margin-right: 0.25rem !important; - } - + margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { - margin-bottom: 0.25rem !important; - } - + margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { - margin-left: 0.25rem !important; - } - + margin-left: 0.25rem !important; } .m-xl-2 { - margin: 0.5rem !important; - } - + margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { - margin-top: 0.5rem !important; - } - + margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { - margin-right: 0.5rem !important; - } - + margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { - margin-bottom: 0.5rem !important; - } - + margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { - margin-left: 0.5rem !important; - } - + margin-left: 0.5rem !important; } .m-xl-3 { - margin: 1rem !important; - } - + margin: 1rem !important; } .mt-xl-3, .my-xl-3 { - margin-top: 1rem !important; - } - + margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { - margin-right: 1rem !important; - } - + margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { - margin-bottom: 1rem !important; - } - + margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { - margin-left: 1rem !important; - } - + margin-left: 1rem !important; } .m-xl-4 { - margin: 1.5rem !important; - } - + margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { - margin-top: 1.5rem !important; - } - + margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { - margin-right: 1.5rem !important; - } - + margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { - margin-bottom: 1.5rem !important; - } - + margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { - margin-left: 1.5rem !important; - } - + margin-left: 1.5rem !important; } .m-xl-5 { - margin: 3rem !important; - } - + margin: 3rem !important; } .mt-xl-5, .my-xl-5 { - margin-top: 3rem !important; - } - + margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { - margin-right: 3rem !important; - } - + margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { - margin-bottom: 3rem !important; - } - + margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { - margin-left: 3rem !important; - } - + margin-left: 3rem !important; } .p-xl-0 { - padding: 0 !important; - } - + padding: 0 !important; } .pt-xl-0, .py-xl-0 { - padding-top: 0 !important; - } - + padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { - padding-right: 0 !important; - } - + padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { - padding-bottom: 0 !important; - } - + padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { - padding-left: 0 !important; - } - + padding-left: 0 !important; } .p-xl-1 { - padding: 0.25rem !important; - } - + padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { - padding-top: 0.25rem !important; - } - + padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { - padding-right: 0.25rem !important; - } - + padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { - padding-bottom: 0.25rem !important; - } - + padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { - padding-left: 0.25rem !important; - } - + padding-left: 0.25rem !important; } .p-xl-2 { - padding: 0.5rem !important; - } - + padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { - padding-top: 0.5rem !important; - } - + padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { - padding-right: 0.5rem !important; - } - + padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { - padding-bottom: 0.5rem !important; - } - + padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { - padding-left: 0.5rem !important; - } - + padding-left: 0.5rem !important; } .p-xl-3 { - padding: 1rem !important; - } - + padding: 1rem !important; } .pt-xl-3, .py-xl-3 { - padding-top: 1rem !important; - } - + padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { - padding-right: 1rem !important; - } - + padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { - padding-bottom: 1rem !important; - } - + padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { - padding-left: 1rem !important; - } - + padding-left: 1rem !important; } .p-xl-4 { - padding: 1.5rem !important; - } - + padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { - padding-top: 1.5rem !important; - } - + padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { - padding-right: 1.5rem !important; - } - + padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { - padding-bottom: 1.5rem !important; - } - + padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { - padding-left: 1.5rem !important; - } - + padding-left: 1.5rem !important; } .p-xl-5 { - padding: 3rem !important; - } - + padding: 3rem !important; } .pt-xl-5, .py-xl-5 { - padding-top: 3rem !important; - } - + padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { - padding-right: 3rem !important; - } - + padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { - padding-bottom: 3rem !important; - } - + padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { - padding-left: 3rem !important; - } - + padding-left: 3rem !important; } .m-xl-auto { - margin: auto !important; - } - + margin: auto !important; } .mt-xl-auto, .my-xl-auto { - margin-top: auto !important; - } - + margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { - margin-right: auto !important; - } - + margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { - margin-bottom: auto !important; - } - + margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { - margin-left: auto !important; - } -} + margin-left: auto !important; } } .text-justify { - text-align: justify !important; -} + text-align: justify !important; } .text-nowrap { - white-space: nowrap !important; -} + white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; - white-space: nowrap; -} + white-space: nowrap; } .text-left { - text-align: left !important; -} + text-align: left !important; } .text-right { - text-align: right !important; -} + text-align: right !important; } .text-center { - text-align: center !important; -} + text-align: center !important; } @media (min-width: 576px) { .text-sm-left { - text-align: left !important; - } - + text-align: left !important; } .text-sm-right { - text-align: right !important; - } - + text-align: right !important; } .text-sm-center { - text-align: center !important; - } -} + text-align: center !important; } } @media (min-width: 768px) { .text-md-left { - text-align: left !important; - } - + text-align: left !important; } .text-md-right { - text-align: right !important; - } - + text-align: right !important; } .text-md-center { - text-align: center !important; - } -} + text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { - text-align: left !important; - } - + text-align: left !important; } .text-lg-right { - text-align: right !important; - } - + text-align: right !important; } .text-lg-center { - text-align: center !important; - } -} + text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { - text-align: left !important; - } - + text-align: left !important; } .text-xl-right { - text-align: right !important; - } - + text-align: right !important; } .text-xl-center { - text-align: center !important; - } -} + text-align: center !important; } } .text-lowercase { - text-transform: lowercase !important; -} + text-transform: lowercase !important; } .text-uppercase { - text-transform: uppercase !important; -} + text-transform: uppercase !important; } .text-capitalize { - text-transform: capitalize !important; -} + text-transform: capitalize !important; } .font-weight-light { - font-weight: 300 !important; -} + font-weight: 300 !important; } .font-weight-normal { - font-weight: 400 !important; -} + font-weight: 400 !important; } .font-weight-bold { - font-weight: 500 !important; -} + font-weight: 500 !important; } .font-italic { - font-style: italic !important; -} + font-style: italic !important; } .text-white { - color: #fff !important; -} + color: #fff !important; } .text-primary { - color: #9c27b0 !important; -} + color: #9c27b0 !important; } -a.text-primary:hover, -a.text-primary:focus { - color: #771e86 !important; -} +a.text-primary:hover, a.text-primary:focus { + color: #771e86 !important; } .text-secondary { - color: #6c757d !important; -} + color: #6c757d !important; } -a.text-secondary:hover, -a.text-secondary:focus { - color: #545b62 !important; -} +a.text-secondary:hover, a.text-secondary:focus { + color: #545b62 !important; } .text-success { - color: #4caf50 !important; -} + color: #4caf50 !important; } -a.text-success:hover, -a.text-success:focus { - color: #3d8b40 !important; -} +a.text-success:hover, a.text-success:focus { + color: #3d8b40 !important; } .text-info { - color: #00bcd4 !important; -} + color: #00bcd4 !important; } -a.text-info:hover, -a.text-info:focus { - color: #008fa1 !important; -} +a.text-info:hover, a.text-info:focus { + color: #008fa1 !important; } .text-warning { - color: #ff9800 !important; -} + color: #ff9800 !important; } -a.text-warning:hover, -a.text-warning:focus { - color: #cc7a00 !important; -} +a.text-warning:hover, a.text-warning:focus { + color: #cc7a00 !important; } .text-danger { - color: #f44336 !important; -} + color: #f44336 !important; } -a.text-danger:hover, -a.text-danger:focus { - color: #ea1c0d !important; -} +a.text-danger:hover, a.text-danger:focus { + color: #ea1c0d !important; } .text-light { - color: #f8f9fa !important; -} + color: #f8f9fa !important; } -a.text-light:hover, -a.text-light:focus { - color: #dae0e5 !important; -} +a.text-light:hover, a.text-light:focus { + color: #dae0e5 !important; } .text-dark { - color: #343a40 !important; -} + color: #343a40 !important; } -a.text-dark:hover, -a.text-dark:focus { - color: #1d2124 !important; -} +a.text-dark:hover, a.text-dark:focus { + color: #1d2124 !important; } -.text-muted, -.bmd-help { - color: #6c757d !important; -} +.text-muted, .bmd-help { + color: #6c757d !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; - border: 0; -} + border: 0; } .visible { - visibility: visible !important; -} + visibility: visible !important; } .invisible { - visibility: hidden !important; -} + visibility: hidden !important; } body { - background-color: #fff; -} + background-color: #fff; } a:focus { - outline: none; -} + outline: none; } button:focus { - outline: none; -} + outline: none; } .bmd-layout-canvas { position: absolute; width: 100%; - height: 100%; -} + height: 100%; } .bmd-layout-container { position: relative; @@ -9477,8 +6378,7 @@ button:focus { height: 100%; overflow-x: hidden; overflow-y: auto; - -webkit-overflow-scrolling: touch; -} + -webkit-overflow-scrolling: touch; } .bmd-layout-header { z-index: 3; @@ -9491,8 +6391,7 @@ button:focus { max-height: 1000px; transform: translateZ(0); transition-duration: 0.2s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .bmd-layout-content { position: relative; @@ -9503,12 +6402,10 @@ button:focus { overflow-y: auto; -webkit-overflow-scrolling: touch; transition-duration: 0.2s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .bmd-layout-spacer { - flex-grow: 1; -} + flex-grow: 1; } .bmd-layout-backdrop { position: absolute; @@ -9521,18 +6418,14 @@ button:focus { background-color: transparent; transition-property: background-color; transition-duration: 0.2s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} - -@supports (pointer-events: auto) { - .bmd-layout-backdrop { - background-color: rgba(0, 0, 0, 0.5); - opacity: 0; - transition-property: opacity; - visibility: visible; - pointer-events: none; - } -} + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } + @supports (pointer-events: auto) { + .bmd-layout-backdrop { + background-color: rgba(0, 0, 0, 0.5); + opacity: 0; + transition-property: opacity; + visibility: visible; + pointer-events: none; } } .btn { position: relative; @@ -9540,7 +6433,7 @@ button:focus { margin: 0.3125rem 1px; font-size: .75rem; font-weight: 400; - line-height: 1.428571; + line-height: 1.42857; text-decoration: none; text-transform: uppercase; letter-spacing: 0; @@ -9550,8279 +6443,5534 @@ button:focus { border-radius: 0.2rem; outline: 0; transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); - will-change: box-shadow, transform; -} - -.btn:focus, -.btn.focus, -.btn:active:focus, -.btn:active.focus, -.btn:active:focus:focus, -.btn:active:focus.focus, -.btn.active:focus, -.btn.active.focus { - outline: 0; - box-shadow: none !important; -} - -.btn.btn-primary { - color: #fff; - background-color: #9c27b0; - border-color: #9c27b0; - box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); -} - -.btn.btn-primary:hover { - color: #fff; - background-color: #9124a3; - border-color: #701c7e; -} - -.btn.btn-primary:focus, -.btn.btn-primary.focus, -.btn.btn-primary:hover { - color: #fff; - background-color: #9124a3; - border-color: #701c7e; -} - -.btn.btn-primary:active, -.btn.btn-primary.active, -.open>.btn.btn-primary.dropdown-toggle, -.show>.btn.btn-primary.dropdown-toggle { - color: #fff; - background-color: #9124a3; - border-color: #701c7e; - box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); -} - -.btn.btn-primary:active:hover, -.btn.btn-primary:active:focus, -.btn.btn-primary:active.focus, -.btn.btn-primary.active:hover, -.btn.btn-primary.active:focus, -.btn.btn-primary.active.focus, -.open>.btn.btn-primary.dropdown-toggle:hover, -.open>.btn.btn-primary.dropdown-toggle:focus, -.open>.btn.btn-primary.dropdown-toggle.focus, -.show>.btn.btn-primary.dropdown-toggle:hover, -.show>.btn.btn-primary.dropdown-toggle:focus, -.show>.btn.btn-primary.dropdown-toggle.focus { - color: #fff; - background-color: #9124a3; - border-color: #3f1048; -} - -.open>.btn.btn-primary.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: #9c27b0; -} + will-change: box-shadow, transform; } + .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn:active:focus:focus, .btn:active:focus.focus, .btn.active:focus, .btn.active.focus { + outline: 0; + box-shadow: none !important; } + .btn.btn-primary { + color: #fff; + background-color: #9c27b0; + border-color: #9c27b0; + box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); } + .btn.btn-primary:hover { + color: #fff; + background-color: #9124a3; + border-color: #701c7e; } + .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:hover { + color: #fff; + background-color: #9124a3; + border-color: #701c7e; } + .btn.btn-primary:active, .btn.btn-primary.active, + .open > .btn.btn-primary.dropdown-toggle, + .show > .btn.btn-primary.dropdown-toggle { + color: #fff; + background-color: #9124a3; + border-color: #701c7e; + box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12); } + .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus, + .open > .btn.btn-primary.dropdown-toggle:hover, + .open > .btn.btn-primary.dropdown-toggle:focus, + .open > .btn.btn-primary.dropdown-toggle.focus, + .show > .btn.btn-primary.dropdown-toggle:hover, + .show > .btn.btn-primary.dropdown-toggle:focus, + .show > .btn.btn-primary.dropdown-toggle.focus { + color: #fff; + background-color: #9124a3; + border-color: #3f1048; } + .open > .btn.btn-primary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #9c27b0; } + .open > .btn.btn-primary.dropdown-toggle.bmd-btn-icon:hover { + background-color: #9124a3; } + .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus { + background-color: #9c27b0; + border-color: #9c27b0; } + .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover { + background-color: #9c27b0; + border-color: #9c27b0; } + .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:hover { + box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2); } + .btn.btn-primary.btn-link { + background-color: transparent; + color: #9c27b0; + box-shadow: none; } + .btn.btn-primary.btn-link:hover, .btn.btn-primary.btn-link:focus, .btn.btn-primary.btn-link:active { + background-color: transparent; + color: #9c27b0; } + .btn.btn-secondary { + color: rgba(0, 0, 0, 0.87); + background-color: #fafafa; + border-color: #ccc; + box-shadow: 0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px rgba(250, 250, 250, 0.2), 0 1px 5px 0 rgba(250, 250, 250, 0.12); } + .btn.btn-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: #f2f2f2; + border-color: #adadad; } + .btn.btn-secondary:focus, .btn.btn-secondary.focus, .btn.btn-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: #f2f2f2; + border-color: #adadad; } + .btn.btn-secondary:active, .btn.btn-secondary.active, + .open > .btn.btn-secondary.dropdown-toggle, + .show > .btn.btn-secondary.dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: #f2f2f2; + border-color: #adadad; + box-shadow: 0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px rgba(250, 250, 250, 0.2), 0 1px 5px 0 rgba(250, 250, 250, 0.12); } + .btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn.btn-secondary:active.focus, .btn.btn-secondary.active:hover, .btn.btn-secondary.active:focus, .btn.btn-secondary.active.focus, + .open > .btn.btn-secondary.dropdown-toggle:hover, + .open > .btn.btn-secondary.dropdown-toggle:focus, + .open > .btn.btn-secondary.dropdown-toggle.focus, + .show > .btn.btn-secondary.dropdown-toggle:hover, + .show > .btn.btn-secondary.dropdown-toggle:focus, + .show > .btn.btn-secondary.dropdown-toggle.focus { + color: rgba(0, 0, 0, 0.87); + background-color: #f2f2f2; + border-color: #8c8c8c; } + .open > .btn.btn-secondary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #fafafa; } + .open > .btn.btn-secondary.dropdown-toggle.bmd-btn-icon:hover { + background-color: #f2f2f2; } + .btn.btn-secondary.disabled:focus, .btn.btn-secondary.disabled.focus, .btn.btn-secondary:disabled:focus, .btn.btn-secondary:disabled.focus { + background-color: #fafafa; + border-color: #ccc; } + .btn.btn-secondary.disabled:hover, .btn.btn-secondary:disabled:hover { + background-color: #fafafa; + border-color: #ccc; } + .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:hover { + box-shadow: 0 14px 26px -12px rgba(250, 250, 250, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(250, 250, 250, 0.2); } + .btn.btn-secondary.btn-link { + background-color: transparent; + color: #fafafa; + box-shadow: none; } + .btn.btn-secondary.btn-link:hover, .btn.btn-secondary.btn-link:focus, .btn.btn-secondary.btn-link:active { + background-color: transparent; + color: #fafafa; } + .btn.btn-info { + color: #fff; + background-color: #00bcd4; + border-color: #00bcd4; + box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12); } + .btn.btn-info:hover { + color: #fff; + background-color: #00aec5; + border-color: #008697; } + .btn.btn-info:focus, .btn.btn-info.focus, .btn.btn-info:hover { + color: #fff; + background-color: #00aec5; + border-color: #008697; } + .btn.btn-info:active, .btn.btn-info.active, + .open > .btn.btn-info.dropdown-toggle, + .show > .btn.btn-info.dropdown-toggle { + color: #fff; + background-color: #00aec5; + border-color: #008697; + box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12); } + .btn.btn-info:active:hover, .btn.btn-info:active:focus, .btn.btn-info:active.focus, .btn.btn-info.active:hover, .btn.btn-info.active:focus, .btn.btn-info.active.focus, + .open > .btn.btn-info.dropdown-toggle:hover, + .open > .btn.btn-info.dropdown-toggle:focus, + .open > .btn.btn-info.dropdown-toggle.focus, + .show > .btn.btn-info.dropdown-toggle:hover, + .show > .btn.btn-info.dropdown-toggle:focus, + .show > .btn.btn-info.dropdown-toggle.focus { + color: #fff; + background-color: #00aec5; + border-color: #004b55; } + .open > .btn.btn-info.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #00bcd4; } + .open > .btn.btn-info.dropdown-toggle.bmd-btn-icon:hover { + background-color: #00aec5; } + .btn.btn-info.disabled:focus, .btn.btn-info.disabled.focus, .btn.btn-info:disabled:focus, .btn.btn-info:disabled.focus { + background-color: #00bcd4; + border-color: #00bcd4; } + .btn.btn-info.disabled:hover, .btn.btn-info:disabled:hover { + background-color: #00bcd4; + border-color: #00bcd4; } + .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info:hover { + box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2); } + .btn.btn-info.btn-link { + background-color: transparent; + color: #00bcd4; + box-shadow: none; } + .btn.btn-info.btn-link:hover, .btn.btn-info.btn-link:focus, .btn.btn-info.btn-link:active { + background-color: transparent; + color: #00bcd4; } + .btn.btn-success { + color: #fff; + background-color: #4caf50; + border-color: #4caf50; + box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12); } + .btn.btn-success:hover { + color: #fff; + background-color: #47a44b; + border-color: #39843c; } + .btn.btn-success:focus, .btn.btn-success.focus, .btn.btn-success:hover { + color: #fff; + background-color: #47a44b; + border-color: #39843c; } + .btn.btn-success:active, .btn.btn-success.active, + .open > .btn.btn-success.dropdown-toggle, + .show > .btn.btn-success.dropdown-toggle { + color: #fff; + background-color: #47a44b; + border-color: #39843c; + box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12); } + .btn.btn-success:active:hover, .btn.btn-success:active:focus, .btn.btn-success:active.focus, .btn.btn-success.active:hover, .btn.btn-success.active:focus, .btn.btn-success.active.focus, + .open > .btn.btn-success.dropdown-toggle:hover, + .open > .btn.btn-success.dropdown-toggle:focus, + .open > .btn.btn-success.dropdown-toggle.focus, + .show > .btn.btn-success.dropdown-toggle:hover, + .show > .btn.btn-success.dropdown-toggle:focus, + .show > .btn.btn-success.dropdown-toggle.focus { + color: #fff; + background-color: #47a44b; + border-color: #255627; } + .open > .btn.btn-success.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #4caf50; } + .open > .btn.btn-success.dropdown-toggle.bmd-btn-icon:hover { + background-color: #47a44b; } + .btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus { + background-color: #4caf50; + border-color: #4caf50; } + .btn.btn-success.disabled:hover, .btn.btn-success:disabled:hover { + background-color: #4caf50; + border-color: #4caf50; } + .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:hover { + box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2); } + .btn.btn-success.btn-link { + background-color: transparent; + color: #4caf50; + box-shadow: none; } + .btn.btn-success.btn-link:hover, .btn.btn-success.btn-link:focus, .btn.btn-success.btn-link:active { + background-color: transparent; + color: #4caf50; } + .btn.btn-warning { + color: #fff; + background-color: #ff9800; + border-color: #ff9800; + box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12); } + .btn.btn-warning:hover { + color: #fff; + background-color: #f08f00; + border-color: #c27400; } + .btn.btn-warning:focus, .btn.btn-warning.focus, .btn.btn-warning:hover { + color: #fff; + background-color: #f08f00; + border-color: #c27400; } + .btn.btn-warning:active, .btn.btn-warning.active, + .open > .btn.btn-warning.dropdown-toggle, + .show > .btn.btn-warning.dropdown-toggle { + color: #fff; + background-color: #f08f00; + border-color: #c27400; + box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12); } + .btn.btn-warning:active:hover, .btn.btn-warning:active:focus, .btn.btn-warning:active.focus, .btn.btn-warning.active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active.focus, + .open > .btn.btn-warning.dropdown-toggle:hover, + .open > .btn.btn-warning.dropdown-toggle:focus, + .open > .btn.btn-warning.dropdown-toggle.focus, + .show > .btn.btn-warning.dropdown-toggle:hover, + .show > .btn.btn-warning.dropdown-toggle:focus, + .show > .btn.btn-warning.dropdown-toggle.focus { + color: #fff; + background-color: #f08f00; + border-color: #804c00; } + .open > .btn.btn-warning.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #ff9800; } + .open > .btn.btn-warning.dropdown-toggle.bmd-btn-icon:hover { + background-color: #f08f00; } + .btn.btn-warning.disabled:focus, .btn.btn-warning.disabled.focus, .btn.btn-warning:disabled:focus, .btn.btn-warning:disabled.focus { + background-color: #ff9800; + border-color: #ff9800; } + .btn.btn-warning.disabled:hover, .btn.btn-warning:disabled:hover { + background-color: #ff9800; + border-color: #ff9800; } + .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning:hover { + box-shadow: 0 14px 26px -12px rgba(255, 152, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2); } + .btn.btn-warning.btn-link { + background-color: transparent; + color: #ff9800; + box-shadow: none; } + .btn.btn-warning.btn-link:hover, .btn.btn-warning.btn-link:focus, .btn.btn-warning.btn-link:active { + background-color: transparent; + color: #ff9800; } + .btn.btn-danger { + color: #fff; + background-color: #f44336; + border-color: #f44336; + box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12); } + .btn.btn-danger:hover { + color: #fff; + background-color: #f33527; + border-color: #e11b0c; } + .btn.btn-danger:focus, .btn.btn-danger.focus, .btn.btn-danger:hover { + color: #fff; + background-color: #f33527; + border-color: #e11b0c; } + .btn.btn-danger:active, .btn.btn-danger.active, + .open > .btn.btn-danger.dropdown-toggle, + .show > .btn.btn-danger.dropdown-toggle { + color: #fff; + background-color: #f33527; + border-color: #e11b0c; + box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12); } + .btn.btn-danger:active:hover, .btn.btn-danger:active:focus, .btn.btn-danger:active.focus, .btn.btn-danger.active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active.focus, + .open > .btn.btn-danger.dropdown-toggle:hover, + .open > .btn.btn-danger.dropdown-toggle:focus, + .open > .btn.btn-danger.dropdown-toggle.focus, + .show > .btn.btn-danger.dropdown-toggle:hover, + .show > .btn.btn-danger.dropdown-toggle:focus, + .show > .btn.btn-danger.dropdown-toggle.focus { + color: #fff; + background-color: #f33527; + border-color: #a21309; } + .open > .btn.btn-danger.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #f44336; } + .open > .btn.btn-danger.dropdown-toggle.bmd-btn-icon:hover { + background-color: #f33527; } + .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus { + background-color: #f44336; + border-color: #f44336; } + .btn.btn-danger.disabled:hover, .btn.btn-danger:disabled:hover { + background-color: #f44336; + border-color: #f44336; } + .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:hover { + box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2); } + .btn.btn-danger.btn-link { + background-color: transparent; + color: #f44336; + box-shadow: none; } + .btn.btn-danger.btn-link:hover, .btn.btn-danger.btn-link:focus, .btn.btn-danger.btn-link:active { + background-color: transparent; + color: #f44336; } + .btn.btn-rose { + color: #fff; + background-color: #e91e63; + border-color: #e91e63; + box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12); } + .btn.btn-rose:hover { + color: #fff; + background-color: #ea2c6d; + border-color: #b8124a; } + .btn.btn-rose:focus, .btn.btn-rose.focus, .btn.btn-rose:hover { + color: #fff; + background-color: #ea2c6d; + border-color: #b8124a; } + .btn.btn-rose:active, .btn.btn-rose.active, + .open > .btn.btn-rose.dropdown-toggle, + .show > .btn.btn-rose.dropdown-toggle { + color: #fff; + background-color: #ea2c6d; + border-color: #b8124a; + box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12); } + .btn.btn-rose:active:hover, .btn.btn-rose:active:focus, .btn.btn-rose:active.focus, .btn.btn-rose.active:hover, .btn.btn-rose.active:focus, .btn.btn-rose.active.focus, + .open > .btn.btn-rose.dropdown-toggle:hover, + .open > .btn.btn-rose.dropdown-toggle:focus, + .open > .btn.btn-rose.dropdown-toggle.focus, + .show > .btn.btn-rose.dropdown-toggle:hover, + .show > .btn.btn-rose.dropdown-toggle:focus, + .show > .btn.btn-rose.dropdown-toggle.focus { + color: #fff; + background-color: #ea2c6d; + border-color: #7b0c32; } + .open > .btn.btn-rose.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #e91e63; } + .open > .btn.btn-rose.dropdown-toggle.bmd-btn-icon:hover { + background-color: #ea2c6d; } + .btn.btn-rose.disabled:focus, .btn.btn-rose.disabled.focus, .btn.btn-rose:disabled:focus, .btn.btn-rose:disabled.focus { + background-color: #e91e63; + border-color: #e91e63; } + .btn.btn-rose.disabled:hover, .btn.btn-rose:disabled:hover { + background-color: #e91e63; + border-color: #e91e63; } + .btn.btn-rose:focus, .btn.btn-rose:active, .btn.btn-rose:hover { + box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2); } + .btn.btn-rose.btn-link { + background-color: transparent; + color: #e91e63; + box-shadow: none; } + .btn.btn-rose.btn-link:hover, .btn.btn-rose.btn-link:focus, .btn.btn-rose.btn-link:active { + background-color: transparent; + color: #e91e63; } + .btn, .btn.btn-default { + color: #fff; + background-color: #999999; + border-color: #999999; + box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); } + .btn:hover, .btn.btn-default:hover { + color: #fff; + background-color: #919191; + border-color: #7a7a7a; } + .btn:focus, .btn.focus, .btn:hover, .btn.btn-default:focus, .btn.btn-default.focus, .btn.btn-default:hover { + color: #fff; + background-color: #919191; + border-color: #7a7a7a; } + .btn:active, .btn.active, + .open > .btn.dropdown-toggle, + .show > .btn.dropdown-toggle, .btn.btn-default:active, .btn.btn-default.active, + .open > .btn.btn-default.dropdown-toggle, + .show > .btn.btn-default.dropdown-toggle { + color: #fff; + background-color: #919191; + border-color: #7a7a7a; + box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); } + .btn:active:hover, .btn:active:focus, .btn:active.focus, .btn.active:hover, .btn.active:focus, .btn.active.focus, + .open > .btn.dropdown-toggle:hover, + .open > .btn.dropdown-toggle:focus, + .open > .btn.dropdown-toggle.focus, + .show > .btn.dropdown-toggle:hover, + .show > .btn.dropdown-toggle:focus, + .show > .btn.dropdown-toggle.focus, .btn.btn-default:active:hover, .btn.btn-default:active:focus, .btn.btn-default:active.focus, .btn.btn-default.active:hover, .btn.btn-default.active:focus, .btn.btn-default.active.focus, + .open > .btn.btn-default.dropdown-toggle:hover, + .open > .btn.btn-default.dropdown-toggle:focus, + .open > .btn.btn-default.dropdown-toggle.focus, + .show > .btn.btn-default.dropdown-toggle:hover, + .show > .btn.btn-default.dropdown-toggle:focus, + .show > .btn.btn-default.dropdown-toggle.focus { + color: #fff; + background-color: #919191; + border-color: #595959; } + .open > .btn.dropdown-toggle.bmd-btn-icon, .open > .btn.btn-default.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: #999999; } + .open > .btn.dropdown-toggle.bmd-btn-icon:hover, .open > .btn.btn-default.dropdown-toggle.bmd-btn-icon:hover { + background-color: #919191; } + .btn.disabled:focus, .btn.disabled.focus, .btn:disabled:focus, .btn:disabled.focus, .btn.btn-default.disabled:focus, .btn.btn-default.disabled.focus, .btn.btn-default:disabled:focus, .btn.btn-default:disabled.focus { + background-color: #999999; + border-color: #999999; } + .btn.disabled:hover, .btn:disabled:hover, .btn.btn-default.disabled:hover, .btn.btn-default:disabled:hover { + background-color: #999999; + border-color: #999999; } + .btn:focus, .btn:active, .btn:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default:hover { + box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2); } + .btn.btn-link, .btn.btn-default.btn-link { + background-color: transparent; + color: #999999; + box-shadow: none; } + .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-default.btn-link:hover, .btn.btn-default.btn-link:focus, .btn.btn-default.btn-link:active { + background-color: transparent; + color: #999999; } + .btn.btn-white, .btn.btn-white:focus, .btn.btn-white:hover { + background-color: #ffffff; + color: #999999; } + .btn.btn-white.btn-link { + color: #ffffff; + background: transparent; + box-shadow: none; } + .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active { + text-decoration: none !important; } + .btn.btn-disabled { + cursor: not-allowed; + pointer-events: none; } + .btn.btn-disabled:hover { + box-shadow: none; } + .btn.btn-raised.btn-link, + .btn-group-raised .btn.btn-link { + box-shadow: none; } + .btn.btn-raised.btn-link.active, + .btn-group-raised .btn.btn-link.active { + box-shadow: none; } + .btn.btn-raised.btn-link:hover, .btn.btn-raised.btn-link:focus, .btn.btn-raised.btn-link:active, + .btn-group-raised .btn.btn-link:hover, + .btn-group-raised .btn.btn-link:focus, + .btn-group-raised .btn.btn-link:active { + box-shadow: none; } + fieldset[disabled][disabled] .btn.btn-raised, .btn.btn-raised.disabled, .btn.btn-raised:disabled, .btn.btn-raised[disabled], fieldset[disabled][disabled] + .btn-group-raised .btn, + .btn-group-raised .btn.disabled, + .btn-group-raised .btn:disabled, + .btn-group-raised .btn[disabled] { + box-shadow: none; } + .btn.btn-outline, .btn.btn-outline-primary, .btn.btn-outline-secondary, .btn.btn-outline-info, .btn.btn-outline-success, .btn.btn-outline-warning, .btn.btn-outline-danger { + border-color: currentColor; + border-style: solid; + border-width: 1px; } + .btn.btn-outline { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); } + .btn.btn-outline:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); } + .btn.btn-outline:focus, .btn.btn-outline.focus, .btn.btn-outline:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); } + .btn.btn-outline:active, .btn.btn-outline.active, + .open > .btn.btn-outline.dropdown-toggle, + .show > .btn.btn-outline.dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .btn.btn-outline:active:hover, .btn.btn-outline:active:focus, .btn.btn-outline:active.focus, .btn.btn-outline.active:hover, .btn.btn-outline.active:focus, .btn.btn-outline.active.focus, + .open > .btn.btn-outline.dropdown-toggle:hover, + .open > .btn.btn-outline.dropdown-toggle:focus, + .open > .btn.btn-outline.dropdown-toggle.focus, + .show > .btn.btn-outline.dropdown-toggle:hover, + .show > .btn.btn-outline.dropdown-toggle:focus, + .show > .btn.btn-outline.dropdown-toggle.focus { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.4); + border-color: rgba(0, 0, 0, 0.87); } + .open > .btn.btn-outline.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; } + .open > .btn.btn-outline.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); } + .btn.btn-outline.disabled:focus, .btn.btn-outline.disabled.focus, .btn.btn-outline:disabled:focus, .btn.btn-outline:disabled.focus { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); } + .btn.btn-outline.disabled:hover, .btn.btn-outline:disabled:hover { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); } + .bg-inverse .btn.btn-outline { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); } + .bg-inverse .btn.btn-outline:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline:focus, .bg-inverse .btn.btn-outline.focus, .bg-inverse .btn.btn-outline:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline:active, .bg-inverse .btn.btn-outline.active, + .open > .bg-inverse .btn.btn-outline.dropdown-toggle, + .show > .bg-inverse .btn.btn-outline.dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .bg-inverse .btn.btn-outline:active:hover, .bg-inverse .btn.btn-outline:active:focus, .bg-inverse .btn.btn-outline:active.focus, .bg-inverse .btn.btn-outline.active:hover, .bg-inverse .btn.btn-outline.active:focus, .bg-inverse .btn.btn-outline.active.focus, + .open > .bg-inverse .btn.btn-outline.dropdown-toggle:hover, + .open > .bg-inverse .btn.btn-outline.dropdown-toggle:focus, + .open > .bg-inverse .btn.btn-outline.dropdown-toggle.focus, + .show > .bg-inverse .btn.btn-outline.dropdown-toggle:hover, + .show > .bg-inverse .btn.btn-outline.dropdown-toggle:focus, + .show > .bg-inverse .btn.btn-outline.dropdown-toggle.focus { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); } + .open > .bg-inverse .btn.btn-outline.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; } + .open > .bg-inverse .btn.btn-outline.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline.disabled:focus, .bg-inverse .btn.btn-outline.disabled.focus, .bg-inverse .btn.btn-outline:disabled:focus, .bg-inverse .btn.btn-outline:disabled.focus { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); } + .bg-inverse .btn.btn-outline.disabled:hover, .bg-inverse .btn.btn-outline:disabled:hover { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); } + .btn.btn-outline.btn-link { + background-color: transparent; } + .btn.btn-outline-primary { + color: #9c27b0; + background-color: transparent; + border-color: #9c27b0; } + .btn.btn-outline-primary:hover { + color: #9c27b0; + background-color: rgba(153, 153, 153, 0.2); + border-color: #9c27b0; } + .btn.btn-outline-primary:focus, .btn.btn-outline-primary.focus, .btn.btn-outline-primary:hover { + color: #9c27b0; + background-color: rgba(153, 153, 153, 0.2); + border-color: #9c27b0; } + .btn.btn-outline-primary:active, .btn.btn-outline-primary.active, + .open > .btn.btn-outline-primary.dropdown-toggle, + .show > .btn.btn-outline-primary.dropdown-toggle { + color: #9c27b0; + background-color: rgba(153, 153, 153, 0.2); + border-color: #9c27b0; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .btn.btn-outline-primary:active:hover, .btn.btn-outline-primary:active:focus, .btn.btn-outline-primary:active.focus, .btn.btn-outline-primary.active:hover, .btn.btn-outline-primary.active:focus, .btn.btn-outline-primary.active.focus, + .open > .btn.btn-outline-primary.dropdown-toggle:hover, + .open > .btn.btn-outline-primary.dropdown-toggle:focus, + .open > .btn.btn-outline-primary.dropdown-toggle.focus, + .show > .btn.btn-outline-primary.dropdown-toggle:hover, + .show > .btn.btn-outline-primary.dropdown-toggle:focus, + .show > .btn.btn-outline-primary.dropdown-toggle.focus { + color: #9c27b0; + background-color: rgba(153, 153, 153, 0.4); + border-color: #9c27b0; } + .open > .btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; } + .open > .btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); } + .btn.btn-outline-primary.disabled:focus, .btn.btn-outline-primary.disabled.focus, .btn.btn-outline-primary:disabled:focus, .btn.btn-outline-primary:disabled.focus { + background-color: transparent; + border-color: #9c27b0; } + .btn.btn-outline-primary.disabled:hover, .btn.btn-outline-primary:disabled:hover { + background-color: transparent; + border-color: #9c27b0; } + .bg-inverse .btn.btn-outline-primary { + color: #9c27b0; + background-color: transparent; + border-color: #9c27b0; } + .bg-inverse .btn.btn-outline-primary:hover { + color: #9c27b0; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-primary:focus, .bg-inverse .btn.btn-outline-primary.focus, .bg-inverse .btn.btn-outline-primary:hover { + color: #9c27b0; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-primary:active, .bg-inverse .btn.btn-outline-primary.active, + .open > .bg-inverse .btn.btn-outline-primary.dropdown-toggle, + .show > .bg-inverse .btn.btn-outline-primary.dropdown-toggle { + color: #9c27b0; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .bg-inverse .btn.btn-outline-primary:active:hover, .bg-inverse .btn.btn-outline-primary:active:focus, .bg-inverse .btn.btn-outline-primary:active.focus, .bg-inverse .btn.btn-outline-primary.active:hover, .bg-inverse .btn.btn-outline-primary.active:focus, .bg-inverse .btn.btn-outline-primary.active.focus, + .open > .bg-inverse .btn.btn-outline-primary.dropdown-toggle:hover, + .open > .bg-inverse .btn.btn-outline-primary.dropdown-toggle:focus, + .open > .bg-inverse .btn.btn-outline-primary.dropdown-toggle.focus, + .show > .bg-inverse .btn.btn-outline-primary.dropdown-toggle:hover, + .show > .bg-inverse .btn.btn-outline-primary.dropdown-toggle:focus, + .show > .bg-inverse .btn.btn-outline-primary.dropdown-toggle.focus { + color: #9c27b0; + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); } + .open > .bg-inverse .btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; } + .open > .bg-inverse .btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-primary.disabled:focus, .bg-inverse .btn.btn-outline-primary.disabled.focus, .bg-inverse .btn.btn-outline-primary:disabled:focus, .bg-inverse .btn.btn-outline-primary:disabled.focus { + background-color: transparent; + border-color: #9c27b0; } + .bg-inverse .btn.btn-outline-primary.disabled:hover, .bg-inverse .btn.btn-outline-primary:disabled:hover { + background-color: transparent; + border-color: #9c27b0; } + .btn.btn-outline-primary.btn-link { + background-color: transparent; } + .btn.btn-outline-secondary { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); } + .btn.btn-outline-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); } + .btn.btn-outline-secondary:focus, .btn.btn-outline-secondary.focus, .btn.btn-outline-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); } + .btn.btn-outline-secondary:active, .btn.btn-outline-secondary.active, + .open > .btn.btn-outline-secondary.dropdown-toggle, + .show > .btn.btn-outline-secondary.dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.2); + border-color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .btn.btn-outline-secondary:active:hover, .btn.btn-outline-secondary:active:focus, .btn.btn-outline-secondary:active.focus, .btn.btn-outline-secondary.active:hover, .btn.btn-outline-secondary.active:focus, .btn.btn-outline-secondary.active.focus, + .open > .btn.btn-outline-secondary.dropdown-toggle:hover, + .open > .btn.btn-outline-secondary.dropdown-toggle:focus, + .open > .btn.btn-outline-secondary.dropdown-toggle.focus, + .show > .btn.btn-outline-secondary.dropdown-toggle:hover, + .show > .btn.btn-outline-secondary.dropdown-toggle:focus, + .show > .btn.btn-outline-secondary.dropdown-toggle.focus { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(153, 153, 153, 0.4); + border-color: rgba(0, 0, 0, 0.87); } + .open > .btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; } + .open > .btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); } + .btn.btn-outline-secondary.disabled:focus, .btn.btn-outline-secondary.disabled.focus, .btn.btn-outline-secondary:disabled:focus, .btn.btn-outline-secondary:disabled.focus { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); } + .btn.btn-outline-secondary.disabled:hover, .btn.btn-outline-secondary:disabled:hover { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); } + .bg-inverse .btn.btn-outline-secondary { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); } + .bg-inverse .btn.btn-outline-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-secondary:focus, .bg-inverse .btn.btn-outline-secondary.focus, .bg-inverse .btn.btn-outline-secondary:hover { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-secondary:active, .bg-inverse .btn.btn-outline-secondary.active, + .open > .bg-inverse .btn.btn-outline-secondary.dropdown-toggle, + .show > .bg-inverse .btn.btn-outline-secondary.dropdown-toggle { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .bg-inverse .btn.btn-outline-secondary:active:hover, .bg-inverse .btn.btn-outline-secondary:active:focus, .bg-inverse .btn.btn-outline-secondary:active.focus, .bg-inverse .btn.btn-outline-secondary.active:hover, .bg-inverse .btn.btn-outline-secondary.active:focus, .bg-inverse .btn.btn-outline-secondary.active.focus, + .open > .bg-inverse .btn.btn-outline-secondary.dropdown-toggle:hover, + .open > .bg-inverse .btn.btn-outline-secondary.dropdown-toggle:focus, + .open > .bg-inverse .btn.btn-outline-secondary.dropdown-toggle.focus, + .show > .bg-inverse .btn.btn-outline-secondary.dropdown-toggle:hover, + .show > .bg-inverse .btn.btn-outline-secondary.dropdown-toggle:focus, + .show > .bg-inverse .btn.btn-outline-secondary.dropdown-toggle.focus { + color: rgba(0, 0, 0, 0.87); + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); } + .open > .bg-inverse .btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; } + .open > .bg-inverse .btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-secondary.disabled:focus, .bg-inverse .btn.btn-outline-secondary.disabled.focus, .bg-inverse .btn.btn-outline-secondary:disabled:focus, .bg-inverse .btn.btn-outline-secondary:disabled.focus { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); } + .bg-inverse .btn.btn-outline-secondary.disabled:hover, .bg-inverse .btn.btn-outline-secondary:disabled:hover { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.87); } + .btn.btn-outline-secondary.btn-link { + background-color: transparent; } + .btn.btn-outline-info { + color: #00bcd4; + background-color: transparent; + border-color: #00bcd4; } + .btn.btn-outline-info:hover { + color: #00bcd4; + background-color: rgba(153, 153, 153, 0.2); + border-color: #00bcd4; } + .btn.btn-outline-info:focus, .btn.btn-outline-info.focus, .btn.btn-outline-info:hover { + color: #00bcd4; + background-color: rgba(153, 153, 153, 0.2); + border-color: #00bcd4; } + .btn.btn-outline-info:active, .btn.btn-outline-info.active, + .open > .btn.btn-outline-info.dropdown-toggle, + .show > .btn.btn-outline-info.dropdown-toggle { + color: #00bcd4; + background-color: rgba(153, 153, 153, 0.2); + border-color: #00bcd4; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .btn.btn-outline-info:active:hover, .btn.btn-outline-info:active:focus, .btn.btn-outline-info:active.focus, .btn.btn-outline-info.active:hover, .btn.btn-outline-info.active:focus, .btn.btn-outline-info.active.focus, + .open > .btn.btn-outline-info.dropdown-toggle:hover, + .open > .btn.btn-outline-info.dropdown-toggle:focus, + .open > .btn.btn-outline-info.dropdown-toggle.focus, + .show > .btn.btn-outline-info.dropdown-toggle:hover, + .show > .btn.btn-outline-info.dropdown-toggle:focus, + .show > .btn.btn-outline-info.dropdown-toggle.focus { + color: #00bcd4; + background-color: rgba(153, 153, 153, 0.4); + border-color: #00bcd4; } + .open > .btn.btn-outline-info.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; } + .open > .btn.btn-outline-info.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); } + .btn.btn-outline-info.disabled:focus, .btn.btn-outline-info.disabled.focus, .btn.btn-outline-info:disabled:focus, .btn.btn-outline-info:disabled.focus { + background-color: transparent; + border-color: #00bcd4; } + .btn.btn-outline-info.disabled:hover, .btn.btn-outline-info:disabled:hover { + background-color: transparent; + border-color: #00bcd4; } + .bg-inverse .btn.btn-outline-info { + color: #00bcd4; + background-color: transparent; + border-color: #00bcd4; } + .bg-inverse .btn.btn-outline-info:hover { + color: #00bcd4; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-info:focus, .bg-inverse .btn.btn-outline-info.focus, .bg-inverse .btn.btn-outline-info:hover { + color: #00bcd4; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-info:active, .bg-inverse .btn.btn-outline-info.active, + .open > .bg-inverse .btn.btn-outline-info.dropdown-toggle, + .show > .bg-inverse .btn.btn-outline-info.dropdown-toggle { + color: #00bcd4; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .bg-inverse .btn.btn-outline-info:active:hover, .bg-inverse .btn.btn-outline-info:active:focus, .bg-inverse .btn.btn-outline-info:active.focus, .bg-inverse .btn.btn-outline-info.active:hover, .bg-inverse .btn.btn-outline-info.active:focus, .bg-inverse .btn.btn-outline-info.active.focus, + .open > .bg-inverse .btn.btn-outline-info.dropdown-toggle:hover, + .open > .bg-inverse .btn.btn-outline-info.dropdown-toggle:focus, + .open > .bg-inverse .btn.btn-outline-info.dropdown-toggle.focus, + .show > .bg-inverse .btn.btn-outline-info.dropdown-toggle:hover, + .show > .bg-inverse .btn.btn-outline-info.dropdown-toggle:focus, + .show > .bg-inverse .btn.btn-outline-info.dropdown-toggle.focus { + color: #00bcd4; + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); } + .open > .bg-inverse .btn.btn-outline-info.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; } + .open > .bg-inverse .btn.btn-outline-info.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-info.disabled:focus, .bg-inverse .btn.btn-outline-info.disabled.focus, .bg-inverse .btn.btn-outline-info:disabled:focus, .bg-inverse .btn.btn-outline-info:disabled.focus { + background-color: transparent; + border-color: #00bcd4; } + .bg-inverse .btn.btn-outline-info.disabled:hover, .bg-inverse .btn.btn-outline-info:disabled:hover { + background-color: transparent; + border-color: #00bcd4; } + .btn.btn-outline-info.btn-link { + background-color: transparent; } + .btn.btn-outline-success { + color: #4caf50; + background-color: transparent; + border-color: #4caf50; } + .btn.btn-outline-success:hover { + color: #4caf50; + background-color: rgba(153, 153, 153, 0.2); + border-color: #4caf50; } + .btn.btn-outline-success:focus, .btn.btn-outline-success.focus, .btn.btn-outline-success:hover { + color: #4caf50; + background-color: rgba(153, 153, 153, 0.2); + border-color: #4caf50; } + .btn.btn-outline-success:active, .btn.btn-outline-success.active, + .open > .btn.btn-outline-success.dropdown-toggle, + .show > .btn.btn-outline-success.dropdown-toggle { + color: #4caf50; + background-color: rgba(153, 153, 153, 0.2); + border-color: #4caf50; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .btn.btn-outline-success:active:hover, .btn.btn-outline-success:active:focus, .btn.btn-outline-success:active.focus, .btn.btn-outline-success.active:hover, .btn.btn-outline-success.active:focus, .btn.btn-outline-success.active.focus, + .open > .btn.btn-outline-success.dropdown-toggle:hover, + .open > .btn.btn-outline-success.dropdown-toggle:focus, + .open > .btn.btn-outline-success.dropdown-toggle.focus, + .show > .btn.btn-outline-success.dropdown-toggle:hover, + .show > .btn.btn-outline-success.dropdown-toggle:focus, + .show > .btn.btn-outline-success.dropdown-toggle.focus { + color: #4caf50; + background-color: rgba(153, 153, 153, 0.4); + border-color: #4caf50; } + .open > .btn.btn-outline-success.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; } + .open > .btn.btn-outline-success.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); } + .btn.btn-outline-success.disabled:focus, .btn.btn-outline-success.disabled.focus, .btn.btn-outline-success:disabled:focus, .btn.btn-outline-success:disabled.focus { + background-color: transparent; + border-color: #4caf50; } + .btn.btn-outline-success.disabled:hover, .btn.btn-outline-success:disabled:hover { + background-color: transparent; + border-color: #4caf50; } + .bg-inverse .btn.btn-outline-success { + color: #4caf50; + background-color: transparent; + border-color: #4caf50; } + .bg-inverse .btn.btn-outline-success:hover { + color: #4caf50; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-success:focus, .bg-inverse .btn.btn-outline-success.focus, .bg-inverse .btn.btn-outline-success:hover { + color: #4caf50; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-success:active, .bg-inverse .btn.btn-outline-success.active, + .open > .bg-inverse .btn.btn-outline-success.dropdown-toggle, + .show > .bg-inverse .btn.btn-outline-success.dropdown-toggle { + color: #4caf50; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .bg-inverse .btn.btn-outline-success:active:hover, .bg-inverse .btn.btn-outline-success:active:focus, .bg-inverse .btn.btn-outline-success:active.focus, .bg-inverse .btn.btn-outline-success.active:hover, .bg-inverse .btn.btn-outline-success.active:focus, .bg-inverse .btn.btn-outline-success.active.focus, + .open > .bg-inverse .btn.btn-outline-success.dropdown-toggle:hover, + .open > .bg-inverse .btn.btn-outline-success.dropdown-toggle:focus, + .open > .bg-inverse .btn.btn-outline-success.dropdown-toggle.focus, + .show > .bg-inverse .btn.btn-outline-success.dropdown-toggle:hover, + .show > .bg-inverse .btn.btn-outline-success.dropdown-toggle:focus, + .show > .bg-inverse .btn.btn-outline-success.dropdown-toggle.focus { + color: #4caf50; + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); } + .open > .bg-inverse .btn.btn-outline-success.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; } + .open > .bg-inverse .btn.btn-outline-success.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-success.disabled:focus, .bg-inverse .btn.btn-outline-success.disabled.focus, .bg-inverse .btn.btn-outline-success:disabled:focus, .bg-inverse .btn.btn-outline-success:disabled.focus { + background-color: transparent; + border-color: #4caf50; } + .bg-inverse .btn.btn-outline-success.disabled:hover, .bg-inverse .btn.btn-outline-success:disabled:hover { + background-color: transparent; + border-color: #4caf50; } + .btn.btn-outline-success.btn-link { + background-color: transparent; } + .btn.btn-outline-warning { + color: #ff9800; + background-color: transparent; + border-color: #ff9800; } + .btn.btn-outline-warning:hover { + color: #ff9800; + background-color: rgba(153, 153, 153, 0.2); + border-color: #ff9800; } + .btn.btn-outline-warning:focus, .btn.btn-outline-warning.focus, .btn.btn-outline-warning:hover { + color: #ff9800; + background-color: rgba(153, 153, 153, 0.2); + border-color: #ff9800; } + .btn.btn-outline-warning:active, .btn.btn-outline-warning.active, + .open > .btn.btn-outline-warning.dropdown-toggle, + .show > .btn.btn-outline-warning.dropdown-toggle { + color: #ff9800; + background-color: rgba(153, 153, 153, 0.2); + border-color: #ff9800; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .btn.btn-outline-warning:active:hover, .btn.btn-outline-warning:active:focus, .btn.btn-outline-warning:active.focus, .btn.btn-outline-warning.active:hover, .btn.btn-outline-warning.active:focus, .btn.btn-outline-warning.active.focus, + .open > .btn.btn-outline-warning.dropdown-toggle:hover, + .open > .btn.btn-outline-warning.dropdown-toggle:focus, + .open > .btn.btn-outline-warning.dropdown-toggle.focus, + .show > .btn.btn-outline-warning.dropdown-toggle:hover, + .show > .btn.btn-outline-warning.dropdown-toggle:focus, + .show > .btn.btn-outline-warning.dropdown-toggle.focus { + color: #ff9800; + background-color: rgba(153, 153, 153, 0.4); + border-color: #ff9800; } + .open > .btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; } + .open > .btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); } + .btn.btn-outline-warning.disabled:focus, .btn.btn-outline-warning.disabled.focus, .btn.btn-outline-warning:disabled:focus, .btn.btn-outline-warning:disabled.focus { + background-color: transparent; + border-color: #ff9800; } + .btn.btn-outline-warning.disabled:hover, .btn.btn-outline-warning:disabled:hover { + background-color: transparent; + border-color: #ff9800; } + .bg-inverse .btn.btn-outline-warning { + color: #ff9800; + background-color: transparent; + border-color: #ff9800; } + .bg-inverse .btn.btn-outline-warning:hover { + color: #ff9800; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-warning:focus, .bg-inverse .btn.btn-outline-warning.focus, .bg-inverse .btn.btn-outline-warning:hover { + color: #ff9800; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-warning:active, .bg-inverse .btn.btn-outline-warning.active, + .open > .bg-inverse .btn.btn-outline-warning.dropdown-toggle, + .show > .bg-inverse .btn.btn-outline-warning.dropdown-toggle { + color: #ff9800; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .bg-inverse .btn.btn-outline-warning:active:hover, .bg-inverse .btn.btn-outline-warning:active:focus, .bg-inverse .btn.btn-outline-warning:active.focus, .bg-inverse .btn.btn-outline-warning.active:hover, .bg-inverse .btn.btn-outline-warning.active:focus, .bg-inverse .btn.btn-outline-warning.active.focus, + .open > .bg-inverse .btn.btn-outline-warning.dropdown-toggle:hover, + .open > .bg-inverse .btn.btn-outline-warning.dropdown-toggle:focus, + .open > .bg-inverse .btn.btn-outline-warning.dropdown-toggle.focus, + .show > .bg-inverse .btn.btn-outline-warning.dropdown-toggle:hover, + .show > .bg-inverse .btn.btn-outline-warning.dropdown-toggle:focus, + .show > .bg-inverse .btn.btn-outline-warning.dropdown-toggle.focus { + color: #ff9800; + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); } + .open > .bg-inverse .btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; } + .open > .bg-inverse .btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-warning.disabled:focus, .bg-inverse .btn.btn-outline-warning.disabled.focus, .bg-inverse .btn.btn-outline-warning:disabled:focus, .bg-inverse .btn.btn-outline-warning:disabled.focus { + background-color: transparent; + border-color: #ff9800; } + .bg-inverse .btn.btn-outline-warning.disabled:hover, .bg-inverse .btn.btn-outline-warning:disabled:hover { + background-color: transparent; + border-color: #ff9800; } + .btn.btn-outline-warning.btn-link { + background-color: transparent; } + .btn.btn-outline-danger { + color: #f44336; + background-color: transparent; + border-color: #f44336; } + .btn.btn-outline-danger:hover { + color: #f44336; + background-color: rgba(153, 153, 153, 0.2); + border-color: #f44336; } + .btn.btn-outline-danger:focus, .btn.btn-outline-danger.focus, .btn.btn-outline-danger:hover { + color: #f44336; + background-color: rgba(153, 153, 153, 0.2); + border-color: #f44336; } + .btn.btn-outline-danger:active, .btn.btn-outline-danger.active, + .open > .btn.btn-outline-danger.dropdown-toggle, + .show > .btn.btn-outline-danger.dropdown-toggle { + color: #f44336; + background-color: rgba(153, 153, 153, 0.2); + border-color: #f44336; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .btn.btn-outline-danger:active:hover, .btn.btn-outline-danger:active:focus, .btn.btn-outline-danger:active.focus, .btn.btn-outline-danger.active:hover, .btn.btn-outline-danger.active:focus, .btn.btn-outline-danger.active.focus, + .open > .btn.btn-outline-danger.dropdown-toggle:hover, + .open > .btn.btn-outline-danger.dropdown-toggle:focus, + .open > .btn.btn-outline-danger.dropdown-toggle.focus, + .show > .btn.btn-outline-danger.dropdown-toggle:hover, + .show > .btn.btn-outline-danger.dropdown-toggle:focus, + .show > .btn.btn-outline-danger.dropdown-toggle.focus { + color: #f44336; + background-color: rgba(153, 153, 153, 0.4); + border-color: #f44336; } + .open > .btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; } + .open > .btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(153, 153, 153, 0.2); } + .btn.btn-outline-danger.disabled:focus, .btn.btn-outline-danger.disabled.focus, .btn.btn-outline-danger:disabled:focus, .btn.btn-outline-danger:disabled.focus { + background-color: transparent; + border-color: #f44336; } + .btn.btn-outline-danger.disabled:hover, .btn.btn-outline-danger:disabled:hover { + background-color: transparent; + border-color: #f44336; } + .bg-inverse .btn.btn-outline-danger { + color: #f44336; + background-color: transparent; + border-color: #f44336; } + .bg-inverse .btn.btn-outline-danger:hover { + color: #f44336; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-danger:focus, .bg-inverse .btn.btn-outline-danger.focus, .bg-inverse .btn.btn-outline-danger:hover { + color: #f44336; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-danger:active, .bg-inverse .btn.btn-outline-danger.active, + .open > .bg-inverse .btn.btn-outline-danger.dropdown-toggle, + .show > .bg-inverse .btn.btn-outline-danger.dropdown-toggle { + color: #f44336; + background-color: rgba(204, 204, 204, 0.15); + border-color: rgba(204, 204, 204, 0.15); + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .bg-inverse .btn.btn-outline-danger:active:hover, .bg-inverse .btn.btn-outline-danger:active:focus, .bg-inverse .btn.btn-outline-danger:active.focus, .bg-inverse .btn.btn-outline-danger.active:hover, .bg-inverse .btn.btn-outline-danger.active:focus, .bg-inverse .btn.btn-outline-danger.active.focus, + .open > .bg-inverse .btn.btn-outline-danger.dropdown-toggle:hover, + .open > .bg-inverse .btn.btn-outline-danger.dropdown-toggle:focus, + .open > .bg-inverse .btn.btn-outline-danger.dropdown-toggle.focus, + .show > .bg-inverse .btn.btn-outline-danger.dropdown-toggle:hover, + .show > .bg-inverse .btn.btn-outline-danger.dropdown-toggle:focus, + .show > .bg-inverse .btn.btn-outline-danger.dropdown-toggle.focus { + color: #f44336; + background-color: rgba(204, 204, 204, 0.25); + border-color: rgba(204, 204, 204, 0.25); } + .open > .bg-inverse .btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon { + color: inherit; + background-color: transparent; } + .open > .bg-inverse .btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon:hover { + background-color: rgba(204, 204, 204, 0.15); } + .bg-inverse .btn.btn-outline-danger.disabled:focus, .bg-inverse .btn.btn-outline-danger.disabled.focus, .bg-inverse .btn.btn-outline-danger:disabled:focus, .bg-inverse .btn.btn-outline-danger:disabled.focus { + background-color: transparent; + border-color: #f44336; } + .bg-inverse .btn.btn-outline-danger.disabled:hover, .bg-inverse .btn.btn-outline-danger:disabled:hover { + background-color: transparent; + border-color: #f44336; } + .btn.btn-outline-danger.btn-link { + background-color: transparent; } + .btn.btn-lg, .btn-group-lg > .btn, + .btn-group-lg .btn { + padding: 1.125rem 2.25rem; + font-size: 0.875rem; + line-height: 1.33333; + border-radius: 0.2rem; } + .btn.btn-sm, .btn-group-sm > .btn, + .btn-group-sm .btn { + padding: 0.40625rem 1.25rem; + font-size: 0.6875rem; + line-height: 1.5; + border-radius: 0.2rem; } + .btn.btn-round { + border-radius: 30px; } + .btn.btn-fab, .btn.btn-just-icon { + font-size: 24px; + height: 41px; + min-width: 41px; + width: 41px; + padding: 0; + overflow: hidden; + position: relative; + line-height: 41px; } + .btn.btn-fab.btn-round, .btn.btn-just-icon.btn-round { + border-radius: 50%; } + .btn-group-sm .btn.btn-fab, .btn.btn-fab.btn-sm, .btn-group-sm > .btn.btn-fab, .btn.btn-fab.btn-fab-mini, .btn-group-sm .btn.btn-just-icon, .btn.btn-just-icon.btn-sm, .btn-group-sm > .btn.btn-just-icon, .btn.btn-just-icon.btn-fab-mini { + height: 30px; + min-width: 30px; + width: 30px; } + .btn-group-sm .btn.btn-fab .material-icons, + .btn-group-sm .btn.btn-fab .fa, .btn.btn-fab.btn-sm .material-icons, .btn-group-sm > .btn.btn-fab .material-icons, + .btn.btn-fab.btn-sm .fa, + .btn-group-sm > .btn.btn-fab .fa, .btn.btn-fab.btn-fab-mini .material-icons, + .btn.btn-fab.btn-fab-mini .fa, .btn-group-sm .btn.btn-just-icon .material-icons, + .btn-group-sm .btn.btn-just-icon .fa, .btn.btn-just-icon.btn-sm .material-icons, .btn-group-sm > .btn.btn-just-icon .material-icons, + .btn.btn-just-icon.btn-sm .fa, + .btn-group-sm > .btn.btn-just-icon .fa, .btn.btn-just-icon.btn-fab-mini .material-icons, + .btn.btn-just-icon.btn-fab-mini .fa { + font-size: 17px; + line-height: 29px; } + .btn-group-lg .btn.btn-fab, .btn.btn-fab.btn-lg, .btn-group-lg > .btn.btn-fab, .btn-group-lg .btn.btn-just-icon, .btn.btn-just-icon.btn-lg, .btn-group-lg > .btn.btn-just-icon { + height: 57px; + min-width: 57px; + width: 57px; + line-height: 56px; } + .btn-group-lg .btn.btn-fab .material-icons, + .btn-group-lg .btn.btn-fab .fa, .btn.btn-fab.btn-lg .material-icons, .btn-group-lg > .btn.btn-fab .material-icons, + .btn.btn-fab.btn-lg .fa, + .btn-group-lg > .btn.btn-fab .fa, .btn-group-lg .btn.btn-just-icon .material-icons, + .btn-group-lg .btn.btn-just-icon .fa, .btn.btn-just-icon.btn-lg .material-icons, .btn-group-lg > .btn.btn-just-icon .material-icons, + .btn.btn-just-icon.btn-lg .fa, + .btn-group-lg > .btn.btn-just-icon .fa { + font-size: 32px; + line-height: 56px; } + .btn.btn-fab .material-icons, + .btn.btn-fab .fa, .btn.btn-just-icon .material-icons, + .btn.btn-just-icon .fa { + margin-top: 0; + position: absolute; + width: 100%; + transform: none; + left: 0; + top: 0; + height: 100%; + line-height: 41px; + font-size: 20px; } + +.btn-just-icon.btn-lg, .btn-group-lg > .btn-just-icon.btn { + font-size: 24px; + height: 41px; + min-width: 41px; + width: 41px; } -.open>.btn.btn-primary.dropdown-toggle.bmd-btn-icon:hover { - background-color: #9124a3; -} +.input-group-btn > .btn { + border: 0; } -.btn.btn-primary.disabled:focus, -.btn.btn-primary.disabled.focus, -.btn.btn-primary:disabled:focus, -.btn.btn-primary:disabled.focus { - background-color: #9c27b0; - border-color: #9c27b0; -} +.btn .material-icons, +.btn:not(.btn-just-icon):not(.btn-fab) .fa { + position: relative; + display: inline-block; + top: 0; + margin-top: -1em; + margin-bottom: -1em; + font-size: 1.1rem; + vertical-align: middle; } + +.bg-inverse fieldset[disabled][disabled] .btn, .bg-inverse .btn.disabled, .bg-inverse .btn:disabled, .bg-inverse .btn[disabled], .bg-inverse fieldset[disabled][disabled] +.input-group-btn .btn, .bg-inverse +.input-group-btn .btn.disabled, .bg-inverse +.input-group-btn .btn:disabled, .bg-inverse +.input-group-btn .btn[disabled], .bg-inverse fieldset[disabled][disabled] +.btn-group, .bg-inverse +.btn-group.disabled, .bg-inverse +.btn-group:disabled, .bg-inverse +.btn-group[disabled], .bg-inverse fieldset[disabled][disabled] +.btn-group-vertical, .bg-inverse +.btn-group-vertical.disabled, .bg-inverse +.btn-group-vertical:disabled, .bg-inverse +.btn-group-vertical[disabled] { + color: rgba(255, 255, 255, 0.3); } -.btn.btn-primary.disabled:hover, -.btn.btn-primary:disabled:hover { - background-color: #9c27b0; - border-color: #9c27b0; -} +.btn-group, +.btn-group-vertical { + position: relative; + margin: 10px 1px; } + .btn-group .dropdown-menu, + .btn-group-vertical .dropdown-menu { + border-radius: 0 0 0.25rem 0.25rem; } + .btn-group.btn-group-raised, + .btn-group-vertical.btn-group-raised { + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .btn-group .btn + .btn, + .btn-group .btn, + .btn-group .btn:active, + .btn-group .btn-group, + .btn-group-vertical .btn + .btn, + .btn-group-vertical .btn, + .btn-group-vertical .btn:active, + .btn-group-vertical .btn-group { + margin: 0; } + .btn-group > .btn-group, + .btn-group-vertical > .btn-group { + margin: 0; } -.btn.btn-primary:focus, -.btn.btn-primary:active, -.btn.btn-primary:hover { - box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2); -} +body { + background-color: #eee; + color: #000000; + font-weight: 300; } -.btn.btn-primary.btn-link { - background-color: transparent; - color: #9c27b0; - box-shadow: none; -} +legend { + border-bottom: 0; } -.btn.btn-primary.btn-link:hover, -.btn.btn-primary.btn-link:focus, -.btn.btn-primary.btn-link:active { - background-color: transparent; - color: #9c27b0; -} +.serif-font { + font-family: "Roboto Slab", "Times New Roman", serif; } -.btn.btn-secondary { - color: rgba(0, 0, 0, 0.87); - background-color: #fafafa; - border-color: #ccc; - box-shadow: 0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px rgba(250, 250, 250, 0.2), 0 1px 5px 0 rgba(250, 250, 250, 0.12); -} +* { + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + -webkit-tap-highlight-color: transparent; } + *:focus { + outline: 0; } -.btn.btn-secondary:hover { - color: rgba(0, 0, 0, 0.87); - background-color: #f2f2f2; - border-color: #adadad; -} +a { + color: #9c27b0; } + a:hover, a:focus { + color: #89229b; + text-decoration: none; } + a.text-info:hover, a.text-info:focus { + color: #00a5bb; } + a .material-icons { + vertical-align: middle; } -.btn.btn-secondary:focus, -.btn.btn-secondary.focus, -.btn.btn-secondary:hover { - color: rgba(0, 0, 0, 0.87); - background-color: #f2f2f2; - border-color: #adadad; -} - -.btn.btn-secondary:active, -.btn.btn-secondary.active, -.open>.btn.btn-secondary.dropdown-toggle, -.show>.btn.btn-secondary.dropdown-toggle { - color: rgba(0, 0, 0, 0.87); - background-color: #f2f2f2; - border-color: #adadad; - box-shadow: 0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px rgba(250, 250, 250, 0.2), 0 1px 5px 0 rgba(250, 250, 250, 0.12); -} - -.btn.btn-secondary:active:hover, -.btn.btn-secondary:active:focus, -.btn.btn-secondary:active.focus, -.btn.btn-secondary.active:hover, -.btn.btn-secondary.active:focus, -.btn.btn-secondary.active.focus, -.open>.btn.btn-secondary.dropdown-toggle:hover, -.open>.btn.btn-secondary.dropdown-toggle:focus, -.open>.btn.btn-secondary.dropdown-toggle.focus, -.show>.btn.btn-secondary.dropdown-toggle:hover, -.show>.btn.btn-secondary.dropdown-toggle:focus, -.show>.btn.btn-secondary.dropdown-toggle.focus { - color: rgba(0, 0, 0, 0.87); - background-color: #f2f2f2; - border-color: #8c8c8c; -} +.main { + background: #ffffff; + position: relative; + z-index: 3; } -.open>.btn.btn-secondary.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: #fafafa; -} +.form-check, +label { + font-size: 14px; + line-height: 1.42857; + color: #AAAAAA; + font-weight: 400; } -.open>.btn.btn-secondary.dropdown-toggle.bmd-btn-icon:hover { - background-color: #f2f2f2; -} +.main-raised { + margin: -60px 30px 0px; + border-radius: 6px; + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } -.btn.btn-secondary.disabled:focus, -.btn.btn-secondary.disabled.focus, -.btn.btn-secondary:disabled:focus, -.btn.btn-secondary:disabled.focus { - background-color: #fafafa; - border-color: #ccc; -} +/* Animations */ +.animation-transition-general, .carousel .carousel-indicators li { + transition: all 300ms linear; } -.btn.btn-secondary.disabled:hover, -.btn.btn-secondary:disabled:hover { - background-color: #fafafa; - border-color: #ccc; -} +.animation-transition-slow { + transition: all 370ms linear; } -.btn.btn-secondary:focus, -.btn.btn-secondary:active, -.btn.btn-secondary:hover { - box-shadow: 0 14px 26px -12px rgba(250, 250, 250, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(250, 250, 250, 0.2); -} +.animation-transition-fast, .bootstrap-datetimepicker-widget table td > div, +.bootstrap-datetimepicker-widget table th > div, .bootstrap-datetimepicker-widget table th, .bootstrap-datetimepicker-widget table td span { + transition: all 150ms ease 0s; } -.btn.btn-secondary.btn-link { - background-color: transparent; - color: #fafafa; - box-shadow: none; -} +.animation-transition-fast, .bootstrap-datetimepicker-widget table td > div, +.bootstrap-datetimepicker-widget table th > div, .bootstrap-datetimepicker-widget table th, .bootstrap-datetimepicker-widget table td span, +.navbar, +.bootstrap-tagsinput .tag, +.bootstrap-tagsinput [data-role="remove"], +.card-collapse .card-header a i { + transition: all 150ms ease 0s; } -.btn.btn-secondary.btn-link:hover, -.btn.btn-secondary.btn-link:focus, -.btn.btn-secondary.btn-link:active { - background-color: transparent; - color: #fafafa; -} +.signup-page .card-signup form .form-check { + padding-left: 20px; } + .signup-page .card-signup form .form-check .form-check-label { + padding-left: 35px; } -.btn.btn-info { - color: #fff; - background-color: #00bcd4; - border-color: #00bcd4; - box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12); -} +.section-signup .card-signup .card-header { + width: auto; } -.btn.btn-info:hover { - color: #fff; - background-color: #00aec5; - border-color: #008697; -} +.section-signup .card-signup .card-body .input-group { + padding-bottom: 7px; + margin: 27px 0 0 0; } -.btn.btn-info:focus, -.btn.btn-info.focus, -.btn.btn-info:hover { - color: #fff; - background-color: #00aec5; - border-color: #008697; -} - -.btn.btn-info:active, -.btn.btn-info.active, -.open>.btn.btn-info.dropdown-toggle, -.show>.btn.btn-info.dropdown-toggle { - color: #fff; - background-color: #00aec5; - border-color: #008697; - box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12); -} - -.btn.btn-info:active:hover, -.btn.btn-info:active:focus, -.btn.btn-info:active.focus, -.btn.btn-info.active:hover, -.btn.btn-info.active:focus, -.btn.btn-info.active.focus, -.open>.btn.btn-info.dropdown-toggle:hover, -.open>.btn.btn-info.dropdown-toggle:focus, -.open>.btn.btn-info.dropdown-toggle.focus, -.show>.btn.btn-info.dropdown-toggle:hover, -.show>.btn.btn-info.dropdown-toggle:focus, -.show>.btn.btn-info.dropdown-toggle.focus { - color: #fff; - background-color: #00aec5; - border-color: #004b55; -} +.offline-doc .page-header, +.offline-free-doc .page-header { + height: 100vh !important; } + .offline-doc .page-header:after, + .offline-free-doc .page-header:after { + background: rgba(0, 0, 0, 0.5) !important; } -.open>.btn.btn-info.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: #00bcd4; -} +.offline-doc .footer, +.offline-free-doc .footer { + position: absolute; + width: 100%; + background: transparent; + bottom: 0; + color: #ffffff; + z-index: 1; } + .offline-doc .footer .copyright a, + .offline-free-doc .footer .copyright a { + color: #ffffff; } -.open>.btn.btn-info.dropdown-toggle.bmd-btn-icon:hover { - background-color: #00aec5; -} +.offline-doc .navbar .navbar-brand, +.offline-doc .navbar .navbar-collapse .nav-link, +.offline-free-doc .navbar .navbar-brand, +.offline-free-doc .navbar .navbar-collapse .nav-link { + color: #ffffff; } -.btn.btn-info.disabled:focus, -.btn.btn-info.disabled.focus, -.btn.btn-info:disabled:focus, -.btn.btn-info:disabled.focus { - background-color: #00bcd4; - border-color: #00bcd4; -} +@-webkit-keyframes hinge { + 0% { + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + 20%, 60% { + transform: rotate3d(0, 0, 1, 80deg); + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + 40%, 80% { + transform: rotate3d(0, 0, 1, 60deg); + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; } + to { + transform: translate3d(0, 700px, 0); + opacity: 0; } } -.btn.btn-info.disabled:hover, -.btn.btn-info:disabled:hover { - background-color: #00bcd4; - border-color: #00bcd4; -} - -.btn.btn-info:focus, -.btn.btn-info:active, -.btn.btn-info:hover { - box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2); -} +@keyframes hinge { + 0% { + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + 20%, 60% { + transform: rotate3d(0, 0, 1, 80deg); + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + 40%, 80% { + transform: rotate3d(0, 0, 1, 60deg); + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; } + to { + transform: translate3d(0, 700px, 0); + opacity: 0; } } -.btn.btn-info.btn-link { - background-color: transparent; - color: #00bcd4; - box-shadow: none; -} +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; } -.btn.btn-info.btn-link:hover, -.btn.btn-info.btn-link:focus, -.btn.btn-info.btn-link:active { - background-color: transparent; - color: #00bcd4; -} +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; } -.btn.btn-success { - color: #fff; - background-color: #4caf50; - border-color: #4caf50; - box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12); -} +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; } -.btn.btn-success:hover { - color: #fff; - background-color: #47a44b; - border-color: #39843c; -} +.tim-row { + margin-bottom: 20px; } -.btn.btn-success:focus, -.btn.btn-success.focus, -.btn.btn-success:hover { - color: #fff; - background-color: #47a44b; - border-color: #39843c; -} - -.btn.btn-success:active, -.btn.btn-success.active, -.open>.btn.btn-success.dropdown-toggle, -.show>.btn.btn-success.dropdown-toggle { - color: #fff; - background-color: #47a44b; - border-color: #39843c; - box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12); -} - -.btn.btn-success:active:hover, -.btn.btn-success:active:focus, -.btn.btn-success:active.focus, -.btn.btn-success.active:hover, -.btn.btn-success.active:focus, -.btn.btn-success.active.focus, -.open>.btn.btn-success.dropdown-toggle:hover, -.open>.btn.btn-success.dropdown-toggle:focus, -.open>.btn.btn-success.dropdown-toggle.focus, -.show>.btn.btn-success.dropdown-toggle:hover, -.show>.btn.btn-success.dropdown-toggle:focus, -.show>.btn.btn-success.dropdown-toggle.focus { - color: #fff; - background-color: #47a44b; - border-color: #255627; -} +.tim-white-buttons { + background-color: #777777; } -.open>.btn.btn-success.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: #4caf50; -} +.title { + margin-top: 30px; + margin-bottom: 25px; + min-height: 32px; } -.open>.btn.btn-success.dropdown-toggle.bmd-btn-icon:hover { - background-color: #47a44b; -} +#map { + position: relative; + z-index: 2; + width: 100%; + height: calc(100vh - 70px); + margin-top: 70px; } -.btn.btn-success.disabled:focus, -.btn.btn-success.disabled.focus, -.btn.btn-success:disabled:focus, -.btn.btn-success:disabled.focus { - background-color: #4caf50; - border-color: #4caf50; -} +.tim-typo { + padding-left: 25%; + margin-bottom: 40px; + position: relative; + width: 100%; } -.btn.btn-success.disabled:hover, -.btn.btn-success:disabled:hover { - background-color: #4caf50; - border-color: #4caf50; -} +.tim-typo .tim-note { + bottom: 5px; + color: #c0c1c2; + display: block; + font-weight: 400; + font-size: 13px; + line-height: 15px; + left: 0; + margin-left: 20px; + position: absolute; + width: 260px; } -.btn.btn-success:focus, -.btn.btn-success:active, -.btn.btn-success:hover { - box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2); -} +.tim-row { + padding-top: 50px; } -.btn.btn-success.btn-link { - background-color: transparent; - color: #4caf50; - box-shadow: none; -} +.tim-row h3 { + margin-top: 0; } -.btn.btn-success.btn-link:hover, -.btn.btn-success.btn-link:focus, -.btn.btn-success.btn-link:active { - background-color: transparent; - color: #4caf50; -} +#typography h1, #typography h2, #typography h3, +#typography h4, #typography h5, #typography h6 { + margin-bottom: 0; } -.btn.btn-warning { - color: #fff; - background-color: #ff9800; - border-color: #ff9800; - box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12); -} +.switch { + margin-right: 20px; } -.btn.btn-warning:hover { - color: #fff; - background-color: #f08f00; - border-color: #c27400; -} +#navbar-full .navbar { + border-radius: 0 !important; + margin-bottom: 15px; + z-index: 2; } -.btn.btn-warning:focus, -.btn.btn-warning.focus, -.btn.btn-warning:hover { - color: #fff; - background-color: #f08f00; - border-color: #c27400; -} - -.btn.btn-warning:active, -.btn.btn-warning.active, -.open>.btn.btn-warning.dropdown-toggle, -.show>.btn.btn-warning.dropdown-toggle { - color: #fff; - background-color: #f08f00; - border-color: #c27400; - box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12); -} - -.btn.btn-warning:active:hover, -.btn.btn-warning:active:focus, -.btn.btn-warning:active.focus, -.btn.btn-warning.active:hover, -.btn.btn-warning.active:focus, -.btn.btn-warning.active.focus, -.open>.btn.btn-warning.dropdown-toggle:hover, -.open>.btn.btn-warning.dropdown-toggle:focus, -.open>.btn.btn-warning.dropdown-toggle.focus, -.show>.btn.btn-warning.dropdown-toggle:hover, -.show>.btn.btn-warning.dropdown-toggle:focus, -.show>.btn.btn-warning.dropdown-toggle.focus { - color: #fff; - background-color: #f08f00; - border-color: #804c00; -} +.space { + height: 130px; + display: block; } -.open>.btn.btn-warning.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: #ff9800; -} +.space-110 { + height: 110px; + display: block; } -.open>.btn.btn-warning.dropdown-toggle.bmd-btn-icon:hover { - background-color: #f08f00; -} +.space-50 { + height: 50px; + display: block; } -.btn.btn-warning.disabled:focus, -.btn.btn-warning.disabled.focus, -.btn.btn-warning:disabled:focus, -.btn.btn-warning:disabled.focus { - background-color: #ff9800; - border-color: #ff9800; -} +.space-70 { + height: 70px; + display: block; } -.btn.btn-warning.disabled:hover, -.btn.btn-warning:disabled:hover { - background-color: #ff9800; - border-color: #ff9800; -} +.navigation-example .img-src { + background-attachment: scroll; } -.btn.btn-warning:focus, -.btn.btn-warning:active, -.btn.btn-warning:hover { - box-shadow: 0 14px 26px -12px rgba(255, 152, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2); -} +.navigation-example { + background-position: center center; + background-size: cover; + margin-top: 0; + min-height: 740px; } -.btn.btn-warning.btn-link { - background-color: transparent; - color: #ff9800; - box-shadow: none; -} +#notifications { + background-color: #ffffff; + display: block; + width: 100%; + position: relative; } -.btn.btn-warning.btn-link:hover, -.btn.btn-warning.btn-link:focus, -.btn.btn-warning.btn-link:active { - background-color: transparent; - color: #ff9800; -} +#notifications .alert-danger { + margin-bottom: 0px; } -.btn.btn-danger { - color: #fff; - background-color: #f44336; - border-color: #f44336; - box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12); -} +.tim-note { + text-transform: capitalize; } -.btn.btn-danger:hover { - color: #fff; - background-color: #f33527; - border-color: #e11b0c; -} +#buttons .btn { + margin: 0 0px 15px; } -.btn.btn-danger:focus, -.btn.btn-danger.focus, -.btn.btn-danger:hover { - color: #fff; - background-color: #f33527; - border-color: #e11b0c; -} - -.btn.btn-danger:active, -.btn.btn-danger.active, -.open>.btn.btn-danger.dropdown-toggle, -.show>.btn.btn-danger.dropdown-toggle { - color: #fff; - background-color: #f33527; - border-color: #e11b0c; - box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12); -} - -.btn.btn-danger:active:hover, -.btn.btn-danger:active:focus, -.btn.btn-danger:active.focus, -.btn.btn-danger.active:hover, -.btn.btn-danger.active:focus, -.btn.btn-danger.active.focus, -.open>.btn.btn-danger.dropdown-toggle:hover, -.open>.btn.btn-danger.dropdown-toggle:focus, -.open>.btn.btn-danger.dropdown-toggle.focus, -.show>.btn.btn-danger.dropdown-toggle:hover, -.show>.btn.btn-danger.dropdown-toggle:focus, -.show>.btn.btn-danger.dropdown-toggle.focus { - color: #fff; - background-color: #f33527; - border-color: #a21309; -} +.space-100 { + height: 100px; + display: block; + width: 100%; } -.open>.btn.btn-danger.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: #f44336; -} +.parallax { + width: 100%; + height: 570px; + display: block; + background-attachment: fixed; + background-repeat: no-repeat; + background-size: cover; + background-position: center center; } -.open>.btn.btn-danger.dropdown-toggle.bmd-btn-icon:hover { - background-color: #f33527; -} +.parallax .parallax-image { + width: 100%; + overflow: hidden; + position: absolute; } -.btn.btn-danger.disabled:focus, -.btn.btn-danger.disabled.focus, -.btn.btn-danger:disabled:focus, -.btn.btn-danger:disabled.focus { - background-color: #f44336; - border-color: #f44336; -} +.parallax .parallax-image img { + width: 100%; } -.btn.btn-danger.disabled:hover, -.btn.btn-danger:disabled:hover { - background-color: #f44336; - border-color: #f44336; -} +@media (max-width: 768px) { + .parallax .parallax-image { + width: 100%; + height: 640px; + overflow: hidden; } + .parallax .parallax-image img { + height: 100%; + width: auto; } } -.btn.btn-danger:focus, -.btn.btn-danger:active, -.btn.btn-danger:hover { - box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2); -} +.separator { + content: "Separator"; + color: #ffffff; + display: block; + width: 100%; + padding: 20px; } -.btn.btn-danger.btn-link { - background-color: transparent; - color: #f44336; - box-shadow: none; -} +.separator-line { + background-color: #EEE; + height: 1px; + width: 100%; + display: block; } -.btn.btn-danger.btn-link:hover, -.btn.btn-danger.btn-link:focus, -.btn.btn-danger.btn-link:active { - background-color: transparent; - color: #f44336; -} +.separator.separator-gray { + background-color: #EEEEEE; } -.btn.btn-rose { - color: #fff; - background-color: #e91e63; - border-color: #e91e63; - box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12); -} +.social-buttons-demo .btn { + margin: 10px 5px 7px 1px; } -.btn.btn-rose:hover { - color: #fff; - background-color: #ea2c6d; - border-color: #b8124a; -} +.img-container { + width: 100%; + overflow: hidden; } -.btn.btn-rose:focus, -.btn.btn-rose.focus, -.btn.btn-rose:hover { - color: #fff; - background-color: #ea2c6d; - border-color: #b8124a; -} - -.btn.btn-rose:active, -.btn.btn-rose.active, -.open>.btn.btn-rose.dropdown-toggle, -.show>.btn.btn-rose.dropdown-toggle { - color: #fff; - background-color: #ea2c6d; - border-color: #b8124a; - box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12); -} - -.btn.btn-rose:active:hover, -.btn.btn-rose:active:focus, -.btn.btn-rose:active.focus, -.btn.btn-rose.active:hover, -.btn.btn-rose.active:focus, -.btn.btn-rose.active.focus, -.open>.btn.btn-rose.dropdown-toggle:hover, -.open>.btn.btn-rose.dropdown-toggle:focus, -.open>.btn.btn-rose.dropdown-toggle.focus, -.show>.btn.btn-rose.dropdown-toggle:hover, -.show>.btn.btn-rose.dropdown-toggle:focus, -.show>.btn.btn-rose.dropdown-toggle.focus { - color: #fff; - background-color: #ea2c6d; - border-color: #7b0c32; -} +.img-container img { + width: 100%; } -.open>.btn.btn-rose.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: #e91e63; -} +.section-black { + background-color: #333; } -.open>.btn.btn-rose.dropdown-toggle.bmd-btn-icon:hover { - background-color: #ea2c6d; -} +.animate { + transition: 1.5s ease-in-out; + -moz-transition: 1.5s ease-in-out; + -webkit-transition: 1.5s ease-in-out; } -.btn.btn-rose.disabled:focus, -.btn.btn-rose.disabled.focus, -.btn.btn-rose:disabled:focus, -.btn.btn-rose:disabled.focus { - background-color: #e91e63; - border-color: #e91e63; -} +.sharing-area { + margin-top: 80px; } -.btn.btn-rose.disabled:hover, -.btn.btn-rose:disabled:hover { - background-color: #e91e63; - border-color: #e91e63; -} +.sharing-area .btn { + margin: 15px 4px 0; + color: #ffffff; } -.btn.btn-rose:focus, -.btn.btn-rose:active, -.btn.btn-rose:hover { - box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2); -} +.sharing-area .btn i { + font-size: 18px; + position: relative; + top: 2px; + margin-right: 5px; } -.btn.btn-rose.btn-link { - background-color: transparent; - color: #e91e63; - box-shadow: none; -} +#navbar { + margin-bottom: -20px; } -.btn.btn-rose.btn-link:hover, -.btn.btn-rose.btn-link:focus, -.btn.btn-rose.btn-link:active { - background-color: transparent; - color: #e91e63; -} +.sharing-area .btn-twitter { + background-color: #55acee; } -.btn, -.btn.btn-default { - color: #fff; - background-color: #999999; - border-color: #999999; - box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); -} +.sharing-area .btn-facebook { + background-color: #3b5998; } -.btn:hover, -.btn.btn-default:hover { - color: #fff; - background-color: #919191; - border-color: #7a7a7a; -} - -.btn:focus, -.btn.focus, -.btn:hover, -.btn.btn-default:focus, -.btn.btn-default.focus, -.btn.btn-default:hover { - color: #fff; - background-color: #919191; - border-color: #7a7a7a; -} - -.btn:active, -.btn.active, -.open>.btn.dropdown-toggle, -.show>.btn.dropdown-toggle, -.btn.btn-default:active, -.btn.btn-default.active, -.open>.btn.btn-default.dropdown-toggle, -.show>.btn.btn-default.dropdown-toggle { - color: #fff; - background-color: #919191; - border-color: #7a7a7a; - box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12); -} - -.btn:active:hover, -.btn:active:focus, -.btn:active.focus, -.btn.active:hover, -.btn.active:focus, -.btn.active.focus, -.open>.btn.dropdown-toggle:hover, -.open>.btn.dropdown-toggle:focus, -.open>.btn.dropdown-toggle.focus, -.show>.btn.dropdown-toggle:hover, -.show>.btn.dropdown-toggle:focus, -.show>.btn.dropdown-toggle.focus, -.btn.btn-default:active:hover, -.btn.btn-default:active:focus, -.btn.btn-default:active.focus, -.btn.btn-default.active:hover, -.btn.btn-default.active:focus, -.btn.btn-default.active.focus, -.open>.btn.btn-default.dropdown-toggle:hover, -.open>.btn.btn-default.dropdown-toggle:focus, -.open>.btn.btn-default.dropdown-toggle.focus, -.show>.btn.btn-default.dropdown-toggle:hover, -.show>.btn.btn-default.dropdown-toggle:focus, -.show>.btn.btn-default.dropdown-toggle.focus { - color: #fff; - background-color: #919191; - border-color: #595959; -} +.sharing-area .btn-instagram { + background-color: #e4405f; } -.open>.btn.dropdown-toggle.bmd-btn-icon, -.open>.btn.btn-default.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: #999999; -} - -.open>.btn.dropdown-toggle.bmd-btn-icon:hover, -.open>.btn.btn-default.dropdown-toggle.bmd-btn-icon:hover { - background-color: #919191; -} - -.btn.disabled:focus, -.btn.disabled.focus, -.btn:disabled:focus, -.btn:disabled.focus, -.btn.btn-default.disabled:focus, -.btn.btn-default.disabled.focus, -.btn.btn-default:disabled:focus, -.btn.btn-default:disabled.focus { - background-color: #999999; - border-color: #999999; -} - -.btn.disabled:hover, -.btn:disabled:hover, -.btn.btn-default.disabled:hover, -.btn.btn-default:disabled:hover { - background-color: #999999; - border-color: #999999; -} - -.btn:focus, -.btn:active, -.btn:hover, -.btn.btn-default:focus, -.btn.btn-default:active, -.btn.btn-default:hover { - box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2); -} - -.btn.btn-link, -.btn.btn-default.btn-link { - background-color: transparent; - color: #999999; - box-shadow: none; -} - -.btn.btn-link:hover, -.btn.btn-link:focus, -.btn.btn-link:active, -.btn.btn-default.btn-link:hover, -.btn.btn-default.btn-link:focus, -.btn.btn-default.btn-link:active { - background-color: transparent; - color: #999999; -} +.sharing-area .btn-github { + background-color: #333333; } -.btn.btn-white, -.btn.btn-white:focus, -.btn.btn-white:hover { - background-color: #ffffff; - color: #999999; -} +#navbar .navbar { + border-radius: 0; } -.btn.btn-white.btn-link { - color: #ffffff; - background: transparent; - box-shadow: none; -} +@media (max-width: 830px) { + .main-raised { + margin-left: 10px; + margin-right: 10px; } } -.btn.btn-link:hover, -.btn.btn-link:focus, -.btn.btn-link:active { - text-decoration: none !important; -} +@media (max-width: 767px) { + .tab-pane#schedule-2 { + padding-top: 20px; } } -.btn.btn-disabled { - cursor: not-allowed; - pointer-events: none; -} +.bd-docs .bd-example.bd-example-popover-static .popover, +.bd-docs .bd-example.bd-example-tooltip-static .tooltip { + z-index: 3 !important; } -.btn.btn-disabled:hover { - box-shadow: none; -} +@media all and (max-width: 375px) { + .page-header { + height: calc(100vh + 270px); } + .index-page { + overflow-x: hidden; } + .pagination.pagination-primary .page-item:nth-of-type(3), + .pagination.pagination-primary .page-item:nth-of-type(7) { + display: none; } + .pagination.pagination-info .page-item:nth-of-type(2) { + display: none; } + .main.main-raised { + margin-top: -30px; } + .form-group.is-focused .bootstrap-datetimepicker-widget { + left: -32px !important; } } -.btn.btn-raised.btn-link, -.btn-group-raised .btn.btn-link { - box-shadow: none; -} +.show.modal .dropdown-toggle:after { + transform: rotate(0deg); } -.btn.btn-raised.btn-link.active, -.btn-group-raised .btn.btn-link.active { - box-shadow: none; -} - -.btn.btn-raised.btn-link:hover, -.btn.btn-raised.btn-link:focus, -.btn.btn-raised.btn-link:active, -.btn-group-raised .btn.btn-link:hover, -.btn-group-raised .btn.btn-link:focus, -.btn-group-raised .btn.btn-link:active { - box-shadow: none; -} - -fieldset[disabled][disabled] .btn.btn-raised, -.btn.btn-raised.disabled, -.btn.btn-raised:disabled, -.btn.btn-raised[disabled], -fieldset[disabled][disabled] .btn-group-raised .btn, -.btn-group-raised .btn.disabled, -.btn-group-raised .btn:disabled, -.btn-group-raised .btn[disabled] { - box-shadow: none; -} - -.btn.btn-outline, -.btn.btn-outline-primary, -.btn.btn-outline-secondary, -.btn.btn-outline-info, -.btn.btn-outline-success, -.btn.btn-outline-warning, -.btn.btn-outline-danger { - border-color: currentColor; - border-style: solid; - border-width: 1px; -} - -.btn.btn-outline { - color: rgba(0, 0, 0, 0.87); - background-color: transparent; - border-color: rgba(0, 0, 0, 0.87); -} +.bootstrap-datetimepicker-widget .timepicker .table-condesed .btn .ripple-container { + width: 40px; + height: 40px; + margin: -11px 3px; } -.btn.btn-outline:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(153, 153, 153, 0.2); - border-color: rgba(0, 0, 0, 0.87); -} +.bd-docs .bd-toc-item .bd-sidenav a span { + float: right; + margin-top: 5px; + padding: 3px 7px; + font-size: 8px; + line-height: 9px; + background-color: #9c27b0; } -.btn.btn-outline:focus, -.btn.btn-outline.focus, -.btn.btn-outline:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(153, 153, 153, 0.2); - border-color: rgba(0, 0, 0, 0.87); -} - -.btn.btn-outline:active, -.btn.btn-outline.active, -.open>.btn.btn-outline.dropdown-toggle, -.show>.btn.btn-outline.dropdown-toggle { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(153, 153, 153, 0.2); - border-color: rgba(0, 0, 0, 0.87); - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.btn.btn-outline:active:hover, -.btn.btn-outline:active:focus, -.btn.btn-outline:active.focus, -.btn.btn-outline.active:hover, -.btn.btn-outline.active:focus, -.btn.btn-outline.active.focus, -.open>.btn.btn-outline.dropdown-toggle:hover, -.open>.btn.btn-outline.dropdown-toggle:focus, -.open>.btn.btn-outline.dropdown-toggle.focus, -.show>.btn.btn-outline.dropdown-toggle:hover, -.show>.btn.btn-outline.dropdown-toggle:focus, -.show>.btn.btn-outline.dropdown-toggle.focus { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(153, 153, 153, 0.4); - border-color: rgba(0, 0, 0, 0.87); -} +.bd-docs .bd-content .bd-title .btn { + padding: 7px 20px; + margin-bottom: 10px; } -.open>.btn.btn-outline.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: transparent; -} - -.open>.btn.btn-outline.dropdown-toggle.bmd-btn-icon:hover { - background-color: rgba(153, 153, 153, 0.2); -} - -.btn.btn-outline.disabled:focus, -.btn.btn-outline.disabled.focus, -.btn.btn-outline:disabled:focus, -.btn.btn-outline:disabled.focus { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.87); -} - -.btn.btn-outline.disabled:hover, -.btn.btn-outline:disabled:hover { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.87); -} - -.bg-inverse .btn.btn-outline { - color: rgba(0, 0, 0, 0.87); - background-color: transparent; - border-color: rgba(0, 0, 0, 0.87); -} - -.bg-inverse .btn.btn-outline:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline:focus, -.bg-inverse .btn.btn-outline.focus, -.bg-inverse .btn.btn-outline:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline:active, -.bg-inverse .btn.btn-outline.active, -.open>.bg-inverse .btn.btn-outline.dropdown-toggle, -.show>.bg-inverse .btn.btn-outline.dropdown-toggle { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.bg-inverse .btn.btn-outline:active:hover, -.bg-inverse .btn.btn-outline:active:focus, -.bg-inverse .btn.btn-outline:active.focus, -.bg-inverse .btn.btn-outline.active:hover, -.bg-inverse .btn.btn-outline.active:focus, -.bg-inverse .btn.btn-outline.active.focus, -.open>.bg-inverse .btn.btn-outline.dropdown-toggle:hover, -.open>.bg-inverse .btn.btn-outline.dropdown-toggle:focus, -.open>.bg-inverse .btn.btn-outline.dropdown-toggle.focus, -.show>.bg-inverse .btn.btn-outline.dropdown-toggle:hover, -.show>.bg-inverse .btn.btn-outline.dropdown-toggle:focus, -.show>.bg-inverse .btn.btn-outline.dropdown-toggle.focus { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(204, 204, 204, 0.25); - border-color: rgba(204, 204, 204, 0.25); -} - -.open>.bg-inverse .btn.btn-outline.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: transparent; -} - -.open>.bg-inverse .btn.btn-outline.dropdown-toggle.bmd-btn-icon:hover { - background-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline.disabled:focus, -.bg-inverse .btn.btn-outline.disabled.focus, -.bg-inverse .btn.btn-outline:disabled:focus, -.bg-inverse .btn.btn-outline:disabled.focus { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.87); -} - -.bg-inverse .btn.btn-outline.disabled:hover, -.bg-inverse .btn.btn-outline:disabled:hover { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.87); -} - -.btn.btn-outline.btn-link { - background-color: transparent; -} - -.btn.btn-outline-primary { - color: #9c27b0; - background-color: transparent; - border-color: #9c27b0; -} - -.btn.btn-outline-primary:hover { - color: #9c27b0; - background-color: rgba(153, 153, 153, 0.2); - border-color: #9c27b0; -} - -.btn.btn-outline-primary:focus, -.btn.btn-outline-primary.focus, -.btn.btn-outline-primary:hover { - color: #9c27b0; - background-color: rgba(153, 153, 153, 0.2); - border-color: #9c27b0; -} - -.btn.btn-outline-primary:active, -.btn.btn-outline-primary.active, -.open>.btn.btn-outline-primary.dropdown-toggle, -.show>.btn.btn-outline-primary.dropdown-toggle { - color: #9c27b0; - background-color: rgba(153, 153, 153, 0.2); - border-color: #9c27b0; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.btn.btn-outline-primary:active:hover, -.btn.btn-outline-primary:active:focus, -.btn.btn-outline-primary:active.focus, -.btn.btn-outline-primary.active:hover, -.btn.btn-outline-primary.active:focus, -.btn.btn-outline-primary.active.focus, -.open>.btn.btn-outline-primary.dropdown-toggle:hover, -.open>.btn.btn-outline-primary.dropdown-toggle:focus, -.open>.btn.btn-outline-primary.dropdown-toggle.focus, -.show>.btn.btn-outline-primary.dropdown-toggle:hover, -.show>.btn.btn-outline-primary.dropdown-toggle:focus, -.show>.btn.btn-outline-primary.dropdown-toggle.focus { - color: #9c27b0; - background-color: rgba(153, 153, 153, 0.4); - border-color: #9c27b0; -} - -.open>.btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: transparent; -} - -.open>.btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon:hover { - background-color: rgba(153, 153, 153, 0.2); -} - -.btn.btn-outline-primary.disabled:focus, -.btn.btn-outline-primary.disabled.focus, -.btn.btn-outline-primary:disabled:focus, -.btn.btn-outline-primary:disabled.focus { - background-color: transparent; - border-color: #9c27b0; -} - -.btn.btn-outline-primary.disabled:hover, -.btn.btn-outline-primary:disabled:hover { - background-color: transparent; - border-color: #9c27b0; -} - -.bg-inverse .btn.btn-outline-primary { - color: #9c27b0; - background-color: transparent; - border-color: #9c27b0; -} - -.bg-inverse .btn.btn-outline-primary:hover { - color: #9c27b0; - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-primary:focus, -.bg-inverse .btn.btn-outline-primary.focus, -.bg-inverse .btn.btn-outline-primary:hover { - color: #9c27b0; - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-primary:active, -.bg-inverse .btn.btn-outline-primary.active, -.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle, -.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle { - color: #9c27b0; - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.bg-inverse .btn.btn-outline-primary:active:hover, -.bg-inverse .btn.btn-outline-primary:active:focus, -.bg-inverse .btn.btn-outline-primary:active.focus, -.bg-inverse .btn.btn-outline-primary.active:hover, -.bg-inverse .btn.btn-outline-primary.active:focus, -.bg-inverse .btn.btn-outline-primary.active.focus, -.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:hover, -.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:focus, -.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.focus, -.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:hover, -.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle:focus, -.show>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.focus { - color: #9c27b0; - background-color: rgba(204, 204, 204, 0.25); - border-color: rgba(204, 204, 204, 0.25); -} - -.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: transparent; -} - -.open>.bg-inverse .btn.btn-outline-primary.dropdown-toggle.bmd-btn-icon:hover { - background-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-primary.disabled:focus, -.bg-inverse .btn.btn-outline-primary.disabled.focus, -.bg-inverse .btn.btn-outline-primary:disabled:focus, -.bg-inverse .btn.btn-outline-primary:disabled.focus { - background-color: transparent; - border-color: #9c27b0; -} - -.bg-inverse .btn.btn-outline-primary.disabled:hover, -.bg-inverse .btn.btn-outline-primary:disabled:hover { - background-color: transparent; - border-color: #9c27b0; -} - -.btn.btn-outline-primary.btn-link { - background-color: transparent; -} - -.btn.btn-outline-secondary { - color: rgba(0, 0, 0, 0.87); - background-color: transparent; - border-color: rgba(0, 0, 0, 0.87); -} - -.btn.btn-outline-secondary:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(153, 153, 153, 0.2); - border-color: rgba(0, 0, 0, 0.87); -} - -.btn.btn-outline-secondary:focus, -.btn.btn-outline-secondary.focus, -.btn.btn-outline-secondary:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(153, 153, 153, 0.2); - border-color: rgba(0, 0, 0, 0.87); -} - -.btn.btn-outline-secondary:active, -.btn.btn-outline-secondary.active, -.open>.btn.btn-outline-secondary.dropdown-toggle, -.show>.btn.btn-outline-secondary.dropdown-toggle { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(153, 153, 153, 0.2); - border-color: rgba(0, 0, 0, 0.87); - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.btn.btn-outline-secondary:active:hover, -.btn.btn-outline-secondary:active:focus, -.btn.btn-outline-secondary:active.focus, -.btn.btn-outline-secondary.active:hover, -.btn.btn-outline-secondary.active:focus, -.btn.btn-outline-secondary.active.focus, -.open>.btn.btn-outline-secondary.dropdown-toggle:hover, -.open>.btn.btn-outline-secondary.dropdown-toggle:focus, -.open>.btn.btn-outline-secondary.dropdown-toggle.focus, -.show>.btn.btn-outline-secondary.dropdown-toggle:hover, -.show>.btn.btn-outline-secondary.dropdown-toggle:focus, -.show>.btn.btn-outline-secondary.dropdown-toggle.focus { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(153, 153, 153, 0.4); - border-color: rgba(0, 0, 0, 0.87); -} - -.open>.btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: transparent; -} - -.open>.btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon:hover { - background-color: rgba(153, 153, 153, 0.2); -} - -.btn.btn-outline-secondary.disabled:focus, -.btn.btn-outline-secondary.disabled.focus, -.btn.btn-outline-secondary:disabled:focus, -.btn.btn-outline-secondary:disabled.focus { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.87); -} - -.btn.btn-outline-secondary.disabled:hover, -.btn.btn-outline-secondary:disabled:hover { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.87); -} - -.bg-inverse .btn.btn-outline-secondary { - color: rgba(0, 0, 0, 0.87); - background-color: transparent; - border-color: rgba(0, 0, 0, 0.87); -} - -.bg-inverse .btn.btn-outline-secondary:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-secondary:focus, -.bg-inverse .btn.btn-outline-secondary.focus, -.bg-inverse .btn.btn-outline-secondary:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-secondary:active, -.bg-inverse .btn.btn-outline-secondary.active, -.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle, -.show>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.bg-inverse .btn.btn-outline-secondary:active:hover, -.bg-inverse .btn.btn-outline-secondary:active:focus, -.bg-inverse .btn.btn-outline-secondary:active.focus, -.bg-inverse .btn.btn-outline-secondary.active:hover, -.bg-inverse .btn.btn-outline-secondary.active:focus, -.bg-inverse .btn.btn-outline-secondary.active.focus, -.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle:hover, -.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle:focus, -.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle.focus, -.show>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle:hover, -.show>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle:focus, -.show>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle.focus { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(204, 204, 204, 0.25); - border-color: rgba(204, 204, 204, 0.25); -} - -.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: transparent; -} - -.open>.bg-inverse .btn.btn-outline-secondary.dropdown-toggle.bmd-btn-icon:hover { - background-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-secondary.disabled:focus, -.bg-inverse .btn.btn-outline-secondary.disabled.focus, -.bg-inverse .btn.btn-outline-secondary:disabled:focus, -.bg-inverse .btn.btn-outline-secondary:disabled.focus { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.87); -} - -.bg-inverse .btn.btn-outline-secondary.disabled:hover, -.bg-inverse .btn.btn-outline-secondary:disabled:hover { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.87); -} - -.btn.btn-outline-secondary.btn-link { - background-color: transparent; -} - -.btn.btn-outline-info { - color: #00bcd4; - background-color: transparent; - border-color: #00bcd4; -} - -.btn.btn-outline-info:hover { - color: #00bcd4; - background-color: rgba(153, 153, 153, 0.2); - border-color: #00bcd4; -} - -.btn.btn-outline-info:focus, -.btn.btn-outline-info.focus, -.btn.btn-outline-info:hover { - color: #00bcd4; - background-color: rgba(153, 153, 153, 0.2); - border-color: #00bcd4; -} - -.btn.btn-outline-info:active, -.btn.btn-outline-info.active, -.open>.btn.btn-outline-info.dropdown-toggle, -.show>.btn.btn-outline-info.dropdown-toggle { - color: #00bcd4; - background-color: rgba(153, 153, 153, 0.2); - border-color: #00bcd4; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.btn.btn-outline-info:active:hover, -.btn.btn-outline-info:active:focus, -.btn.btn-outline-info:active.focus, -.btn.btn-outline-info.active:hover, -.btn.btn-outline-info.active:focus, -.btn.btn-outline-info.active.focus, -.open>.btn.btn-outline-info.dropdown-toggle:hover, -.open>.btn.btn-outline-info.dropdown-toggle:focus, -.open>.btn.btn-outline-info.dropdown-toggle.focus, -.show>.btn.btn-outline-info.dropdown-toggle:hover, -.show>.btn.btn-outline-info.dropdown-toggle:focus, -.show>.btn.btn-outline-info.dropdown-toggle.focus { - color: #00bcd4; - background-color: rgba(153, 153, 153, 0.4); - border-color: #00bcd4; -} - -.open>.btn.btn-outline-info.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: transparent; -} - -.open>.btn.btn-outline-info.dropdown-toggle.bmd-btn-icon:hover { - background-color: rgba(153, 153, 153, 0.2); -} - -.btn.btn-outline-info.disabled:focus, -.btn.btn-outline-info.disabled.focus, -.btn.btn-outline-info:disabled:focus, -.btn.btn-outline-info:disabled.focus { - background-color: transparent; - border-color: #00bcd4; -} - -.btn.btn-outline-info.disabled:hover, -.btn.btn-outline-info:disabled:hover { - background-color: transparent; - border-color: #00bcd4; -} - -.bg-inverse .btn.btn-outline-info { - color: #00bcd4; - background-color: transparent; - border-color: #00bcd4; -} - -.bg-inverse .btn.btn-outline-info:hover { - color: #00bcd4; - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-info:focus, -.bg-inverse .btn.btn-outline-info.focus, -.bg-inverse .btn.btn-outline-info:hover { - color: #00bcd4; - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-info:active, -.bg-inverse .btn.btn-outline-info.active, -.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle, -.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle { - color: #00bcd4; - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.bg-inverse .btn.btn-outline-info:active:hover, -.bg-inverse .btn.btn-outline-info:active:focus, -.bg-inverse .btn.btn-outline-info:active.focus, -.bg-inverse .btn.btn-outline-info.active:hover, -.bg-inverse .btn.btn-outline-info.active:focus, -.bg-inverse .btn.btn-outline-info.active.focus, -.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle:hover, -.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle:focus, -.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle.focus, -.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle:hover, -.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle:focus, -.show>.bg-inverse .btn.btn-outline-info.dropdown-toggle.focus { - color: #00bcd4; - background-color: rgba(204, 204, 204, 0.25); - border-color: rgba(204, 204, 204, 0.25); -} - -.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: transparent; -} - -.open>.bg-inverse .btn.btn-outline-info.dropdown-toggle.bmd-btn-icon:hover { - background-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-info.disabled:focus, -.bg-inverse .btn.btn-outline-info.disabled.focus, -.bg-inverse .btn.btn-outline-info:disabled:focus, -.bg-inverse .btn.btn-outline-info:disabled.focus { - background-color: transparent; - border-color: #00bcd4; -} - -.bg-inverse .btn.btn-outline-info.disabled:hover, -.bg-inverse .btn.btn-outline-info:disabled:hover { - background-color: transparent; - border-color: #00bcd4; -} - -.btn.btn-outline-info.btn-link { - background-color: transparent; -} - -.btn.btn-outline-success { - color: #4caf50; - background-color: transparent; - border-color: #4caf50; -} - -.btn.btn-outline-success:hover { - color: #4caf50; - background-color: rgba(153, 153, 153, 0.2); - border-color: #4caf50; -} - -.btn.btn-outline-success:focus, -.btn.btn-outline-success.focus, -.btn.btn-outline-success:hover { - color: #4caf50; - background-color: rgba(153, 153, 153, 0.2); - border-color: #4caf50; -} - -.btn.btn-outline-success:active, -.btn.btn-outline-success.active, -.open>.btn.btn-outline-success.dropdown-toggle, -.show>.btn.btn-outline-success.dropdown-toggle { - color: #4caf50; - background-color: rgba(153, 153, 153, 0.2); - border-color: #4caf50; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.btn.btn-outline-success:active:hover, -.btn.btn-outline-success:active:focus, -.btn.btn-outline-success:active.focus, -.btn.btn-outline-success.active:hover, -.btn.btn-outline-success.active:focus, -.btn.btn-outline-success.active.focus, -.open>.btn.btn-outline-success.dropdown-toggle:hover, -.open>.btn.btn-outline-success.dropdown-toggle:focus, -.open>.btn.btn-outline-success.dropdown-toggle.focus, -.show>.btn.btn-outline-success.dropdown-toggle:hover, -.show>.btn.btn-outline-success.dropdown-toggle:focus, -.show>.btn.btn-outline-success.dropdown-toggle.focus { - color: #4caf50; - background-color: rgba(153, 153, 153, 0.4); - border-color: #4caf50; -} - -.open>.btn.btn-outline-success.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: transparent; -} - -.open>.btn.btn-outline-success.dropdown-toggle.bmd-btn-icon:hover { - background-color: rgba(153, 153, 153, 0.2); -} - -.btn.btn-outline-success.disabled:focus, -.btn.btn-outline-success.disabled.focus, -.btn.btn-outline-success:disabled:focus, -.btn.btn-outline-success:disabled.focus { - background-color: transparent; - border-color: #4caf50; -} - -.btn.btn-outline-success.disabled:hover, -.btn.btn-outline-success:disabled:hover { - background-color: transparent; - border-color: #4caf50; -} - -.bg-inverse .btn.btn-outline-success { - color: #4caf50; - background-color: transparent; - border-color: #4caf50; -} - -.bg-inverse .btn.btn-outline-success:hover { - color: #4caf50; - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-success:focus, -.bg-inverse .btn.btn-outline-success.focus, -.bg-inverse .btn.btn-outline-success:hover { - color: #4caf50; - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-success:active, -.bg-inverse .btn.btn-outline-success.active, -.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle, -.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle { - color: #4caf50; - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.bg-inverse .btn.btn-outline-success:active:hover, -.bg-inverse .btn.btn-outline-success:active:focus, -.bg-inverse .btn.btn-outline-success:active.focus, -.bg-inverse .btn.btn-outline-success.active:hover, -.bg-inverse .btn.btn-outline-success.active:focus, -.bg-inverse .btn.btn-outline-success.active.focus, -.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle:hover, -.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle:focus, -.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle.focus, -.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle:hover, -.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle:focus, -.show>.bg-inverse .btn.btn-outline-success.dropdown-toggle.focus { - color: #4caf50; - background-color: rgba(204, 204, 204, 0.25); - border-color: rgba(204, 204, 204, 0.25); -} - -.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: transparent; -} - -.open>.bg-inverse .btn.btn-outline-success.dropdown-toggle.bmd-btn-icon:hover { - background-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-success.disabled:focus, -.bg-inverse .btn.btn-outline-success.disabled.focus, -.bg-inverse .btn.btn-outline-success:disabled:focus, -.bg-inverse .btn.btn-outline-success:disabled.focus { - background-color: transparent; - border-color: #4caf50; -} - -.bg-inverse .btn.btn-outline-success.disabled:hover, -.bg-inverse .btn.btn-outline-success:disabled:hover { - background-color: transparent; - border-color: #4caf50; -} - -.btn.btn-outline-success.btn-link { - background-color: transparent; -} - -.btn.btn-outline-warning { - color: #ff9800; - background-color: transparent; - border-color: #ff9800; -} - -.btn.btn-outline-warning:hover { - color: #ff9800; - background-color: rgba(153, 153, 153, 0.2); - border-color: #ff9800; -} - -.btn.btn-outline-warning:focus, -.btn.btn-outline-warning.focus, -.btn.btn-outline-warning:hover { - color: #ff9800; - background-color: rgba(153, 153, 153, 0.2); - border-color: #ff9800; -} - -.btn.btn-outline-warning:active, -.btn.btn-outline-warning.active, -.open>.btn.btn-outline-warning.dropdown-toggle, -.show>.btn.btn-outline-warning.dropdown-toggle { - color: #ff9800; - background-color: rgba(153, 153, 153, 0.2); - border-color: #ff9800; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.btn.btn-outline-warning:active:hover, -.btn.btn-outline-warning:active:focus, -.btn.btn-outline-warning:active.focus, -.btn.btn-outline-warning.active:hover, -.btn.btn-outline-warning.active:focus, -.btn.btn-outline-warning.active.focus, -.open>.btn.btn-outline-warning.dropdown-toggle:hover, -.open>.btn.btn-outline-warning.dropdown-toggle:focus, -.open>.btn.btn-outline-warning.dropdown-toggle.focus, -.show>.btn.btn-outline-warning.dropdown-toggle:hover, -.show>.btn.btn-outline-warning.dropdown-toggle:focus, -.show>.btn.btn-outline-warning.dropdown-toggle.focus { - color: #ff9800; - background-color: rgba(153, 153, 153, 0.4); - border-color: #ff9800; -} - -.open>.btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: transparent; -} - -.open>.btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon:hover { - background-color: rgba(153, 153, 153, 0.2); -} - -.btn.btn-outline-warning.disabled:focus, -.btn.btn-outline-warning.disabled.focus, -.btn.btn-outline-warning:disabled:focus, -.btn.btn-outline-warning:disabled.focus { - background-color: transparent; - border-color: #ff9800; -} - -.btn.btn-outline-warning.disabled:hover, -.btn.btn-outline-warning:disabled:hover { - background-color: transparent; - border-color: #ff9800; -} - -.bg-inverse .btn.btn-outline-warning { - color: #ff9800; - background-color: transparent; - border-color: #ff9800; -} - -.bg-inverse .btn.btn-outline-warning:hover { - color: #ff9800; - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-warning:focus, -.bg-inverse .btn.btn-outline-warning.focus, -.bg-inverse .btn.btn-outline-warning:hover { - color: #ff9800; - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-warning:active, -.bg-inverse .btn.btn-outline-warning.active, -.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle, -.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle { - color: #ff9800; - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.bg-inverse .btn.btn-outline-warning:active:hover, -.bg-inverse .btn.btn-outline-warning:active:focus, -.bg-inverse .btn.btn-outline-warning:active.focus, -.bg-inverse .btn.btn-outline-warning.active:hover, -.bg-inverse .btn.btn-outline-warning.active:focus, -.bg-inverse .btn.btn-outline-warning.active.focus, -.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:hover, -.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:focus, -.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.focus, -.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:hover, -.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle:focus, -.show>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.focus { - color: #ff9800; - background-color: rgba(204, 204, 204, 0.25); - border-color: rgba(204, 204, 204, 0.25); -} - -.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: transparent; -} - -.open>.bg-inverse .btn.btn-outline-warning.dropdown-toggle.bmd-btn-icon:hover { - background-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-warning.disabled:focus, -.bg-inverse .btn.btn-outline-warning.disabled.focus, -.bg-inverse .btn.btn-outline-warning:disabled:focus, -.bg-inverse .btn.btn-outline-warning:disabled.focus { - background-color: transparent; - border-color: #ff9800; -} - -.bg-inverse .btn.btn-outline-warning.disabled:hover, -.bg-inverse .btn.btn-outline-warning:disabled:hover { - background-color: transparent; - border-color: #ff9800; -} - -.btn.btn-outline-warning.btn-link { - background-color: transparent; -} - -.btn.btn-outline-danger { - color: #f44336; - background-color: transparent; - border-color: #f44336; -} - -.btn.btn-outline-danger:hover { - color: #f44336; - background-color: rgba(153, 153, 153, 0.2); - border-color: #f44336; -} - -.btn.btn-outline-danger:focus, -.btn.btn-outline-danger.focus, -.btn.btn-outline-danger:hover { - color: #f44336; - background-color: rgba(153, 153, 153, 0.2); - border-color: #f44336; -} - -.btn.btn-outline-danger:active, -.btn.btn-outline-danger.active, -.open>.btn.btn-outline-danger.dropdown-toggle, -.show>.btn.btn-outline-danger.dropdown-toggle { - color: #f44336; - background-color: rgba(153, 153, 153, 0.2); - border-color: #f44336; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.btn.btn-outline-danger:active:hover, -.btn.btn-outline-danger:active:focus, -.btn.btn-outline-danger:active.focus, -.btn.btn-outline-danger.active:hover, -.btn.btn-outline-danger.active:focus, -.btn.btn-outline-danger.active.focus, -.open>.btn.btn-outline-danger.dropdown-toggle:hover, -.open>.btn.btn-outline-danger.dropdown-toggle:focus, -.open>.btn.btn-outline-danger.dropdown-toggle.focus, -.show>.btn.btn-outline-danger.dropdown-toggle:hover, -.show>.btn.btn-outline-danger.dropdown-toggle:focus, -.show>.btn.btn-outline-danger.dropdown-toggle.focus { - color: #f44336; - background-color: rgba(153, 153, 153, 0.4); - border-color: #f44336; -} - -.open>.btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: transparent; -} - -.open>.btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon:hover { - background-color: rgba(153, 153, 153, 0.2); -} - -.btn.btn-outline-danger.disabled:focus, -.btn.btn-outline-danger.disabled.focus, -.btn.btn-outline-danger:disabled:focus, -.btn.btn-outline-danger:disabled.focus { - background-color: transparent; - border-color: #f44336; -} - -.btn.btn-outline-danger.disabled:hover, -.btn.btn-outline-danger:disabled:hover { - background-color: transparent; - border-color: #f44336; -} - -.bg-inverse .btn.btn-outline-danger { - color: #f44336; - background-color: transparent; - border-color: #f44336; -} - -.bg-inverse .btn.btn-outline-danger:hover { - color: #f44336; - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-danger:focus, -.bg-inverse .btn.btn-outline-danger.focus, -.bg-inverse .btn.btn-outline-danger:hover { - color: #f44336; - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-danger:active, -.bg-inverse .btn.btn-outline-danger.active, -.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle, -.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle { - color: #f44336; - background-color: rgba(204, 204, 204, 0.15); - border-color: rgba(204, 204, 204, 0.15); - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.bg-inverse .btn.btn-outline-danger:active:hover, -.bg-inverse .btn.btn-outline-danger:active:focus, -.bg-inverse .btn.btn-outline-danger:active.focus, -.bg-inverse .btn.btn-outline-danger.active:hover, -.bg-inverse .btn.btn-outline-danger.active:focus, -.bg-inverse .btn.btn-outline-danger.active.focus, -.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:hover, -.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:focus, -.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.focus, -.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:hover, -.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle:focus, -.show>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.focus { - color: #f44336; - background-color: rgba(204, 204, 204, 0.25); - border-color: rgba(204, 204, 204, 0.25); -} - -.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon { - color: inherit; - background-color: transparent; -} - -.open>.bg-inverse .btn.btn-outline-danger.dropdown-toggle.bmd-btn-icon:hover { - background-color: rgba(204, 204, 204, 0.15); -} - -.bg-inverse .btn.btn-outline-danger.disabled:focus, -.bg-inverse .btn.btn-outline-danger.disabled.focus, -.bg-inverse .btn.btn-outline-danger:disabled:focus, -.bg-inverse .btn.btn-outline-danger:disabled.focus { - background-color: transparent; - border-color: #f44336; -} - -.bg-inverse .btn.btn-outline-danger.disabled:hover, -.bg-inverse .btn.btn-outline-danger:disabled:hover { - background-color: transparent; - border-color: #f44336; -} - -.btn.btn-outline-danger.btn-link { - background-color: transparent; -} - -.btn.btn-lg, -.btn-group-lg>.btn, -.btn-group-lg .btn { - padding: 1.125rem 2.25rem; - font-size: 0.875rem; - line-height: 1.333333; - border-radius: 0.2rem; -} - -.btn.btn-sm, -.btn-group-sm>.btn, -.btn-group-sm .btn { - padding: 0.40625rem 1.25rem; - font-size: 0.6875rem; - line-height: 1.5; - border-radius: 0.2rem; -} - -.btn.btn-round { - border-radius: 30px; -} - -.btn.btn-fab, -.btn.btn-just-icon { - font-size: 24px; - height: 41px; - min-width: 41px; - width: 41px; - padding: 0; - overflow: hidden; - position: relative; - line-height: 41px; -} - -.btn.btn-fab.btn-round, -.btn.btn-just-icon.btn-round { - border-radius: 50%; -} - -.btn-group-sm .btn.btn-fab, -.btn.btn-fab.btn-sm, -.btn-group-sm>.btn.btn-fab, -.btn.btn-fab.btn-fab-mini, -.btn-group-sm .btn.btn-just-icon, -.btn.btn-just-icon.btn-sm, -.btn-group-sm>.btn.btn-just-icon, -.btn.btn-just-icon.btn-fab-mini { - height: 30px; - min-width: 30px; - width: 30px; -} - -.btn-group-sm .btn.btn-fab .material-icons, -.btn-group-sm .btn.btn-fab .fa, -.btn.btn-fab.btn-sm .material-icons, -.btn-group-sm>.btn.btn-fab .material-icons, -.btn.btn-fab.btn-sm .fa, -.btn-group-sm>.btn.btn-fab .fa, -.btn.btn-fab.btn-fab-mini .material-icons, -.btn.btn-fab.btn-fab-mini .fa, -.btn-group-sm .btn.btn-just-icon .material-icons, -.btn-group-sm .btn.btn-just-icon .fa, -.btn.btn-just-icon.btn-sm .material-icons, -.btn-group-sm>.btn.btn-just-icon .material-icons, -.btn.btn-just-icon.btn-sm .fa, -.btn-group-sm>.btn.btn-just-icon .fa, -.btn.btn-just-icon.btn-fab-mini .material-icons, -.btn.btn-just-icon.btn-fab-mini .fa { - font-size: 17px; - line-height: 29px; -} - -.btn-group-lg .btn.btn-fab, -.btn.btn-fab.btn-lg, -.btn-group-lg>.btn.btn-fab, -.btn-group-lg .btn.btn-just-icon, -.btn.btn-just-icon.btn-lg, -.btn-group-lg>.btn.btn-just-icon { - height: 57px; - min-width: 57px; - width: 57px; - line-height: 56px; -} - -.btn-group-lg .btn.btn-fab .material-icons, -.btn-group-lg .btn.btn-fab .fa, -.btn.btn-fab.btn-lg .material-icons, -.btn-group-lg>.btn.btn-fab .material-icons, -.btn.btn-fab.btn-lg .fa, -.btn-group-lg>.btn.btn-fab .fa, -.btn-group-lg .btn.btn-just-icon .material-icons, -.btn-group-lg .btn.btn-just-icon .fa, -.btn.btn-just-icon.btn-lg .material-icons, -.btn-group-lg>.btn.btn-just-icon .material-icons, -.btn.btn-just-icon.btn-lg .fa, -.btn-group-lg>.btn.btn-just-icon .fa { - font-size: 32px; - line-height: 56px; -} - -.btn.btn-fab .material-icons, -.btn.btn-fab .fa, -.btn.btn-just-icon .material-icons, -.btn.btn-just-icon .fa { - margin-top: 0; - position: absolute; - width: 100%; - transform: none; - left: 0; - top: 0; - height: 100%; - line-height: 41px; - font-size: 20px; -} - -.btn-just-icon.btn-lg, -.btn-group-lg>.btn-just-icon.btn { - font-size: 24px; - height: 41px; - min-width: 41px; - width: 41px; -} - -.input-group-btn>.btn { - border: 0; -} - -.btn .material-icons, -.btn:not(.btn-just-icon):not(.btn-fab) .fa { - position: relative; - display: inline-block; - top: 0; - margin-top: -1em; - margin-bottom: -1em; - font-size: 1.1rem; - vertical-align: middle; -} - -.bg-inverse fieldset[disabled][disabled] .btn, -.bg-inverse .btn.disabled, -.bg-inverse .btn:disabled, -.bg-inverse .btn[disabled], -.bg-inverse fieldset[disabled][disabled] .input-group-btn .btn, -.bg-inverse .input-group-btn .btn.disabled, -.bg-inverse .input-group-btn .btn:disabled, -.bg-inverse .input-group-btn .btn[disabled], -.bg-inverse fieldset[disabled][disabled] .btn-group, -.bg-inverse .btn-group.disabled, -.bg-inverse .btn-group:disabled, -.bg-inverse .btn-group[disabled], -.bg-inverse fieldset[disabled][disabled] .btn-group-vertical, -.bg-inverse .btn-group-vertical.disabled, -.bg-inverse .btn-group-vertical:disabled, -.bg-inverse .btn-group-vertical[disabled] { - color: rgba(255, 255, 255, 0.3); -} - -.btn-group, -.btn-group-vertical { - position: relative; - margin: 10px 1px; -} - -.btn-group .dropdown-menu, -.btn-group-vertical .dropdown-menu { - border-radius: 0 0 0.25rem 0.25rem; -} - -.btn-group.btn-group-raised, -.btn-group-vertical.btn-group-raised { - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.btn-group .btn+.btn, -.btn-group .btn, -.btn-group .btn:active, -.btn-group .btn-group, -.btn-group-vertical .btn+.btn, -.btn-group-vertical .btn, -.btn-group-vertical .btn:active, -.btn-group-vertical .btn-group { - margin: 0; -} - -.btn-group>.btn-group, -.btn-group-vertical>.btn-group { - margin: 0; -} - -body { - background-color: #eee; - color: #000000; - font-weight: 300; -} - -legend { - border-bottom: 0; -} - -.serif-font { - font-family: "Roboto Slab", "Times New Roman", serif; -} - -* { - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - -webkit-tap-highlight-color: transparent; -} - -*:focus { - outline: 0; -} - -a { - color: #9c27b0; -} - -a:hover, -a:focus { - color: #89229b; - text-decoration: none; -} - -a.text-info:hover, -a.text-info:focus { - color: #00a5bb; -} - -a .material-icons { - vertical-align: middle; -} - -.main { - background: #ffffff; - position: relative; - z-index: 3; -} - -.form-check, -label { - font-size: 14px; - line-height: 1.42857; - color: #AAAAAA; - font-weight: 400; -} - -.main-raised { - margin: -60px 30px 0px; - border-radius: 6px; - box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); -} - -/* Animations */ -.animation-transition-general, -.carousel .carousel-indicators li { - -webkit-transition: all 300ms linear; - -moz-transition: all 300ms linear; - -o-transition: all 300ms linear; - -ms-transition: all 300ms linear; - transition: all 300ms linear; -} - -.animation-transition-slow { - -webkit-transition: all 370ms linear; - -moz-transition: all 370ms linear; - -o-transition: all 370ms linear; - -ms-transition: all 370ms linear; - transition: all 370ms linear; -} - -.animation-transition-fast, -.bootstrap-datetimepicker-widget table td>div, -.bootstrap-datetimepicker-widget table th>div, -.bootstrap-datetimepicker-widget table th, -.bootstrap-datetimepicker-widget table td span { - -webkit-transition: all 150ms ease 0s; - -moz-transition: all 150ms ease 0s; - -o-transition: all 150ms ease 0s; - -ms-transition: all 150ms ease 0s; - transition: all 150ms ease 0s; -} - -.animation-transition-fast, -.bootstrap-datetimepicker-widget table td>div, -.bootstrap-datetimepicker-widget table th>div, -.bootstrap-datetimepicker-widget table th, -.bootstrap-datetimepicker-widget table td span, -.navbar, -.bootstrap-tagsinput .tag, -.bootstrap-tagsinput [data-role="remove"], -.card-collapse .card-header a i { - -webkit-transition: all 150ms ease 0s; - -moz-transition: all 150ms ease 0s; - -o-transition: all 150ms ease 0s; - -ms-transition: all 150ms ease 0s; - transition: all 150ms ease 0s; -} - -.signup-page .card-signup form .form-check { - padding-left: 20px; -} - -.signup-page .card-signup form .form-check .form-check-label { - padding-left: 35px; -} - -.section-signup .card-signup .card-header { - width: auto; -} - -.section-signup .card-signup .card-body .input-group { - padding-bottom: 7px; - margin: 27px 0 0 0; -} - -.offline-doc .page-header, -.offline-free-doc .page-header { - height: 100vh !important; -} - -.offline-doc .page-header:after, -.offline-free-doc .page-header:after { - background: rgba(0, 0, 0, 0.5) !important; -} - -.offline-doc .footer, -.offline-free-doc .footer { - position: absolute; - width: 100%; - background: transparent; - bottom: 0; - color: #ffffff; - z-index: 1; -} - -.offline-doc .footer .copyright a, -.offline-free-doc .footer .copyright a { - color: #ffffff; -} - -.offline-doc .navbar .navbar-brand, -.offline-doc .navbar .navbar-collapse .nav-link, -.offline-free-doc .navbar .navbar-brand, -.offline-free-doc .navbar .navbar-collapse .nav-link { - color: #ffffff; -} - -@-webkit-keyframes hinge { - 0% { - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 20%, - 60% { - -webkit-transform: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 40%, - 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 60deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1; - } - - to { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - opacity: 0; - } -} - -@keyframes hinge { - 0% { - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 20%, - 60% { - -webkit-transform: rotate3d(0, 0, 1, 80deg); - transform: rotate3d(0, 0, 1, 80deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - } - - 40%, - 80% { - -webkit-transform: rotate3d(0, 0, 1, 60deg); - transform: rotate3d(0, 0, 1, 60deg); - -webkit-transform-origin: top left; - transform-origin: top left; - -webkit-animation-timing-function: ease-in-out; - animation-timing-function: ease-in-out; - opacity: 1; - } - - to { - -webkit-transform: translate3d(0, 700px, 0); - transform: translate3d(0, 700px, 0); - opacity: 0; - } -} - -.hinge { - -webkit-animation-name: hinge; - animation-name: hinge; -} - -.animated.hinge { - -webkit-animation-duration: 2s; - animation-duration: 2s; -} - -.animated { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} - -.tim-row { - margin-bottom: 20px; -} - -.tim-white-buttons { - background-color: #777777; -} - -.title { - margin-top: 30px; - margin-bottom: 25px; - min-height: 32px; -} - -#map { - position: relative; - z-index: 2; - width: 100%; - height: calc(100vh - 70px); - margin-top: 70px; -} - -.tim-typo { - padding-left: 25%; - margin-bottom: 40px; - position: relative; - width: 100%; -} - -.tim-typo .tim-note { - bottom: 5px; - color: #c0c1c2; - display: block; - font-weight: 400; - font-size: 13px; - line-height: 15px; - left: 0; - margin-left: 20px; - position: absolute; - width: 260px; -} - -.tim-row { - padding-top: 50px; -} - -.tim-row h3 { - margin-top: 0; -} - -#typography h1, -#typography h2, -#typography h3, -#typography h4, -#typography h5, -#typography h6 { - margin-bottom: 0; -} - -.switch { - margin-right: 20px; -} - -#navbar-full .navbar { - border-radius: 0 !important; - margin-bottom: 15px; - z-index: 2; -} - -.space { - height: 130px; - display: block; -} - -.space-110 { - height: 110px; - display: block; -} - -.space-50 { - height: 50px; - display: block; -} - -.space-70 { - height: 70px; - display: block; -} - -.navigation-example .img-src { - background-attachment: scroll; -} - -.navigation-example { - background-position: center center; - background-size: cover; - margin-top: 0; - min-height: 740px; -} - -#notifications { - background-color: #ffffff; - display: block; - width: 100%; - position: relative; -} - -#notifications .alert-danger { - margin-bottom: 0px; -} - -.tim-note { - text-transform: capitalize; -} - -#buttons .btn { - margin: 0 0px 15px; -} - -.space-100 { - height: 100px; - display: block; - width: 100%; -} - -.parallax { - width: 100%; - height: 570px; - display: block; - background-attachment: fixed; - background-repeat: no-repeat; - background-size: cover; - background-position: center center; -} - -.parallax .parallax-image { - width: 100%; - overflow: hidden; - position: absolute; -} - -.parallax .parallax-image img { - width: 100%; -} - -@media (max-width: 768px) { - .parallax .parallax-image { - width: 100%; - height: 640px; - overflow: hidden; - } - - .parallax .parallax-image img { - height: 100%; - width: auto; - } -} - -.separator { - content: "Separator"; - color: #ffffff; - display: block; - width: 100%; - padding: 20px; -} - -.separator-line { - background-color: #EEE; - height: 1px; - width: 100%; - display: block; -} - -.separator.separator-gray { - background-color: #EEEEEE; -} - -.social-buttons-demo .btn { - margin: 10px 5px 7px 1px; -} - -.img-container { - width: 100%; - overflow: hidden; -} - -.img-container img { - width: 100%; -} - -.section-black { - background-color: #333; -} - -.animate { - transition: 1.5s ease-in-out; - -moz-transition: 1.5s ease-in-out; - -webkit-transition: 1.5s ease-in-out; -} - -.sharing-area { - margin-top: 80px; -} - -.sharing-area .btn { - margin: 15px 4px 0; - color: #ffffff; -} - -.sharing-area .btn i { - font-size: 18px; - position: relative; - top: 2px; - margin-right: 5px; -} - -#navbar { - margin-bottom: -20px; -} - -.sharing-area .btn-twitter { - background-color: #55acee; -} - -.sharing-area .btn-facebook { - background-color: #3b5998; -} - -.sharing-area .btn-instagram { - background-color: #e4405f; -} - -.sharing-area .btn-github { - background-color: #333333; -} - -#navbar .navbar { - border-radius: 0; -} - -@media (max-width: 830px) { - .main-raised { - margin-left: 10px; - margin-right: 10px; - } -} - -@media (max-width: 767px) { - .tab-pane#schedule-2 { - padding-top: 20px; - } -} - -.bd-docs .bd-example.bd-example-popover-static .popover, -.bd-docs .bd-example.bd-example-tooltip-static .tooltip { - z-index: 3 !important; -} - -@media all and (max-width: 375px) { - .page-header { - height: calc(100vh + 270px); - } - - .index-page { - overflow-x: hidden; - } - - .pagination.pagination-primary .page-item:nth-of-type(3), - .pagination.pagination-primary .page-item:nth-of-type(7) { - display: none; - } - - .pagination.pagination-info .page-item:nth-of-type(2) { - display: none; - } - - .main.main-raised { - margin-top: -30px; - } - - .form-group.is-focused .bootstrap-datetimepicker-widget { - left: -32px !important; - } -} - -.show.modal .dropdown-toggle:after { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); -} - -.bootstrap-datetimepicker-widget .timepicker .table-condesed .btn .ripple-container { - width: 40px; - height: 40px; - margin: -11px 3px; -} - -.bd-docs .bd-toc-item .bd-sidenav a span { - float: right; - margin-top: 5px; - padding: 3px 7px; - font-size: 8px; - line-height: 9px; - background-color: #9c27b0; -} - -.bd-docs .bd-content .bd-title .btn { - padding: 7px 20px; - margin-bottom: 10px; -} - -.form-check { - margin-bottom: .5rem; - padding-left: 0; -} - -.form-check .form-check-label { - cursor: pointer; - padding-left: 0; -} - -.form-group.is-focused .form-check .form-check-label { - color: rgba(0, 0, 0, 0.26); -} - -.form-group.is-focused .form-check .form-check-label:hover, -.form-group.is-focused .form-check .form-check-label:focus { - color: rgba(0, 0, 0, .54); -} - -fieldset[disabled] .form-group.is-focused .form-check .form-check-label { - color: rgba(0, 0, 0, 0.26); -} - -.form-check .form-check-input { - opacity: 0; - position: absolute; - margin: 0; - z-index: -1; - width: 0; - height: 0; - overflow: hidden; - left: 0; - pointer-events: none; -} - -.form-check .form-check-sign { - vertical-align: middle; - position: relative; - top: -2px; - float: left; - padding-right: 10px; - display: inline-block; -} - -.form-check .form-check-sign:before { - display: block; - position: absolute; - left: 0; - content: ""; - background-color: rgba(0, 0, 0, 0.84); - height: 20px; - width: 20px; - border-radius: 100%; - z-index: 1; - opacity: 0; - margin: 0; - top: 0; - -webkit-transform: scale3d(2.3, 2.3, 1); - -moz-transform: scale3d(2.3, 2.3, 1); - -o-transform: scale3d(2.3, 2.3, 1); - -ms-transform: scale3d(2.3, 2.3, 1); - transform: scale3d(2.3, 2.3, 1); -} - -.form-check .form-check-sign .check { - position: relative; - display: inline-block; - width: 20px; - height: 20px; - border: 1px solid rgba(0, 0, 0, .54); - overflow: hidden; - z-index: 1; - border-radius: 3px; -} - -.form-check .form-check-sign .check:before { - position: absolute; - content: ""; - transform: rotate(45deg); - display: block; - margin-top: -3px; - margin-left: 7px; - width: 0; - color: #ffffff; - height: 0; - box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset; - -webkit-animation: checkbox-off 0.3s forwards; - -moz-animation: checkbox-off 0.3s forwards; - -o-animation: checkbox-off 0.3s forwards; - -ms-animation: checkbox-off 0.3s forwards; - animation: checkbox-off 0.3s forwards; -} - -.form-check .form-check-input:focus+.form-check-sign .check:after { - opacity: 0.2; -} - -.form-check .form-check-input:checked~.form-check-sign .check { - background: #9c27b0; -} - -.form-check .form-check-input:checked~.form-check-sign .check:before { - color: #fff; - box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; - -webkit-animation: checkbox-on 0.3s forwards; - -moz-animation: checkbox-on 0.3s forwards; - -o-animation: checkbox-on 0.3s forwards; - -ms-animation: checkbox-on 0.3s forwards; - animation: checkbox-on 0.3s forwards; -} - -.form-check .form-check-input:checked~.form-check-sign:before { - -webkit-animation: rippleOn 500ms; - -moz-animation: rippleOn 500ms; - -o-animation: rippleOn 500ms; - -ms-animation: rippleOn 500ms; - animation: rippleOn 500ms; -} - -.form-check .form-check-input:checked~.form-check-sign .check:after { - -webkit-animation: rippleOn 500ms forwards; - -moz-animation: rippleOn 500ms forwards; - -o-animation: rippleOn 500ms forwards; - -ms-animation: rippleOn 500ms forwards; - animation: rippleOn 500ms forwards; -} - -.form-check .form-check-input:not(:checked)+.form-check-sign:before { - -webkit-animation: rippleOff 500ms; - -moz-animation: rippleOff 500ms; - -o-animation: rippleOff 500ms; - -ms-animation: rippleOff 500ms; - animation: rippleOff 500ms; -} - -.form-check .form-check-input:not(:checked)+.form-check-sign .check:after { - -webkit-animation: rippleOff 500ms; - -moz-animation: rippleOff 500ms; - -o-animation: rippleOff 500ms; - -ms-animation: rippleOff 500ms; - animation: rippleOff 500ms; -} - -fieldset[disabled] .form-check, -fieldset[disabled] .form-check .form-check-input, -.form-check .form-check-input[disabled]~.form-check-sign .check, -.form-check .form-check-input[disabled]+.circle { - opacity: 0.5; -} - -.form-check .form-check-input[disabled]~.form-check-sign .check { - border-color: #000000; - opacity: .26; -} - -.form-check .form-check-input[disabled]+.form-check-sign .check:after { - background-color: rgba(0, 0, 0, 0.87); - transform: rotate(-45deg); -} - -.form-check .form-check-input[disabled][checked]+.form-check-sign .check { - background-color: #000; -} - -@keyframes checkbox-on { - 0% { - box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; - } - - 50% { - box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; - } - - 100% { - box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; - } -} - -@keyframes rippleOn { - 0% { - opacity: 0; - } - - 50% { - opacity: 0.2; - } - - 100% { - opacity: 0; - } -} - -@keyframes rippleOff { - 0% { - opacity: 0; - } - - 50% { - opacity: 0.2; - } - - 100% { - opacity: 0; - } -} - -.switch label { - position: relative; - padding-left: 2.4375rem; -} - -.switch label .bmd-switch-track { - position: absolute; - top: 0.3125rem; - left: 0; - display: inline-block; - width: 2.125rem; - height: 0.875rem; - cursor: pointer; - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 50%, #c49bcb 50%, #c49bcb 100%); - background-position: 0%; - background-size: 4.25rem 0.875rem; - border-radius: 2.125rem; - transition: background-position 0.2s ease-in; -} - -.switch label .bmd-switch-track::after { - position: absolute; - top: 50%; - left: 0; - display: block; - align-self: center; - width: 1.25rem; - height: 1.25rem; - content: ""; - background: #f1f1f1; - border-radius: 100%; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); - transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease; - transform: translateY(-50%); -} - -.switch label .bmd-switch-track:active::after { - transform: translateY(-50%) scale3d(1.15, 0.85, 1); -} - -.switch label input { - position: absolute; - display: block; - width: 0; - height: 0; - opacity: 0; -} - -.switch label input:checked+.bmd-switch-track { - background-position: -100%; -} - -.switch label input:checked+.bmd-switch-track::after { - left: calc(100% - 1.25rem); - background-color: #9c27b0; -} - -.switch label input:disabled+.bmd-switch-track:active::after { - transform: translateY(-50%); -} - -.switch label input:disabled+.bmd-switch-track { - cursor: default; - background: rgba(0, 0, 0, 0.12); -} - -.switch label input:disabled+.bmd-switch-track::after { - background: #bdbdbd; -} - -.form-check .form-check-label { - cursor: pointer; - padding-left: 25px; - position: relative; -} - -.form-group.is-focused .form-check .form-check-label { - color: rgba(0, 0, 0, 0.26); -} - -.form-group.is-focused .form-check .form-check-label:hover, -.form-group.is-focused .form-check .form-check-label:focus { - color: rgba(0, 0, 0, .54); -} - -fieldset[disabled] .form-group.is-focused .form-check .form-check-label { - color: rgba(0, 0, 0, 0.26); -} - -.form-check .form-check-label span { - display: block; - position: absolute; - left: -1px; - top: -1px; - transition-duration: 0.2s; -} - -.form-check .form-check-label .circle { - border: 1px solid rgba(0, 0, 0, .54); - height: 15px; - width: 15px; - border-radius: 100%; - top: 1px; -} - -.form-check .form-check-label .circle .check { - height: 15px; - width: 15px; - border-radius: 100%; - background-color: #9c27b0; - -webkit-transform: scale3d(0, 0, 0); - -moz-transform: scale3d(0, 0, 0); - -o-transform: scale3d(0, 0, 0); - -ms-transform: scale3d(0, 0, 0); - transform: scale3d(0, 0, 0); -} - -.form-check .form-check-input { - opacity: 0; - height: 0; - width: 0; - overflow: hidden; -} - -.form-check .form-check-input:checked~.check, -.form-check .form-check-input:checked~.circle { - opacity: 1; -} - -.form-check .form-check-input:checked~.check { - background-color: #9c27b0; -} - -.form-check .form-check-input:checked~.circle { - border-color: #9c27b0; -} - -.form-check .form-check-input:checked .check:before { - animation: checkboxOn .5s forwards; -} - -.form-check .form-check-input:checked~.circle .check { - -webkit-transform: scale3d(0.65, 0.65, 1); - -moz-transform: scale3d(0.65, 0.65, 1); - -o-transform: scale3d(0.65, 0.65, 1); - -ms-transform: scale3d(0.65, 0.65, 1); - transform: scale3d(0.65, 0.65, 1); -} - -.form-check .form-check-input[disabled]~.check, -.form-check .form-check-input[disabled]~.circle { - opacity: 0.26; -} - -.form-check .form-check-input[disabled]~.check { - background-color: #000; -} - -.form-check .form-check-input[disabled]~.circle { - border-color: #000; -} - -.form-check .form-check-input[disabled]+.circle .check { - background-color: #000; -} - -.form-check .form-check-sign { - vertical-align: middle; - position: relative; - top: -2px; - float: left; - padding-right: 10px; - display: inline-block; -} - -.form-check .form-check-label .circle:before { - display: block; - position: absolute; - left: -1px; - content: ""; - background-color: rgba(0, 0, 0, 0.84); - height: 15px; - width: 15px; - border-radius: 100%; - z-index: 1; - opacity: 0; - margin: 0; - top: -1px; - -webkit-transform: scale3d(2.3, 2.3, 1); - -moz-transform: scale3d(2.3, 2.3, 1); - -o-transform: scale3d(2.3, 2.3, 1); - -ms-transform: scale3d(2.3, 2.3, 1); - transform: scale3d(2.3, 2.3, 1); -} - -.form-check .form-check-label .form-check-input:checked+.circle:before { - animation: rippleOn .5s; -} - -.form-check .form-check-label .form-check-input:checked+.circle .check:before { - color: #FFFFFF; - box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; - animation: checkboxOn 0.3s forwards; -} - -.form-check+.form-check { - margin-top: 0; -} - -@keyframes checkboxOn { - 0% { - box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; - } - - 50% { - box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; - } - - 100% { - box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; - } -} - -@keyframes rippleOn { - 0% { - opacity: 0; - } - - 50% { - opacity: 0.2; - } - - 100% { - opacity: 0; - } -} - -@keyframes rippleOff { - 0% { - opacity: 0; - } - - 50% { - opacity: 0.2; - } - - 100% { - opacity: 0; - } -} - -.carousel .carousel-control.left, -.carousel .carousel-control.right { - background-image: none; -} - -.carousel .carousel-control.right i { - right: 0; -} - -.carousel .card { - margin-top: 0; -} - -.carousel .item { - text-align: center; -} - -.carousel.carousel-full-navigation .carousel-control { - width: 50%; -} - -.carousel.carousel-full-navigation .carousel-control.left, -.carousel.carousel-full-navigation .carousel-control.right { - background-image: none; -} - -.carousel.carousel-full-navigation .carousel-control .material-icons, -.carousel.carousel-full-navigation .carousel-control .fa { - display: none; -} - -.carousel .carousel-control { - height: 15%; - margin: auto; -} - -.carousel .carousel-control-prev .material-icons, -.carousel .carousel-control-next .material-icons { - z-index: 5; - display: inline-block; - font-size: 50px; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - height: 50px; - margin: auto; -} - -.carousel .carousel-indicators { - bottom: 5px; -} - -.carousel .carousel-indicators li, -.carousel .carousel-indicators .active { - margin: 11px 10px; -} - -.carousel .carousel-indicators li { - display: inline-block; - width: 10px; - height: 10px; - text-indent: -999px; - cursor: pointer; - border: 1px solid #fff; - border-radius: 10px; - background: #fff; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); - border-radius: 2px; -} - -.carousel .carousel-indicators .active { - margin-top: 10px; - -webkit-transform: scale(1.5); - -moz-transform: scale(1.5); - -o-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); - box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); -} - -.carousel .carousel-caption { - padding-bottom: 45px; -} - -.carousel .carousel-caption .material-icons { - position: relative; - top: 5px; -} - -form { - margin-bottom: 1.125rem; -} - -.card form { - margin: 0; -} - -.navbar form { - margin-bottom: 0; -} - -.navbar form .bmd-form-group { - display: inline-block; - padding-top: 0; -} - -.navbar form .btn { - margin-bottom: 0; -} - -.form-control { - background: no-repeat center bottom, center calc(100% - 1px); - background-size: 0 100%, 100% 100%; - border: 0; - height: 36px; - transition: background 0s ease-out; - padding-left: 0; - padding-right: 0; - border-radius: 0; - font-size: 14px; -} - -.form-control:focus, -.bmd-form-group.is-focused .form-control { - background-size: 100% 100%, 100% 100%; - transition-duration: 0.3s; - box-shadow: none; -} - -.form-control::-moz-placeholder { - color: #AAAAAA; - font-weight: 400; - font-size: 14px; -} - -.form-control:-ms-input-placeholder { - color: #AAAAAA; - font-weight: 400; - font-size: 14px; -} - -.form-control::-webkit-input-placeholder { - color: #AAAAAA; - font-weight: 400; - font-size: 14px; -} - -.has-white .form-control::-moz-placeholder { - color: #ffffff; -} - -.has-white .form-control:-ms-input-placeholder { - color: #ffffff; -} - -.has-white .form-control::-webkit-input-placeholder { - color: #ffffff; -} - -.bmd-help { - position: absolute; - display: none; - font-size: .8rem; - font-weight: normal; -} - -.bmd-form-group.is-focused .bmd-help { - display: block; -} - -.bmd-help:nth-of-type(2) { - padding-top: 1rem; -} - -.bmd-help+.bmd-help { - position: relative; - margin-bottom: 0; -} - -.radio label, -.is-focused .radio label, -.radio-inline, -.is-focused .radio-inline, -.checkbox label, -.is-focused .checkbox label, -.checkbox-inline, -.is-focused .checkbox-inline, -.switch label, -.is-focused .switch label { - color: #999999; -} - -.radio label label:has(input[type=radio][disabled]), -.radio label label:has(input[type=radio][disabled]):hover, -.radio label label:has(input[type=radio][disabled]):focus, -.radio label label:has(input[type=checkbox][disabled]), -.radio label label:has(input[type=checkbox][disabled]):hover, -.radio label label:has(input[type=checkbox][disabled]):focus, -fieldset[disabled] .radio label, -fieldset[disabled] .radio label:hover, -fieldset[disabled] .radio label:focus, -.is-focused .radio label label:has(input[type=radio][disabled]), -.is-focused .radio label label:has(input[type=radio][disabled]):hover, -.is-focused .radio label label:has(input[type=radio][disabled]):focus, -.is-focused .radio label label:has(input[type=checkbox][disabled]), -.is-focused .radio label label:has(input[type=checkbox][disabled]):hover, -.is-focused .radio label label:has(input[type=checkbox][disabled]):focus, -fieldset[disabled] .is-focused .radio label, -fieldset[disabled] .is-focused .radio label:hover, -fieldset[disabled] .is-focused .radio label:focus, -.radio-inline label:has(input[type=radio][disabled]), -.radio-inline label:has(input[type=radio][disabled]):hover, -.radio-inline label:has(input[type=radio][disabled]):focus, -.radio-inline label:has(input[type=checkbox][disabled]), -.radio-inline label:has(input[type=checkbox][disabled]):hover, -.radio-inline label:has(input[type=checkbox][disabled]):focus, -fieldset[disabled] .radio-inline, -fieldset[disabled] .radio-inline:hover, -fieldset[disabled] .radio-inline:focus, -.is-focused .radio-inline label:has(input[type=radio][disabled]), -.is-focused .radio-inline label:has(input[type=radio][disabled]):hover, -.is-focused .radio-inline label:has(input[type=radio][disabled]):focus, -.is-focused .radio-inline label:has(input[type=checkbox][disabled]), -.is-focused .radio-inline label:has(input[type=checkbox][disabled]):hover, -.is-focused .radio-inline label:has(input[type=checkbox][disabled]):focus, -fieldset[disabled] .is-focused .radio-inline, -fieldset[disabled] .is-focused .radio-inline:hover, -fieldset[disabled] .is-focused .radio-inline:focus, -.checkbox label label:has(input[type=radio][disabled]), -.checkbox label label:has(input[type=radio][disabled]):hover, -.checkbox label label:has(input[type=radio][disabled]):focus, -.checkbox label label:has(input[type=checkbox][disabled]), -.checkbox label label:has(input[type=checkbox][disabled]):hover, -.checkbox label label:has(input[type=checkbox][disabled]):focus, -fieldset[disabled] .checkbox label, -fieldset[disabled] .checkbox label:hover, -fieldset[disabled] .checkbox label:focus, -.is-focused .checkbox label label:has(input[type=radio][disabled]), -.is-focused .checkbox label label:has(input[type=radio][disabled]):hover, -.is-focused .checkbox label label:has(input[type=radio][disabled]):focus, -.is-focused .checkbox label label:has(input[type=checkbox][disabled]), -.is-focused .checkbox label label:has(input[type=checkbox][disabled]):hover, -.is-focused .checkbox label label:has(input[type=checkbox][disabled]):focus, -fieldset[disabled] .is-focused .checkbox label, -fieldset[disabled] .is-focused .checkbox label:hover, -fieldset[disabled] .is-focused .checkbox label:focus, -.checkbox-inline label:has(input[type=radio][disabled]), -.checkbox-inline label:has(input[type=radio][disabled]):hover, -.checkbox-inline label:has(input[type=radio][disabled]):focus, -.checkbox-inline label:has(input[type=checkbox][disabled]), -.checkbox-inline label:has(input[type=checkbox][disabled]):hover, -.checkbox-inline label:has(input[type=checkbox][disabled]):focus, -fieldset[disabled] .checkbox-inline, -fieldset[disabled] .checkbox-inline:hover, -fieldset[disabled] .checkbox-inline:focus, -.is-focused .checkbox-inline label:has(input[type=radio][disabled]), -.is-focused .checkbox-inline label:has(input[type=radio][disabled]):hover, -.is-focused .checkbox-inline label:has(input[type=radio][disabled]):focus, -.is-focused .checkbox-inline label:has(input[type=checkbox][disabled]), -.is-focused .checkbox-inline label:has(input[type=checkbox][disabled]):hover, -.is-focused .checkbox-inline label:has(input[type=checkbox][disabled]):focus, -fieldset[disabled] .is-focused .checkbox-inline, -fieldset[disabled] .is-focused .checkbox-inline:hover, -fieldset[disabled] .is-focused .checkbox-inline:focus, -.switch label label:has(input[type=radio][disabled]), -.switch label label:has(input[type=radio][disabled]):hover, -.switch label label:has(input[type=radio][disabled]):focus, -.switch label label:has(input[type=checkbox][disabled]), -.switch label label:has(input[type=checkbox][disabled]):hover, -.switch label label:has(input[type=checkbox][disabled]):focus, -fieldset[disabled] .switch label, -fieldset[disabled] .switch label:hover, -fieldset[disabled] .switch label:focus, -.is-focused .switch label label:has(input[type=radio][disabled]), -.is-focused .switch label label:has(input[type=radio][disabled]):hover, -.is-focused .switch label label:has(input[type=radio][disabled]):focus, -.is-focused .switch label label:has(input[type=checkbox][disabled]), -.is-focused .switch label label:has(input[type=checkbox][disabled]):hover, -.is-focused .switch label label:has(input[type=checkbox][disabled]):focus, -fieldset[disabled] .is-focused .switch label, -fieldset[disabled] .is-focused .switch label:hover, -fieldset[disabled] .is-focused .switch label:focus { - color: #999999; -} - -[class^='bmd-label'], -[class*=' bmd-label'] { - color: #999999; -} - -.form-control, -.is-focused .form-control { - background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -.form-control:invalid { - background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -.form-control:read-only { - background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -fieldset[disabled][disabled] .form-control, -.form-control.disabled, -.form-control:disabled, -.form-control[disabled] { - background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); - background-repeat: repeat-x; - background-size: 3px 1px; -} - -.form-control.form-control-success, -.is-focused .form-control.form-control-success { - background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; -} - -.form-control.form-control-warning, -.is-focused .form-control.form-control-warning { - background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; -} - -.form-control.form-control-danger, -.is-focused .form-control.form-control-danger { - background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; -} - -.is-focused .valid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 80%; - color: #999999; -} - -.is-focused .valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: .5rem; - margin-top: .1rem; - font-size: .875rem; - line-height: 1; - color: #fff; - background-color: rgba(153, 153, 153, 0.8); - border-radius: .2rem; -} - -.was-validated .is-focused .form-control:valid, -.is-focused .form-control.is-valid, -.was-validated .is-focused .custom-select:valid, -.is-focused .custom-select.is-valid { - border-color: #999999; -} - -.was-validated .is-focused .form-control:valid:focus, -.is-focused .form-control.is-valid:focus, -.was-validated .is-focused .custom-select:valid:focus, -.is-focused .custom-select.is-valid:focus { - border-color: #999999; - box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.25); -} - -.was-validated .is-focused .form-control:valid~.valid-feedback, -.was-validated .is-focused .form-control:valid~.valid-tooltip, -.is-focused .form-control.is-valid~.valid-feedback, -.is-focused .form-control.is-valid~.valid-tooltip, -.was-validated .is-focused .custom-select:valid~.valid-feedback, -.was-validated .is-focused .custom-select:valid~.valid-tooltip, -.is-focused .custom-select.is-valid~.valid-feedback, -.is-focused .custom-select.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .is-focused .form-check-input:valid~.form-check-label, -.is-focused .form-check-input.is-valid~.form-check-label { - color: #999999; -} - -.was-validated .is-focused .form-check-input:valid~.valid-feedback, -.was-validated .is-focused .form-check-input:valid~.valid-tooltip, -.is-focused .form-check-input.is-valid~.valid-feedback, -.is-focused .form-check-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .is-focused .custom-control-input:valid~.custom-control-label, -.is-focused .custom-control-input.is-valid~.custom-control-label { - color: #999999; -} - -.was-validated .is-focused .custom-control-input:valid~.custom-control-label::before, -.is-focused .custom-control-input.is-valid~.custom-control-label::before { - background-color: #d9d9d9; -} - -.was-validated .is-focused .custom-control-input:valid~.valid-feedback, -.was-validated .is-focused .custom-control-input:valid~.valid-tooltip, -.is-focused .custom-control-input.is-valid~.valid-feedback, -.is-focused .custom-control-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .is-focused .custom-control-input:valid:checked~.custom-control-label::before, -.is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { - background-color: #b3b3b3; -} - -.was-validated .is-focused .custom-control-input:valid:focus~.custom-control-label::before, -.is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { - box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(153, 153, 153, 0.25); -} - -.was-validated .is-focused .custom-file-input:valid~.custom-file-label, -.is-focused .custom-file-input.is-valid~.custom-file-label { - border-color: #999999; -} - -.was-validated .is-focused .custom-file-input:valid~.custom-file-label::before, -.is-focused .custom-file-input.is-valid~.custom-file-label::before { - border-color: inherit; -} - -.was-validated .is-focused .custom-file-input:valid~.valid-feedback, -.was-validated .is-focused .custom-file-input:valid~.valid-tooltip, -.is-focused .custom-file-input.is-valid~.valid-feedback, -.is-focused .custom-file-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .is-focused .custom-file-input:valid:focus~.custom-file-label, -.is-focused .custom-file-input.is-valid:focus~.custom-file-label { - box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.25); -} - -.is-focused [class^='bmd-label'], -.is-focused [class*=' bmd-label'] { - color: #9c27b0; -} - -.is-focused .bmd-label-placeholder { - color: #999999; -} - -.is-focused .form-control { - border-color: #d2d2d2; -} - -.is-focused .bmd-help { - color: #555; -} - -.has-success [class^='bmd-label'], -.has-success [class*=' bmd-label'] { - color: #4caf50; -} - -.has-success .form-control, -.is-focused .has-success .form-control { - background-image: linear-gradient(to top, #4caf50 2px, rgba(76, 175, 80, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -.has-success .form-control:invalid { - background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -.has-success .form-control:read-only { - background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -fieldset[disabled][disabled] .has-success .form-control, -.has-success .form-control.disabled, -.has-success .form-control:disabled, -.has-success .form-control[disabled] { - background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); - background-repeat: repeat-x; - background-size: 3px 1px; -} - -.has-success .form-control.form-control-success, -.is-focused .has-success .form-control.form-control-success { - background-image: linear-gradient(to top, #4caf50 2px, rgba(76, 175, 80, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; -} - -.has-success .form-control.form-control-warning, -.is-focused .has-success .form-control.form-control-warning { - background-image: linear-gradient(to top, #4caf50 2px, rgba(76, 175, 80, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; -} - -.has-success .form-control.form-control-danger, -.is-focused .has-success .form-control.form-control-danger { - background-image: linear-gradient(to top, #4caf50 2px, rgba(76, 175, 80, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; -} - -.has-success .is-focused .valid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 80%; - color: #4caf50; -} - -.has-success .is-focused .valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: .5rem; - margin-top: .1rem; - font-size: .875rem; - line-height: 1; - color: #fff; - background-color: rgba(76, 175, 80, 0.8); - border-radius: .2rem; -} - -.was-validated .has-success .is-focused .form-control:valid, -.has-success .is-focused .form-control.is-valid, -.was-validated .has-success .is-focused .custom-select:valid, -.has-success .is-focused .custom-select.is-valid { - border-color: #4caf50; -} - -.was-validated .has-success .is-focused .form-control:valid:focus, -.has-success .is-focused .form-control.is-valid:focus, -.was-validated .has-success .is-focused .custom-select:valid:focus, -.has-success .is-focused .custom-select.is-valid:focus { - border-color: #4caf50; - box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); -} - -.was-validated .has-success .is-focused .form-control:valid~.valid-feedback, -.was-validated .has-success .is-focused .form-control:valid~.valid-tooltip, -.has-success .is-focused .form-control.is-valid~.valid-feedback, -.has-success .is-focused .form-control.is-valid~.valid-tooltip, -.was-validated .has-success .is-focused .custom-select:valid~.valid-feedback, -.was-validated .has-success .is-focused .custom-select:valid~.valid-tooltip, -.has-success .is-focused .custom-select.is-valid~.valid-feedback, -.has-success .is-focused .custom-select.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-success .is-focused .form-check-input:valid~.form-check-label, -.has-success .is-focused .form-check-input.is-valid~.form-check-label { - color: #4caf50; -} - -.was-validated .has-success .is-focused .form-check-input:valid~.valid-feedback, -.was-validated .has-success .is-focused .form-check-input:valid~.valid-tooltip, -.has-success .is-focused .form-check-input.is-valid~.valid-feedback, -.has-success .is-focused .form-check-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-success .is-focused .custom-control-input:valid~.custom-control-label, -.has-success .is-focused .custom-control-input.is-valid~.custom-control-label { - color: #4caf50; -} - -.was-validated .has-success .is-focused .custom-control-input:valid~.custom-control-label::before, -.has-success .is-focused .custom-control-input.is-valid~.custom-control-label::before { - background-color: #a3d7a5; -} - -.was-validated .has-success .is-focused .custom-control-input:valid~.valid-feedback, -.was-validated .has-success .is-focused .custom-control-input:valid~.valid-tooltip, -.has-success .is-focused .custom-control-input.is-valid~.valid-feedback, -.has-success .is-focused .custom-control-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-success .is-focused .custom-control-input:valid:checked~.custom-control-label::before, -.has-success .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { - background-color: #6ec071; -} - -.was-validated .has-success .is-focused .custom-control-input:valid:focus~.custom-control-label::before, -.has-success .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { - box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(76, 175, 80, 0.25); -} - -.was-validated .has-success .is-focused .custom-file-input:valid~.custom-file-label, -.has-success .is-focused .custom-file-input.is-valid~.custom-file-label { - border-color: #4caf50; -} - -.was-validated .has-success .is-focused .custom-file-input:valid~.custom-file-label::before, -.has-success .is-focused .custom-file-input.is-valid~.custom-file-label::before { - border-color: inherit; -} - -.was-validated .has-success .is-focused .custom-file-input:valid~.valid-feedback, -.was-validated .has-success .is-focused .custom-file-input:valid~.valid-tooltip, -.has-success .is-focused .custom-file-input.is-valid~.valid-feedback, -.has-success .is-focused .custom-file-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-success .is-focused .custom-file-input:valid:focus~.custom-file-label, -.has-success .is-focused .custom-file-input.is-valid:focus~.custom-file-label { - box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); -} - -.has-success .is-focused [class^='bmd-label'], -.has-success .is-focused [class*=' bmd-label'] { - color: #4caf50; -} - -.has-success .is-focused .bmd-label-placeholder { - color: #4caf50; -} - -.has-success .is-focused .form-control { - border-color: #4caf50; -} - -.has-success .is-focused .bmd-help { - color: #555; -} - -.has-info [class^='bmd-label'], -.has-info [class*=' bmd-label'] { - color: #00bcd4; -} - -.has-info .form-control, -.is-focused .has-info .form-control { - background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -.has-info .form-control:invalid { - background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -.has-info .form-control:read-only { - background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -fieldset[disabled][disabled] .has-info .form-control, -.has-info .form-control.disabled, -.has-info .form-control:disabled, -.has-info .form-control[disabled] { - background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); - background-repeat: repeat-x; - background-size: 3px 1px; -} - -.has-info .form-control.form-control-success, -.is-focused .has-info .form-control.form-control-success { - background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; -} - -.has-info .form-control.form-control-warning, -.is-focused .has-info .form-control.form-control-warning { - background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; -} - -.has-info .form-control.form-control-danger, -.is-focused .has-info .form-control.form-control-danger { - background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; -} - -.has-info .is-focused .valid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 80%; - color: #00bcd4; -} - -.has-info .is-focused .valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: .5rem; - margin-top: .1rem; - font-size: .875rem; - line-height: 1; - color: #fff; - background-color: rgba(0, 188, 212, 0.8); - border-radius: .2rem; -} - -.was-validated .has-info .is-focused .form-control:valid, -.has-info .is-focused .form-control.is-valid, -.was-validated .has-info .is-focused .custom-select:valid, -.has-info .is-focused .custom-select.is-valid { - border-color: #00bcd4; -} - -.was-validated .has-info .is-focused .form-control:valid:focus, -.has-info .is-focused .form-control.is-valid:focus, -.was-validated .has-info .is-focused .custom-select:valid:focus, -.has-info .is-focused .custom-select.is-valid:focus { - border-color: #00bcd4; - box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.25); -} - -.was-validated .has-info .is-focused .form-control:valid~.valid-feedback, -.was-validated .has-info .is-focused .form-control:valid~.valid-tooltip, -.has-info .is-focused .form-control.is-valid~.valid-feedback, -.has-info .is-focused .form-control.is-valid~.valid-tooltip, -.was-validated .has-info .is-focused .custom-select:valid~.valid-feedback, -.was-validated .has-info .is-focused .custom-select:valid~.valid-tooltip, -.has-info .is-focused .custom-select.is-valid~.valid-feedback, -.has-info .is-focused .custom-select.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-info .is-focused .form-check-input:valid~.form-check-label, -.has-info .is-focused .form-check-input.is-valid~.form-check-label { - color: #00bcd4; -} - -.was-validated .has-info .is-focused .form-check-input:valid~.valid-feedback, -.was-validated .has-info .is-focused .form-check-input:valid~.valid-tooltip, -.has-info .is-focused .form-check-input.is-valid~.valid-feedback, -.has-info .is-focused .form-check-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-info .is-focused .custom-control-input:valid~.custom-control-label, -.has-info .is-focused .custom-control-input.is-valid~.custom-control-label { - color: #00bcd4; -} - -.was-validated .has-info .is-focused .custom-control-input:valid~.custom-control-label::before, -.has-info .is-focused .custom-control-input.is-valid~.custom-control-label::before { - background-color: #55ecff; -} - -.was-validated .has-info .is-focused .custom-control-input:valid~.valid-feedback, -.was-validated .has-info .is-focused .custom-control-input:valid~.valid-tooltip, -.has-info .is-focused .custom-control-input.is-valid~.valid-feedback, -.has-info .is-focused .custom-control-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-info .is-focused .custom-control-input:valid:checked~.custom-control-label::before, -.has-info .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { - background-color: #08e3ff; -} - -.was-validated .has-info .is-focused .custom-control-input:valid:focus~.custom-control-label::before, -.has-info .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { - box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(0, 188, 212, 0.25); -} - -.was-validated .has-info .is-focused .custom-file-input:valid~.custom-file-label, -.has-info .is-focused .custom-file-input.is-valid~.custom-file-label { - border-color: #00bcd4; -} - -.was-validated .has-info .is-focused .custom-file-input:valid~.custom-file-label::before, -.has-info .is-focused .custom-file-input.is-valid~.custom-file-label::before { - border-color: inherit; -} - -.was-validated .has-info .is-focused .custom-file-input:valid~.valid-feedback, -.was-validated .has-info .is-focused .custom-file-input:valid~.valid-tooltip, -.has-info .is-focused .custom-file-input.is-valid~.valid-feedback, -.has-info .is-focused .custom-file-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-info .is-focused .custom-file-input:valid:focus~.custom-file-label, -.has-info .is-focused .custom-file-input.is-valid:focus~.custom-file-label { - box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.25); -} - -.has-info .is-focused [class^='bmd-label'], -.has-info .is-focused [class*=' bmd-label'] { - color: #00bcd4; -} - -.has-info .is-focused .bmd-label-placeholder { - color: #00bcd4; -} - -.has-info .is-focused .form-control { - border-color: #00bcd4; -} - -.has-info .is-focused .bmd-help { - color: #555; -} - -.has-white [class^='bmd-label'], -.has-white [class*=' bmd-label'] { - color: #ffffff; -} - -.has-white .form-control, -.is-focused .has-white .form-control { - background-image: linear-gradient(to top, #ffffff 2px, rgba(255, 255, 255, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px); -} - -.has-white .form-control:invalid { - background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px); -} - -.has-white .form-control:read-only { - background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px); -} - -fieldset[disabled][disabled] .has-white .form-control, -.has-white .form-control.disabled, -.has-white .form-control:disabled, -.has-white .form-control[disabled] { - background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 30%, transparent 30%, transparent 100%); - background-repeat: repeat-x; - background-size: 3px 1px; -} - -.has-white .form-control.form-control-success, -.is-focused .has-white .form-control.form-control-success { - background-image: linear-gradient(to top, #ffffff 2px, rgba(255, 255, 255, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; -} - -.has-white .form-control.form-control-warning, -.is-focused .has-white .form-control.form-control-warning { - background-image: linear-gradient(to top, #ffffff 2px, rgba(255, 255, 255, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; -} - -.has-white .form-control.form-control-danger, -.is-focused .has-white .form-control.form-control-danger { - background-image: linear-gradient(to top, #ffffff 2px, rgba(255, 255, 255, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; -} - -.has-white .is-focused .valid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 80%; - color: #ffffff; -} - -.has-white .is-focused .valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: .5rem; - margin-top: .1rem; - font-size: .875rem; - line-height: 1; - color: #fff; - background-color: rgba(255, 255, 255, 0.8); - border-radius: .2rem; -} - -.was-validated .has-white .is-focused .form-control:valid, -.has-white .is-focused .form-control.is-valid, -.was-validated .has-white .is-focused .custom-select:valid, -.has-white .is-focused .custom-select.is-valid { - border-color: #ffffff; -} - -.was-validated .has-white .is-focused .form-control:valid:focus, -.has-white .is-focused .form-control.is-valid:focus, -.was-validated .has-white .is-focused .custom-select:valid:focus, -.has-white .is-focused .custom-select.is-valid:focus { - border-color: #ffffff; - box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25); -} - -.was-validated .has-white .is-focused .form-control:valid~.valid-feedback, -.was-validated .has-white .is-focused .form-control:valid~.valid-tooltip, -.has-white .is-focused .form-control.is-valid~.valid-feedback, -.has-white .is-focused .form-control.is-valid~.valid-tooltip, -.was-validated .has-white .is-focused .custom-select:valid~.valid-feedback, -.was-validated .has-white .is-focused .custom-select:valid~.valid-tooltip, -.has-white .is-focused .custom-select.is-valid~.valid-feedback, -.has-white .is-focused .custom-select.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-white .is-focused .form-check-input:valid~.form-check-label, -.has-white .is-focused .form-check-input.is-valid~.form-check-label { - color: #ffffff; -} - -.was-validated .has-white .is-focused .form-check-input:valid~.valid-feedback, -.was-validated .has-white .is-focused .form-check-input:valid~.valid-tooltip, -.has-white .is-focused .form-check-input.is-valid~.valid-feedback, -.has-white .is-focused .form-check-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-white .is-focused .custom-control-input:valid~.custom-control-label, -.has-white .is-focused .custom-control-input.is-valid~.custom-control-label { - color: #ffffff; -} - -.was-validated .has-white .is-focused .custom-control-input:valid~.custom-control-label::before, -.has-white .is-focused .custom-control-input.is-valid~.custom-control-label::before { - background-color: white; -} - -.was-validated .has-white .is-focused .custom-control-input:valid~.valid-feedback, -.was-validated .has-white .is-focused .custom-control-input:valid~.valid-tooltip, -.has-white .is-focused .custom-control-input.is-valid~.valid-feedback, -.has-white .is-focused .custom-control-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-white .is-focused .custom-control-input:valid:checked~.custom-control-label::before, -.has-white .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { - background-color: white; -} - -.was-validated .has-white .is-focused .custom-control-input:valid:focus~.custom-control-label::before, -.has-white .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { - box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(255, 255, 255, 0.25); -} - -.was-validated .has-white .is-focused .custom-file-input:valid~.custom-file-label, -.has-white .is-focused .custom-file-input.is-valid~.custom-file-label { - border-color: #ffffff; -} - -.was-validated .has-white .is-focused .custom-file-input:valid~.custom-file-label::before, -.has-white .is-focused .custom-file-input.is-valid~.custom-file-label::before { - border-color: inherit; -} - -.was-validated .has-white .is-focused .custom-file-input:valid~.valid-feedback, -.was-validated .has-white .is-focused .custom-file-input:valid~.valid-tooltip, -.has-white .is-focused .custom-file-input.is-valid~.valid-feedback, -.has-white .is-focused .custom-file-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-white .is-focused .custom-file-input:valid:focus~.custom-file-label, -.has-white .is-focused .custom-file-input.is-valid:focus~.custom-file-label { - box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25); -} - -.has-white .is-focused [class^='bmd-label'], -.has-white .is-focused [class*=' bmd-label'] { - color: #ffffff; -} - -.has-white .is-focused .bmd-label-placeholder { - color: #ffffff; -} - -.has-white .is-focused .form-control { - border-color: #ffffff; -} - -.has-white .is-focused .bmd-help { - color: #555; -} - -.has-white .form-control:focus { - color: #ffffff; -} - -.has-warning [class^='bmd-label'], -.has-warning [class*=' bmd-label'] { - color: #ff9800; -} - -.has-warning .form-control, -.is-focused .has-warning .form-control { - background-image: linear-gradient(to top, #ff9800 2px, rgba(255, 152, 0, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -.has-warning .form-control:invalid { - background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -.has-warning .form-control:read-only { - background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -fieldset[disabled][disabled] .has-warning .form-control, -.has-warning .form-control.disabled, -.has-warning .form-control:disabled, -.has-warning .form-control[disabled] { - background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); - background-repeat: repeat-x; - background-size: 3px 1px; -} - -.has-warning .form-control.form-control-success, -.is-focused .has-warning .form-control.form-control-success { - background-image: linear-gradient(to top, #ff9800 2px, rgba(255, 152, 0, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; -} - -.has-warning .form-control.form-control-warning, -.is-focused .has-warning .form-control.form-control-warning { - background-image: linear-gradient(to top, #ff9800 2px, rgba(255, 152, 0, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; -} - -.has-warning .form-control.form-control-danger, -.is-focused .has-warning .form-control.form-control-danger { - background-image: linear-gradient(to top, #ff9800 2px, rgba(255, 152, 0, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; -} - -.has-warning .is-focused .valid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 80%; - color: #ff9800; -} - -.has-warning .is-focused .valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: .5rem; - margin-top: .1rem; - font-size: .875rem; - line-height: 1; - color: #fff; - background-color: rgba(255, 152, 0, 0.8); - border-radius: .2rem; -} - -.was-validated .has-warning .is-focused .form-control:valid, -.has-warning .is-focused .form-control.is-valid, -.was-validated .has-warning .is-focused .custom-select:valid, -.has-warning .is-focused .custom-select.is-valid { - border-color: #ff9800; -} - -.was-validated .has-warning .is-focused .form-control:valid:focus, -.has-warning .is-focused .form-control.is-valid:focus, -.was-validated .has-warning .is-focused .custom-select:valid:focus, -.has-warning .is-focused .custom-select.is-valid:focus { - border-color: #ff9800; - box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.25); -} - -.was-validated .has-warning .is-focused .form-control:valid~.valid-feedback, -.was-validated .has-warning .is-focused .form-control:valid~.valid-tooltip, -.has-warning .is-focused .form-control.is-valid~.valid-feedback, -.has-warning .is-focused .form-control.is-valid~.valid-tooltip, -.was-validated .has-warning .is-focused .custom-select:valid~.valid-feedback, -.was-validated .has-warning .is-focused .custom-select:valid~.valid-tooltip, -.has-warning .is-focused .custom-select.is-valid~.valid-feedback, -.has-warning .is-focused .custom-select.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-warning .is-focused .form-check-input:valid~.form-check-label, -.has-warning .is-focused .form-check-input.is-valid~.form-check-label { - color: #ff9800; -} - -.was-validated .has-warning .is-focused .form-check-input:valid~.valid-feedback, -.was-validated .has-warning .is-focused .form-check-input:valid~.valid-tooltip, -.has-warning .is-focused .form-check-input.is-valid~.valid-feedback, -.has-warning .is-focused .form-check-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-warning .is-focused .custom-control-input:valid~.custom-control-label, -.has-warning .is-focused .custom-control-input.is-valid~.custom-control-label { - color: #ff9800; -} - -.was-validated .has-warning .is-focused .custom-control-input:valid~.custom-control-label::before, -.has-warning .is-focused .custom-control-input.is-valid~.custom-control-label::before { - background-color: #ffcc80; -} - -.was-validated .has-warning .is-focused .custom-control-input:valid~.valid-feedback, -.was-validated .has-warning .is-focused .custom-control-input:valid~.valid-tooltip, -.has-warning .is-focused .custom-control-input.is-valid~.valid-feedback, -.has-warning .is-focused .custom-control-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-warning .is-focused .custom-control-input:valid:checked~.custom-control-label::before, -.has-warning .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { - background-color: #ffad33; -} - -.was-validated .has-warning .is-focused .custom-control-input:valid:focus~.custom-control-label::before, -.has-warning .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { - box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(255, 152, 0, 0.25); -} - -.was-validated .has-warning .is-focused .custom-file-input:valid~.custom-file-label, -.has-warning .is-focused .custom-file-input.is-valid~.custom-file-label { - border-color: #ff9800; -} - -.was-validated .has-warning .is-focused .custom-file-input:valid~.custom-file-label::before, -.has-warning .is-focused .custom-file-input.is-valid~.custom-file-label::before { - border-color: inherit; -} - -.was-validated .has-warning .is-focused .custom-file-input:valid~.valid-feedback, -.was-validated .has-warning .is-focused .custom-file-input:valid~.valid-tooltip, -.has-warning .is-focused .custom-file-input.is-valid~.valid-feedback, -.has-warning .is-focused .custom-file-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-warning .is-focused .custom-file-input:valid:focus~.custom-file-label, -.has-warning .is-focused .custom-file-input.is-valid:focus~.custom-file-label { - box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.25); -} - -.has-warning .is-focused [class^='bmd-label'], -.has-warning .is-focused [class*=' bmd-label'] { - color: #ff9800; -} - -.has-warning .is-focused .bmd-label-placeholder { - color: #ff9800; -} - -.has-warning .is-focused .form-control { - border-color: #ff9800; -} - -.has-warning .is-focused .bmd-help { - color: #555; -} - -.has-danger [class^='bmd-label'], -.has-danger [class*=' bmd-label'] { - color: #f44336; -} - -.has-danger .form-control, -.is-focused .has-danger .form-control { - background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -.has-danger .form-control:invalid { - background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -.has-danger .form-control:read-only { - background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -fieldset[disabled][disabled] .has-danger .form-control, -.has-danger .form-control.disabled, -.has-danger .form-control:disabled, -.has-danger .form-control[disabled] { - background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); - background-repeat: repeat-x; - background-size: 3px 1px; -} - -.has-danger .form-control.form-control-success, -.is-focused .has-danger .form-control.form-control-success { - background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; -} - -.has-danger .form-control.form-control-warning, -.is-focused .has-danger .form-control.form-control-warning { - background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; -} - -.has-danger .form-control.form-control-danger, -.is-focused .has-danger .form-control.form-control-danger { - background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; -} - -.has-danger .is-focused .valid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 80%; - color: #f44336; -} - -.has-danger .is-focused .valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: .5rem; - margin-top: .1rem; - font-size: .875rem; - line-height: 1; - color: #fff; - background-color: rgba(244, 67, 54, 0.8); - border-radius: .2rem; -} - -.was-validated .has-danger .is-focused .form-control:valid, -.has-danger .is-focused .form-control.is-valid, -.was-validated .has-danger .is-focused .custom-select:valid, -.has-danger .is-focused .custom-select.is-valid { - border-color: #f44336; -} - -.was-validated .has-danger .is-focused .form-control:valid:focus, -.has-danger .is-focused .form-control.is-valid:focus, -.was-validated .has-danger .is-focused .custom-select:valid:focus, -.has-danger .is-focused .custom-select.is-valid:focus { - border-color: #f44336; - box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); -} - -.was-validated .has-danger .is-focused .form-control:valid~.valid-feedback, -.was-validated .has-danger .is-focused .form-control:valid~.valid-tooltip, -.has-danger .is-focused .form-control.is-valid~.valid-feedback, -.has-danger .is-focused .form-control.is-valid~.valid-tooltip, -.was-validated .has-danger .is-focused .custom-select:valid~.valid-feedback, -.was-validated .has-danger .is-focused .custom-select:valid~.valid-tooltip, -.has-danger .is-focused .custom-select.is-valid~.valid-feedback, -.has-danger .is-focused .custom-select.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-danger .is-focused .form-check-input:valid~.form-check-label, -.has-danger .is-focused .form-check-input.is-valid~.form-check-label { - color: #f44336; -} - -.was-validated .has-danger .is-focused .form-check-input:valid~.valid-feedback, -.was-validated .has-danger .is-focused .form-check-input:valid~.valid-tooltip, -.has-danger .is-focused .form-check-input.is-valid~.valid-feedback, -.has-danger .is-focused .form-check-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-danger .is-focused .custom-control-input:valid~.custom-control-label, -.has-danger .is-focused .custom-control-input.is-valid~.custom-control-label { - color: #f44336; -} - -.was-validated .has-danger .is-focused .custom-control-input:valid~.custom-control-label::before, -.has-danger .is-focused .custom-control-input.is-valid~.custom-control-label::before { - background-color: #fbb4af; -} - -.was-validated .has-danger .is-focused .custom-control-input:valid~.valid-feedback, -.was-validated .has-danger .is-focused .custom-control-input:valid~.valid-tooltip, -.has-danger .is-focused .custom-control-input.is-valid~.valid-feedback, -.has-danger .is-focused .custom-control-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-danger .is-focused .custom-control-input:valid:checked~.custom-control-label::before, -.has-danger .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { - background-color: #f77066; -} - -.was-validated .has-danger .is-focused .custom-control-input:valid:focus~.custom-control-label::before, -.has-danger .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { - box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(244, 67, 54, 0.25); -} - -.was-validated .has-danger .is-focused .custom-file-input:valid~.custom-file-label, -.has-danger .is-focused .custom-file-input.is-valid~.custom-file-label { - border-color: #f44336; -} - -.was-validated .has-danger .is-focused .custom-file-input:valid~.custom-file-label::before, -.has-danger .is-focused .custom-file-input.is-valid~.custom-file-label::before { - border-color: inherit; -} - -.was-validated .has-danger .is-focused .custom-file-input:valid~.valid-feedback, -.was-validated .has-danger .is-focused .custom-file-input:valid~.valid-tooltip, -.has-danger .is-focused .custom-file-input.is-valid~.valid-feedback, -.has-danger .is-focused .custom-file-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-danger .is-focused .custom-file-input:valid:focus~.custom-file-label, -.has-danger .is-focused .custom-file-input.is-valid:focus~.custom-file-label { - box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); -} - -.has-danger .is-focused [class^='bmd-label'], -.has-danger .is-focused [class*=' bmd-label'] { - color: #f44336; -} - -.has-danger .is-focused .bmd-label-placeholder { - color: #f44336; -} - -.has-danger .is-focused .form-control { - border-color: #f44336; -} - -.has-danger .is-focused .bmd-help { - color: #555; -} - -.has-rose [class^='bmd-label'], -.has-rose [class*=' bmd-label'] { - color: #e91e63; -} - -.has-rose .form-control, -.is-focused .has-rose .form-control { - background-image: linear-gradient(to top, #e91e63 2px, rgba(233, 30, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -.has-rose .form-control:invalid { - background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -.has-rose .form-control:read-only { - background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); -} - -fieldset[disabled][disabled] .has-rose .form-control, -.has-rose .form-control.disabled, -.has-rose .form-control:disabled, -.has-rose .form-control[disabled] { - background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); - background-repeat: repeat-x; - background-size: 3px 1px; -} - -.has-rose .form-control.form-control-success, -.is-focused .has-rose .form-control.form-control-success { - background-image: linear-gradient(to top, #e91e63 2px, rgba(233, 30, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; -} - -.has-rose .form-control.form-control-warning, -.is-focused .has-rose .form-control.form-control-warning { - background-image: linear-gradient(to top, #e91e63 2px, rgba(233, 30, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; -} - -.has-rose .form-control.form-control-danger, -.is-focused .has-rose .form-control.form-control-danger { - background-image: linear-gradient(to top, #e91e63 2px, rgba(233, 30, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; -} - -.has-rose .is-focused .valid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 80%; - color: #e91e63; -} - -.has-rose .is-focused .valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: .5rem; - margin-top: .1rem; - font-size: .875rem; - line-height: 1; - color: #fff; - background-color: rgba(233, 30, 99, 0.8); - border-radius: .2rem; -} - -.was-validated .has-rose .is-focused .form-control:valid, -.has-rose .is-focused .form-control.is-valid, -.was-validated .has-rose .is-focused .custom-select:valid, -.has-rose .is-focused .custom-select.is-valid { - border-color: #e91e63; -} - -.was-validated .has-rose .is-focused .form-control:valid:focus, -.has-rose .is-focused .form-control.is-valid:focus, -.was-validated .has-rose .is-focused .custom-select:valid:focus, -.has-rose .is-focused .custom-select.is-valid:focus { - border-color: #e91e63; - box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25); -} - -.was-validated .has-rose .is-focused .form-control:valid~.valid-feedback, -.was-validated .has-rose .is-focused .form-control:valid~.valid-tooltip, -.has-rose .is-focused .form-control.is-valid~.valid-feedback, -.has-rose .is-focused .form-control.is-valid~.valid-tooltip, -.was-validated .has-rose .is-focused .custom-select:valid~.valid-feedback, -.was-validated .has-rose .is-focused .custom-select:valid~.valid-tooltip, -.has-rose .is-focused .custom-select.is-valid~.valid-feedback, -.has-rose .is-focused .custom-select.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-rose .is-focused .form-check-input:valid~.form-check-label, -.has-rose .is-focused .form-check-input.is-valid~.form-check-label { - color: #e91e63; -} - -.was-validated .has-rose .is-focused .form-check-input:valid~.valid-feedback, -.was-validated .has-rose .is-focused .form-check-input:valid~.valid-tooltip, -.has-rose .is-focused .form-check-input.is-valid~.valid-feedback, -.has-rose .is-focused .form-check-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-rose .is-focused .custom-control-input:valid~.custom-control-label, -.has-rose .is-focused .custom-control-input.is-valid~.custom-control-label { - color: #e91e63; -} - -.was-validated .has-rose .is-focused .custom-control-input:valid~.custom-control-label::before, -.has-rose .is-focused .custom-control-input.is-valid~.custom-control-label::before { - background-color: #f492b4; -} - -.was-validated .has-rose .is-focused .custom-control-input:valid~.valid-feedback, -.was-validated .has-rose .is-focused .custom-control-input:valid~.valid-tooltip, -.has-rose .is-focused .custom-control-input.is-valid~.valid-feedback, -.has-rose .is-focused .custom-control-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-rose .is-focused .custom-control-input:valid:checked~.custom-control-label::before, -.has-rose .is-focused .custom-control-input.is-valid:checked~.custom-control-label::before { - background-color: #ee4c83; -} - -.was-validated .has-rose .is-focused .custom-control-input:valid:focus~.custom-control-label::before, -.has-rose .is-focused .custom-control-input.is-valid:focus~.custom-control-label::before { - box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(233, 30, 99, 0.25); -} - -.was-validated .has-rose .is-focused .custom-file-input:valid~.custom-file-label, -.has-rose .is-focused .custom-file-input.is-valid~.custom-file-label { - border-color: #e91e63; -} - -.was-validated .has-rose .is-focused .custom-file-input:valid~.custom-file-label::before, -.has-rose .is-focused .custom-file-input.is-valid~.custom-file-label::before { - border-color: inherit; -} - -.was-validated .has-rose .is-focused .custom-file-input:valid~.valid-feedback, -.was-validated .has-rose .is-focused .custom-file-input:valid~.valid-tooltip, -.has-rose .is-focused .custom-file-input.is-valid~.valid-feedback, -.has-rose .is-focused .custom-file-input.is-valid~.valid-tooltip { - display: block; -} - -.was-validated .has-rose .is-focused .custom-file-input:valid:focus~.custom-file-label, -.has-rose .is-focused .custom-file-input.is-valid:focus~.custom-file-label { - box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25); -} - -.has-rose .is-focused [class^='bmd-label'], -.has-rose .is-focused [class*=' bmd-label'] { - color: #e91e63; -} - -.has-rose .is-focused .bmd-label-placeholder { - color: #e91e63; -} - -.has-rose .is-focused .form-control { - border-color: #e91e63; -} - -.has-rose .is-focused .bmd-help { - color: #555; -} - -.bmd-form-group { - position: relative; - padding-top: 27px; -} - -.bmd-form-group:not(.has-success):not(.has-danger) [class^='bmd-label'].bmd-label-floating, -.bmd-form-group:not(.has-success):not(.has-danger) [class*=' bmd-label'].bmd-label-floating { - color: #AAAAAA; -} - -.bmd-form-group [class^='bmd-label'], -.bmd-form-group [class*=' bmd-label'] { - position: absolute; - pointer-events: none; - transition: 0.3s ease all; -} - -.bmd-form-group [class^='bmd-label'].bmd-label-floating, -.bmd-form-group [class*=' bmd-label'].bmd-label-floating { - will-change: left, top, contents; - margin: 0; - line-height: 1.4; - font-weight: 400; -} - -.bmd-form-group.is-filled .bmd-label-placeholder { - display: none; -} - -.bmd-form-group.bmd-collapse-inline { - display: flex; - align-items: center; - padding: 0; - min-height: 2.1em; -} - -.bmd-form-group.bmd-collapse-inline .collapse { - flex: 1; - display: none; -} - -.bmd-form-group.bmd-collapse-inline .collapse.show { - max-width: 1200px; -} - -.bmd-form-group.bmd-collapse-inline .collapsing, -.bmd-form-group.bmd-collapse-inline .width:not(.collapse), -.bmd-form-group.bmd-collapse-inline .collapse.show { - display: block; -} - -.bmd-form-group.bmd-collapse-inline .collapsing { - transition-duration: 0.2s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} - -.bmd-form-group .form-control, -.bmd-form-group label, -.bmd-form-group input::placeholder { - line-height: 1.1; -} - -.bmd-form-group label { - color: #AAAAAA; -} - -.bmd-form-group .radio label, -.bmd-form-group label.radio-inline, -.bmd-form-group .checkbox label, -.bmd-form-group label.checkbox-inline, -.bmd-form-group .switch label { - line-height: 1.5; -} - -.bmd-form-group .checkbox label, -.bmd-form-group .radio label, -.bmd-form-group label { - font-size: 0.875rem; -} - -.bmd-form-group .bmd-label-floating, -.bmd-form-group .bmd-label-placeholder { - top: 2.3125rem; -} - -.bmd-form-group .is-focused .bmd-label-floating, -.bmd-form-group .is-filled .bmd-label-floating { - top: 1rem; - left: 0; - font-size: 0.6875rem; -} - -.bmd-form-group .bmd-label-static { - top: 0.35rem; - left: 0; - font-size: 0.875rem; -} - -.bmd-form-group .bmd-help { - margin-top: 0; - font-size: 0.75rem; -} - -.bmd-form-group .form-control.form-control-success, -.bmd-form-group .form-control.form-control-warning, -.bmd-form-group .form-control.form-control-danger { - background-size: 0 100%, 100% 100%, 0.9375rem 0.9375rem; -} - -.bmd-form-group .form-control.form-control-success, -.bmd-form-group .form-control.form-control-success:focus, -.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-success, -.bmd-form-group .form-control.form-control-warning, -.bmd-form-group .form-control.form-control-warning:focus, -.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-warning, -.bmd-form-group .form-control.form-control-danger, -.bmd-form-group .form-control.form-control-danger:focus, -.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-danger { - padding-right: 0; - background-repeat: no-repeat, no-repeat; - background-position: center bottom, center calc(100% - 1px), center right 0.46875rem; -} - -.bmd-form-group .form-control.form-control-success:focus, -.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-success, -.bmd-form-group .form-control.form-control-warning:focus, -.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-warning, -.bmd-form-group .form-control.form-control-danger:focus, -.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-danger { - background-size: 100% 100%, 100% 100%, 0.9375rem 0.9375rem; -} - -.bmd-form-group.bmd-form-group-sm .form-control, -.bmd-form-group.bmd-form-group-sm label, -.bmd-form-group.bmd-form-group-sm input::placeholder { - line-height: 1.1; -} - -.bmd-form-group.bmd-form-group-sm label { - color: #AAAAAA; -} - -.bmd-form-group.bmd-form-group-sm .radio label, -.bmd-form-group.bmd-form-group-sm label.radio-inline, -.bmd-form-group.bmd-form-group-sm .checkbox label, -.bmd-form-group.bmd-form-group-sm label.checkbox-inline, -.bmd-form-group.bmd-form-group-sm .switch label { - line-height: 1.5; -} - -.bmd-form-group.bmd-form-group-sm .checkbox label, -.bmd-form-group.bmd-form-group-sm .radio label, -.bmd-form-group.bmd-form-group-sm label { - font-size: 0.875rem; -} - -.bmd-form-group.bmd-form-group-sm .bmd-label-floating, -.bmd-form-group.bmd-form-group-sm .bmd-label-placeholder { - top: 1.875rem; -} - -.bmd-form-group.bmd-form-group-sm .is-focused .bmd-label-floating, -.bmd-form-group.bmd-form-group-sm .is-filled .bmd-label-floating { - top: 0.75rem; - left: 0; - font-size: 0.6875rem; -} - -.bmd-form-group.bmd-form-group-sm .bmd-label-static { - top: 0.1rem; - left: 0; - font-size: 0.875rem; -} - -.bmd-form-group.bmd-form-group-sm .bmd-help { - margin-top: 0; - font-size: 0.65625rem; -} - -.bmd-form-group.bmd-form-group-sm .form-control.form-control-success, -.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, -.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger { - background-size: 0 100%, 100% 100%, 0.6875rem 0.6875rem; -} - -.bmd-form-group.bmd-form-group-sm .form-control.form-control-success, -.bmd-form-group.bmd-form-group-sm .form-control.form-control-success:focus, -.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-success, -.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, -.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning:focus, -.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, -.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger, -.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger:focus, -.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-danger { - padding-right: 0; - background-repeat: no-repeat, no-repeat; - background-position: center bottom, center calc(100% - 1px), center right 0.34375rem; -} - -.bmd-form-group.bmd-form-group-sm .form-control.form-control-success:focus, -.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-success, -.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning:focus, -.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, -.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger:focus, -.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-danger { - background-size: 100% 100%, 100% 100%, 0.6875rem 0.6875rem; -} - -.bmd-form-group.bmd-form-group-lg .form-control, -.bmd-form-group.bmd-form-group-lg label, -.bmd-form-group.bmd-form-group-lg input::placeholder { - line-height: 1.1; -} - -.bmd-form-group.bmd-form-group-lg label { - color: #AAAAAA; -} - -.bmd-form-group.bmd-form-group-lg .radio label, -.bmd-form-group.bmd-form-group-lg label.radio-inline, -.bmd-form-group.bmd-form-group-lg .checkbox label, -.bmd-form-group.bmd-form-group-lg label.checkbox-inline, -.bmd-form-group.bmd-form-group-lg .switch label { - line-height: 1.5; -} - -.bmd-form-group.bmd-form-group-lg .checkbox label, -.bmd-form-group.bmd-form-group-lg .radio label, -.bmd-form-group.bmd-form-group-lg label { - font-size: 0.875rem; -} - -.bmd-form-group.bmd-form-group-lg .bmd-label-floating, -.bmd-form-group.bmd-form-group-lg .bmd-label-placeholder { - top: 2.4375rem; -} - -.bmd-form-group.bmd-form-group-lg .is-focused .bmd-label-floating, -.bmd-form-group.bmd-form-group-lg .is-filled .bmd-label-floating { - top: 1rem; - left: 0; - font-size: 0.6875rem; -} - -.bmd-form-group.bmd-form-group-lg .bmd-label-static { - top: 0.35rem; - left: 0; - font-size: 0.875rem; -} - -.bmd-form-group.bmd-form-group-lg .bmd-help { - margin-top: 0; - font-size: 0.9375rem; -} - -.bmd-form-group.bmd-form-group-lg .form-control.form-control-success, -.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, -.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger { - background-size: 0 100%, 100% 100%, 1.1875rem 1.1875rem; -} - -.bmd-form-group.bmd-form-group-lg .form-control.form-control-success, -.bmd-form-group.bmd-form-group-lg .form-control.form-control-success:focus, -.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-success, -.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, -.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning:focus, -.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, -.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger, -.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger:focus, -.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-danger { - padding-right: 0; - background-repeat: no-repeat, no-repeat; - background-position: center bottom, center calc(100% - 1px), center right 0.59375rem; -} - -.bmd-form-group.bmd-form-group-lg .form-control.form-control-success:focus, -.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-success, -.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning:focus, -.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, -.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger:focus, -.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-danger { - background-size: 100% 100%, 100% 100%, 1.1875rem 1.1875rem; -} - -.form-control, -label, -input::placeholder { - line-height: 1.1; -} - -label { - color: #AAAAAA; -} - -.radio label, -label.radio-inline, -.checkbox label, -label.checkbox-inline, -.switch label { - line-height: 1.5; -} - -.checkbox label, -.radio label, -label { - font-size: 0.875rem; -} - -.bmd-label-floating, -.bmd-label-placeholder { - top: 2.3125rem; -} - -.is-focused .bmd-label-floating, -.is-filled .bmd-label-floating { - top: 1rem; - left: 0; - font-size: 0.6875rem; -} - -.bmd-label-static { - top: 0.35rem; - left: 0; - font-size: 0.875rem; -} - -.bmd-help { - margin-top: 0; - font-size: 0.75rem; -} - -.form-control.form-control-success, -.form-control.form-control-warning, -.form-control.form-control-danger { - background-size: 0 100%, 100% 100%, 0.9375rem 0.9375rem; -} - -.form-control.form-control-success, -.form-control.form-control-success:focus, -.bmd-form-group.is-focused .form-control.form-control-success, -.form-control.form-control-warning, -.form-control.form-control-warning:focus, -.bmd-form-group.is-focused .form-control.form-control-warning, -.form-control.form-control-danger, -.form-control.form-control-danger:focus, -.bmd-form-group.is-focused .form-control.form-control-danger { - padding-right: 0; - background-repeat: no-repeat, no-repeat; - background-position: center bottom, center calc(100% - 1px), center right 0.46875rem; -} - -.form-control.form-control-success:focus, -.bmd-form-group.is-focused .form-control.form-control-success, -.form-control.form-control-warning:focus, -.bmd-form-group.is-focused .form-control.form-control-warning, -.form-control.form-control-danger:focus, -.bmd-form-group.is-focused .form-control.form-control-danger { - background-size: 100% 100%, 100% 100%, 0.9375rem 0.9375rem; -} - -select, -select.form-control { - -moz-appearance: none; - -webkit-appearance: none; -} - -@media (min-width: 576px) { - .form-inline .input-group { - display: inline-flex; - align-items: center; - } -} - -.form-control-feedback { - position: absolute; - top: 33px; - right: 0; - z-index: 2; - display: block; - width: 34px; - height: 34px; - line-height: 34px; - text-align: center; - pointer-events: none; - opacity: 0; -} - -.has-success .form-control-feedback { - color: #4caf50; - opacity: 1; -} - -.has-danger .form-control-feedback { - color: #f44336; - opacity: 1; -} - -.form-group { - margin-bottom: 17px; - position: relative; -} - -textarea { - height: auto !important; - resize: none; - line-height: 1.428571 !important; -} - -.form-group input[type=file] { - opacity: 0; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - z-index: -1; -} - -.form-newsletter .input-group, -.form-newsletter .form-group { - float: left; - width: 78%; - margin-right: 2%; - margin-top: 9px; - padding-top: 5px; -} - -.form-newsletter .btn { - float: left; - width: 20%; - margin: 9px 0 0; -} - -.form-file-upload .input-group-btn:last-child>.btn-round { - border-radius: 30px; -} - -.form-file-upload .input-group-btn .btn { - margin: 0; -} - -.form-file-upload .input-group { - width: 100%; -} - -.input-group .input-group-btn { - padding: 0 12px; -} - -.input-group .input-group-text { - display: flex; - justify-content: center; - align-items: center; - padding: 0 15px 0 15px; - background-color: transparent; - border-color: transparent; -} - -.input-group .input-group-btn { - position: absolute; - right: 0; - bottom: 0; - padding-right: 0; -} - -.list-group { - display: flex; - flex-direction: column; - flex-grow: 1; - padding: .5rem 0; -} - -.list-group.bmd-list-group-sm { - padding: .25rem 0; -} - -.list-group.bmd-list-group-sm .list-group-item { - padding: .5rem 1rem; -} - -.bmd-list-group-col { - display: flex; - flex-direction: column; - min-width: 0; -} - -.list-group-item { - display: flex; - flex-flow: row wrap; - align-items: center; - padding: 1rem; - line-height: 1; -} - -.list-group-item .list-group-item-text { - min-width: 0; - max-height: 2.188rem; - overflow: hidden; - text-overflow: ellipsis; -} - -.list-group-item :first-child { - margin-right: 2rem; -} - -.list-group-item>.pull-xs-right, -.list-group-item>.pull-sm-right, -.list-group-item>.pull-md-right, -.list-group-item>.pull-lg-right, -.list-group-item>.pull-xl-right, -.list-group-item>*~.label:last-child, -.list-group-item>*~.material-icons:last-child { - margin-right: 0; - margin-left: auto; -} - -.list-group-item .material-icons.pull-xs-right, -.list-group-item .material-icons.pull-sm-right, -.list-group-item .material-icons.pull-md-right, -.list-group-item .material-icons.pull-lg-right, -.list-group-item .material-icons.pull-xl-right, -.list-group-item .material-icons~.material-icons:last-child { - padding-left: 1rem; -} - -.list-group-item .list-group-item-text { - font-size: .875rem; - color: #555; -} - -.nav-link { - text-transform: uppercase; -} - -.navbar-nav .nav-link { - padding: 0.5321rem; - font-size: 0.875rem; - font-weight: 400; -} - -.nav-tabs, -.nav-pills { - border: 0; - border-radius: 3px; - padding: 0 15px; -} - -.nav-tabs .nav-link, -.nav-pills .nav-link { - padding: 1.4286em 0.8575em; - font-size: 0.875rem; - font-weight: 500; - border: 0; -} - -.nav .nav-item { - position: relative; -} - -.img-thumbnail { - border-radius: 16px; -} - -.img-raised { - box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2); -} - -.rounded { - border-radius: 6px !important; -} - -.navbar { - border: 0; - border-radius: 3px; - padding: 0.625rem 0; - margin-bottom: 20px; - color: #555; - background-color: #ffffff !important; - box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15); -} - -.navbar .dropdown-item:hover, -.navbar .dropdown-item:focus { - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4); - background-color: #ffffff; - color: #555; -} - -.navbar .navbar-toggler .navbar-toggler-icon { - background-color: #555; -} - -.navbar.fixed-top { - border-radius: 0; -} - -.navbar .navbar-nav .nav-item .nav-link { - position: relative; - color: inherit; - padding: 0.9375rem; - font-weight: 400; - font-size: 12px; - text-transform: uppercase; - border-radius: 3px; - line-height: 20px; -} - -.navbar .navbar-nav .nav-item .nav-link:not(.btn-just-icon) .fa { - position: relative; - top: 2px; - margin-top: -4px; - margin-right: 4px; -} - -.navbar .navbar-nav .nav-item .nav-link .material-icons, -.navbar .navbar-nav .nav-item .nav-link .fa { - font-size: 1.25rem; - max-width: 24px; - margin-top: -1.1em; -} - -.navbar .navbar-nav .nav-item .nav-link:not(.btn) .material-icons { - margin-top: -7px; - top: 3px; - position: relative; - margin-right: 3px; -} - -.navbar .navbar-nav .nav-item .nav-link.profile-photo { - padding: 0; - margin: 0 3px; -} - -.navbar .navbar-nav .nav-item .nav-link.profile-photo:after { - display: none; -} - -.navbar .navbar-nav .nav-item .nav-link.profile-photo .profile-photo-small { - height: 40px; - width: 40px; -} - -.navbar .navbar-nav .nav-item .nav-link.profile-photo .ripple-container { - border-radius: 50%; -} - -.navbar .navbar-nav .dropdown-menu-right { - transform-origin: 100% 0; -} - -.navbar .navbar-nav .nav-item.active .nav-link, -.navbar .navbar-nav .nav-item.active .nav-link:hover, -.navbar .navbar-nav .nav-item.active .nav-link:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.navbar .btn, -.navbar .navbar-nav .nav-item .btn { - margin-top: 0; - margin-bottom: 0; -} - -.navbar .navbar-toggler { - cursor: pointer; -} - -.navbar .navbar-toggler .navbar-toggler-icon { - position: relative; - width: 22px; - height: 2px; - vertical-align: middle; - outline: 0; - display: block; - border-radius: 1px; -} - -.navbar .navbar-toggler .navbar-toggler-icon+.navbar-toggler-icon { - margin-top: 4px; -} - -.navbar.navbar-absolute { - position: absolute; - width: 100%; - padding-top: 10px; - z-index: 1029; -} - -.navbar .navbar-wrapper { - display: inline-flex; - align-items: center; -} - -.navbar .navbar-brand { - position: relative; - color: inherit; - height: 50px; - font-size: 1.125rem; - line-height: 30px; - padding: 0.625rem 0; -} - -.navbar.bg-primary { - color: #ffffff; - background-color: #9c27b0 !important; - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(156, 39, 176, 0.46); -} - -.navbar.bg-primary .dropdown-item:hover, -.navbar.bg-primary .dropdown-item:focus { - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); - background-color: #9c27b0; - color: #ffffff; -} - -.navbar.bg-primary .navbar-toggler .navbar-toggler-icon { - background-color: #ffffff; -} - -.navbar.bg-info { - color: #ffffff; - background-color: #00bcd4 !important; - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(0, 188, 212, 0.46); -} - -.navbar.bg-info .dropdown-item:hover, -.navbar.bg-info .dropdown-item:focus { - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4); - background-color: #00bcd4; - color: #ffffff; -} - -.navbar.bg-info .navbar-toggler .navbar-toggler-icon { - background-color: #ffffff; -} - -.navbar.bg-warning { - color: #ffffff; - background-color: #ff9800 !important; - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(255, 152, 0, 0.46); -} - -.navbar.bg-warning .dropdown-item:hover, -.navbar.bg-warning .dropdown-item:focus { - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); - background-color: #ff9800; - color: #ffffff; -} - -.navbar.bg-warning .navbar-toggler .navbar-toggler-icon { - background-color: #ffffff; -} - -.navbar.bg-rose { - color: #ffffff; - background-color: #e91e63 !important; - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(233, 30, 99, 0.46); -} - -.navbar.bg-rose .dropdown-item:hover, -.navbar.bg-rose .dropdown-item:focus { - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4); - background-color: #e91e63; - color: #ffffff; -} - -.navbar.bg-rose .navbar-toggler .navbar-toggler-icon { - background-color: #ffffff; -} - -.navbar.bg-danger { - color: #ffffff; - background-color: #f44336 !important; - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(244, 67, 54, 0.46); -} - -.navbar.bg-danger .dropdown-item:hover, -.navbar.bg-danger .dropdown-item:focus { - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4); - background-color: #f44336; - color: #ffffff; -} - -.navbar.bg-danger .navbar-toggler .navbar-toggler-icon { - background-color: #ffffff; -} - -.navbar.bg-success { - color: #ffffff; - background-color: #4caf50 !important; - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(76, 175, 80, 0.46); -} - -.navbar.bg-success .dropdown-item:hover, -.navbar.bg-success .dropdown-item:focus { - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); - background-color: #4caf50; - color: #ffffff; -} - -.navbar.bg-success .navbar-toggler .navbar-toggler-icon { - background-color: #ffffff; -} - -.navbar.bg-dark { - color: #ffffff; - background-color: #212121 !important; - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(33, 33, 33, 0.46); -} - -.navbar.bg-dark .dropdown-item:hover, -.navbar.bg-dark .dropdown-item:focus { - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4); - background-color: #212121; - color: #ffffff; -} - -.navbar.bg-dark .navbar-toggler .navbar-toggler-icon { - background-color: #ffffff; -} - -.navbar.navbar-transparent { - background-color: transparent !important; - box-shadow: none; - padding-top: 25px; - color: #ffffff; -} - -#navbar .navbar { - border-radius: 0; -} - -.badge { - padding: 5px 12px; - text-transform: uppercase; - font-size: 10px; - color: #ffffff; -} - -.badge.badge-primary { - background-color: #9c27b0; -} - -.badge.badge-info { - background-color: #00bcd4; -} - -.badge.badge-success { - background-color: #4caf50; -} - -.badge.badge-warning { - background-color: #ff9800; -} - -.badge.badge-danger { - background-color: #f44336; -} - -.badge.badge-rose { - background-color: #e91e63; -} - -.badge.badge-default { - background-color: #999; -} - -.badge-default[href]:hover, -.badge-default[href]:focus { - background-color: #c1c1c1; -} - -.badge-primary[href]:hover, -.badge-primary[href]:focus { - background-color: #89229b; -} - -.badge-info[href]:hover, -.badge-info[href]:focus { - background-color: #00a5bb; -} - -.badge-success[href]:hover, -.badge-success[href]:focus { - background-color: #449d48; -} - -.badge-warning[href]:hover, -.badge-warning[href]:focus { - background-color: #e68900; - color: #ffffff; -} - -.badge-danger[href]:hover, -.badge-danger[href]:focus { - background-color: #f32c1e; -} - -.badge-rose[href]:hover, -.badge-rose[href]:focus { - background-color: #d81558; -} - -.alert { - border: 0; - border-radius: 0; - padding: 20px 15px; - line-height: 20px; -} - -.alert b { - font-weight: 500; - text-transform: uppercase; - font-size: 12px; -} - -.alert, -.alert.alert-default { - background-color: white; - color: #555; -} - -.alert a, -.alert .alert-link, -.alert.alert-default a, -.alert.alert-default .alert-link { - color: #555; -} - -.alert.alert-inverse { - background-color: #292929; - color: #fff; -} - -.alert.alert-inverse a, -.alert.alert-inverse .alert-link { - color: #fff; -} - -.alert.alert-primary { - background-color: #a72abd; - color: #fff; -} - -.alert.alert-primary a, -.alert.alert-primary .alert-link { - color: #fff; -} - -.alert.alert-success { - background-color: #55b559; - color: #fff; -} - -.alert.alert-success a, -.alert.alert-success .alert-link { - color: #fff; -} - -.alert.alert-info { - background-color: #00cae3; - color: #fff; -} - -.alert.alert-info a, -.alert.alert-info .alert-link { - color: #fff; -} - -.alert.alert-warning { - background-color: #ff9e0f; - color: #fff; -} - -.alert.alert-warning a, -.alert.alert-warning .alert-link { - color: #fff; -} - -.alert.alert-danger { - background-color: #f55145; - color: #fff; -} - -.alert.alert-danger a, -.alert.alert-danger .alert-link { - color: #fff; -} - -.alert.alert-rose { - background-color: #ea2c6d; - color: #fff; -} - -.alert.alert-rose a, -.alert.alert-rose .alert-link { - color: #fff; -} - -.alert-info, -.alert-danger, -.alert-warning, -.alert-success { - color: #fff; -} - -.alert-default a, -.alert-default .alert-link { - color: rgba(0, 0, 0, 0.87); -} - -.alert .alert-icon { - display: block; - float: left; - margin-right: 1.071rem; -} - -.alert .alert-icon i { - margin-top: -7px; - top: 5px; - position: relative; -} - -.alert .close { - color: #ffffff; - text-shadow: none; - opacity: .9; -} - -.alert .close i { - font-size: 20px; -} - -.alert .close:hover, -.alert .close:focus { - opacity: 1; -} - -.pagination>.page-item>.page-link, -.pagination>.page-item>span { - border: 0; - border-radius: 30px !important; - transition: all .3s; - padding: 0px 11px; - margin: 0 3px; - min-width: 30px; - height: 30px; - line-height: 30px; - color: #999999; - font-weight: 400; - font-size: 12px; - text-transform: uppercase; - background: transparent; - text-align: center; -} - -.pagination>.page-item>.page-link:hover, -.pagination>.page-item>.page-link:focus, -.pagination>.page-item>span:hover, -.pagination>.page-item>span:focus { - color: #999999; -} - -.pagination>.page-item.active>a, -.pagination>.page-item.active>span { - color: #999999; -} - -.pagination>.page-item.active>a, -.pagination>.page-item.active>a:focus, -.pagination>.page-item.active>a:hover, -.pagination>.page-item.active>span, -.pagination>.page-item.active>span:focus, -.pagination>.page-item.active>span:hover { - background-color: #9c27b0; - border-color: #9c27b0; - color: #ffffff; - box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2); -} - -.pagination.pagination-info>.page-item.active>a, -.pagination.pagination-info>.page-item.active>a:focus, -.pagination.pagination-info>.page-item.active>a:hover, -.pagination.pagination-info>.page-item.active>span, -.pagination.pagination-info>.page-item.active>span:focus, -.pagination.pagination-info>.page-item.active>span:hover { - background-color: #00bcd4; - border-color: #00bcd4; - box-shadow: 0 4px 5px 0 rgba(0, 188, 212, 0.14), 0 1px 10px 0 rgba(0, 188, 212, 0.12), 0 2px 4px -1px rgba(0, 188, 212, 0.2); -} - -.pagination.pagination-success>.page-item.active>a, -.pagination.pagination-success>.page-item.active>a:focus, -.pagination.pagination-success>.page-item.active>a:hover, -.pagination.pagination-success>.page-item.active>span, -.pagination.pagination-success>.page-item.active>span:focus, -.pagination.pagination-success>.page-item.active>span:hover { - background-color: #4caf50; - border-color: #4caf50; - box-shadow: 0 4px 5px 0 rgba(76, 175, 80, 0.14), 0 1px 10px 0 rgba(76, 175, 80, 0.12), 0 2px 4px -1px rgba(76, 175, 80, 0.2); -} - -.pagination.pagination-warning>.page-item.active>a, -.pagination.pagination-warning>.page-item.active>a:focus, -.pagination.pagination-warning>.page-item.active>a:hover, -.pagination.pagination-warning>.page-item.active>span, -.pagination.pagination-warning>.page-item.active>span:focus, -.pagination.pagination-warning>.page-item.active>span:hover { - background-color: #ff9800; - border-color: #ff9800; - box-shadow: 0 4px 5px 0 rgba(255, 152, 0, 0.14), 0 1px 10px 0 rgba(255, 152, 0, 0.12), 0 2px 4px -1px rgba(255, 152, 0, 0.2); -} - -.pagination.pagination-danger>.page-item.active>a, -.pagination.pagination-danger>.page-item.active>a:focus, -.pagination.pagination-danger>.page-item.active>a:hover, -.pagination.pagination-danger>.page-item.active>span, -.pagination.pagination-danger>.page-item.active>span:focus, -.pagination.pagination-danger>.page-item.active>span:hover { - background-color: #f44336; - border-color: #f44336; - box-shadow: 0 4px 5px 0 rgba(244, 67, 54, 0.14), 0 1px 10px 0 rgba(244, 67, 54, 0.12), 0 2px 4px -1px rgba(244, 67, 54, 0.2); -} - -.pagination .page-item .page-link:focus { - box-shadow: none; -} - -.nav-pills:not(.flex-column) .nav-item+.nav-item:not(:first-child) { - margin-left: 5px; -} - -.nav-pills.flex-column .nav-item+.nav-item { - margin-top: 5px; -} - -.nav-pills .nav-item .nav-link { - line-height: 24px; - text-transform: uppercase; - font-size: 12px; - font-weight: 500; - min-width: 100px; - text-align: center; - color: #555; - transition: all .3s; - border-radius: 30px; - padding: 10px 15px; -} - -.nav-pills .nav-item .nav-link:hover { - background-color: rgba(200, 200, 200, 0.2); -} - -.nav-pills .nav-item .nav-link.active { - color: #ffffff; - background-color: #9c27b0; - box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(156, 39, 176, 0.6); -} - -.nav-pills .nav-item i { - display: block; - font-size: 30px; - padding: 15px 0; -} - -.nav-pills.nav-pills-info .nav-item .nav-link.active, -.nav-pills.nav-pills-info .nav-item .nav-link.active:focus, -.nav-pills.nav-pills-info .nav-item .nav-link.active:hover { - background-color: #00bcd4; - box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(0, 188, 212, 0.6); - color: #ffffff; -} - -.nav-pills.nav-pills-rose .nav-item .nav-link.active, -.nav-pills.nav-pills-rose .nav-item .nav-link.active:focus, -.nav-pills.nav-pills-rose .nav-item .nav-link.active:hover { - background-color: #e91e63; - box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); - color: #ffffff; -} - -.nav-pills.nav-pills-success .nav-item .nav-link.active, -.nav-pills.nav-pills-success .nav-item .nav-link.active:focus, -.nav-pills.nav-pills-success .nav-item .nav-link.active:hover { - background-color: #4caf50; - box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(76, 175, 80, 0.6); - color: #ffffff; -} - -.nav-pills.nav-pills-warning .nav-item .nav-link.active, -.nav-pills.nav-pills-warning .nav-item .nav-link.active:focus, -.nav-pills.nav-pills-warning .nav-item .nav-link.active:hover { - background-color: #ff9800; - box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(255, 152, 0, 0.6); - color: #ffffff; -} - -.nav-pills.nav-pills-danger .nav-item .nav-link.active, -.nav-pills.nav-pills-danger .nav-item .nav-link.active:focus, -.nav-pills.nav-pills-danger .nav-item .nav-link.active:hover { - background-color: #f44336; - box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(244, 67, 54, 0.6); - color: #ffffff; -} - -.nav-pills.nav-pills-icons .nav-item .nav-link { - border-radius: 4px; -} - -.tab-space { - padding: 20px 0 50px 0px; -} - -.info { - max-width: 360px; - margin: 0 auto; - padding: 70px 0 30px; -} - -.info .icon { - color: #999999; -} - -.info .icon>i { - font-size: 3.85rem; -} - -.info .info-title { - color: #000000; - margin: 1.75rem 0 0.875rem; -} - -.info p { - color: #999999; -} - -.info-horizontal .icon { - float: left; - margin-top: 24px; - margin-right: 10px; -} - -.info-horizontal .icon>i { - font-size: 2.25rem; -} - -.info-horizontal .description { - overflow: hidden; -} - -.icon.icon-primary { - color: #9c27b0; -} - -.icon.icon-info { - color: #00bcd4; -} - -.icon.icon-success { - color: #4caf50; -} - -.icon.icon-warning { - color: #ff9800; -} - -.icon.icon-danger { - color: #f44336; -} - -.icon.icon-rose { - color: #e91e63; -} - -body, -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4 { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-weight: 300; - line-height: 1.5em; -} - -h1, -h2, -h3, -.h1, -.h2, -.h3 { - margin-top: 20px; - margin-bottom: 10px; -} - -h4, -h5, -h6, -.h4, -.h5, -.h6 { - margin-top: 10px; - margin-bottom: 10px; -} - -html * { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -h1, -.h1 { - font-size: 3.3125rem; - line-height: 1.15em; -} - -h2, -.h2 { - font-size: 2.25rem; - line-height: 1.5em; -} - -h3, -.h3 { - font-size: 1.5625rem; - line-height: 1.4em; -} - -h4, -.h4 { - font-size: 1.125rem; - line-height: 1.5em; -} - -h5, -.h5 { - font-size: 1.0625rem; - line-height: 1.55em; - margin-bottom: 15px; -} - -h6, -.h6 { - font-size: 0.75rem; - text-transform: uppercase; - font-weight: 500; -} - -p { - font-size: 14px; - margin: 0 0 10px; -} - -b { - font-weight: 700; -} - -small, -.small { - font-size: 75%; - color: #777; -} - -.title, -.card-title, -.info-title, -.footer-brand, -.footer-big h5, -.footer-big h4, -.media .media-heading { - font-weight: 700; - font-family: "Roboto Slab", "Times New Roman", serif; -} - -.title, -.title a, -.card-title, -.card-title a, -.info-title, -.info-title a, -.footer-brand, -.footer-brand a, -.footer-big h5, -.footer-big h5 a, -.footer-big h4, -.footer-big h4 a, -.media .media-heading, -.media .media-heading a { - color: #000000; - text-decoration: none; -} - -h2.title { - margin-bottom: 1rem; -} - -.description, -.card-description, -.footer-big p { - color: #999; -} - -.text-warning { - color: #ff9800 !important; -} - -.text-primary { - color: #9c27b0 !important; -} - -.text-danger { - color: #f44336 !important; -} - -.text-success { - color: #4caf50 !important; -} - -.text-info { - color: #00bcd4 !important; -} - -.text-rose { - color: #e91e63 !important; -} +.form-check { + margin-bottom: .5rem; + padding-left: 0; } + .form-check .form-check-label { + cursor: pointer; + padding-left: 0; } + .form-group.is-focused .form-check .form-check-label { + color: rgba(0,0,0, 0.26); } + .form-group.is-focused .form-check .form-check-label:hover, .form-group.is-focused .form-check .form-check-label:focus { + color: rgba(0,0,0, .54); } + fieldset[disabled] .form-group.is-focused .form-check .form-check-label { + color: rgba(0,0,0, 0.26); } + .form-check .form-check-input { + opacity: 0; + position: absolute; + margin: 0; + z-index: -1; + width: 0; + height: 0; + overflow: hidden; + left: 0; + pointer-events: none; } + .form-check .form-check-sign { + vertical-align: middle; + position: relative; + top: -2px; + float: left; + padding-right: 10px; + display: inline-block; } + .form-check .form-check-sign:before { + display: block; + position: absolute; + left: 0; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + height: 20px; + width: 20px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + top: 0; + transform: scale3d(2.3,2.3,1); } + .form-check .form-check-sign .check { + position: relative; + display: inline-block; + width: 20px; + height: 20px; + border: 1px solid rgba(0,0,0, .54); + overflow: hidden; + z-index: 1; + border-radius: 3px; } + .form-check .form-check-sign .check:before { + position: absolute; + content: ""; + transform: rotate(45deg); + display: block; + margin-top: -3px; + margin-left: 7px; + width: 0; + color: #ffffff; + height: 0; + box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset; + -webkit-animation: checkbox-off 0.3s forwards; + animation: checkbox-off 0.3s forwards; } + .form-check .form-check-input:focus + .form-check-sign .check:after { + opacity: 0.2; } + .form-check .form-check-input:checked ~ .form-check-sign .check { + background: #9c27b0; } + .form-check .form-check-input:checked ~ .form-check-sign .check:before { + color: #fff; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + -webkit-animation: checkbox-on 0.3s forwards; + animation: checkbox-on 0.3s forwards; } + .form-check .form-check-input:checked ~ .form-check-sign:before { + -webkit-animation: rippleOn 500ms; + animation: rippleOn 500ms; } + .form-check .form-check-input:checked ~ .form-check-sign .check:after { + -webkit-animation: rippleOn 500ms forwards; + animation: rippleOn 500ms forwards; } + .form-check .form-check-input:not(:checked) + .form-check-sign:before { + -webkit-animation: rippleOff 500ms; + animation: rippleOff 500ms; } + .form-check .form-check-input:not(:checked) + .form-check-sign .check:after { + -webkit-animation: rippleOff 500ms; + animation: rippleOff 500ms; } + fieldset[disabled] .form-check, + fieldset[disabled] .form-check .form-check-input, + .form-check .form-check-input[disabled] ~ .form-check-sign .check, + .form-check .form-check-input[disabled] + .circle { + opacity: 0.5; } + .form-check .form-check-input[disabled] ~ .form-check-sign .check { + border-color: #000000; + opacity: .26; } + .form-check .form-check-input[disabled] + .form-check-sign .check:after { + background-color: rgba(0,0,0, 0.87); + transform: rotate(-45deg); } + .form-check .form-check-input[disabled][checked] + .form-check-sign .check { + background-color: #000; } + +@-webkit-keyframes checkbox-on { + 0% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; } + 50% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; } + 100% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; } } -.text-gray { - color: #999999 !important; -} +@keyframes checkbox-on { + 0% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; } + 50% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; } + 100% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; } } -.space { - height: 130px; - display: block; -} +@-webkit-keyframes rippleOn { + 0% { + opacity: 0; } + 50% { + opacity: 0.2; } + 100% { + opacity: 0; } } -.space-110 { - height: 110px; - display: block; -} +@keyframes rippleOn { + 0% { + opacity: 0; } + 50% { + opacity: 0.2; } + 100% { + opacity: 0; } } -.space-50 { - height: 50px; - display: block; -} +@-webkit-keyframes rippleOff { + 0% { + opacity: 0; } + 50% { + opacity: 0.2; } + 100% { + opacity: 0; } } -.space-70 { - height: 70px; - display: block; -} +@keyframes rippleOff { + 0% { + opacity: 0; } + 50% { + opacity: 0.2; } + 100% { + opacity: 0; } } -.blockquote { - padding: 10px 20px; - margin: 0 0 20px; - border-left: 5px solid #eee; -} +.switch label { + position: relative; + padding-left: 2.4375rem; } + .switch label .bmd-switch-track { + position: absolute; + top: 0.3125rem; + left: 0; + display: inline-block; + width: 2.125rem; + height: 0.875rem; + cursor: pointer; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 50%, #c49bcb 50%, #c49bcb 100%); + background-position: 0%; + background-size: 4.25rem 0.875rem; + border-radius: 2.125rem; + transition: background-position 0.2s ease-in; } + .switch label .bmd-switch-track::after { + position: absolute; + top: 50%; + left: 0; + display: block; + align-self: center; + width: 1.25rem; + height: 1.25rem; + content: ""; + background: #f1f1f1; + border-radius: 100%; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); + transition: left 0.2s ease-in, background-color 0.2s ease-in, transform 0.3s ease; + transform: translateY(-50%); } + .switch label .bmd-switch-track:active::after { + transform: translateY(-50%) scale3d(1.15, 0.85, 1); } + .switch label input { + position: absolute; + display: block; + width: 0; + height: 0; + opacity: 0; } + .switch label input:checked + .bmd-switch-track { + background-position: -100%; } + .switch label input:checked + .bmd-switch-track::after { + left: calc(100% - 1.25rem); + background-color: #9c27b0; } + .switch label input:disabled + .bmd-switch-track:active::after { + transform: translateY(-50%); } + .switch label input:disabled + .bmd-switch-track { + cursor: default; + background: rgba(0, 0, 0, 0.12); } + .switch label input:disabled + .bmd-switch-track::after { + background: #bdbdbd; } -.blockquote p { - font-size: 1.063rem; - font-style: italic; -} +.form-check .form-check-label { + cursor: pointer; + padding-left: 25px; + position: relative; } + .form-group.is-focused .form-check .form-check-label { + color: rgba(0,0,0, 0.26); } + .form-group.is-focused .form-check .form-check-label:hover, .form-group.is-focused .form-check .form-check-label:focus { + color: rgba(0,0,0, .54); } + fieldset[disabled] .form-group.is-focused .form-check .form-check-label { + color: rgba(0,0,0, 0.26); } + .form-check .form-check-label span { + display: block; + position: absolute; + left: -1px; + top: -1px; + transition-duration: 0.2s; } + .form-check .form-check-label .circle { + border: 1px solid rgba(0,0,0, .54); + height: 15px; + width: 15px; + border-radius: 100%; + top: 1px; } + .form-check .form-check-label .circle .check { + height: 15px; + width: 15px; + border-radius: 100%; + background-color: #9c27b0; + transform: scale3d(0,0,0); } -.blockquote small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #777; -} +.form-check .form-check-input { + opacity: 0; + height: 0; + width: 0; + overflow: hidden; } + .form-check .form-check-input:checked ~ .check, + .form-check .form-check-input:checked ~ .circle { + opacity: 1; } + .form-check .form-check-input:checked ~ .check { + background-color: #9c27b0; } + .form-check .form-check-input:checked ~ .circle { + border-color: #9c27b0; } + .form-check .form-check-input:checked .check:before { + -webkit-animation: checkboxOn .5s forwards; + animation: checkboxOn .5s forwards; } + .form-check .form-check-input:checked ~ .circle .check { + transform: scale3d(0.65, 0.65, 1); } + +.form-check .form-check-input[disabled] ~ .check, +.form-check .form-check-input[disabled] ~ .circle { + opacity: 0.26; } + +.form-check .form-check-input[disabled] ~ .check { + background-color: #000; } + +.form-check .form-check-input[disabled] ~ .circle { + border-color: #000; } + +.form-check .form-check-input[disabled] + .circle .check { + background-color: #000; } -.nav-tabs { - border: 0; - border-radius: 3px; - padding: 0 15px; -} +.form-check .form-check-sign { + vertical-align: middle; + position: relative; + top: -2px; + float: left; + padding-right: 10px; + display: inline-block; } -.nav-tabs .nav-item .nav-link { - color: #ffffff; - border: 0; +.form-check .form-check-label .circle:before { + display: block; + position: absolute; + left: -1px; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + height: 15px; + width: 15px; + border-radius: 100%; + z-index: 1; + opacity: 0; margin: 0; - border-radius: 3px; - line-height: 24px; - text-transform: uppercase; - font-size: 12px; - padding: 10px 15px; - background-color: transparent; - transition: 0.3s background-color 0s; -} - -.nav-tabs .nav-item .nav-link:hover { - border: 0; -} - -.nav-tabs .nav-item .nav-link, -.nav-tabs .nav-item .nav-link:hover, -.nav-tabs .nav-item .nav-link:focus { - border: 0 !important; - color: #ffffff !important; - font-weight: 500; -} - -.nav-tabs .nav-item.disabled .nav-link, -.nav-tabs .nav-item.disabled .nav-link:hover { - color: rgba(255, 255, 255, 0.5); -} - -.nav-tabs .nav-item .material-icons { - margin: -1px 5px 0 0; -} - -.nav-tabs .nav-item .nav-link.active { - background-color: rgba(255, 255, 255, 0.2); - transition: 0.3s background-color 0.2s; -} + top: -1px; + transform: scale3d(2.3, 2.3, 1); } -.nav-tabs .nav-link { - border-bottom: 0.214rem solid transparent; -} +.form-check .form-check-label .form-check-input:checked + .circle:before { + -webkit-animation: rippleOn .5s; + animation: rippleOn .5s; } -.nav-tabs .nav-link { - color: #555; -} +.form-check .form-check-label .form-check-input:checked + .circle .check:before { + color: #FFFFFF; + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; + -webkit-animation: checkboxOn 0.3s forwards; + animation: checkboxOn 0.3s forwards; } -.nav-tabs .nav-link.active { - color: rgba(0, 0, 0, 0.87); - border-color: #9c27b0; -} +.form-check + .form-check { + margin-top: 0; } -.nav-tabs .nav-link.active:hover, -.nav-tabs .nav-link.active:focus { - border-color: #9c27b0; -} +@-webkit-keyframes checkboxOn { + 0% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; } + 50% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; } + 100% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; } } -.nav-tabs .nav-link.disabled { - color: #999; -} +@keyframes checkboxOn { + 0% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; } + 50% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; } + 100% { + box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; } } -.nav-tabs .nav-link.disabled, -.nav-tabs .nav-link.disabled:hover, -.nav-tabs .nav-link.disabled:focus { - color: #999; -} +@keyframes rippleOn { + 0% { + opacity: 0; } + 50% { + opacity: 0.2; } + 100% { + opacity: 0; } } -.nav-tabs.header-primary .nav-link { - color: white; -} +@keyframes rippleOff { + 0% { + opacity: 0; } + 50% { + opacity: 0.2; } + 100% { + opacity: 0; } } -.nav-tabs.header-primary .nav-link.active { - color: #fff; - border-color: #fff; -} +.carousel .carousel-control.left, .carousel .carousel-control.right { + background-image: none; } -.nav-tabs.header-primary .nav-link.active:hover, -.nav-tabs.header-primary .nav-link.active:focus { - border-color: #fff; -} +.carousel .carousel-control.right i { + right: 0; } -.nav-tabs.header-primary .nav-link.disabled { - color: rgba(255, 255, 255, 0.84); -} +.carousel .card { + margin-top: 0; } -.nav-tabs.header-primary .nav-link.disabled, -.nav-tabs.header-primary .nav-link.disabled:hover, -.nav-tabs.header-primary .nav-link.disabled:focus { - color: rgba(255, 255, 255, 0.84); -} +.carousel .item { + text-align: center; } -.nav-tabs.bg-inverse .nav-link { - color: white; -} +.carousel.carousel-full-navigation .carousel-control { + width: 50%; } + .carousel.carousel-full-navigation .carousel-control.left, .carousel.carousel-full-navigation .carousel-control.right { + background-image: none; } + .carousel.carousel-full-navigation .carousel-control .material-icons, + .carousel.carousel-full-navigation .carousel-control .fa { + display: none; } -.nav-tabs.bg-inverse .nav-link.active { - color: #fff; - border-color: #fff; -} +.carousel .carousel-control { + height: 15%; + margin: auto; } -.nav-tabs.bg-inverse .nav-link.active:hover, -.nav-tabs.bg-inverse .nav-link.active:focus { - border-color: #fff; -} +.carousel .carousel-control-prev .material-icons, +.carousel .carousel-control-next .material-icons { + z-index: 5; + display: inline-block; + font-size: 50px; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 50px; + margin: auto; } -.nav-tabs.bg-inverse .nav-link.disabled { - color: rgba(255, 255, 255, 0.84); -} +.carousel .carousel-indicators { + bottom: 5px; } + .carousel .carousel-indicators li, + .carousel .carousel-indicators .active { + margin: 11px 10px; } + .carousel .carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + text-indent: -999px; + cursor: pointer; + border: 1px solid #fff; + border-radius: 10px; + background: #fff; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + .carousel .carousel-indicators .active { + margin-top: 10px; + transform: scale(1.5); + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); } -.nav-tabs.bg-inverse .nav-link.disabled, -.nav-tabs.bg-inverse .nav-link.disabled:hover, -.nav-tabs.bg-inverse .nav-link.disabled:focus { - color: rgba(255, 255, 255, 0.84); -} +.carousel .carousel-caption { + padding-bottom: 45px; } + .carousel .carousel-caption .material-icons { + position: relative; + top: 5px; } -.card-nav-tabs { - margin-top: 45px; -} +form { + margin-bottom: 1.125rem; } + .card form { + margin: 0; } + .navbar form { + margin-bottom: 0; } + .navbar form .bmd-form-group { + display: inline-block; + padding-top: 0; } + .navbar form .btn { + margin-bottom: 0; } -.card-nav-tabs .card-header { - margin-top: -30px !important; -} +.form-control { + background: no-repeat center bottom, center calc(100% - 1px); + background-size: 0 100%, 100% 100%; + border: 0; + height: 36px; + transition: background 0s ease-out; + padding-left: 0; + padding-right: 0; + border-radius: 0; + font-size: 14px; } + .form-control:focus, + .bmd-form-group.is-focused .form-control { + background-size: 100% 100%, 100% 100%; + transition-duration: 0.3s; + box-shadow: none; } + .form-control::-moz-placeholder { + color: #AAAAAA; + font-weight: 400; + font-size: 14px; } + .form-control:-ms-input-placeholder { + color: #AAAAAA; + font-weight: 400; + font-size: 14px; } + .form-control::-webkit-input-placeholder { + color: #AAAAAA; + font-weight: 400; + font-size: 14px; } + .has-white .form-control::-moz-placeholder { + color: #ffffff; } + .has-white .form-control:-ms-input-placeholder { + color: #ffffff; } + .has-white .form-control::-webkit-input-placeholder { + color: #ffffff; } -.tooltip-arrow { +.bmd-help { + position: absolute; display: none; -} - -.tooltip.show { - opacity: 1; - -webkit-transform: translate3d(0, 0px, 0); - -moz-transform: translate3d(0, 0px, 0); - -o-transform: translate3d(0, 0px, 0); - -ms-transform: translate3d(0, 0px, 0); - transform: translate3d(0, 0px, 0); -} - -.tooltip { - opacity: 0; - transition: opacity, transform .2s ease; - -webkit-transform: translate3d(0, 5px, 0); - -moz-transform: translate3d(0, 5px, 0); - -o-transform: translate3d(0, 5px, 0); - -ms-transform: translate3d(0, 5px, 0); - transform: translate3d(0, 5px, 0); - font-size: 0.875rem; -} - -.tooltip.bs-tooltip-top .arrow::before, -.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before, -.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { - border-top-color: #ffffff; -} - -.tooltip.bs-tooltip-right .arrow::before, -.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before, -.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before { - border-right-color: #ffffff; -} - -.tooltip.bs-tooltip-left .arrow::before, -.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before, -.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { - border-left-color: #ffffff; -} - -.tooltip.bs-tooltip-bottom .arrow::before, -.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, -.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { - border-bottom-color: #ffffff; -} - -.tooltip-inner { - padding: 10px 15px; - min-width: 130px; -} - -.popover, -.tooltip-inner { - line-height: 1.5em; - background: #ffffff; - border: none; - border-radius: 3px; - box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); - color: #555; -} + font-size: .8rem; + font-weight: normal; } + .bmd-form-group.is-focused .bmd-help { + display: block; } + .bmd-help:nth-of-type(2) { + padding-top: 1rem; } + .bmd-help + .bmd-help { + position: relative; + margin-bottom: 0; } -.popover { - padding: 0; - box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); -} +.radio label, +.is-focused .radio label, +.radio-inline, +.is-focused +.radio-inline, +.checkbox label, +.is-focused +.checkbox label, +.checkbox-inline, +.is-focused +.checkbox-inline, +.switch label, +.is-focused +.switch label { + color: #999999; } + .radio label label:has(input[type=radio][disabled]), .radio label label:has(input[type=radio][disabled]):hover, .radio label label:has(input[type=radio][disabled]):focus, + .radio label label:has(input[type=checkbox][disabled]), + .radio label label:has(input[type=checkbox][disabled]):hover, + .radio label label:has(input[type=checkbox][disabled]):focus, + fieldset[disabled] .radio label, + fieldset[disabled] .radio label:hover, + fieldset[disabled] .radio label:focus, + .is-focused .radio label label:has(input[type=radio][disabled]), + .is-focused .radio label label:has(input[type=radio][disabled]):hover, + .is-focused .radio label label:has(input[type=radio][disabled]):focus, + .is-focused .radio label label:has(input[type=checkbox][disabled]), + .is-focused .radio label label:has(input[type=checkbox][disabled]):hover, + .is-focused .radio label label:has(input[type=checkbox][disabled]):focus, + fieldset[disabled] + .is-focused .radio label, + fieldset[disabled] + .is-focused .radio label:hover, + fieldset[disabled] + .is-focused .radio label:focus, + .radio-inline label:has(input[type=radio][disabled]), + .radio-inline label:has(input[type=radio][disabled]):hover, + .radio-inline label:has(input[type=radio][disabled]):focus, + .radio-inline label:has(input[type=checkbox][disabled]), + .radio-inline label:has(input[type=checkbox][disabled]):hover, + .radio-inline label:has(input[type=checkbox][disabled]):focus, + fieldset[disabled] + .radio-inline, + fieldset[disabled] + .radio-inline:hover, + fieldset[disabled] + .radio-inline:focus, + .is-focused + .radio-inline label:has(input[type=radio][disabled]), + .is-focused + .radio-inline label:has(input[type=radio][disabled]):hover, + .is-focused + .radio-inline label:has(input[type=radio][disabled]):focus, + .is-focused + .radio-inline label:has(input[type=checkbox][disabled]), + .is-focused + .radio-inline label:has(input[type=checkbox][disabled]):hover, + .is-focused + .radio-inline label:has(input[type=checkbox][disabled]):focus, + fieldset[disabled] + .is-focused + .radio-inline, + fieldset[disabled] + .is-focused + .radio-inline:hover, + fieldset[disabled] + .is-focused + .radio-inline:focus, + .checkbox label label:has(input[type=radio][disabled]), + .checkbox label label:has(input[type=radio][disabled]):hover, + .checkbox label label:has(input[type=radio][disabled]):focus, + .checkbox label label:has(input[type=checkbox][disabled]), + .checkbox label label:has(input[type=checkbox][disabled]):hover, + .checkbox label label:has(input[type=checkbox][disabled]):focus, + fieldset[disabled] + .checkbox label, + fieldset[disabled] + .checkbox label:hover, + fieldset[disabled] + .checkbox label:focus, + .is-focused + .checkbox label label:has(input[type=radio][disabled]), + .is-focused + .checkbox label label:has(input[type=radio][disabled]):hover, + .is-focused + .checkbox label label:has(input[type=radio][disabled]):focus, + .is-focused + .checkbox label label:has(input[type=checkbox][disabled]), + .is-focused + .checkbox label label:has(input[type=checkbox][disabled]):hover, + .is-focused + .checkbox label label:has(input[type=checkbox][disabled]):focus, + fieldset[disabled] + .is-focused + .checkbox label, + fieldset[disabled] + .is-focused + .checkbox label:hover, + fieldset[disabled] + .is-focused + .checkbox label:focus, + .checkbox-inline label:has(input[type=radio][disabled]), + .checkbox-inline label:has(input[type=radio][disabled]):hover, + .checkbox-inline label:has(input[type=radio][disabled]):focus, + .checkbox-inline label:has(input[type=checkbox][disabled]), + .checkbox-inline label:has(input[type=checkbox][disabled]):hover, + .checkbox-inline label:has(input[type=checkbox][disabled]):focus, + fieldset[disabled] + .checkbox-inline, + fieldset[disabled] + .checkbox-inline:hover, + fieldset[disabled] + .checkbox-inline:focus, + .is-focused + .checkbox-inline label:has(input[type=radio][disabled]), + .is-focused + .checkbox-inline label:has(input[type=radio][disabled]):hover, + .is-focused + .checkbox-inline label:has(input[type=radio][disabled]):focus, + .is-focused + .checkbox-inline label:has(input[type=checkbox][disabled]), + .is-focused + .checkbox-inline label:has(input[type=checkbox][disabled]):hover, + .is-focused + .checkbox-inline label:has(input[type=checkbox][disabled]):focus, + fieldset[disabled] + .is-focused + .checkbox-inline, + fieldset[disabled] + .is-focused + .checkbox-inline:hover, + fieldset[disabled] + .is-focused + .checkbox-inline:focus, + .switch label label:has(input[type=radio][disabled]), + .switch label label:has(input[type=radio][disabled]):hover, + .switch label label:has(input[type=radio][disabled]):focus, + .switch label label:has(input[type=checkbox][disabled]), + .switch label label:has(input[type=checkbox][disabled]):hover, + .switch label label:has(input[type=checkbox][disabled]):focus, + fieldset[disabled] + .switch label, + fieldset[disabled] + .switch label:hover, + fieldset[disabled] + .switch label:focus, + .is-focused + .switch label label:has(input[type=radio][disabled]), + .is-focused + .switch label label:has(input[type=radio][disabled]):hover, + .is-focused + .switch label label:has(input[type=radio][disabled]):focus, + .is-focused + .switch label label:has(input[type=checkbox][disabled]), + .is-focused + .switch label label:has(input[type=checkbox][disabled]):hover, + .is-focused + .switch label label:has(input[type=checkbox][disabled]):focus, + fieldset[disabled] + .is-focused + .switch label, + fieldset[disabled] + .is-focused + .switch label:hover, + fieldset[disabled] + .is-focused + .switch label:focus { + color: #999999; } -.popover.left>.arrow, -.popover.right>.arrow, -.popover.top>.arrow, -.popover.bottom>.arrow { - border: none; -} - -.popover.bs-popover-top .arrow::before, -.popover.bs-popover-auto[x-placement^="top"] .arrow::before, -.popover.bs-popover-auto[x-placement^="top"] .arrow::before, -.popover.bs-popover-bottom .arrow::before, -.popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, -.popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, -.popover.bs-popover-right .arrow::before, -.popover.bs-popover-auto[x-placement^="right"] .arrow::before, -.popover.bs-popover-auto[x-placement^="right"] .arrow::before, -.popover.bs-popover-left .arrow::before, -.popover.bs-popover-auto[x-placement^="left"] .arrow::before, -.popover.bs-popover-auto[x-placement^="left"] .arrow::before { - border: 0; -} +[class^='bmd-label'], +[class*=' bmd-label'] { + color: #999999; } -.popover-header { - background-color: #ffffff; - border: none; - padding: 15px 15px 5px; - font-size: 1.125rem; - margin: 0; - color: #555; -} +.form-control, +.is-focused .form-control { + background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -.popover-body { - padding: 10px 15px 15px; - line-height: 1.4; - color: #555; -} +.form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -.modal-dialog .modal-content { - box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); - border-radius: 6px; - border: none; -} +.form-control:-moz-read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -.modal-dialog .modal-content .card-signup { - margin: 0; -} +.form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -.modal-dialog .modal-content .card-signup .modal-header { - padding-top: 0; -} +fieldset[disabled][disabled] .form-control, .form-control.disabled, .form-control:disabled, .form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; } -.modal-dialog .modal-header { - border-bottom: none; - padding-top: 24px; - padding-right: 24px; - padding-bottom: 0; - padding-left: 24px; -} +.form-control.form-control-success, +.is-focused .form-control.form-control-success { + background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; } -.modal-dialog .modal-body { - padding-top: 24px; - padding-right: 24px; - padding-bottom: 16px; - padding-left: 24px; -} +.form-control.form-control-warning, +.is-focused .form-control.form-control-warning { + background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; } -.modal-dialog .modal-footer { - border-top: none; - padding: 24px; -} +.form-control.form-control-danger, +.is-focused .form-control.form-control-danger { + background-image: linear-gradient(to top, #9c27b0 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; } -.modal-dialog .modal-footer.text-center { - text-align: center; -} +.is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #999999; } -.modal-dialog .modal-footer button { - margin: 0; - padding-left: 16px; - padding-right: 16px; - width: auto; -} +.is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(153, 153, 153, 0.8); + border-radius: .2rem; } -.modal-dialog .modal-footer button.pull-left { - padding-left: 5px; - padding-right: 5px; - position: relative; - left: -5px; -} +.was-validated .is-focused .form-control:valid, .is-focused .form-control.is-valid, .was-validated +.is-focused .custom-select:valid, +.is-focused .custom-select.is-valid { + border-color: #999999; } + .was-validated .is-focused .form-control:valid:focus, .is-focused .form-control.is-valid:focus, .was-validated + .is-focused .custom-select:valid:focus, + .is-focused .custom-select.is-valid:focus { + border-color: #999999; + box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.25); } + .was-validated .is-focused .form-control:valid ~ .valid-feedback, + .was-validated .is-focused .form-control:valid ~ .valid-tooltip, .is-focused .form-control.is-valid ~ .valid-feedback, + .is-focused .form-control.is-valid ~ .valid-tooltip, .was-validated + .is-focused .custom-select:valid ~ .valid-feedback, + .was-validated + .is-focused .custom-select:valid ~ .valid-tooltip, + .is-focused .custom-select.is-valid ~ .valid-feedback, + .is-focused .custom-select.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .is-focused .form-check-input:valid ~ .form-check-label, .is-focused .form-check-input.is-valid ~ .form-check-label { + color: #999999; } + +.was-validated .is-focused .form-check-input:valid ~ .valid-feedback, +.was-validated .is-focused .form-check-input:valid ~ .valid-tooltip, .is-focused .form-check-input.is-valid ~ .valid-feedback, +.is-focused .form-check-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .is-focused .custom-control-input:valid ~ .custom-control-label, .is-focused .custom-control-input.is-valid ~ .custom-control-label { + color: #999999; } + .was-validated .is-focused .custom-control-input:valid ~ .custom-control-label::before, .is-focused .custom-control-input.is-valid ~ .custom-control-label::before { + background-color: #d9d9d9; } + +.was-validated .is-focused .custom-control-input:valid ~ .valid-feedback, +.was-validated .is-focused .custom-control-input:valid ~ .valid-tooltip, .is-focused .custom-control-input.is-valid ~ .valid-feedback, +.is-focused .custom-control-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .is-focused .custom-control-input:valid:checked ~ .custom-control-label::before, .is-focused .custom-control-input.is-valid:checked ~ .custom-control-label::before { + background-color: #b3b3b3; } + +.was-validated .is-focused .custom-control-input:valid:focus ~ .custom-control-label::before, .is-focused .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(153, 153, 153, 0.25); } + +.was-validated .is-focused .custom-file-input:valid ~ .custom-file-label, .is-focused .custom-file-input.is-valid ~ .custom-file-label { + border-color: #999999; } + .was-validated .is-focused .custom-file-input:valid ~ .custom-file-label::before, .is-focused .custom-file-input.is-valid ~ .custom-file-label::before { + border-color: inherit; } + +.was-validated .is-focused .custom-file-input:valid ~ .valid-feedback, +.was-validated .is-focused .custom-file-input:valid ~ .valid-tooltip, .is-focused .custom-file-input.is-valid ~ .valid-feedback, +.is-focused .custom-file-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .is-focused .custom-file-input:valid:focus ~ .custom-file-label, .is-focused .custom-file-input.is-valid:focus ~ .custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.25); } -.modal-dialog .modal-body+.modal-footer { - padding-top: 0; -} +.is-focused [class^='bmd-label'], +.is-focused [class*=' bmd-label'] { + color: #9c27b0; } -.modal-backdrop { - background: rgba(0, 0, 0, 0.5); -} +.is-focused .bmd-label-placeholder { + color: #999999; } -.modal .modal-header .close { - color: #999; -} +.is-focused .form-control { + border-color: #d2d2d2; } -.modal .modal-header .close:hover, -.modal .modal-header .close:focus { - opacity: 1; -} +.is-focused .bmd-help { + color: #555; } -.modal .modal-header .close i { - font-size: 16px; -} +.has-success [class^='bmd-label'], +.has-success [class*=' bmd-label'] { + color: #4caf50; } -.dropdown:after { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); -} - -.dropdown.show>.dropdown-toggle:after { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} +.has-success .form-control, +.is-focused .has-success .form-control { + background-image: linear-gradient(to top, #4caf50 2px, rgba(76, 175, 80, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -.dropdown-menu { - display: none; - padding: 0.3125rem 0; - border: 0; - opacity: 0; - transform: scale(0); - transform-origin: 0 0; - will-change: transform, opacity; - transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); -} +.has-success .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -.dropdown-menu.showing { - animation-name: bmd-dropdown-animation; - animation-duration: 0.3s; - animation-fill-mode: forwards; - animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} +.has-success .form-control:-moz-read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -.open>.dropdown-menu, -.dropdown-menu.show { - display: block; - opacity: 1; - transform: scale(1); -} +.has-success .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -.dropdown-menu.hiding { - display: block; - opacity: 0; - transform: scale(0); -} +fieldset[disabled][disabled] .has-success .form-control, .has-success .form-control.disabled, .has-success .form-control:disabled, .has-success .form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; } -.dropdown-menu[x-placement="bottom-start"] { - transform-origin: 0 0; -} +.has-success .form-control.form-control-success, +.is-focused .has-success .form-control.form-control-success { + background-image: linear-gradient(to top, #4caf50 2px, rgba(76, 175, 80, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; } -.dropdown-menu[x-placement="bottom-end"] { - transform-origin: 100% 0; -} +.has-success .form-control.form-control-warning, +.is-focused .has-success .form-control.form-control-warning { + background-image: linear-gradient(to top, #4caf50 2px, rgba(76, 175, 80, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; } -.dropdown-menu[x-placement="top-start"] { - transform-origin: 0 100%; -} +.has-success .form-control.form-control-danger, +.is-focused .has-success .form-control.form-control-danger { + background-image: linear-gradient(to top, #4caf50 2px, rgba(76, 175, 80, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; } -.dropdown-menu[x-placement="top-end"] { - transform-origin: 100% 100%; -} +.has-success .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #4caf50; } -.dropdown-menu .disabled>a { - color: #777; -} +.has-success .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(76, 175, 80, 0.8); + border-radius: .2rem; } -.dropdown-menu .disabled>a:focus, -.dropdown-menu .disabled>a:hover { - text-decoration: none; - background-color: transparent; - background-image: none; - color: #777; -} +.was-validated .has-success .is-focused .form-control:valid, .has-success .is-focused .form-control.is-valid, .was-validated +.has-success .is-focused .custom-select:valid, +.has-success .is-focused .custom-select.is-valid { + border-color: #4caf50; } + .was-validated .has-success .is-focused .form-control:valid:focus, .has-success .is-focused .form-control.is-valid:focus, .was-validated + .has-success .is-focused .custom-select:valid:focus, + .has-success .is-focused .custom-select.is-valid:focus { + border-color: #4caf50; + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); } + .was-validated .has-success .is-focused .form-control:valid ~ .valid-feedback, + .was-validated .has-success .is-focused .form-control:valid ~ .valid-tooltip, .has-success .is-focused .form-control.is-valid ~ .valid-feedback, + .has-success .is-focused .form-control.is-valid ~ .valid-tooltip, .was-validated + .has-success .is-focused .custom-select:valid ~ .valid-feedback, + .was-validated + .has-success .is-focused .custom-select:valid ~ .valid-tooltip, + .has-success .is-focused .custom-select.is-valid ~ .valid-feedback, + .has-success .is-focused .custom-select.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-success .is-focused .form-check-input:valid ~ .form-check-label, .has-success .is-focused .form-check-input.is-valid ~ .form-check-label { + color: #4caf50; } + +.was-validated .has-success .is-focused .form-check-input:valid ~ .valid-feedback, +.was-validated .has-success .is-focused .form-check-input:valid ~ .valid-tooltip, .has-success .is-focused .form-check-input.is-valid ~ .valid-feedback, +.has-success .is-focused .form-check-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-success .is-focused .custom-control-input:valid ~ .custom-control-label, .has-success .is-focused .custom-control-input.is-valid ~ .custom-control-label { + color: #4caf50; } + .was-validated .has-success .is-focused .custom-control-input:valid ~ .custom-control-label::before, .has-success .is-focused .custom-control-input.is-valid ~ .custom-control-label::before { + background-color: #a3d7a5; } + +.was-validated .has-success .is-focused .custom-control-input:valid ~ .valid-feedback, +.was-validated .has-success .is-focused .custom-control-input:valid ~ .valid-tooltip, .has-success .is-focused .custom-control-input.is-valid ~ .valid-feedback, +.has-success .is-focused .custom-control-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-success .is-focused .custom-control-input:valid:checked ~ .custom-control-label::before, .has-success .is-focused .custom-control-input.is-valid:checked ~ .custom-control-label::before { + background-color: #6ec071; } + +.was-validated .has-success .is-focused .custom-control-input:valid:focus ~ .custom-control-label::before, .has-success .is-focused .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(76, 175, 80, 0.25); } + +.was-validated .has-success .is-focused .custom-file-input:valid ~ .custom-file-label, .has-success .is-focused .custom-file-input.is-valid ~ .custom-file-label { + border-color: #4caf50; } + .was-validated .has-success .is-focused .custom-file-input:valid ~ .custom-file-label::before, .has-success .is-focused .custom-file-input.is-valid ~ .custom-file-label::before { + border-color: inherit; } + +.was-validated .has-success .is-focused .custom-file-input:valid ~ .valid-feedback, +.was-validated .has-success .is-focused .custom-file-input:valid ~ .valid-tooltip, .has-success .is-focused .custom-file-input.is-valid ~ .valid-feedback, +.has-success .is-focused .custom-file-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-success .is-focused .custom-file-input:valid:focus ~ .custom-file-label, .has-success .is-focused .custom-file-input.is-valid:focus ~ .custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); } -.dropdown-menu.dropdown-with-icons .dropdown-item { - padding: 0.75rem 1.25rem 0.75rem 0.75rem; -} +.has-success .is-focused [class^='bmd-label'], +.has-success .is-focused [class*=' bmd-label'] { + color: #4caf50; } -.dropdown-menu.dropdown-with-icons .dropdown-item .material-icons { - vertical-align: middle; - font-size: 24px; - position: relative; - margin-top: -4px; - top: 1px; - margin-right: 12px; - opacity: .5; -} - -.dropdown-menu .dropdown-item, -.dropdown-menu li>a { - position: relative; - width: auto; - display: flex; - flex-flow: nowrap; - align-items: center; - color: #333; - font-weight: normal; - text-decoration: none; - font-size: .8125rem; - border-radius: 0.125rem; - margin: 0 0.3125rem; - -webkit-transition: all 150ms linear; - -moz-transition: all 150ms linear; - -o-transition: all 150ms linear; - -ms-transition: all 150ms linear; - transition: all 150ms linear; - min-width: 7rem; - padding: 0.625rem 1.25rem; - overflow: hidden; - line-height: 1.428571; - text-overflow: ellipsis; - word-wrap: break-word; -} +.has-success .is-focused .bmd-label-placeholder { + color: #4caf50; } -@media (min-width: 768px) { +.has-success .is-focused .form-control { + border-color: #4caf50; } - .dropdown-menu .dropdown-item, - .dropdown-menu li>a { - padding-right: 1.5rem; - padding-left: 1.5rem; - } -} - -.dropdown-menu .dropdown-item:hover, -.dropdown-menu .dropdown-item:focus, -.dropdown-menu .dropdown-item:active, -.dropdown-menu a:active, -.dropdown-menu a.active, -.dropdown-menu a:hover, -.dropdown-menu a:focus, -.dropdown-menu a:active { - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); - background-color: #9c27b0; - color: #fff !important; -} +.has-success .is-focused .bmd-help { + color: #555; } -.dropdown-toggle.bmd-btn-icon::after, -.dropdown-toggle.bmd-btn-fab::after { - display: none; -} +.has-info [class^='bmd-label'], +.has-info [class*=' bmd-label'] { + color: #00bcd4; } -.dropdown-toggle.bmd-btn-icon~.dropdown-menu.dropdown-menu-top-left, -.dropdown-toggle.bmd-btn-icon~.dropdown-menu.dropdown-menu-top-right, -.dropdown-toggle.bmd-btn-fab~.dropdown-menu.dropdown-menu-top-left, -.dropdown-toggle.bmd-btn-fab~.dropdown-menu.dropdown-menu-top-right { - bottom: 2rem; -} +.has-info .form-control, +.is-focused .has-info .form-control { + background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -.dropdown-toggle:after { - will-change: transform; - transition: transform 150ms linear; - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); -} +.has-info .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -.dropdown-toggle.open:after { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} - -.dropdown-toggle.bmd-btn-fab-sm~.dropdown-menu.dropdown-menu-top-left, -.dropdown-toggle.bmd-btn-fab-sm~.dropdown-menu.dropdown-menu-top-right { - bottom: 2.5rem; -} - -.dropdown-toggle.bmd-btn-icon~.dropdown-menu { - margin: 0; -} +.has-info .form-control:-moz-read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -.dropdown-header { - font-size: 0.75rem; - padding-top: 0.1875rem; - padding-bottom: 0.1875rem; - text-transform: none; - color: #777; - line-height: 1.428571; - font-weight: inherit; -} +.has-info .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -@keyframes bmd-dropdown-animation { - from { - opacity: 0; - transform: scale(0); - } +fieldset[disabled][disabled] .has-info .form-control, .has-info .form-control.disabled, .has-info .form-control:disabled, .has-info .form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; } - to { - opacity: 1; - transform: scale(1); - } -} +.has-info .form-control.form-control-success, +.is-focused .has-info .form-control.form-control-success { + background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; } -.dropdown-menu.bootstrap-datetimepicker-widget { - opacity: 0; - transform: scale(0); - transition-duration: 0.3s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transform-origin: 0 0; - will-change: transform, opacity; - top: 0; -} +.has-info .form-control.form-control-warning, +.is-focused .has-info .form-control.form-control-warning { + background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; } -.dropdown-menu.bootstrap-datetimepicker-widget.top { - transform-origin: 0 100%; -} +.has-info .form-control.form-control-danger, +.is-focused .has-info .form-control.form-control-danger { + background-image: linear-gradient(to top, #00bcd4 2px, rgba(0, 188, 212, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; } -.dropdown-menu.bootstrap-datetimepicker-widget.open { - opacity: 1; - transform: scale(1); - top: 0; -} +.has-info .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #00bcd4; } -.bmd-layout-drawer { +.has-info .is-focused .valid-tooltip { position: absolute; + top: 100%; z-index: 5; - box-sizing: border-box; - display: flex; - flex-direction: column; - flex-wrap: nowrap; - max-height: 100%; - overflow: visible; - overflow-y: auto; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; font-size: .875rem; - transition: transform; - will-change: transform; - transform-style: preserve-3d; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); - transition-duration: 0.2s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -} - -.bmd-layout-drawer>* { - flex-shrink: 0; -} - -.bmd-layout-drawer>header { - display: flex; - flex-direction: column; - justify-content: flex-end; - padding: 1rem; -} - -.bmd-layout-drawer>header .navbar-brand { - padding-left: 1.5rem; - font-size: 1.25rem; -} - -.bmd-layout-drawer>.list-group { - padding-top: 1rem; -} - -.bmd-layout-drawer>.list-group .list-group-item { - padding-right: 2.5rem; - padding-left: 2.5rem; - font-size: .8125rem; - font-weight: 500; -} + line-height: 1; + color: #fff; + background-color: rgba(0, 188, 212, 0.8); + border-radius: .2rem; } -.bmd-drawer-f-l>.bmd-layout-drawer { - top: 0; - left: 0; - width: 240px; - height: 100%; - transform: translateX(-250px); -} +.was-validated .has-info .is-focused .form-control:valid, .has-info .is-focused .form-control.is-valid, .was-validated +.has-info .is-focused .custom-select:valid, +.has-info .is-focused .custom-select.is-valid { + border-color: #00bcd4; } + .was-validated .has-info .is-focused .form-control:valid:focus, .has-info .is-focused .form-control.is-valid:focus, .was-validated + .has-info .is-focused .custom-select:valid:focus, + .has-info .is-focused .custom-select.is-valid:focus { + border-color: #00bcd4; + box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.25); } + .was-validated .has-info .is-focused .form-control:valid ~ .valid-feedback, + .was-validated .has-info .is-focused .form-control:valid ~ .valid-tooltip, .has-info .is-focused .form-control.is-valid ~ .valid-feedback, + .has-info .is-focused .form-control.is-valid ~ .valid-tooltip, .was-validated + .has-info .is-focused .custom-select:valid ~ .valid-feedback, + .was-validated + .has-info .is-focused .custom-select:valid ~ .valid-tooltip, + .has-info .is-focused .custom-select.is-valid ~ .valid-feedback, + .has-info .is-focused .custom-select.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-info .is-focused .form-check-input:valid ~ .form-check-label, .has-info .is-focused .form-check-input.is-valid ~ .form-check-label { + color: #00bcd4; } + +.was-validated .has-info .is-focused .form-check-input:valid ~ .valid-feedback, +.was-validated .has-info .is-focused .form-check-input:valid ~ .valid-tooltip, .has-info .is-focused .form-check-input.is-valid ~ .valid-feedback, +.has-info .is-focused .form-check-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-info .is-focused .custom-control-input:valid ~ .custom-control-label, .has-info .is-focused .custom-control-input.is-valid ~ .custom-control-label { + color: #00bcd4; } + .was-validated .has-info .is-focused .custom-control-input:valid ~ .custom-control-label::before, .has-info .is-focused .custom-control-input.is-valid ~ .custom-control-label::before { + background-color: #55ecff; } + +.was-validated .has-info .is-focused .custom-control-input:valid ~ .valid-feedback, +.was-validated .has-info .is-focused .custom-control-input:valid ~ .valid-tooltip, .has-info .is-focused .custom-control-input.is-valid ~ .valid-feedback, +.has-info .is-focused .custom-control-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-info .is-focused .custom-control-input:valid:checked ~ .custom-control-label::before, .has-info .is-focused .custom-control-input.is-valid:checked ~ .custom-control-label::before { + background-color: #08e3ff; } + +.was-validated .has-info .is-focused .custom-control-input:valid:focus ~ .custom-control-label::before, .has-info .is-focused .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(0, 188, 212, 0.25); } + +.was-validated .has-info .is-focused .custom-file-input:valid ~ .custom-file-label, .has-info .is-focused .custom-file-input.is-valid ~ .custom-file-label { + border-color: #00bcd4; } + .was-validated .has-info .is-focused .custom-file-input:valid ~ .custom-file-label::before, .has-info .is-focused .custom-file-input.is-valid ~ .custom-file-label::before { + border-color: inherit; } + +.was-validated .has-info .is-focused .custom-file-input:valid ~ .valid-feedback, +.was-validated .has-info .is-focused .custom-file-input:valid ~ .valid-tooltip, .has-info .is-focused .custom-file-input.is-valid ~ .valid-feedback, +.has-info .is-focused .custom-file-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-info .is-focused .custom-file-input:valid:focus ~ .custom-file-label, .has-info .is-focused .custom-file-input.is-valid:focus ~ .custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(0, 188, 212, 0.25); } -.bmd-drawer-f-l>.bmd-layout-header, -.bmd-drawer-f-l>.bmd-layout-content { - margin-left: 0; -} +.has-info .is-focused [class^='bmd-label'], +.has-info .is-focused [class*=' bmd-label'] { + color: #00bcd4; } -.bmd-drawer-f-r>.bmd-layout-drawer { - top: 0; - right: 0; - width: 240px; - height: 100%; - transform: translateX(250px); -} +.has-info .is-focused .bmd-label-placeholder { + color: #00bcd4; } -.bmd-drawer-f-r>.bmd-layout-header, -.bmd-drawer-f-r>.bmd-layout-content { - margin-right: 0; -} +.has-info .is-focused .form-control { + border-color: #00bcd4; } -.bmd-drawer-f-t>.bmd-layout-drawer { - top: 0; - left: 0; - width: 100%; - height: 100px; - transform: translateY(-110px); -} +.has-info .is-focused .bmd-help { + color: #555; } -.bmd-drawer-f-t>.bmd-layout-content { - margin-top: 0; -} +.has-white [class^='bmd-label'], +.has-white [class*=' bmd-label'] { + color: #ffffff; } -.bmd-drawer-f-b>.bmd-layout-drawer { - bottom: 0; - left: 0; - width: 100%; - height: 100px; - transform: translateY(110px); -} +.has-white .form-control, +.is-focused .has-white .form-control { + background-image: linear-gradient(to top, #ffffff 2px, rgba(255, 255, 255, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px); } -.bmd-drawer-f-b>.bmd-layout-content { - margin-bottom: 0; -} +.has-white .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px); } -:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-l>.bmd-layout-header { - width: calc(100% - 240px); - margin-left: 240px; -} +.has-white .form-control:-moz-read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px); } -:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-l>.bmd-layout-drawer { - transform: translateX(0); -} +.has-white .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px); } -:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-l>.bmd-layout-content { - margin-left: 240px; -} +fieldset[disabled][disabled] .has-white .form-control, .has-white .form-control.disabled, .has-white .form-control:disabled, .has-white .form-control[disabled] { + background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; } -:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-r>.bmd-layout-header { - width: calc(100% - 240px); - margin-right: 240px; -} +.has-white .form-control.form-control-success, +.is-focused .has-white .form-control.form-control-success { + background-image: linear-gradient(to top, #ffffff 2px, rgba(255, 255, 255, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; } -:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-r>.bmd-layout-drawer { - transform: translateX(0); -} +.has-white .form-control.form-control-warning, +.is-focused .has-white .form-control.form-control-warning { + background-image: linear-gradient(to top, #ffffff 2px, rgba(255, 255, 255, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; } -:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-r>.bmd-layout-content { - margin-right: 240px; -} +.has-white .form-control.form-control-danger, +.is-focused .has-white .form-control.form-control-danger { + background-image: linear-gradient(to top, #ffffff 2px, rgba(255, 255, 255, 0) 2px), linear-gradient(to top, #FFFFFF 1px, rgba(255, 255, 255, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; } -:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-t>.bmd-layout-header { - margin-top: 100px; -} +.has-white .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ffffff; } -:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-t>.bmd-layout-drawer { - transform: translateY(0); -} +.has-white .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(255, 255, 255, 0.8); + border-radius: .2rem; } -:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-b>.bmd-layout-drawer { - transform: translateY(0); -} +.was-validated .has-white .is-focused .form-control:valid, .has-white .is-focused .form-control.is-valid, .was-validated +.has-white .is-focused .custom-select:valid, +.has-white .is-focused .custom-select.is-valid { + border-color: #ffffff; } + .was-validated .has-white .is-focused .form-control:valid:focus, .has-white .is-focused .form-control.is-valid:focus, .was-validated + .has-white .is-focused .custom-select:valid:focus, + .has-white .is-focused .custom-select.is-valid:focus { + border-color: #ffffff; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25); } + .was-validated .has-white .is-focused .form-control:valid ~ .valid-feedback, + .was-validated .has-white .is-focused .form-control:valid ~ .valid-tooltip, .has-white .is-focused .form-control.is-valid ~ .valid-feedback, + .has-white .is-focused .form-control.is-valid ~ .valid-tooltip, .was-validated + .has-white .is-focused .custom-select:valid ~ .valid-feedback, + .was-validated + .has-white .is-focused .custom-select:valid ~ .valid-tooltip, + .has-white .is-focused .custom-select.is-valid ~ .valid-feedback, + .has-white .is-focused .custom-select.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-white .is-focused .form-check-input:valid ~ .form-check-label, .has-white .is-focused .form-check-input.is-valid ~ .form-check-label { + color: #ffffff; } + +.was-validated .has-white .is-focused .form-check-input:valid ~ .valid-feedback, +.was-validated .has-white .is-focused .form-check-input:valid ~ .valid-tooltip, .has-white .is-focused .form-check-input.is-valid ~ .valid-feedback, +.has-white .is-focused .form-check-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-white .is-focused .custom-control-input:valid ~ .custom-control-label, .has-white .is-focused .custom-control-input.is-valid ~ .custom-control-label { + color: #ffffff; } + .was-validated .has-white .is-focused .custom-control-input:valid ~ .custom-control-label::before, .has-white .is-focused .custom-control-input.is-valid ~ .custom-control-label::before { + background-color: white; } + +.was-validated .has-white .is-focused .custom-control-input:valid ~ .valid-feedback, +.was-validated .has-white .is-focused .custom-control-input:valid ~ .valid-tooltip, .has-white .is-focused .custom-control-input.is-valid ~ .valid-feedback, +.has-white .is-focused .custom-control-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-white .is-focused .custom-control-input:valid:checked ~ .custom-control-label::before, .has-white .is-focused .custom-control-input.is-valid:checked ~ .custom-control-label::before { + background-color: white; } + +.was-validated .has-white .is-focused .custom-control-input:valid:focus ~ .custom-control-label::before, .has-white .is-focused .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(255, 255, 255, 0.25); } + +.was-validated .has-white .is-focused .custom-file-input:valid ~ .custom-file-label, .has-white .is-focused .custom-file-input.is-valid ~ .custom-file-label { + border-color: #ffffff; } + .was-validated .has-white .is-focused .custom-file-input:valid ~ .custom-file-label::before, .has-white .is-focused .custom-file-input.is-valid ~ .custom-file-label::before { + border-color: inherit; } + +.was-validated .has-white .is-focused .custom-file-input:valid ~ .valid-feedback, +.was-validated .has-white .is-focused .custom-file-input:valid ~ .valid-tooltip, .has-white .is-focused .custom-file-input.is-valid ~ .valid-feedback, +.has-white .is-focused .custom-file-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-white .is-focused .custom-file-input:valid:focus ~ .custom-file-label, .has-white .is-focused .custom-file-input.is-valid:focus ~ .custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25); } -:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-b>.bmd-layout-content { - margin-bottom: 100px; -} +.has-white .is-focused [class^='bmd-label'], +.has-white .is-focused [class*=' bmd-label'] { + color: #ffffff; } -:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay>.bmd-layout-backdrop .in { - visibility: visible; - background-color: rgba(0, 0, 0, 0.5); -} +.has-white .is-focused .bmd-label-placeholder { + color: #ffffff; } -@supports (pointer-events: auto) { - :not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay>.bmd-layout-backdrop.in { - pointer-events: auto; - opacity: 1; - } -} +.has-white .is-focused .form-control { + border-color: #ffffff; } -:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-l>.bmd-layout-header, -:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-l>.bmd-layout-content { - width: 100%; - margin-left: 0; -} +.has-white .is-focused .bmd-help { + color: #555; } -:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-r>.bmd-layout-header, -:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-r>.bmd-layout-content { - width: 100%; - margin-right: 0; -} +.has-white .form-control:focus { + color: #ffffff; } -:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay>.bmd-layout-backdrop .in { - visibility: visible; - background-color: rgba(0, 0, 0, 0.5); -} +.has-warning [class^='bmd-label'], +.has-warning [class*=' bmd-label'] { + color: #ff9800; } -@supports (pointer-events: auto) { - :not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay>.bmd-layout-backdrop.in { - pointer-events: auto; - opacity: 1; - } -} +.has-warning .form-control, +.is-focused .has-warning .form-control { + background-image: linear-gradient(to top, #ff9800 2px, rgba(255, 152, 0, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-t>.bmd-layout-header { - margin-top: 0; -} +.has-warning .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-b>.bmd-layout-content { - margin-bottom: 0; -} +.has-warning .form-control:-moz-read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -@media (min-width: 576px) { - :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-l>.bmd-layout-header { - width: calc(100% - 240px); - margin-left: 240px; - } +.has-warning .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } - :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-l>.bmd-layout-drawer { - transform: translateX(0); - } +fieldset[disabled][disabled] .has-warning .form-control, .has-warning .form-control.disabled, .has-warning .form-control:disabled, .has-warning .form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; } - :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-l>.bmd-layout-content { - margin-left: 240px; - } +.has-warning .form-control.form-control-success, +.is-focused .has-warning .form-control.form-control-success { + background-image: linear-gradient(to top, #ff9800 2px, rgba(255, 152, 0, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; } - :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-r>.bmd-layout-header { - width: calc(100% - 240px); - margin-right: 240px; - } +.has-warning .form-control.form-control-warning, +.is-focused .has-warning .form-control.form-control-warning { + background-image: linear-gradient(to top, #ff9800 2px, rgba(255, 152, 0, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; } - :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-r>.bmd-layout-drawer { - transform: translateX(0); - } +.has-warning .form-control.form-control-danger, +.is-focused .has-warning .form-control.form-control-danger { + background-image: linear-gradient(to top, #ff9800 2px, rgba(255, 152, 0, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; } - :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-r>.bmd-layout-content { - margin-right: 240px; - } -} +.has-warning .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #ff9800; } -@media (min-width: 576px) { - :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-t>.bmd-layout-header { - margin-top: 100px; - } +.has-warning .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(255, 152, 0, 0.8); + border-radius: .2rem; } - :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-t>.bmd-layout-drawer { - transform: translateY(0); - } +.was-validated .has-warning .is-focused .form-control:valid, .has-warning .is-focused .form-control.is-valid, .was-validated +.has-warning .is-focused .custom-select:valid, +.has-warning .is-focused .custom-select.is-valid { + border-color: #ff9800; } + .was-validated .has-warning .is-focused .form-control:valid:focus, .has-warning .is-focused .form-control.is-valid:focus, .was-validated + .has-warning .is-focused .custom-select:valid:focus, + .has-warning .is-focused .custom-select.is-valid:focus { + border-color: #ff9800; + box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.25); } + .was-validated .has-warning .is-focused .form-control:valid ~ .valid-feedback, + .was-validated .has-warning .is-focused .form-control:valid ~ .valid-tooltip, .has-warning .is-focused .form-control.is-valid ~ .valid-feedback, + .has-warning .is-focused .form-control.is-valid ~ .valid-tooltip, .was-validated + .has-warning .is-focused .custom-select:valid ~ .valid-feedback, + .was-validated + .has-warning .is-focused .custom-select:valid ~ .valid-tooltip, + .has-warning .is-focused .custom-select.is-valid ~ .valid-feedback, + .has-warning .is-focused .custom-select.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-warning .is-focused .form-check-input:valid ~ .form-check-label, .has-warning .is-focused .form-check-input.is-valid ~ .form-check-label { + color: #ff9800; } + +.was-validated .has-warning .is-focused .form-check-input:valid ~ .valid-feedback, +.was-validated .has-warning .is-focused .form-check-input:valid ~ .valid-tooltip, .has-warning .is-focused .form-check-input.is-valid ~ .valid-feedback, +.has-warning .is-focused .form-check-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-warning .is-focused .custom-control-input:valid ~ .custom-control-label, .has-warning .is-focused .custom-control-input.is-valid ~ .custom-control-label { + color: #ff9800; } + .was-validated .has-warning .is-focused .custom-control-input:valid ~ .custom-control-label::before, .has-warning .is-focused .custom-control-input.is-valid ~ .custom-control-label::before { + background-color: #ffcc80; } + +.was-validated .has-warning .is-focused .custom-control-input:valid ~ .valid-feedback, +.was-validated .has-warning .is-focused .custom-control-input:valid ~ .valid-tooltip, .has-warning .is-focused .custom-control-input.is-valid ~ .valid-feedback, +.has-warning .is-focused .custom-control-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-warning .is-focused .custom-control-input:valid:checked ~ .custom-control-label::before, .has-warning .is-focused .custom-control-input.is-valid:checked ~ .custom-control-label::before { + background-color: #ffad33; } + +.was-validated .has-warning .is-focused .custom-control-input:valid:focus ~ .custom-control-label::before, .has-warning .is-focused .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(255, 152, 0, 0.25); } + +.was-validated .has-warning .is-focused .custom-file-input:valid ~ .custom-file-label, .has-warning .is-focused .custom-file-input.is-valid ~ .custom-file-label { + border-color: #ff9800; } + .was-validated .has-warning .is-focused .custom-file-input:valid ~ .custom-file-label::before, .has-warning .is-focused .custom-file-input.is-valid ~ .custom-file-label::before { + border-color: inherit; } + +.was-validated .has-warning .is-focused .custom-file-input:valid ~ .valid-feedback, +.was-validated .has-warning .is-focused .custom-file-input:valid ~ .valid-tooltip, .has-warning .is-focused .custom-file-input.is-valid ~ .valid-feedback, +.has-warning .is-focused .custom-file-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-warning .is-focused .custom-file-input:valid:focus ~ .custom-file-label, .has-warning .is-focused .custom-file-input.is-valid:focus ~ .custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(255, 152, 0, 0.25); } - :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-b>.bmd-layout-drawer { - transform: translateY(0); - } +.has-warning .is-focused [class^='bmd-label'], +.has-warning .is-focused [class*=' bmd-label'] { + color: #ff9800; } - :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-b>.bmd-layout-content { - margin-bottom: 100px; - } -} +.has-warning .is-focused .bmd-label-placeholder { + color: #ff9800; } -@media (max-width: 767.98px) { - :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down>.bmd-layout-backdrop .in { - visibility: visible; - background-color: rgba(0, 0, 0, 0.5); - } +.has-warning .is-focused .form-control { + border-color: #ff9800; } - @supports (pointer-events: auto) { - :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down>.bmd-layout-backdrop.in { - pointer-events: auto; - opacity: 1; - } - } +.has-warning .is-focused .bmd-help { + color: #555; } - :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-l>.bmd-layout-header, - :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-l>.bmd-layout-content { - width: 100%; - margin-left: 0; - } +.has-danger [class^='bmd-label'], +.has-danger [class*=' bmd-label'] { + color: #f44336; } - :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-r>.bmd-layout-header, - :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-r>.bmd-layout-content { - width: 100%; - margin-right: 0; - } -} +.has-danger .form-control, +.is-focused .has-danger .form-control { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -@media (max-width: 767.98px) { - :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down>.bmd-layout-backdrop .in { - visibility: visible; - background-color: rgba(0, 0, 0, 0.5); - } +.has-danger .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } - @supports (pointer-events: auto) { - :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down>.bmd-layout-backdrop.in { - pointer-events: auto; - opacity: 1; - } - } +.has-danger .form-control:-moz-read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } - :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-t>.bmd-layout-header { - margin-top: 0; - } +.has-danger .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } - :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-b>.bmd-layout-content { - margin-bottom: 0; - } -} +fieldset[disabled][disabled] .has-danger .form-control, .has-danger .form-control.disabled, .has-danger .form-control:disabled, .has-danger .form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; } -@media (min-width: 768px) { - :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-l>.bmd-layout-header { - width: calc(100% - 240px); - margin-left: 240px; - } +.has-danger .form-control.form-control-success, +.is-focused .has-danger .form-control.form-control-success { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; } - :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-l>.bmd-layout-drawer { - transform: translateX(0); - } +.has-danger .form-control.form-control-warning, +.is-focused .has-danger .form-control.form-control-warning { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; } - :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-l>.bmd-layout-content { - margin-left: 240px; - } +.has-danger .form-control.form-control-danger, +.is-focused .has-danger .form-control.form-control-danger { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; } - :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-r>.bmd-layout-header { - width: calc(100% - 240px); - margin-right: 240px; - } +.has-danger .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #f44336; } - :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-r>.bmd-layout-drawer { - transform: translateX(0); - } +.has-danger .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(244, 67, 54, 0.8); + border-radius: .2rem; } - :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-r>.bmd-layout-content { - margin-right: 240px; - } -} +.was-validated .has-danger .is-focused .form-control:valid, .has-danger .is-focused .form-control.is-valid, .was-validated +.has-danger .is-focused .custom-select:valid, +.has-danger .is-focused .custom-select.is-valid { + border-color: #f44336; } + .was-validated .has-danger .is-focused .form-control:valid:focus, .has-danger .is-focused .form-control.is-valid:focus, .was-validated + .has-danger .is-focused .custom-select:valid:focus, + .has-danger .is-focused .custom-select.is-valid:focus { + border-color: #f44336; + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); } + .was-validated .has-danger .is-focused .form-control:valid ~ .valid-feedback, + .was-validated .has-danger .is-focused .form-control:valid ~ .valid-tooltip, .has-danger .is-focused .form-control.is-valid ~ .valid-feedback, + .has-danger .is-focused .form-control.is-valid ~ .valid-tooltip, .was-validated + .has-danger .is-focused .custom-select:valid ~ .valid-feedback, + .was-validated + .has-danger .is-focused .custom-select:valid ~ .valid-tooltip, + .has-danger .is-focused .custom-select.is-valid ~ .valid-feedback, + .has-danger .is-focused .custom-select.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-danger .is-focused .form-check-input:valid ~ .form-check-label, .has-danger .is-focused .form-check-input.is-valid ~ .form-check-label { + color: #f44336; } + +.was-validated .has-danger .is-focused .form-check-input:valid ~ .valid-feedback, +.was-validated .has-danger .is-focused .form-check-input:valid ~ .valid-tooltip, .has-danger .is-focused .form-check-input.is-valid ~ .valid-feedback, +.has-danger .is-focused .form-check-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-danger .is-focused .custom-control-input:valid ~ .custom-control-label, .has-danger .is-focused .custom-control-input.is-valid ~ .custom-control-label { + color: #f44336; } + .was-validated .has-danger .is-focused .custom-control-input:valid ~ .custom-control-label::before, .has-danger .is-focused .custom-control-input.is-valid ~ .custom-control-label::before { + background-color: #fbb4af; } + +.was-validated .has-danger .is-focused .custom-control-input:valid ~ .valid-feedback, +.was-validated .has-danger .is-focused .custom-control-input:valid ~ .valid-tooltip, .has-danger .is-focused .custom-control-input.is-valid ~ .valid-feedback, +.has-danger .is-focused .custom-control-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-danger .is-focused .custom-control-input:valid:checked ~ .custom-control-label::before, .has-danger .is-focused .custom-control-input.is-valid:checked ~ .custom-control-label::before { + background-color: #f77066; } + +.was-validated .has-danger .is-focused .custom-control-input:valid:focus ~ .custom-control-label::before, .has-danger .is-focused .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(244, 67, 54, 0.25); } + +.was-validated .has-danger .is-focused .custom-file-input:valid ~ .custom-file-label, .has-danger .is-focused .custom-file-input.is-valid ~ .custom-file-label { + border-color: #f44336; } + .was-validated .has-danger .is-focused .custom-file-input:valid ~ .custom-file-label::before, .has-danger .is-focused .custom-file-input.is-valid ~ .custom-file-label::before { + border-color: inherit; } + +.was-validated .has-danger .is-focused .custom-file-input:valid ~ .valid-feedback, +.was-validated .has-danger .is-focused .custom-file-input:valid ~ .valid-tooltip, .has-danger .is-focused .custom-file-input.is-valid ~ .valid-feedback, +.has-danger .is-focused .custom-file-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-danger .is-focused .custom-file-input:valid:focus ~ .custom-file-label, .has-danger .is-focused .custom-file-input.is-valid:focus ~ .custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25); } -@media (min-width: 768px) { - :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-t>.bmd-layout-header { - margin-top: 100px; - } +.has-danger .is-focused [class^='bmd-label'], +.has-danger .is-focused [class*=' bmd-label'] { + color: #f44336; } - :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-t>.bmd-layout-drawer { - transform: translateY(0); - } +.has-danger .is-focused .bmd-label-placeholder { + color: #f44336; } - :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-b>.bmd-layout-drawer { - transform: translateY(0); - } +.has-danger .is-focused .form-control { + border-color: #f44336; } - :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-b>.bmd-layout-content { - margin-bottom: 100px; - } -} +.has-danger .is-focused .bmd-help { + color: #555; } -@media (max-width: 991.98px) { - :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down>.bmd-layout-backdrop .in { - visibility: visible; - background-color: rgba(0, 0, 0, 0.5); - } +.has-rose [class^='bmd-label'], +.has-rose [class*=' bmd-label'] { + color: #e91e63; } - @supports (pointer-events: auto) { - :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down>.bmd-layout-backdrop.in { - pointer-events: auto; - opacity: 1; - } - } +.has-rose .form-control, +.is-focused .has-rose .form-control { + background-image: linear-gradient(to top, #e91e63 2px, rgba(233, 30, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } - :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-l>.bmd-layout-header, - :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-l>.bmd-layout-content { - width: 100%; - margin-left: 0; - } +.has-rose .form-control:invalid { + background-image: linear-gradient(to top, #f44336 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } - :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-r>.bmd-layout-header, - :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-r>.bmd-layout-content { - width: 100%; - margin-right: 0; - } -} +.has-rose .form-control:-moz-read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } -@media (max-width: 991.98px) { - :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down>.bmd-layout-backdrop .in { - visibility: visible; - background-color: rgba(0, 0, 0, 0.5); - } +.has-rose .form-control:read-only { + background-image: linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); } - @supports (pointer-events: auto) { - :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down>.bmd-layout-backdrop.in { - pointer-events: auto; - opacity: 1; - } - } +fieldset[disabled][disabled] .has-rose .form-control, .has-rose .form-control.disabled, .has-rose .form-control:disabled, .has-rose .form-control[disabled] { + background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); + background-repeat: repeat-x; + background-size: 3px 1px; } - :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-t>.bmd-layout-header { - margin-top: 0; - } +.has-rose .form-control.form-control-success, +.is-focused .has-rose .form-control.form-control-success { + background-image: linear-gradient(to top, #e91e63 2px, rgba(233, 30, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="; } - :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-b>.bmd-layout-content { - margin-bottom: 0; - } -} +.has-rose .form-control.form-control-warning, +.is-focused .has-rose .form-control.form-control-warning { + background-image: linear-gradient(to top, #e91e63 2px, rgba(233, 30, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"; } -@media (min-width: 992px) { - :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-l>.bmd-layout-header { - width: calc(100% - 240px); - margin-left: 240px; - } +.has-rose .form-control.form-control-danger, +.is-focused .has-rose .form-control.form-control-danger { + background-image: linear-gradient(to top, #e91e63 2px, rgba(233, 30, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="; } - :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-l>.bmd-layout-drawer { - transform: translateX(0); - } +.has-rose .is-focused .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 80%; + color: #e91e63; } - :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-l>.bmd-layout-content { - margin-left: 240px; - } +.has-rose .is-focused .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(233, 30, 99, 0.8); + border-radius: .2rem; } - :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-r>.bmd-layout-header { - width: calc(100% - 240px); - margin-right: 240px; - } +.was-validated .has-rose .is-focused .form-control:valid, .has-rose .is-focused .form-control.is-valid, .was-validated +.has-rose .is-focused .custom-select:valid, +.has-rose .is-focused .custom-select.is-valid { + border-color: #e91e63; } + .was-validated .has-rose .is-focused .form-control:valid:focus, .has-rose .is-focused .form-control.is-valid:focus, .was-validated + .has-rose .is-focused .custom-select:valid:focus, + .has-rose .is-focused .custom-select.is-valid:focus { + border-color: #e91e63; + box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25); } + .was-validated .has-rose .is-focused .form-control:valid ~ .valid-feedback, + .was-validated .has-rose .is-focused .form-control:valid ~ .valid-tooltip, .has-rose .is-focused .form-control.is-valid ~ .valid-feedback, + .has-rose .is-focused .form-control.is-valid ~ .valid-tooltip, .was-validated + .has-rose .is-focused .custom-select:valid ~ .valid-feedback, + .was-validated + .has-rose .is-focused .custom-select:valid ~ .valid-tooltip, + .has-rose .is-focused .custom-select.is-valid ~ .valid-feedback, + .has-rose .is-focused .custom-select.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-rose .is-focused .form-check-input:valid ~ .form-check-label, .has-rose .is-focused .form-check-input.is-valid ~ .form-check-label { + color: #e91e63; } + +.was-validated .has-rose .is-focused .form-check-input:valid ~ .valid-feedback, +.was-validated .has-rose .is-focused .form-check-input:valid ~ .valid-tooltip, .has-rose .is-focused .form-check-input.is-valid ~ .valid-feedback, +.has-rose .is-focused .form-check-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-rose .is-focused .custom-control-input:valid ~ .custom-control-label, .has-rose .is-focused .custom-control-input.is-valid ~ .custom-control-label { + color: #e91e63; } + .was-validated .has-rose .is-focused .custom-control-input:valid ~ .custom-control-label::before, .has-rose .is-focused .custom-control-input.is-valid ~ .custom-control-label::before { + background-color: #f492b4; } + +.was-validated .has-rose .is-focused .custom-control-input:valid ~ .valid-feedback, +.was-validated .has-rose .is-focused .custom-control-input:valid ~ .valid-tooltip, .has-rose .is-focused .custom-control-input.is-valid ~ .valid-feedback, +.has-rose .is-focused .custom-control-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-rose .is-focused .custom-control-input:valid:checked ~ .custom-control-label::before, .has-rose .is-focused .custom-control-input.is-valid:checked ~ .custom-control-label::before { + background-color: #ee4c83; } + +.was-validated .has-rose .is-focused .custom-control-input:valid:focus ~ .custom-control-label::before, .has-rose .is-focused .custom-control-input.is-valid:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(233, 30, 99, 0.25); } + +.was-validated .has-rose .is-focused .custom-file-input:valid ~ .custom-file-label, .has-rose .is-focused .custom-file-input.is-valid ~ .custom-file-label { + border-color: #e91e63; } + .was-validated .has-rose .is-focused .custom-file-input:valid ~ .custom-file-label::before, .has-rose .is-focused .custom-file-input.is-valid ~ .custom-file-label::before { + border-color: inherit; } + +.was-validated .has-rose .is-focused .custom-file-input:valid ~ .valid-feedback, +.was-validated .has-rose .is-focused .custom-file-input:valid ~ .valid-tooltip, .has-rose .is-focused .custom-file-input.is-valid ~ .valid-feedback, +.has-rose .is-focused .custom-file-input.is-valid ~ .valid-tooltip { + display: block; } + +.was-validated .has-rose .is-focused .custom-file-input:valid:focus ~ .custom-file-label, .has-rose .is-focused .custom-file-input.is-valid:focus ~ .custom-file-label { + box-shadow: 0 0 0 0.2rem rgba(233, 30, 99, 0.25); } - :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-r>.bmd-layout-drawer { - transform: translateX(0); - } +.has-rose .is-focused [class^='bmd-label'], +.has-rose .is-focused [class*=' bmd-label'] { + color: #e91e63; } - :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-r>.bmd-layout-content { - margin-right: 240px; - } -} +.has-rose .is-focused .bmd-label-placeholder { + color: #e91e63; } -@media (min-width: 992px) { - :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-t>.bmd-layout-header { - margin-top: 100px; - } +.has-rose .is-focused .form-control { + border-color: #e91e63; } - :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-t>.bmd-layout-drawer { - transform: translateY(0); - } +.has-rose .is-focused .bmd-help { + color: #555; } - :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-b>.bmd-layout-drawer { - transform: translateY(0); - } +.bmd-form-group { + position: relative; + padding-top: 27px; } + .bmd-form-group:not(.has-success):not(.has-danger) [class^='bmd-label'].bmd-label-floating, + .bmd-form-group:not(.has-success):not(.has-danger) [class*=' bmd-label'].bmd-label-floating { + color: #AAAAAA; } + .bmd-form-group [class^='bmd-label'], + .bmd-form-group [class*=' bmd-label'] { + position: absolute; + pointer-events: none; + transition: 0.3s ease all; } + .bmd-form-group [class^='bmd-label'].bmd-label-floating, + .bmd-form-group [class*=' bmd-label'].bmd-label-floating { + will-change: left, top, contents; + margin: 0; + line-height: 1.4; + font-weight: 400; } + .bmd-form-group.is-filled .bmd-label-placeholder { + display: none; } + .bmd-form-group.bmd-collapse-inline { + display: flex; + align-items: center; + padding: 0; + min-height: 2.1em; } + .bmd-form-group.bmd-collapse-inline .collapse { + flex: 1; + display: none; } + .bmd-form-group.bmd-collapse-inline .collapse.show { + max-width: 1200px; } + .bmd-form-group.bmd-collapse-inline .collapsing, + .bmd-form-group.bmd-collapse-inline .width:not(.collapse), + .bmd-form-group.bmd-collapse-inline .collapse.show { + display: block; } + .bmd-form-group.bmd-collapse-inline .collapsing { + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } + .bmd-form-group input::-webkit-input-placeholder { + line-height: 1.1; } + .bmd-form-group input::-moz-placeholder { + line-height: 1.1; } + .bmd-form-group input:-ms-input-placeholder { + line-height: 1.1; } + .bmd-form-group input::-ms-input-placeholder { + line-height: 1.1; } + .bmd-form-group .form-control, + .bmd-form-group label, + .bmd-form-group input::placeholder { + line-height: 1.1; } + .bmd-form-group label { + color: #AAAAAA; } + .bmd-form-group .radio label, + .bmd-form-group label.radio-inline, + .bmd-form-group .checkbox label, + .bmd-form-group label.checkbox-inline, + .bmd-form-group .switch label { + line-height: 1.5; } + .bmd-form-group .checkbox label, + .bmd-form-group .radio label, + .bmd-form-group label { + font-size: 0.875rem; } + .bmd-form-group .bmd-label-floating, + .bmd-form-group .bmd-label-placeholder { + top: 2.3125rem; } + .bmd-form-group .is-focused .bmd-label-floating, + .bmd-form-group .is-filled .bmd-label-floating { + top: 1rem; + left: 0; + font-size: 0.6875rem; } + .bmd-form-group .bmd-label-static { + top: 0.35rem; + left: 0; + font-size: 0.875rem; } + .bmd-form-group .bmd-help { + margin-top: 0; + font-size: 0.75rem; } + .bmd-form-group .form-control.form-control-success, .bmd-form-group .form-control.form-control-warning, .bmd-form-group .form-control.form-control-danger { + background-size: 0 100%, 100% 100%, 0.9375rem 0.9375rem; } + .bmd-form-group .form-control.form-control-success, .bmd-form-group .form-control.form-control-success:focus, + .bmd-form-group.is-focused .bmd-form-group .form-control.form-control-success, .bmd-form-group .form-control.form-control-warning, .bmd-form-group .form-control.form-control-warning:focus, + .bmd-form-group.is-focused .bmd-form-group .form-control.form-control-warning, .bmd-form-group .form-control.form-control-danger, .bmd-form-group .form-control.form-control-danger:focus, + .bmd-form-group.is-focused .bmd-form-group .form-control.form-control-danger { + padding-right: 0; + background-repeat: no-repeat, no-repeat; + background-position: center bottom, center calc(100% - 1px), center right 0.46875rem; } + .bmd-form-group .form-control.form-control-success:focus, + .bmd-form-group.is-focused .bmd-form-group .form-control.form-control-success, .bmd-form-group .form-control.form-control-warning:focus, + .bmd-form-group.is-focused .bmd-form-group .form-control.form-control-warning, .bmd-form-group .form-control.form-control-danger:focus, + .bmd-form-group.is-focused .bmd-form-group .form-control.form-control-danger { + background-size: 100% 100%, 100% 100%, 0.9375rem 0.9375rem; } + .bmd-form-group.bmd-form-group-sm input::-webkit-input-placeholder { + line-height: 1.1; } + .bmd-form-group.bmd-form-group-sm input::-moz-placeholder { + line-height: 1.1; } + .bmd-form-group.bmd-form-group-sm input:-ms-input-placeholder { + line-height: 1.1; } + .bmd-form-group.bmd-form-group-sm input::-ms-input-placeholder { + line-height: 1.1; } + .bmd-form-group.bmd-form-group-sm .form-control, + .bmd-form-group.bmd-form-group-sm label, + .bmd-form-group.bmd-form-group-sm input::placeholder { + line-height: 1.1; } + .bmd-form-group.bmd-form-group-sm label { + color: #AAAAAA; } + .bmd-form-group.bmd-form-group-sm .radio label, + .bmd-form-group.bmd-form-group-sm label.radio-inline, + .bmd-form-group.bmd-form-group-sm .checkbox label, + .bmd-form-group.bmd-form-group-sm label.checkbox-inline, + .bmd-form-group.bmd-form-group-sm .switch label { + line-height: 1.5; } + .bmd-form-group.bmd-form-group-sm .checkbox label, + .bmd-form-group.bmd-form-group-sm .radio label, + .bmd-form-group.bmd-form-group-sm label { + font-size: 0.875rem; } + .bmd-form-group.bmd-form-group-sm .bmd-label-floating, + .bmd-form-group.bmd-form-group-sm .bmd-label-placeholder { + top: 1.875rem; } + .bmd-form-group.bmd-form-group-sm .is-focused .bmd-label-floating, + .bmd-form-group.bmd-form-group-sm .is-filled .bmd-label-floating { + top: 0.75rem; + left: 0; + font-size: 0.6875rem; } + .bmd-form-group.bmd-form-group-sm .bmd-label-static { + top: 0.1rem; + left: 0; + font-size: 0.875rem; } + .bmd-form-group.bmd-form-group-sm .bmd-help { + margin-top: 0; + font-size: 0.65625rem; } + .bmd-form-group.bmd-form-group-sm .form-control.form-control-success, .bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, .bmd-form-group.bmd-form-group-sm .form-control.form-control-danger { + background-size: 0 100%, 100% 100%, 0.6875rem 0.6875rem; } + .bmd-form-group.bmd-form-group-sm .form-control.form-control-success, .bmd-form-group.bmd-form-group-sm .form-control.form-control-success:focus, + .bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-success, .bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, .bmd-form-group.bmd-form-group-sm .form-control.form-control-warning:focus, + .bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, .bmd-form-group.bmd-form-group-sm .form-control.form-control-danger, .bmd-form-group.bmd-form-group-sm .form-control.form-control-danger:focus, + .bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-danger { + padding-right: 0; + background-repeat: no-repeat, no-repeat; + background-position: center bottom, center calc(100% - 1px), center right 0.34375rem; } + .bmd-form-group.bmd-form-group-sm .form-control.form-control-success:focus, + .bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-success, .bmd-form-group.bmd-form-group-sm .form-control.form-control-warning:focus, + .bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-warning, .bmd-form-group.bmd-form-group-sm .form-control.form-control-danger:focus, + .bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-danger { + background-size: 100% 100%, 100% 100%, 0.6875rem 0.6875rem; } + .bmd-form-group.bmd-form-group-lg input::-webkit-input-placeholder { + line-height: 1.1; } + .bmd-form-group.bmd-form-group-lg input::-moz-placeholder { + line-height: 1.1; } + .bmd-form-group.bmd-form-group-lg input:-ms-input-placeholder { + line-height: 1.1; } + .bmd-form-group.bmd-form-group-lg input::-ms-input-placeholder { + line-height: 1.1; } + .bmd-form-group.bmd-form-group-lg .form-control, + .bmd-form-group.bmd-form-group-lg label, + .bmd-form-group.bmd-form-group-lg input::placeholder { + line-height: 1.1; } + .bmd-form-group.bmd-form-group-lg label { + color: #AAAAAA; } + .bmd-form-group.bmd-form-group-lg .radio label, + .bmd-form-group.bmd-form-group-lg label.radio-inline, + .bmd-form-group.bmd-form-group-lg .checkbox label, + .bmd-form-group.bmd-form-group-lg label.checkbox-inline, + .bmd-form-group.bmd-form-group-lg .switch label { + line-height: 1.5; } + .bmd-form-group.bmd-form-group-lg .checkbox label, + .bmd-form-group.bmd-form-group-lg .radio label, + .bmd-form-group.bmd-form-group-lg label { + font-size: 0.875rem; } + .bmd-form-group.bmd-form-group-lg .bmd-label-floating, + .bmd-form-group.bmd-form-group-lg .bmd-label-placeholder { + top: 2.4375rem; } + .bmd-form-group.bmd-form-group-lg .is-focused .bmd-label-floating, + .bmd-form-group.bmd-form-group-lg .is-filled .bmd-label-floating { + top: 1rem; + left: 0; + font-size: 0.6875rem; } + .bmd-form-group.bmd-form-group-lg .bmd-label-static { + top: 0.35rem; + left: 0; + font-size: 0.875rem; } + .bmd-form-group.bmd-form-group-lg .bmd-help { + margin-top: 0; + font-size: 0.9375rem; } + .bmd-form-group.bmd-form-group-lg .form-control.form-control-success, .bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, .bmd-form-group.bmd-form-group-lg .form-control.form-control-danger { + background-size: 0 100%, 100% 100%, 1.1875rem 1.1875rem; } + .bmd-form-group.bmd-form-group-lg .form-control.form-control-success, .bmd-form-group.bmd-form-group-lg .form-control.form-control-success:focus, + .bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-success, .bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, .bmd-form-group.bmd-form-group-lg .form-control.form-control-warning:focus, + .bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, .bmd-form-group.bmd-form-group-lg .form-control.form-control-danger, .bmd-form-group.bmd-form-group-lg .form-control.form-control-danger:focus, + .bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-danger { + padding-right: 0; + background-repeat: no-repeat, no-repeat; + background-position: center bottom, center calc(100% - 1px), center right 0.59375rem; } + .bmd-form-group.bmd-form-group-lg .form-control.form-control-success:focus, + .bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-success, .bmd-form-group.bmd-form-group-lg .form-control.form-control-warning:focus, + .bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-warning, .bmd-form-group.bmd-form-group-lg .form-control.form-control-danger:focus, + .bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-danger { + background-size: 100% 100%, 100% 100%, 1.1875rem 1.1875rem; } + +input::-webkit-input-placeholder { + line-height: 1.1; } + +input::-moz-placeholder { + line-height: 1.1; } + +input:-ms-input-placeholder { + line-height: 1.1; } + +input::-ms-input-placeholder { + line-height: 1.1; } - :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-b>.bmd-layout-content { - margin-bottom: 100px; - } -} +.form-control, +label, +input::placeholder { + line-height: 1.1; } -@media (max-width: 1199.98px) { - :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down>.bmd-layout-backdrop .in { - visibility: visible; - background-color: rgba(0, 0, 0, 0.5); - } +label { + color: #AAAAAA; } - @supports (pointer-events: auto) { - :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down>.bmd-layout-backdrop.in { - pointer-events: auto; - opacity: 1; - } - } +.radio label, +label.radio-inline, +.checkbox label, +label.checkbox-inline, +.switch label { + line-height: 1.5; } - :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-l>.bmd-layout-header, - :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-l>.bmd-layout-content { - width: 100%; - margin-left: 0; - } +.checkbox label, +.radio label, +label { + font-size: 0.875rem; } - :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-r>.bmd-layout-header, - :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-r>.bmd-layout-content { - width: 100%; - margin-right: 0; - } -} +.bmd-label-floating, +.bmd-label-placeholder { + top: 2.3125rem; } -@media (max-width: 1199.98px) { - :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down>.bmd-layout-backdrop .in { - visibility: visible; - background-color: rgba(0, 0, 0, 0.5); - } +.is-focused .bmd-label-floating, +.is-filled .bmd-label-floating { + top: 1rem; + left: 0; + font-size: 0.6875rem; } - @supports (pointer-events: auto) { - :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down>.bmd-layout-backdrop.in { - pointer-events: auto; - opacity: 1; - } - } +.bmd-label-static { + top: 0.35rem; + left: 0; + font-size: 0.875rem; } - :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-t>.bmd-layout-header { - margin-top: 0; - } +.bmd-help { + margin-top: 0; + font-size: 0.75rem; } + +.form-control.form-control-success, .form-control.form-control-warning, .form-control.form-control-danger { + background-size: 0 100%, 100% 100%, 0.9375rem 0.9375rem; } + .form-control.form-control-success, .form-control.form-control-success:focus, + .bmd-form-group.is-focused .form-control.form-control-success, .form-control.form-control-warning, .form-control.form-control-warning:focus, + .bmd-form-group.is-focused .form-control.form-control-warning, .form-control.form-control-danger, .form-control.form-control-danger:focus, + .bmd-form-group.is-focused .form-control.form-control-danger { + padding-right: 0; + background-repeat: no-repeat, no-repeat; + background-position: center bottom, center calc(100% - 1px), center right 0.46875rem; } + .form-control.form-control-success:focus, + .bmd-form-group.is-focused .form-control.form-control-success, .form-control.form-control-warning:focus, + .bmd-form-group.is-focused .form-control.form-control-warning, .form-control.form-control-danger:focus, + .bmd-form-group.is-focused .form-control.form-control-danger { + background-size: 100% 100%, 100% 100%, 0.9375rem 0.9375rem; } + +select, select.form-control { + -moz-appearance: none; + -webkit-appearance: none; } - :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-b>.bmd-layout-content { - margin-bottom: 0; - } -} +@media (min-width: 576px) { + .form-inline .input-group { + display: inline-flex; + align-items: center; } } -@media (min-width: 1200px) { - :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-l>.bmd-layout-header { - width: calc(100% - 240px); - margin-left: 240px; - } +.form-control-feedback { + position: absolute; + top: 33px; + right: 0; + z-index: 2; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; + pointer-events: none; + opacity: 0; } + .has-success .form-control-feedback { + color: #4caf50; + opacity: 1; } + .has-danger .form-control-feedback { + color: #f44336; + opacity: 1; } - :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-l>.bmd-layout-drawer { - transform: translateX(0); - } +.form-group { + margin-bottom: 17px; + position: relative; } - :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-l>.bmd-layout-content { - margin-left: 240px; - } +textarea { + height: auto !important; + resize: none; + line-height: 1.42857 !important; } - :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-r>.bmd-layout-header { - width: calc(100% - 240px); - margin-right: 240px; - } +.form-group input[type=file] { + opacity: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; } - :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-r>.bmd-layout-drawer { - transform: translateX(0); - } +.form-newsletter .input-group, +.form-newsletter .form-group { + float: left; + width: 78%; + margin-right: 2%; + margin-top: 9px; + padding-top: 5px; } - :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-r>.bmd-layout-content { - margin-right: 240px; - } -} +.form-newsletter .btn { + float: left; + width: 20%; + margin: 9px 0 0; } -@media (min-width: 1200px) { - :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-t>.bmd-layout-header { - margin-top: 100px; - } +.form-file-upload .input-group-btn:last-child > .btn-round { + border-radius: 30px; } - :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-t>.bmd-layout-drawer { - transform: translateY(0); - } +.form-file-upload .input-group-btn .btn { + margin: 0; } - :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-b>.bmd-layout-drawer { - transform: translateY(0); - } +.form-file-upload .input-group { + width: 100%; } - :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-b>.bmd-layout-content { - margin-bottom: 100px; - } -} +.input-group .input-group-btn { + padding: 0 12px; } -:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down>.bmd-layout-backdrop .in { - visibility: visible; - background-color: rgba(0, 0, 0, 0.5); -} +.input-group .input-group-text { + display: flex; + justify-content: center; + align-items: center; + padding: 0 15px 0 15px; + background-color: transparent; + border-color: transparent; } -@supports (pointer-events: auto) { - :not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down>.bmd-layout-backdrop.in { - pointer-events: auto; - opacity: 1; - } -} +.input-group .input-group-btn { + position: absolute; + right: 0; + bottom: 0; + padding-right: 0; } -:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-l>.bmd-layout-header, -:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-l>.bmd-layout-content { - width: 100%; - margin-left: 0; -} +.list-group { + display: flex; + flex-direction: column; + flex-grow: 1; + padding: .5rem 0; } + .list-group.bmd-list-group-sm { + padding: .25rem 0; } + .list-group.bmd-list-group-sm .list-group-item { + padding: .5rem 1rem; } -:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-r>.bmd-layout-header, -:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-r>.bmd-layout-content { - width: 100%; - margin-right: 0; -} +.bmd-list-group-col { + display: flex; + flex-direction: column; + min-width: 0; } -:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down>.bmd-layout-backdrop .in { - visibility: visible; - background-color: rgba(0, 0, 0, 0.5); -} +.list-group-item { + display: flex; + flex-flow: row wrap; + align-items: center; + padding: 1rem; + line-height: 1; } + .list-group-item .list-group-item-text { + min-width: 0; + max-height: 2.188rem; + overflow: hidden; + text-overflow: ellipsis; } + .list-group-item :first-child { + margin-right: 2rem; } + .list-group-item > .pull-xs-right, + .list-group-item > .pull-sm-right, + .list-group-item > .pull-md-right, + .list-group-item > .pull-lg-right, + .list-group-item > .pull-xl-right, + .list-group-item > * ~ .label:last-child, + .list-group-item > * ~ .material-icons:last-child { + margin-right: 0; + margin-left: auto; } + .list-group-item .material-icons.pull-xs-right, + .list-group-item .material-icons.pull-sm-right, + .list-group-item .material-icons.pull-md-right, + .list-group-item .material-icons.pull-lg-right, + .list-group-item .material-icons.pull-xl-right, + .list-group-item .material-icons ~ .material-icons:last-child { + padding-left: 1rem; } + .list-group-item .list-group-item-text { + font-size: .875rem; + color: #555; } -@supports (pointer-events: auto) { - :not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down>.bmd-layout-backdrop.in { - pointer-events: auto; - opacity: 1; - } -} +.nav-link { + text-transform: uppercase; } -:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-t>.bmd-layout-header { - margin-top: 0; -} +.navbar-nav .nav-link { + padding: 0.5321rem; + font-size: 0.875rem; + font-weight: 400; } -:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-b>.bmd-layout-content { - margin-bottom: 0; -} +.nav-tabs, +.nav-pills { + border: 0; + border-radius: 3px; + padding: 0 15px; } + .nav-tabs .nav-link, + .nav-pills .nav-link { + padding: 1.4286em 0.8575em; + font-size: 0.875rem; + font-weight: 500; + border: 0; } -.progress { - height: 4px; - border-radius: 0; - box-shadow: none; - background: #DDDDDD; - margin-bottom: 20px; -} +.nav .nav-item { + position: relative; } -.progress .progress-bar { - box-shadow: none; -} +.img-thumbnail { + border-radius: 16px; } -.progress .progress-bar.progress-bar-primary { - background: #9c27b0 !important; -} +.img-raised { + box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } -.progress .progress-bar.progress-bar-info { - background: #00bcd4; -} +.rounded { + border-radius: 6px !important; } -.progress .progress-bar.progress-bar-success { - background: #4caf50; -} +.navbar { + border: 0; + border-radius: 3px; + padding: 0.625rem 0; + margin-bottom: 20px; + color: #555; + background-color: #ffffff !important; + box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15); } + .navbar .dropdown-item:hover, + .navbar .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 255, 255, 0.4); + background-color: #ffffff; + color: #555; } + .navbar .navbar-toggler .navbar-toggler-icon { + background-color: #555; } + .navbar.fixed-top { + border-radius: 0; } + .navbar .navbar-nav .nav-item .nav-link { + position: relative; + color: inherit; + padding: 0.9375rem; + font-weight: 400; + font-size: 12px; + text-transform: uppercase; + border-radius: 3px; + line-height: 20px; } + .navbar .navbar-nav .nav-item .nav-link:not(.btn-just-icon) .fa { + position: relative; + top: 2px; + margin-top: -4px; + margin-right: 4px; } + .navbar .navbar-nav .nav-item .nav-link .material-icons, + .navbar .navbar-nav .nav-item .nav-link .fa { + font-size: 1.25rem; + max-width: 24px; + margin-top: -1.1em; } + .navbar .navbar-nav .nav-item .nav-link:not(.btn) .material-icons { + margin-top: -7px; + top: 3px; + position: relative; + margin-right: 3px; } + .navbar .navbar-nav .nav-item .nav-link.profile-photo { + padding: 0; + margin: 0 3px; } + .navbar .navbar-nav .nav-item .nav-link.profile-photo:after { + display: none; } + .navbar .navbar-nav .nav-item .nav-link.profile-photo .profile-photo-small { + height: 40px; + width: 40px; } + .navbar .navbar-nav .nav-item .nav-link.profile-photo .ripple-container { + border-radius: 50%; } + .navbar .navbar-nav .dropdown-menu-right { + transform-origin: 100% 0; } + .navbar .navbar-nav .nav-item.active .nav-link, .navbar .navbar-nav .nav-item.active .nav-link:hover, .navbar .navbar-nav .nav-item.active .nav-link:focus { + background-color: rgba(255, 255, 255, 0.1); } + .navbar .btn, + .navbar .navbar-nav .nav-item .btn { + margin-top: 0; + margin-bottom: 0; } + .navbar .navbar-toggler { + cursor: pointer; } + .navbar .navbar-toggler .navbar-toggler-icon { + position: relative; + width: 22px; + height: 2px; + vertical-align: middle; + outline: 0; + display: block; + border-radius: 1px; } + .navbar .navbar-toggler .navbar-toggler-icon + .navbar-toggler-icon { + margin-top: 4px; } + .navbar.navbar-absolute { + position: absolute; + width: 100%; + padding-top: 10px; + z-index: 1029; } + .navbar .navbar-wrapper { + display: inline-flex; + align-items: center; } + .navbar .navbar-brand { + position: relative; + color: inherit; + height: 50px; + font-size: 1.125rem; + line-height: 30px; + padding: 0.625rem 0; } + .navbar.bg-primary { + color: #ffffff; + background-color: #9c27b0 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(156, 39, 176, 0.46); } + .navbar.bg-primary .dropdown-item:hover, + .navbar.bg-primary .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); + background-color: #9c27b0; + color: #ffffff; } + .navbar.bg-primary .navbar-toggler .navbar-toggler-icon { + background-color: #ffffff; } + .navbar.bg-info { + color: #ffffff; + background-color: #00bcd4 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(0, 188, 212, 0.46); } + .navbar.bg-info .dropdown-item:hover, + .navbar.bg-info .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4); + background-color: #00bcd4; + color: #ffffff; } + .navbar.bg-info .navbar-toggler .navbar-toggler-icon { + background-color: #ffffff; } + .navbar.bg-warning { + color: #ffffff; + background-color: #ff9800 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(255, 152, 0, 0.46); } + .navbar.bg-warning .dropdown-item:hover, + .navbar.bg-warning .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); + background-color: #ff9800; + color: #ffffff; } + .navbar.bg-warning .navbar-toggler .navbar-toggler-icon { + background-color: #ffffff; } + .navbar.bg-rose { + color: #ffffff; + background-color: #e91e63 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(233, 30, 99, 0.46); } + .navbar.bg-rose .dropdown-item:hover, + .navbar.bg-rose .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4); + background-color: #e91e63; + color: #ffffff; } + .navbar.bg-rose .navbar-toggler .navbar-toggler-icon { + background-color: #ffffff; } + .navbar.bg-danger { + color: #ffffff; + background-color: #f44336 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(244, 67, 54, 0.46); } + .navbar.bg-danger .dropdown-item:hover, + .navbar.bg-danger .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4); + background-color: #f44336; + color: #ffffff; } + .navbar.bg-danger .navbar-toggler .navbar-toggler-icon { + background-color: #ffffff; } + .navbar.bg-success { + color: #ffffff; + background-color: #4caf50 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(76, 175, 80, 0.46); } + .navbar.bg-success .dropdown-item:hover, + .navbar.bg-success .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); + background-color: #4caf50; + color: #ffffff; } + .navbar.bg-success .navbar-toggler .navbar-toggler-icon { + background-color: #ffffff; } + .navbar.bg-dark { + color: #ffffff; + background-color: #212121 !important; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(33, 33, 33, 0.46); } + .navbar.bg-dark .dropdown-item:hover, + .navbar.bg-dark .dropdown-item:focus { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 33, 33, 0.4); + background-color: #212121; + color: #ffffff; } + .navbar.bg-dark .navbar-toggler .navbar-toggler-icon { + background-color: #ffffff; } + .navbar.navbar-transparent { + background-color: transparent !important; + box-shadow: none; + padding-top: 25px; + color: #ffffff; } -.progress .progress-bar.progress-bar-warning { - background: #ff9800; -} +#navbar .navbar { + border-radius: 0; } -.progress .progress-bar.progress-bar-danger { - background: #f44336; -} +.badge { + padding: 5px 12px; + text-transform: uppercase; + font-size: 10px; + color: #ffffff; } + .badge.badge-primary { + background-color: #9c27b0; } + .badge.badge-info { + background-color: #00bcd4; } + .badge.badge-success { + background-color: #4caf50; } + .badge.badge-warning { + background-color: #ff9800; } + .badge.badge-danger { + background-color: #f44336; } + .badge.badge-rose { + background-color: #e91e63; } + .badge.badge-default { + background-color: #999; } -.progress.progress-line-primary { - background: rgba(156, 39, 176, 0.2); -} +.badge-default[href]:hover, +.badge-default[href]:focus { + background-color: #c1c1c1; } -.progress.progress-line-info { - background: rgba(0, 188, 212, 0.2); -} +.badge-primary[href]:hover, .badge-primary[href]:focus { + background-color: #89229b; } -.progress.progress-line-success { - background: rgba(76, 175, 80, 0.2); -} +.badge-info[href]:hover, .badge-info[href]:focus { + background-color: #00a5bb; } -.progress.progress-line-warning { - background: rgba(255, 152, 0, 0.2); -} +.badge-success[href]:hover, .badge-success[href]:focus { + background-color: #449d48; } -.progress.progress-line-danger { - background: rgba(244, 67, 54, 0.2); -} +.badge-warning[href]:hover, .badge-warning[href]:focus { + background-color: #e68900; + color: #ffffff; } -.togglebutton { - vertical-align: middle; -} +.badge-danger[href]:hover, .badge-danger[href]:focus { + background-color: #f32c1e; } -.togglebutton, -.togglebutton label, -.togglebutton input, -.togglebutton .toggle { - user-select: none; -} +.badge-rose[href]:hover, +.badge-rose[href]:focus { + background-color: #d81558; } -.togglebutton label { - cursor: pointer; - color: rgba(0, 0, 0, 0.26); -} +.alert { + border: 0; + border-radius: 0; + padding: 20px 15px; + line-height: 20px; } + .alert b { + font-weight: 500; + text-transform: uppercase; + font-size: 12px; } + .alert, .alert.alert-default { + background-color: white; + color: #555; } + .alert a, .alert .alert-link, .alert.alert-default a, .alert.alert-default .alert-link { + color: #555; } + .alert.alert-inverse { + background-color: #292929; + color: #fff; } + .alert.alert-inverse a, .alert.alert-inverse .alert-link { + color: #fff; } + .alert.alert-primary { + background-color: #a72abd; + color: #fff; } + .alert.alert-primary a, .alert.alert-primary .alert-link { + color: #fff; } + .alert.alert-success { + background-color: #55b559; + color: #fff; } + .alert.alert-success a, .alert.alert-success .alert-link { + color: #fff; } + .alert.alert-info { + background-color: #00cae3; + color: #fff; } + .alert.alert-info a, .alert.alert-info .alert-link { + color: #fff; } + .alert.alert-warning { + background-color: #ff9e0f; + color: #fff; } + .alert.alert-warning a, .alert.alert-warning .alert-link { + color: #fff; } + .alert.alert-danger { + background-color: #f55145; + color: #fff; } + .alert.alert-danger a, .alert.alert-danger .alert-link { + color: #fff; } + .alert.alert-rose { + background-color: #ea2c6d; + color: #fff; } + .alert.alert-rose a, .alert.alert-rose .alert-link { + color: #fff; } + .alert-info, .alert-danger, .alert-warning, .alert-success { + color: #fff; } + .alert-default a, .alert-default .alert-link { + color: rgba(0,0,0, 0.87); } + .alert .alert-icon { + display: block; + float: left; + margin-right: 1.071rem; } + .alert .alert-icon i { + margin-top: -7px; + top: 5px; + position: relative; } + .alert .close { + color: #ffffff; + text-shadow: none; + opacity: .9; } + .alert .close i { + font-size: 20px; } + .alert .close:hover, .alert .close:focus { + opacity: 1; } + +.pagination > .page-item > .page-link, +.pagination > .page-item > span { + border: 0; + border-radius: 30px !important; + transition: all .3s; + padding: 0px 11px; + margin: 0 3px; + min-width: 30px; + height: 30px; + line-height: 30px; + color: #999999; + font-weight: 400; + font-size: 12px; + text-transform: uppercase; + background: transparent; + text-align: center; } + .pagination > .page-item > .page-link:hover, .pagination > .page-item > .page-link:focus, + .pagination > .page-item > span:hover, + .pagination > .page-item > span:focus { + color: #999999; } + +.pagination > .page-item.active > a, +.pagination > .page-item.active > span { + color: #999999; } + .pagination > .page-item.active > a, .pagination > .page-item.active > a:focus, .pagination > .page-item.active > a:hover, + .pagination > .page-item.active > span, + .pagination > .page-item.active > span:focus, + .pagination > .page-item.active > span:hover { + background-color: #9c27b0; + border-color: #9c27b0; + color: #ffffff; + box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2); } + +.pagination.pagination-info > .page-item.active > a, .pagination.pagination-info > .page-item.active > a:focus, .pagination.pagination-info > .page-item.active > a:hover, +.pagination.pagination-info > .page-item.active > span, +.pagination.pagination-info > .page-item.active > span:focus, +.pagination.pagination-info > .page-item.active > span:hover { + background-color: #00bcd4; + border-color: #00bcd4; + box-shadow: 0 4px 5px 0 rgba(0, 188, 212, 0.14), 0 1px 10px 0 rgba(0, 188, 212, 0.12), 0 2px 4px -1px rgba(0, 188, 212, 0.2); } -.form-group.is-focused .togglebutton label { - color: rgba(0, 0, 0, 0.26); -} +.pagination.pagination-success > .page-item.active > a, .pagination.pagination-success > .page-item.active > a:focus, .pagination.pagination-success > .page-item.active > a:hover, +.pagination.pagination-success > .page-item.active > span, +.pagination.pagination-success > .page-item.active > span:focus, +.pagination.pagination-success > .page-item.active > span:hover { + background-color: #4caf50; + border-color: #4caf50; + box-shadow: 0 4px 5px 0 rgba(76, 175, 80, 0.14), 0 1px 10px 0 rgba(76, 175, 80, 0.12), 0 2px 4px -1px rgba(76, 175, 80, 0.2); } -.form-group.is-focused .togglebutton label:hover, -.form-group.is-focused .togglebutton label:focus { - color: rgba(0, 0, 0, .54); -} +.pagination.pagination-warning > .page-item.active > a, .pagination.pagination-warning > .page-item.active > a:focus, .pagination.pagination-warning > .page-item.active > a:hover, +.pagination.pagination-warning > .page-item.active > span, +.pagination.pagination-warning > .page-item.active > span:focus, +.pagination.pagination-warning > .page-item.active > span:hover { + background-color: #ff9800; + border-color: #ff9800; + box-shadow: 0 4px 5px 0 rgba(255, 152, 0, 0.14), 0 1px 10px 0 rgba(255, 152, 0, 0.12), 0 2px 4px -1px rgba(255, 152, 0, 0.2); } -fieldset[disabled] .form-group.is-focused .togglebutton label { - color: rgba(0, 0, 0, 0.26); -} +.pagination.pagination-danger > .page-item.active > a, .pagination.pagination-danger > .page-item.active > a:focus, .pagination.pagination-danger > .page-item.active > a:hover, +.pagination.pagination-danger > .page-item.active > span, +.pagination.pagination-danger > .page-item.active > span:focus, +.pagination.pagination-danger > .page-item.active > span:hover { + background-color: #f44336; + border-color: #f44336; + box-shadow: 0 4px 5px 0 rgba(244, 67, 54, 0.14), 0 1px 10px 0 rgba(244, 67, 54, 0.12), 0 2px 4px -1px rgba(244, 67, 54, 0.2); } -.togglebutton label input[type=checkbox] { - opacity: 0; - width: 0; - height: 0; -} +.pagination .page-item .page-link:focus { + box-shadow: none; } -.togglebutton label .toggle { - text-align: left; - margin-left: 5px; -} +.nav-pills:not(.flex-column) .nav-item + .nav-item:not(:first-child) { + margin-left: 5px; } -.togglebutton label .toggle, -.togglebutton label input[type=checkbox][disabled]+.toggle { - content: ""; - display: inline-block; - width: 30px; - height: 15px; - background-color: rgba(80, 80, 80, 0.7); - border-radius: 15px; - margin-right: 15px; - transition: background 0.3s ease; - vertical-align: middle; -} +.nav-pills.flex-column .nav-item + .nav-item { + margin-top: 5px; } -.togglebutton label .toggle:after { - content: ""; - display: inline-block; - width: 20px; - height: 20px; - background-color: #fff; - border-radius: 20px; - position: relative; - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); - left: -5px; - top: -2.5px; - border: 1px solid rgba(0, 0, 0, .54); - transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; -} - -.togglebutton label input[type=checkbox][disabled]+.toggle:after, -.togglebutton label input[type=checkbox][disabled]:checked+.toggle:after { - background-color: #BDBDBD; -} - -.togglebutton label input[type=checkbox]+.toggle:active:after, -.togglebutton label input[type=checkbox][disabled]+.toggle:active:after { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); -} - -.togglebutton label input[type=checkbox]:checked+.toggle:after { - left: 15px; -} - -.togglebutton label input[type=checkbox]:checked+.toggle { - background-color: rgba(156, 39, 176, 0.7); -} - -.togglebutton label input[type=checkbox]:checked+.toggle:after { - border-color: #9c27b0; -} +.nav-pills .nav-item .nav-link { + line-height: 24px; + text-transform: uppercase; + font-size: 12px; + font-weight: 500; + min-width: 100px; + text-align: center; + color: #555; + transition: all .3s; + border-radius: 30px; + padding: 10px 15px; } + .nav-pills .nav-item .nav-link:hover { + background-color: rgba(200, 200, 200, 0.2); } + .nav-pills .nav-item .nav-link.active { + color: #ffffff; + background-color: #9c27b0; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(156, 39, 176, 0.6); } -.togglebutton label input[type=checkbox]:checked+.toggle:active:after { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1); -} +.nav-pills .nav-item i { + display: block; + font-size: 30px; + padding: 15px 0; } -.ripple { - position: relative; -} +.nav-pills.nav-pills-info .nav-item .nav-link.active, .nav-pills.nav-pills-info .nav-item .nav-link.active:focus, .nav-pills.nav-pills-info .nav-item .nav-link.active:hover { + background-color: #00bcd4; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(0, 188, 212, 0.6); + color: #ffffff; } -.ripple-container { - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - overflow: hidden; - pointer-events: none; - border-radius: inherit; -} +.nav-pills.nav-pills-rose .nav-item .nav-link.active, .nav-pills.nav-pills-rose .nav-item .nav-link.active:focus, .nav-pills.nav-pills-rose .nav-item .nav-link.active:hover { + background-color: #e91e63; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); + color: #ffffff; } -.ripple-container .ripple-decorator { - position: absolute; - width: 20px; - height: 20px; - margin-top: -10px; - margin-left: -10px; - pointer-events: none; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 100%; - opacity: 0; - transform: scale(1); - transform-origin: 50%; -} +.nav-pills.nav-pills-success .nav-item .nav-link.active, .nav-pills.nav-pills-success .nav-item .nav-link.active:focus, .nav-pills.nav-pills-success .nav-item .nav-link.active:hover { + background-color: #4caf50; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(76, 175, 80, 0.6); + color: #ffffff; } -.ripple-container .ripple-decorator.ripple-on { - opacity: 0.1; - transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; -} +.nav-pills.nav-pills-warning .nav-item .nav-link.active, .nav-pills.nav-pills-warning .nav-item .nav-link.active:focus, .nav-pills.nav-pills-warning .nav-item .nav-link.active:hover { + background-color: #ff9800; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(255, 152, 0, 0.6); + color: #ffffff; } -.ripple-container .ripple-decorator.ripple-out { - opacity: 0; - transition: opacity 0.1s linear 0s !important; -} +.nav-pills.nav-pills-danger .nav-item .nav-link.active, .nav-pills.nav-pills-danger .nav-item .nav-link.active:focus, .nav-pills.nav-pills-danger .nav-item .nav-link.active:hover { + background-color: #f44336; + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(244, 67, 54, 0.6); + color: #ffffff; } -.page-header { - height: 100vh; - background-position: center center; - background-size: cover; - margin: 0; - padding: 0; - border: 0; - display: flex; - align-items: center; -} +.nav-pills.nav-pills-icons .nav-item .nav-link { + border-radius: 4px; } -.page-header .page-header-image { - position: absolute; - background-size: cover; - background-position: center center; - width: 100%; - height: 100%; - z-index: -1; -} +.tab-space { + padding: 20px 0 50px 0px; } -.page-header .content-center { - position: absolute; - top: 50%; - left: 50%; - z-index: 2; - -ms-transform: translate(-50%, -50%); - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - text-align: center; - color: #FFFFFF; - padding: 0 15px; - width: 100%; - max-width: 880px; -} +.info { + max-width: 360px; + margin: 0 auto; + padding: 70px 0 30px; } + .info .icon { + color: #999999; } + .info .icon > i { + font-size: 3.85rem; } + .info .info-title { + color: #000000; + margin: 1.75rem 0 0.875rem; } + .info p { + color: #999999; } -.page-header .carousel .carousel-indicators { - bottom: 60px; -} +.info-horizontal .icon { + float: left; + margin-top: 24px; + margin-right: 10px; } + .info-horizontal .icon > i { + font-size: 2.25rem; } -.page-header>.container { - color: #ffffff; -} +.info-horizontal .description { + overflow: hidden; } -.page-header .title { - color: #ffffff; -} +.icon.icon-primary { + color: #9c27b0; } -.page-header.header-small { - height: 65vh; - min-height: 65vh; -} +.icon.icon-info { + color: #00bcd4; } -.page-header .iframe-container iframe { - width: 100%; - box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); -} +.icon.icon-success { + color: #4caf50; } -.header-filter { - position: relative; -} +.icon.icon-warning { + color: #ff9800; } -.header-filter:before, -.header-filter:after { - position: absolute; - z-index: 1; - width: 100%; - height: 100%; - display: block; - left: 0; - top: 0; - content: ""; -} +.icon.icon-danger { + color: #f44336; } -.header-filter::before { - background: rgba(0, 0, 0, 0.5); -} +.icon.icon-rose { + color: #e91e63; } -.header-filter .container { - z-index: 2; - position: relative; -} +body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 { + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-weight: 300; + line-height: 1.5em; } -.clear-filter::before { - background: none; -} +h1, h2, h3, .h1, .h2, .h3 { + margin-top: 20px; + margin-bottom: 10px; } -.purple-filter:after { - background: rgba(101, 47, 142, 0.64); - background: linear-gradient(45deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); - background: -moz-linear-gradient(135deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); - background: -webkit-linear-gradient(135deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); -} +h4, h5, h6, .h4, .h5, .h6 { + margin-top: 10px; + margin-bottom: 10px; } -footer { - padding: 0.9375rem 0; - text-align: center; - display: -webkit-flex; - /* Safari */ - /* Safari 6.1+ */ - display: flex; -} +html * { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -footer ul { - margin-bottom: 0; - padding: 0; - list-style: none; -} +h1, .h1 { + font-size: 3.3125rem; + line-height: 1.15em; } -footer ul li { - display: inline-block; -} +h2, .h2 { + font-size: 2.25rem; + line-height: 1.5em; } -footer ul li a { - color: inherit; - padding: 0.9375rem; - font-weight: 500; - font-size: 12px; - text-transform: uppercase; - border-radius: 3px; - text-decoration: none; - position: relative; - display: block; -} +h3, .h3 { + font-size: 1.5625rem; + line-height: 1.4em; } -footer ul li a:hover { - text-decoration: none; -} +h4, .h4 { + font-size: 1.125rem; + line-height: 1.5em; } -footer ul li .btn { - margin: 0; -} +h5, .h5 { + font-size: 1.0625rem; + line-height: 1.55em; + margin-bottom: 15px; } -footer ul.links-horizontal:first-child a { - padding-left: 0; -} +h6, .h6 { + font-size: 0.75rem; + text-transform: uppercase; + font-weight: 500; } -footer ul.links-horizontal:last-child a { - padding-right: 0; -} +p { + font-size: 14px; + margin: 0 0 10px; } -footer ul.links-vertical li { - display: block; - margin-left: -5px; - margin-right: -5px; -} +b { + font-weight: 700; } -footer ul.links-vertical li a { - padding: 5px; -} +small, +.small { + font-size: 75%; + color: #777; } -footer .social-buttons a, -footer .social-buttons .btn { - margin-top: 5px; - margin-bottom: 5px; -} +.title, +.card-title, +.info-title, +.footer-brand, +.footer-big h5, +.footer-big h4, +.media .media-heading { + font-weight: 700; + font-family: "Roboto Slab", "Times New Roman", serif; } + .title, + .title a, + .card-title, + .card-title a, + .info-title, + .info-title a, + .footer-brand, + .footer-brand a, + .footer-big h5, + .footer-big h5 a, + .footer-big h4, + .footer-big h4 a, + .media .media-heading, + .media .media-heading a { + color: #000000; + text-decoration: none; } -footer .footer-brand { - float: left; - height: 50px; - padding: 15px 15px; - font-size: 18px; - line-height: 20px; - margin-left: -15px; -} +h2.title { + margin-bottom: 1rem; } -footer .footer-brand:hover, -footer .footer-brand:focus { - color: #000000; -} +.description, +.card-description, +.footer-big p { + color: #999; } -footer .copyright { - padding: 15px 0; -} +.text-warning { + color: #ff9800 !important; } -footer .copyright .material-icons { - font-size: 18px; - position: relative; - top: 3px; -} +.text-primary { + color: #9c27b0 !important; } -footer .pull-center { - display: inline-block; - float: none; -} +.text-danger { + color: #f44336 !important; } -.card { - border: 0; - margin-bottom: 30px; - margin-top: 30px; - border-radius: 6px; - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - width: 100%; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} +.text-success { + color: #4caf50 !important; } -.card .card-category:not([class*="text-"]) { - color: #999999; -} +.text-info { + color: #00bcd4 !important; } -.card .card-category { - margin-top: 10px; -} +.text-rose { + color: #e91e63 !important; } -.card .card-category .material-icons { - position: relative; - top: 8px; - line-height: 0; -} +.text-gray { + color: #999999 !important; } -.card .form-check { - margin-top: 15px; -} +.space { + height: 130px; + display: block; } -.card .card-title { - margin-top: 0.625rem; -} +.space-110 { + height: 110px; + display: block; } -.card .card-title:last-child { - margin-bottom: 0; -} +.space-50 { + height: 50px; + display: block; } -.card.no-shadow .card-header-image, -.card.no-shadow .card-header-image img { - box-shadow: none !important; -} +.space-70 { + height: 70px; + display: block; } -.card .card-body, -.card .card-footer { - padding: 0.9375rem 1.875rem; -} +.blockquote { + padding: 10px 20px; + margin: 0 0 20px; + border-left: 5px solid #eee; } + .blockquote p { + font-size: 1.063rem; + font-style: italic; } + .blockquote small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #777; } -.card .card-body+.card-footer { - padding-top: 0rem; +.nav-tabs { border: 0; - border-radius: 6px; -} + border-radius: 3px; + padding: 0 15px; } + .nav-tabs .nav-item .nav-link { + color: #ffffff; + border: 0; + margin: 0; + border-radius: 3px; + line-height: 24px; + text-transform: uppercase; + font-size: 12px; + padding: 10px 15px; + background-color: transparent; + transition: 0.3s background-color 0s; } + .nav-tabs .nav-item .nav-link:hover { + border: 0; } + .nav-tabs .nav-item .nav-link, + .nav-tabs .nav-item .nav-link:hover, + .nav-tabs .nav-item .nav-link:focus { + border: 0 !important; + color: #ffffff !important; + font-weight: 500; } + .nav-tabs .nav-item.disabled .nav-link, + .nav-tabs .nav-item.disabled .nav-link:hover { + color: rgba(255, 255, 255, 0.5); } + .nav-tabs .nav-item .material-icons { + margin: -1px 5px 0 0; } + .nav-tabs .nav-item .nav-link.active { + background-color: rgba(255, 255, 255, 0.2); + transition: 0.3s background-color 0.2s; } -.card .card-footer { - display: flex; - align-items: center; - background-color: transparent; - border: 0; -} +.nav-tabs .nav-link { + border-bottom: 0.214rem solid transparent; } -.card .card-footer .author, -.card .card-footer .stats { - display: inline-flex; -} +.nav-tabs .nav-link { + color: #555; } + .nav-tabs .nav-link.active { + color: rgba(0, 0, 0, 0.87); + border-color: #9c27b0; } + .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus { + border-color: #9c27b0; } + .nav-tabs .nav-link.disabled { + color: #999; } + .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:hover, .nav-tabs .nav-link.disabled:focus { + color: #999; } -.card .card-footer .stats { - color: #999999; -} +.nav-tabs.header-primary .nav-link { + color: white; } + .nav-tabs.header-primary .nav-link.active { + color: #fff; + border-color: #fff; } + .nav-tabs.header-primary .nav-link.active:hover, .nav-tabs.header-primary .nav-link.active:focus { + border-color: #fff; } + .nav-tabs.header-primary .nav-link.disabled { + color: rgba(255, 255, 255, 0.84); } + .nav-tabs.header-primary .nav-link.disabled, .nav-tabs.header-primary .nav-link.disabled:hover, .nav-tabs.header-primary .nav-link.disabled:focus { + color: rgba(255, 255, 255, 0.84); } -.card .card-footer .stats .material-icons { - position: relative; - top: 3px; - margin-right: 3px; - margin-left: 3px; - font-size: 18px; -} +.nav-tabs.bg-inverse .nav-link { + color: white; } + .nav-tabs.bg-inverse .nav-link.active { + color: #fff; + border-color: #fff; } + .nav-tabs.bg-inverse .nav-link.active:hover, .nav-tabs.bg-inverse .nav-link.active:focus { + border-color: #fff; } + .nav-tabs.bg-inverse .nav-link.disabled { + color: rgba(255, 255, 255, 0.84); } + .nav-tabs.bg-inverse .nav-link.disabled, .nav-tabs.bg-inverse .nav-link.disabled:hover, .nav-tabs.bg-inverse .nav-link.disabled:focus { + color: rgba(255, 255, 255, 0.84); } -.card.bmd-card-raised { - box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); -} +.card-nav-tabs { + margin-top: 45px; } + .card-nav-tabs .card-header { + margin-top: -30px !important; } -@media (min-width: 992px) { - .card.bmd-card-flat { - box-shadow: none; - } -} +.tooltip-arrow { + display: none; } -.card .card-header { - border-radius: 3px; - padding: 1rem 15px; - margin-left: 15px; - margin-right: 15px; - margin-top: -30px; - border: 0; - background: linear-gradient(60deg, #eee, #bdbdbd); -} +.tooltip.show { + opacity: 1; + transform: translate3d(0, 0px, 0); } -.card .card-header .title { - color: #ffffff; -} +.tooltip { + opacity: 0; + transition: opacity, transform .2s ease; + transform: translate3d(0, 5px, 0); + font-size: 0.875rem; } + .tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { + border-top-color: #ffffff; } + .tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before { + border-right-color: #ffffff; } + .tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { + border-left-color: #ffffff; } + .tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { + border-bottom-color: #ffffff; } -.card .card-header:not([class*="header-"]) { - box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); -} +.tooltip-inner { + padding: 10px 15px; + min-width: 130px; } -.card .card-header .nav-tabs { - padding: 0; -} +.popover, .tooltip-inner { + line-height: 1.5em; + background: #ffffff; + border: none; + border-radius: 3px; + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); + color: #555; } -.card .card-header.card-header-image { - position: relative; +.popover { padding: 0; - z-index: 1; - margin-left: 15px; - margin-right: 15px; - margin-top: -30px; - border-radius: 6px; -} - -.card .card-header.card-header-image a { - display: block; -} - -.card .card-header.card-header-image img { - width: 100%; - border-radius: 6px; - pointer-events: none; - box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2); -} + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } + .popover.left > .arrow, .popover.right > .arrow, .popover.top > .arrow, .popover.bottom > .arrow { + border: none; } + .popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before, .popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, .popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before, .popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before { + border: 0; } -.card .card-header.card-header-image .card-title { - position: absolute; - bottom: 15px; - left: 15px; - color: #ffffff; +.popover-header { + background-color: #ffffff; + border: none; + padding: 15px 15px 5px; font-size: 1.125rem; - text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5); -} + margin: 0; + color: #555; } -.card .card-header.card-header-image .colored-shadow { - transform: scale(0.94); - top: 12px; - filter: blur(12px); - position: absolute; - width: 100%; - height: 100%; - background-size: cover; - z-index: -1; - transition: opacity .45s; - opacity: 0; -} +.popover-body { + padding: 10px 15px 15px; + line-height: 1.4; + color: #555; } -.card .card-header.card-header-image.no-shadow { - box-shadow: none; -} - -.card .card-header.card-header-image.no-shadow.shadow-normal { - box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); -} - -.card .card-header.card-header-image.no-shadow .colored-shadow { - display: none !important; -} - -.card .card-header-primary, -.card.bg-primary, -.card.card-rotate.bg-primary .front, -.card.card-rotate.bg-primary .back { - background: linear-gradient(60deg, #ab47bc, #7b1fa2); -} - -.card .card-header-info, -.card.bg-info, -.card.card-rotate.bg-info .front, -.card.card-rotate.bg-info .back { - background: linear-gradient(60deg, #26c6da, #0097a7); -} - -.card .card-header-success, -.card.bg-success, -.card.card-rotate.bg-success .front, -.card.card-rotate.bg-success .back { - background: linear-gradient(60deg, #66bb6a, #388e3c); -} - -.card .card-header-warning, -.card.bg-warning, -.card.card-rotate.bg-warning .front, -.card.card-rotate.bg-warning .back { - background: linear-gradient(60deg, #ffa726, #f57c00); -} - -.card .card-header-danger, -.card.bg-danger, -.card.card-rotate.bg-danger .front, -.card.card-rotate.bg-danger .back { - background: linear-gradient(60deg, #ef5350, #d32f2f); -} - -.card .card-header-rose, -.card.bg-rose, -.card.card-rotate.bg-rose .front, -.card.card-rotate.bg-rose .back { - background: linear-gradient(60deg, #ec407a, #c2185b); -} - -.card .card-header-primary { - box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(156, 39, 176, 0.6); -} - -.card .card-header-danger { - box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(244, 67, 54, 0.6); -} +.modal-dialog .modal-content { + box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); + border-radius: 6px; + border: none; } + .modal-dialog .modal-content .card-signup { + margin: 0; } + .modal-dialog .modal-content .card-signup .modal-header { + padding-top: 0; } -.card .card-header-rose { - box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); -} +.modal-dialog .modal-header { + border-bottom: none; + padding-top: 24px; + padding-right: 24px; + padding-bottom: 0; + padding-left: 24px; } -.card .card-header-warning { - box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(255, 152, 0, 0.6); -} +.modal-dialog .modal-body { + padding-top: 24px; + padding-right: 24px; + padding-bottom: 16px; + padding-left: 24px; } -.card .card-header-info { - box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(0, 188, 212, 0.6); -} +.modal-dialog .modal-footer { + border-top: none; + padding: 24px; } + .modal-dialog .modal-footer.text-center { + text-align: center; } + .modal-dialog .modal-footer button { + margin: 0; + padding-left: 16px; + padding-right: 16px; + width: auto; } + .modal-dialog .modal-footer button.pull-left { + padding-left: 5px; + padding-right: 5px; + position: relative; + left: -5px; } + +.modal-dialog .modal-body + .modal-footer { + padding-top: 0; } -.card .card-header-success { - box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(76, 175, 80, 0.6); -} +.modal-backdrop { + background: rgba(0, 0, 0, 0.5); } -.card [class*="header-"], -.card[class*="bg-"] { - color: #ffffff; -} - -.card [class*="header-"] .card-title a, -.card [class*="header-"] .card-title, -.card [class*="header-"] .icon i, -.card[class*="bg-"] .card-title a, -.card[class*="bg-"] .card-title, -.card[class*="bg-"] .icon i { - color: #ffffff; -} - -.card [class*="header-"] .icon i, -.card[class*="bg-"] .icon i { - border-color: rgba(255, 255, 255, 0.25); -} - -.card [class*="header-"] .author a, -.card [class*="header-"] .stats, -.card [class*="header-"] .card-category, -.card [class*="header-"] .card-description, -.card[class*="bg-"] .author a, -.card[class*="bg-"] .stats, -.card[class*="bg-"] .card-category, -.card[class*="bg-"] .card-description { - color: rgba(255, 255, 255, 0.8); -} - -.card [class*="header-"] .author a:hover, -.card [class*="header-"] .author a:focus, -.card [class*="header-"] .author a:active, -.card[class*="bg-"] .author a:hover, -.card[class*="bg-"] .author a:focus, -.card[class*="bg-"] .author a:active { - color: #ffffff; -} +.modal .modal-header .close { + color: #999; } + .modal .modal-header .close:hover, .modal .modal-header .close:focus { + opacity: 1; } + .modal .modal-header .close i { + font-size: 16px; } -.card .author .avatar { - width: 30px; - height: 30px; - overflow: hidden; - border-radius: 50%; - margin-right: 5px; -} +.dropdown:after { + transform: rotate(0deg); } -.card .author a { - color: #000000; - text-decoration: none; -} +.dropdown.show > .dropdown-toggle:after { + transform: rotate(180deg); } -.card .author a .ripple-container { +.dropdown-menu { display: none; -} + padding: 0.3125rem 0; + border: 0; + opacity: 0; + transform: scale(0); + transform-origin: 0 0; + will-change: transform, opacity; + transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); } + .dropdown-menu.showing { + -webkit-animation-name: bmd-dropdown-animation; + animation-name: bmd-dropdown-animation; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } + .open > .dropdown-menu, .dropdown-menu.show { + display: block; + opacity: 1; + transform: scale(1); } + .dropdown-menu.hiding { + display: block; + opacity: 0; + transform: scale(0); } + .dropdown-menu[x-placement="bottom-start"] { + transform-origin: 0 0; } + .dropdown-menu[x-placement="bottom-end"] { + transform-origin: 100% 0; } + .dropdown-menu[x-placement="top-start"] { + transform-origin: 0 100%; } + .dropdown-menu[x-placement="top-end"] { + transform-origin: 100% 100%; } + .dropdown-menu .disabled > a { + color: #777; } + .dropdown-menu .disabled > a:focus, .dropdown-menu .disabled > a:hover { + text-decoration: none; + background-color: transparent; + background-image: none; + color: #777; } + .dropdown-menu.dropdown-with-icons .dropdown-item { + padding: 0.75rem 1.25rem 0.75rem 0.75rem; } + .dropdown-menu.dropdown-with-icons .dropdown-item .material-icons { + vertical-align: middle; + font-size: 24px; + position: relative; + margin-top: -4px; + top: 1px; + margin-right: 12px; + opacity: .5; } + .dropdown-menu .dropdown-item, + .dropdown-menu li > a { + position: relative; + width: auto; + display: flex; + flex-flow: nowrap; + align-items: center; + color: #333; + font-weight: normal; + text-decoration: none; + font-size: .8125rem; + border-radius: 0.125rem; + margin: 0 0.3125rem; + transition: all 150ms linear; + min-width: 7rem; + padding: 0.625rem 1.25rem; + overflow: hidden; + line-height: 1.42857; + text-overflow: ellipsis; + word-wrap: break-word; } + @media (min-width: 768px) { + .dropdown-menu .dropdown-item, + .dropdown-menu li > a { + padding-right: 1.5rem; + padding-left: 1.5rem; } } + .dropdown-menu .dropdown-item:hover, + .dropdown-menu .dropdown-item:focus, + .dropdown-menu .dropdown-item:active, + .dropdown-menu a:active, + .dropdown-menu a.active, + .dropdown-menu a:hover, + .dropdown-menu a:focus, + .dropdown-menu a:active { + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); + background-color: #9c27b0; + color: #fff !important; } + +.dropdown-toggle.bmd-btn-icon::after, .dropdown-toggle.bmd-btn-fab::after { + display: none; } + +.dropdown-toggle.bmd-btn-icon ~ .dropdown-menu.dropdown-menu-top-left, .dropdown-toggle.bmd-btn-icon ~ .dropdown-menu.dropdown-menu-top-right, .dropdown-toggle.bmd-btn-fab ~ .dropdown-menu.dropdown-menu-top-left, .dropdown-toggle.bmd-btn-fab ~ .dropdown-menu.dropdown-menu-top-right { + bottom: 2rem; } -.card .card-category-social .fa { - font-size: 24px; - position: relative; - margin-top: -4px; - top: 2px; - margin-right: 5px; -} +.dropdown-toggle:after { + will-change: transform; + transition: transform 150ms linear; + transform: rotate(0deg); } -.card .card-category-social .material-icons { - position: relative; - top: 5px; -} +.dropdown-toggle.open:after { + transform: rotate(180deg); } -.card[class*="bg-"], -.card[class*="bg-"] .card-body { - border-radius: 6px; -} - -.card[class*="bg-"] h1 small, -.card[class*="bg-"] h2 small, -.card[class*="bg-"] h3 small, -.card[class*="bg-"] .card-body h1 small, -.card[class*="bg-"] .card-body h2 small, -.card[class*="bg-"] .card-body h3 small { - color: rgba(255, 255, 255, 0.8); -} - -.card .card-stats { - background: transparent; - display: flex; -} +.dropdown-toggle.bmd-btn-fab-sm ~ .dropdown-menu.dropdown-menu-top-left, .dropdown-toggle.bmd-btn-fab-sm ~ .dropdown-menu.dropdown-menu-top-right { + bottom: 2.5rem; } -.card .card-stats .author, -.card .card-stats .stats { - display: inline-flex; -} +.dropdown-toggle.bmd-btn-icon ~ .dropdown-menu { + margin: 0; } -@media all and (-ms-high-contrast: none), -(-ms-high-contrast: active) { - .card { - display: inline-block; - } -} +.dropdown-header { + font-size: 0.75rem; + padding-top: 0.1875rem; + padding-bottom: 0.1875rem; + text-transform: none; + color: #777; + line-height: 1.42857; + font-weight: inherit; } -.card-carousel { - overflow: hidden; -} +@-webkit-keyframes bmd-dropdown-animation { + from { + opacity: 0; + transform: scale(0); } + to { + opacity: 1; + transform: scale(1); } } -.card-login .card-header { - margin-left: 20px; - margin-right: 20px; - margin-top: -40px; - padding: 20px 0; - margin-bottom: 15px; -} +@keyframes bmd-dropdown-animation { + from { + opacity: 0; + transform: scale(0); } + to { + opacity: 1; + transform: scale(1); } } -.card-login .text-divider { - margin-top: 30px; - margin-bottom: 0px; - text-align: center; -} +.dropdown-menu.bootstrap-datetimepicker-widget { + opacity: 0; + transform: scale(0); + transition-duration: 0.3s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transform-origin: 0 0; + will-change: transform, opacity; + top: 0; } -.card-login .card-body { - padding: 0px 30px 0px 10px; -} +.dropdown-menu.bootstrap-datetimepicker-widget.top { + transform-origin: 0 100%; } -.card-login .form-check { - padding-top: 27px; -} +.dropdown-menu.bootstrap-datetimepicker-widget.open { + opacity: 1; + transform: scale(1); + top: 0; } -.card-login .form-check label { - margin-left: 18px; -} +.bmd-layout-drawer { + position: absolute; + z-index: 5; + box-sizing: border-box; + display: flex; + flex-direction: column; + flex-wrap: nowrap; + max-height: 100%; + overflow: visible; + overflow-y: auto; + font-size: .875rem; + transition: transform; + will-change: transform; + transform-style: preserve-3d; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + transition-duration: 0.2s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } + .bmd-layout-drawer > * { + flex-shrink: 0; } + .bmd-layout-drawer > header { + display: flex; + flex-direction: column; + justify-content: flex-end; + padding: 1rem; } + .bmd-layout-drawer > header .navbar-brand { + padding-left: 1.5rem; + font-size: 1.25rem; } + .bmd-layout-drawer > .list-group { + padding-top: 1rem; } + .bmd-layout-drawer > .list-group .list-group-item { + padding-right: 2.5rem; + padding-left: 2.5rem; + font-size: .8125rem; + font-weight: 500; } + +.bmd-drawer-f-l > .bmd-layout-drawer { + top: 0; + left: 0; + width: 240px; + height: 100%; + transform: translateX(-250px); } -.card-login .form-check .form-check-sign { - padding-right: 27px; -} +.bmd-drawer-f-l > .bmd-layout-header, +.bmd-drawer-f-l > .bmd-layout-content { + margin-left: 0; } -.card-login .input-group { - padding-bottom: 7px; - margin: 27px 0 0 0; -} +.bmd-drawer-f-r > .bmd-layout-drawer { + top: 0; + right: 0; + width: 240px; + height: 100%; + transform: translateX(250px); } -.card-login .form { - min-height: 420px; -} +.bmd-drawer-f-r > .bmd-layout-header, +.bmd-drawer-f-r > .bmd-layout-content { + margin-right: 0; } -.card-login .social-line { - margin-top: 1rem; - text-align: center; - padding: 0; -} +.bmd-drawer-f-t > .bmd-layout-drawer { + top: 0; + left: 0; + width: 100%; + height: 100px; + transform: translateY(-110px); } -.card-login .social-line .btn { - color: #ffffff; - margin-left: 5px; - margin-right: 5px; -} +.bmd-drawer-f-t > .bmd-layout-content { + margin-top: 0; } -.login-page .footer { - position: absolute; - width: 100%; - background: transparent; +.bmd-drawer-f-b > .bmd-layout-drawer { bottom: 0; - color: #ffffff; - z-index: 2; -} - -.login-page .footer .copyright a { - color: #ffffff; -} + left: 0; + width: 100%; + height: 100px; + transform: translateY(110px); } -.card-plain { - background: transparent; - box-shadow: none; -} +.bmd-drawer-f-b > .bmd-layout-content { + margin-bottom: 0; } -.card-plain .card-header:not(.card-avatar) { - margin-left: 0; - margin-right: 0; -} +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-l > .bmd-layout-header { + width: calc(100% - 240px); + margin-left: 240px; } -.card-plain .card-body { - padding-left: 5px; - padding-right: 5px; -} +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-l > .bmd-layout-drawer { + transform: translateX(0); } -.card-plain .card-header-image { - margin: 0 !important; - border-radius: 6px; -} +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-l > .bmd-layout-content { + margin-left: 240px; } -.card-plain .card-header-image img { - border-radius: 6px; -} +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-r > .bmd-layout-header { + width: calc(100% - 240px); + margin-right: 240px; } -.card-plain .card-footer { - padding-left: 5px; - padding-right: 5px; - background-color: transparent; -} +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-r > .bmd-layout-drawer { + transform: translateX(0); } -/*! - * Datetimepicker for Bootstrap 3 - * ! version : 4.17.37 - * https://github.com/Eonasdan/bootstrap-datetimepicker/ - */ -.sr-only, -.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, -.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, -.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, -.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, -.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, -.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, -.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, -.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, -.bootstrap-datetimepicker-widget .btn[data-action="today"]::after, -.bootstrap-datetimepicker-widget .picker-switch::after, -.bootstrap-datetimepicker-widget table th.prev::after, -.bootstrap-datetimepicker-widget table th.next::after { - position: absolute; - width: 1px; - height: 1px; - margin: -1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-r > .bmd-layout-content { + margin-right: 240px; } -.bootstrap-datetimepicker-widget { - list-style: none; -} +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-t > .bmd-layout-header { + margin-top: 100px; } -.bootstrap-datetimepicker-widget a:hover { - box-shadow: none !important; -} +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-t > .bmd-layout-drawer { + transform: translateY(0); } -.bootstrap-datetimepicker-widget a .btn:hover { - background-color: transparent; -} +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-b > .bmd-layout-drawer { + transform: translateY(0); } -.bootstrap-datetimepicker-widget.dropdown-menu { - padding: 4px; - width: 19em; -} +:not(.bmd-drawer-out) .bmd-drawer-in .bmd-drawer-f-b > .bmd-layout-content { + margin-bottom: 100px; } -@media (min-width: 768px) { - .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { - width: 38em; - } -} +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay > .bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); } -@media (min-width: 991px) { - .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { - width: 38em; - } -} +@supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay > .bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; } } -@media (min-width: 1200px) { - .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { - width: 38em; - } -} - -.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, -.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { - right: auto; - left: 12px; -} - -.bootstrap-datetimepicker-widget.dropdown-menu.top { - margin-top: auto; - margin-bottom: 27px; -} - -.bootstrap-datetimepicker-widget.dropdown-menu.top.open { - margin-top: auto; - margin-bottom: 27px; -} - -.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { - left: auto; - right: 6px; -} +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-l > .bmd-layout-header, +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-l > .bmd-layout-content { + width: 100%; + margin-left: 0; } -.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { - left: auto; - right: 7px; -} +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-r > .bmd-layout-header, +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-r > .bmd-layout-content { + width: 100%; + margin-right: 0; } -.bootstrap-datetimepicker-widget .list-unstyled { - margin: 0; -} +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay > .bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); } -.bootstrap-datetimepicker-widget a[data-action] { - padding: 0; - margin: 0; - border-width: 0; - background-color: transparent; - color: #9c27b0; - box-shadow: none; -} +@supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay > .bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; } } -.bootstrap-datetimepicker-widget a[data-action]:hover { - background-color: transparent; -} +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-t > .bmd-layout-header { + margin-top: 0; } -.bootstrap-datetimepicker-widget a[data-action]:hover span { - background-color: #eee; - color: #9c27b0; -} +:not(.bmd-drawer-out) .bmd-drawer-overlay.bmd-drawer-overlay .bmd-drawer-f-b > .bmd-layout-content { + margin-bottom: 0; } -.bootstrap-datetimepicker-widget a[data-action]:active { - box-shadow: none; -} +@media (min-width: 576px) { + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-l > .bmd-layout-header { + width: calc(100% - 240px); + margin-left: 240px; } + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-l > .bmd-layout-drawer { + transform: translateX(0); } + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-l > .bmd-layout-content { + margin-left: 240px; } + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-r > .bmd-layout-header { + width: calc(100% - 240px); + margin-right: 240px; } + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-r > .bmd-layout-drawer { + transform: translateX(0); } + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-r > .bmd-layout-content { + margin-right: 240px; } } -.bootstrap-datetimepicker-widget .timepicker-hour, -.bootstrap-datetimepicker-widget .timepicker-minute, -.bootstrap-datetimepicker-widget .timepicker-second { - width: 40px; - height: 40px; - line-height: 40px; - font-weight: 300; - font-size: 1.125rem; - margin: 0; - border-radius: 50%; -} +@media (min-width: 576px) { + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-t > .bmd-layout-header { + margin-top: 100px; } + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-t > .bmd-layout-drawer { + transform: translateY(0); } + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-b > .bmd-layout-drawer { + transform: translateY(0); } + :not(.bmd-drawer-out) .bmd-drawer-in-sm-up .bmd-drawer-f-b > .bmd-layout-content { + margin-bottom: 100px; } } -.bootstrap-datetimepicker-widget button[data-action] { - width: 38px; - height: 38px; - margin-right: 3px; - padding: 0; -} +@media (max-width: 767.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down > .bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); } + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down > .bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; } } + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-l > .bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-l > .bmd-layout-content { + width: 100%; + margin-left: 0; } + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-r > .bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-r > .bmd-layout-content { + width: 100%; + margin-right: 0; } } -.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { - content: "Increment Hours"; -} +@media (max-width: 767.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down > .bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); } + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down > .bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; } } + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-t > .bmd-layout-header { + margin-top: 0; } + :not(.bmd-drawer-out) .bmd-drawer-overlay-sm-down .bmd-drawer-f-b > .bmd-layout-content { + margin-bottom: 0; } } -.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { - content: "Increment Minutes"; -} +@media (min-width: 768px) { + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-l > .bmd-layout-header { + width: calc(100% - 240px); + margin-left: 240px; } + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-l > .bmd-layout-drawer { + transform: translateX(0); } + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-l > .bmd-layout-content { + margin-left: 240px; } + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-r > .bmd-layout-header { + width: calc(100% - 240px); + margin-right: 240px; } + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-r > .bmd-layout-drawer { + transform: translateX(0); } + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-r > .bmd-layout-content { + margin-right: 240px; } } -.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { - content: "Decrement Hours"; -} +@media (min-width: 768px) { + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-t > .bmd-layout-header { + margin-top: 100px; } + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-t > .bmd-layout-drawer { + transform: translateY(0); } + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-b > .bmd-layout-drawer { + transform: translateY(0); } + :not(.bmd-drawer-out) .bmd-drawer-in-md-up .bmd-drawer-f-b > .bmd-layout-content { + margin-bottom: 100px; } } -.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { - content: "Decrement Minutes"; -} +@media (max-width: 991.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down > .bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); } + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down > .bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; } } + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-l > .bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-l > .bmd-layout-content { + width: 100%; + margin-left: 0; } + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-r > .bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-r > .bmd-layout-content { + width: 100%; + margin-right: 0; } } -.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { - content: "Show Hours"; -} +@media (max-width: 991.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down > .bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); } + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down > .bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; } } + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-t > .bmd-layout-header { + margin-top: 0; } + :not(.bmd-drawer-out) .bmd-drawer-overlay-md-down .bmd-drawer-f-b > .bmd-layout-content { + margin-bottom: 0; } } -.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { - content: "Show Minutes"; -} +@media (min-width: 992px) { + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-l > .bmd-layout-header { + width: calc(100% - 240px); + margin-left: 240px; } + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-l > .bmd-layout-drawer { + transform: translateX(0); } + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-l > .bmd-layout-content { + margin-left: 240px; } + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-r > .bmd-layout-header { + width: calc(100% - 240px); + margin-right: 240px; } + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-r > .bmd-layout-drawer { + transform: translateX(0); } + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-r > .bmd-layout-content { + margin-right: 240px; } } -.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { - content: "Toggle AM/PM"; -} +@media (min-width: 992px) { + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-t > .bmd-layout-header { + margin-top: 100px; } + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-t > .bmd-layout-drawer { + transform: translateY(0); } + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-b > .bmd-layout-drawer { + transform: translateY(0); } + :not(.bmd-drawer-out) .bmd-drawer-in-lg-up .bmd-drawer-f-b > .bmd-layout-content { + margin-bottom: 100px; } } -.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { - content: "Clear the picker"; -} +@media (max-width: 1199.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down > .bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); } + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down > .bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; } } + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-l > .bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-l > .bmd-layout-content { + width: 100%; + margin-left: 0; } + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-r > .bmd-layout-header, + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-r > .bmd-layout-content { + width: 100%; + margin-right: 0; } } -.bootstrap-datetimepicker-widget .btn[data-action="today"]::after { - content: "Set the date to today"; -} +@media (max-width: 1199.98px) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down > .bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); } + @supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down > .bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; } } + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-t > .bmd-layout-header { + margin-top: 0; } + :not(.bmd-drawer-out) .bmd-drawer-overlay-lg-down .bmd-drawer-f-b > .bmd-layout-content { + margin-bottom: 0; } } -.bootstrap-datetimepicker-widget .picker-switch { - text-align: center; - border-radius: 3px; - font-size: 0.875rem; -} +@media (min-width: 1200px) { + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-l > .bmd-layout-header { + width: calc(100% - 240px); + margin-left: 240px; } + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-l > .bmd-layout-drawer { + transform: translateX(0); } + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-l > .bmd-layout-content { + margin-left: 240px; } + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-r > .bmd-layout-header { + width: calc(100% - 240px); + margin-right: 240px; } + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-r > .bmd-layout-drawer { + transform: translateX(0); } + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-r > .bmd-layout-content { + margin-right: 240px; } } -.bootstrap-datetimepicker-widget .picker-switch::after { - content: "Toggle Date and Time Screens"; -} +@media (min-width: 1200px) { + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-t > .bmd-layout-header { + margin-top: 100px; } + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-t > .bmd-layout-drawer { + transform: translateY(0); } + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-b > .bmd-layout-drawer { + transform: translateY(0); } + :not(.bmd-drawer-out) .bmd-drawer-in-xl-up .bmd-drawer-f-b > .bmd-layout-content { + margin-bottom: 100px; } } + +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down > .bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); } -.bootstrap-datetimepicker-widget .picker-switch td { - padding: 0; - margin: 0; - height: auto; - width: auto; - line-height: inherit; -} +@supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down > .bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; } } -.bootstrap-datetimepicker-widget .picker-switch td span { - line-height: 2.5; - height: 2.5em; +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-l > .bmd-layout-header, +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-l > .bmd-layout-content { width: 100%; - border-radius: 3px; - margin: 2px 0px !important; -} + margin-left: 0; } -.bootstrap-datetimepicker-widget table { +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-r > .bmd-layout-header, +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-r > .bmd-layout-content { width: 100%; - margin: 0; -} + margin-right: 0; } -.bootstrap-datetimepicker-widget table.table-condensed tr>td { - text-align: center; -} +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down > .bmd-layout-backdrop .in { + visibility: visible; + background-color: rgba(0, 0, 0, 0.5); } -.bootstrap-datetimepicker-widget table td>div, -.bootstrap-datetimepicker-widget table th>div { - text-align: center; -} +@supports (pointer-events: auto) { + :not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down > .bmd-layout-backdrop.in { + pointer-events: auto; + opacity: 1; } } -.bootstrap-datetimepicker-widget table th { - height: 20px; - line-height: 20px; - width: 20px; - font-weight: 500; -} +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-t > .bmd-layout-header { + margin-top: 0; } -.bootstrap-datetimepicker-widget table th.picker-switch { - width: 145px; -} +:not(.bmd-drawer-out) .bmd-drawer-overlay-xl-down .bmd-drawer-f-b > .bmd-layout-content { + margin-bottom: 0; } -.bootstrap-datetimepicker-widget table th.disabled, -.bootstrap-datetimepicker-widget table th.disabled:hover { - background: none; - color: rgba(0, 0, 0, 0.12); - cursor: not-allowed; -} +.progress { + height: 4px; + border-radius: 0; + box-shadow: none; + background: #DDDDDD; + margin-bottom: 20px; } + .progress .progress-bar { + box-shadow: none; } + .progress .progress-bar.progress-bar-primary { + background: #9c27b0 !important; } + .progress .progress-bar.progress-bar-info { + background: #00bcd4; } + .progress .progress-bar.progress-bar-success { + background: #4caf50; } + .progress .progress-bar.progress-bar-warning { + background: #ff9800; } + .progress .progress-bar.progress-bar-danger { + background: #f44336; } + .progress.progress-line-primary { + background: rgba(156, 39, 176, 0.2); } + .progress.progress-line-info { + background: rgba(0, 188, 212, 0.2); } + .progress.progress-line-success { + background: rgba(76, 175, 80, 0.2); } + .progress.progress-line-warning { + background: rgba(255, 152, 0, 0.2); } + .progress.progress-line-danger { + background: rgba(244, 67, 54, 0.2); } -.bootstrap-datetimepicker-widget table th.prev span, -.bootstrap-datetimepicker-widget table th.next span { - border-radius: 3px; - height: 27px; - width: 27px; - line-height: 28px; - font-size: 12px; - border-radius: 50%; - text-align: center; -} +.togglebutton { + vertical-align: middle; } + .togglebutton, .togglebutton label, .togglebutton input, .togglebutton .toggle { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .togglebutton label { + cursor: pointer; + color: rgba(0,0,0, 0.26); } + .form-group.is-focused .togglebutton label { + color: rgba(0,0,0, 0.26); } + .form-group.is-focused .togglebutton label:hover, .form-group.is-focused .togglebutton label:focus { + color: rgba(0,0,0, .54); } + fieldset[disabled] .form-group.is-focused .togglebutton label { + color: rgba(0,0,0, 0.26); } + .togglebutton label input[type=checkbox] { + opacity: 0; + width: 0; + height: 0; } + .togglebutton label .toggle { + text-align: left; + margin-left: 5px; } + .togglebutton label .toggle, + .togglebutton label input[type=checkbox][disabled] + .toggle { + content: ""; + display: inline-block; + width: 30px; + height: 15px; + background-color: rgba(80, 80, 80, 0.7); + border-radius: 15px; + margin-right: 15px; + transition: background 0.3s ease; + vertical-align: middle; } + .togglebutton label .toggle:after { + content: ""; + display: inline-block; + width: 20px; + height: 20px; + background-color: #fff; + border-radius: 20px; + position: relative; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); + left: -5px; + top: -2.5px; + border: 1px solid rgba(0,0,0, .54); + transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; } + .togglebutton label input[type=checkbox][disabled] + .toggle:after, + .togglebutton label input[type=checkbox][disabled]:checked + .toggle:after { + background-color: #BDBDBD; } + .togglebutton label input[type=checkbox] + .toggle:active:after, + .togglebutton label input[type=checkbox][disabled] + .toggle:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); } + .togglebutton label input[type=checkbox]:checked + .toggle:after { + left: 15px; } + .togglebutton label input[type=checkbox]:checked + .toggle { + background-color: rgba(156, 39, 176, 0.7); } + .togglebutton label input[type=checkbox]:checked + .toggle:after { + border-color: #9c27b0; } + .togglebutton label input[type=checkbox]:checked + .toggle:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1); } -.bootstrap-datetimepicker-widget table th.prev::after { - content: "Previous Month"; -} +.ripple { + position: relative; } -.bootstrap-datetimepicker-widget table th.next::after { - content: "Next Month"; -} +.ripple-container { + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + overflow: hidden; + pointer-events: none; + border-radius: inherit; } + .ripple-container .ripple-decorator { + position: absolute; + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + pointer-events: none; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 100%; + opacity: 0; + transform: scale(1); + transform-origin: 50%; } + .ripple-container .ripple-decorator.ripple-on { + opacity: 0.1; + transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; } + .ripple-container .ripple-decorator.ripple-out { + opacity: 0; + transition: opacity 0.1s linear 0s !important; } -.bootstrap-datetimepicker-widget table th.dow { - text-align: center; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - font-size: 12px; - text-transform: uppercase; - color: rgba(0, 0, 0, 0.87); - font-weight: 400; - padding-bottom: 5px; - padding-top: 10px; -} +.page-header { + height: 100vh; + background-position: center center; + background-size: cover; + margin: 0; + padding: 0; + border: 0; + display: flex; + align-items: center; } + .page-header .page-header-image { + position: absolute; + background-size: cover; + background-position: center center; + width: 100%; + height: 100%; + z-index: -1; } + .page-header .content-center { + position: absolute; + top: 50%; + left: 50%; + z-index: 2; + transform: translate(-50%, -50%); + text-align: center; + color: #FFFFFF; + padding: 0 15px; + width: 100%; + max-width: 880px; } + .page-header .carousel .carousel-indicators { + bottom: 60px; } + .page-header > .container { + color: #ffffff; } + .page-header .title { + color: #ffffff; } + .page-header.header-small { + height: 65vh; + min-height: 65vh; } + .page-header .iframe-container iframe { + width: 100%; + box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } -.bootstrap-datetimepicker-widget table thead tr:first-child th { - cursor: pointer; -} +.header-filter { + position: relative; } + .header-filter:before, .header-filter:after { + position: absolute; + z-index: 1; + width: 100%; + height: 100%; + display: block; + left: 0; + top: 0; + content: ""; } + .header-filter::before { + background: rgba(0, 0, 0, 0.5); } + .header-filter .container { + z-index: 2; + position: relative; } -.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span, -.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover { - background: #eee; -} +.clear-filter::before { + background: none; } -.bootstrap-datetimepicker-widget table td>div { - border-radius: 3px; - height: 54px; - line-height: 54px; - width: 54px; +.purple-filter:after { + background: rgba(101, 47, 142, 0.64); + background: linear-gradient(45deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); + background: -webkit-linear-gradient(135deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%); } + +footer { + padding: 0.9375rem 0; text-align: center; -} + /* Safari */ + /* Safari 6.1+ */ + display: flex; } + footer ul { + margin-bottom: 0; + padding: 0; + list-style: none; } + footer ul li { + display: inline-block; } + footer ul li a { + color: inherit; + padding: 0.9375rem; + font-weight: 500; + font-size: 12px; + text-transform: uppercase; + border-radius: 3px; + text-decoration: none; + position: relative; + display: block; } + footer ul li a:hover { + text-decoration: none; } + footer ul li .btn { + margin: 0; } + footer ul.links-horizontal:first-child a { + padding-left: 0; } + footer ul.links-horizontal:last-child a { + padding-right: 0; } + footer ul.links-vertical li { + display: block; + margin-left: -5px; + margin-right: -5px; } + footer ul.links-vertical li a { + padding: 5px; } + footer .social-buttons a, + footer .social-buttons .btn { + margin-top: 5px; + margin-bottom: 5px; } + footer .footer-brand { + float: left; + height: 50px; + padding: 15px 15px; + font-size: 18px; + line-height: 20px; + margin-left: -15px; } + footer .footer-brand:hover, footer .footer-brand:focus { + color: #000000; } + footer .copyright { + padding: 15px 0; } + footer .copyright .material-icons { + font-size: 18px; + position: relative; + top: 3px; } + footer .pull-center { + display: inline-block; + float: none; } -.bootstrap-datetimepicker-widget table td.cw>div { - font-size: .8em; - height: 20px; - line-height: 20px; - color: #999; -} +.card { + border: 0; + margin-bottom: 30px; + margin-top: 30px; + border-radius: 6px; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + width: 100%; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } + .card .card-category:not([class*="text-"]) { + color: #999999; } + .card .card-category { + margin-top: 10px; } + .card .card-category .material-icons { + position: relative; + top: 8px; + line-height: 0; } + .card .form-check { + margin-top: 15px; } + .card .card-title { + margin-top: 0.625rem; } + .card .card-title:last-child { + margin-bottom: 0; } + .card.no-shadow .card-header-image, + .card.no-shadow .card-header-image img { + box-shadow: none !important; } + .card .card-body, + .card .card-footer { + padding: 0.9375rem 1.875rem; } + .card .card-body + .card-footer { + padding-top: 0rem; + border: 0; + border-radius: 6px; } + .card .card-footer { + display: flex; + align-items: center; + background-color: transparent; + border: 0; } + .card .card-footer .author, + .card .card-footer .stats { + display: inline-flex; } + .card .card-footer .stats { + color: #999999; } + .card .card-footer .stats .material-icons { + position: relative; + top: 3px; + margin-right: 3px; + margin-left: 3px; + font-size: 18px; } + .card.bmd-card-raised { + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); } + @media (min-width: 992px) { + .card.bmd-card-flat { + box-shadow: none; } } + .card .card-header { + border-radius: 3px; + padding: 1rem 15px; + margin-left: 15px; + margin-right: 15px; + margin-top: -30px; + border: 0; + background: linear-gradient(60deg, #eee, #bdbdbd); } + .card .card-header .title { + color: #ffffff; } + .card .card-header:not([class*="header-"]) { + box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } + .card .card-header .nav-tabs { + padding: 0; } + .card .card-header.card-header-image { + position: relative; + padding: 0; + z-index: 1; + margin-left: 15px; + margin-right: 15px; + margin-top: -30px; + border-radius: 6px; } + .card .card-header.card-header-image a { + display: block; } + .card .card-header.card-header-image img { + width: 100%; + border-radius: 6px; + pointer-events: none; + box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } + .card .card-header.card-header-image .card-title { + position: absolute; + bottom: 15px; + left: 15px; + color: #ffffff; + font-size: 1.125rem; + text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5); } + .card .card-header.card-header-image .colored-shadow { + transform: scale(0.94); + top: 12px; + -webkit-filter: blur(12px); + filter: blur(12px); + position: absolute; + width: 100%; + height: 100%; + background-size: cover; + z-index: -1; + transition: opacity .45s; + opacity: 0; } + .card .card-header.card-header-image.no-shadow { + box-shadow: none; } + .card .card-header.card-header-image.no-shadow.shadow-normal { + box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } + .card .card-header.card-header-image.no-shadow .colored-shadow { + display: none !important; } + .card .card-header-primary, .card.bg-primary, + .card.card-rotate.bg-primary .front, + .card.card-rotate.bg-primary .back { + background: linear-gradient(60deg, #ab47bc, #7b1fa2); } + .card .card-header-info, .card.bg-info, + .card.card-rotate.bg-info .front, + .card.card-rotate.bg-info .back { + background: linear-gradient(60deg, #26c6da, #0097a7); } + .card .card-header-success, .card.bg-success, + .card.card-rotate.bg-success .front, + .card.card-rotate.bg-success .back { + background: linear-gradient(60deg, #66bb6a, #388e3c); } + .card .card-header-warning, .card.bg-warning, + .card.card-rotate.bg-warning .front, + .card.card-rotate.bg-warning .back { + background: linear-gradient(60deg, #ffa726, #f57c00); } + .card .card-header-danger, .card.bg-danger, + .card.card-rotate.bg-danger .front, + .card.card-rotate.bg-danger .back { + background: linear-gradient(60deg, #ef5350, #d32f2f); } + .card .card-header-rose, .card.bg-rose, + .card.card-rotate.bg-rose .front, + .card.card-rotate.bg-rose .back { + background: linear-gradient(60deg, #ec407a, #c2185b); } + .card .card-header-primary { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(156, 39, 176, 0.6); } + .card .card-header-danger { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(244, 67, 54, 0.6); } + .card .card-header-rose { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); } + .card .card-header-warning { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(255, 152, 0, 0.6); } + .card .card-header-info { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(0, 188, 212, 0.6); } + .card .card-header-success { + box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(76, 175, 80, 0.6); } + .card [class*="header-"], .card[class*="bg-"] { + color: #ffffff; } + .card [class*="header-"] .card-title a, + .card [class*="header-"] .card-title, + .card [class*="header-"] .icon i, .card[class*="bg-"] .card-title a, + .card[class*="bg-"] .card-title, + .card[class*="bg-"] .icon i { + color: #ffffff; } + .card [class*="header-"] .icon i, .card[class*="bg-"] .icon i { + border-color: rgba(255, 255, 255, 0.25); } + .card [class*="header-"] .author a, + .card [class*="header-"] .stats, + .card [class*="header-"] .card-category, + .card [class*="header-"] .card-description, .card[class*="bg-"] .author a, + .card[class*="bg-"] .stats, + .card[class*="bg-"] .card-category, + .card[class*="bg-"] .card-description { + color: rgba(255, 255, 255, 0.8); } + .card [class*="header-"] .author a:hover, .card [class*="header-"] .author a:focus, .card [class*="header-"] .author a:active, .card[class*="bg-"] .author a:hover, .card[class*="bg-"] .author a:focus, .card[class*="bg-"] .author a:active { + color: #ffffff; } + .card .author .avatar { + width: 30px; + height: 30px; + overflow: hidden; + border-radius: 50%; + margin-right: 5px; } + .card .author a { + color: #000000; + text-decoration: none; } + .card .author a .ripple-container { + display: none; } + .card .card-category-social .fa { + font-size: 24px; + position: relative; + margin-top: -4px; + top: 2px; + margin-right: 5px; } + .card .card-category-social .material-icons { + position: relative; + top: 5px; } + .card[class*="bg-"], + .card[class*="bg-"] .card-body { + border-radius: 6px; } + .card[class*="bg-"] h1 small, + .card[class*="bg-"] h2 small, + .card[class*="bg-"] h3 small, + .card[class*="bg-"] .card-body h1 small, + .card[class*="bg-"] .card-body h2 small, + .card[class*="bg-"] .card-body h3 small { + color: rgba(255, 255, 255, 0.8); } + .card .card-stats { + background: transparent; + display: flex; } + .card .card-stats .author, + .card .card-stats .stats { + display: inline-flex; } + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + .card { + display: inline-block; } } -.bootstrap-datetimepicker-widget table td.day>div { - height: 30px; - line-height: 30px; - width: 30px; - text-align: center; - padding: 0px; - border-radius: 50%; - position: relative; - z-index: -1; - color: #000000; - font-size: 0.875rem; -} - -.bootstrap-datetimepicker-widget table td.minute>div, -.bootstrap-datetimepicker-widget table td.hour>div { - border-radius: 50%; -} - -.bootstrap-datetimepicker-widget table td.day:hover>div, -.bootstrap-datetimepicker-widget table td.hour:hover>div, -.bootstrap-datetimepicker-widget table td.minute:hover>div, -.bootstrap-datetimepicker-widget table td.second:hover>div { - background: #eee; - cursor: pointer; -} +.card-carousel { + overflow: hidden; } -.bootstrap-datetimepicker-widget table td.old>div, -.bootstrap-datetimepicker-widget table td.new>div { - color: #999; -} +.card-login .card-header { + margin-left: 20px; + margin-right: 20px; + margin-top: -40px; + padding: 20px 0; + margin-bottom: 15px; } -.bootstrap-datetimepicker-widget table td.today>div { - position: relative; -} +.card-login .text-divider { + margin-top: 30px; + margin-bottom: 0px; + text-align: center; } -.bootstrap-datetimepicker-widget table td.active>div, -.bootstrap-datetimepicker-widget table td.active:hover>div { - background-color: #9c27b0; - color: #ffffff; - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); -} +.card-login .card-body { + padding: 0px 30px 0px 10px; } -.bootstrap-datetimepicker-widget table td.active.today:before>div { - border-bottom-color: #ffffff; -} +.card-login .form-check { + padding-top: 27px; } + .card-login .form-check label { + margin-left: 18px; } + .card-login .form-check .form-check-sign { + padding-right: 27px; } -.bootstrap-datetimepicker-widget table td.disabled>div, -.bootstrap-datetimepicker-widget table td.disabled:hover>div { - background: none; - color: rgba(0, 0, 0, 0.12); - cursor: not-allowed; -} +.card-login .input-group { + padding-bottom: 7px; + margin: 27px 0 0 0; } -.bootstrap-datetimepicker-widget table td span { - display: inline-block; - width: 40px; - height: 40px; - line-height: 40px; - margin: 3px 3px; - cursor: pointer; - border-radius: 50%; +.card-login .form { + min-height: 420px; } + +.card-login .social-line { + margin-top: 1rem; text-align: center; -} + padding: 0; } + .card-login .social-line .btn { + color: #ffffff; + margin-left: 5px; + margin-right: 5px; } + +.login-page .footer { + position: absolute; + width: 100%; + background: transparent; + bottom: 0; + color: #ffffff; + z-index: 2; } + .login-page .footer .copyright a { + color: #ffffff; } -.bootstrap-datetimepicker-widget table td span:hover { - background: #eee; -} +.card-plain { + background: transparent; + box-shadow: none; } + .card-plain .card-header:not(.card-avatar) { + margin-left: 0; + margin-right: 0; } + .card-plain .card-body { + padding-left: 5px; + padding-right: 5px; } + .card-plain .card-header-image { + margin: 0 !important; + border-radius: 6px; } + .card-plain .card-header-image img { + border-radius: 6px; } + .card-plain .card-footer { + padding-left: 5px; + padding-right: 5px; + background-color: transparent; } -.bootstrap-datetimepicker-widget table td span.active { - background-color: #9c27b0; - color: #ffffff; -} - -.bootstrap-datetimepicker-widget table td span.old { - color: #999; -} - -.bootstrap-datetimepicker-widget table td span.disabled, -.bootstrap-datetimepicker-widget table td span.disabled:hover { - background: none; - color: rgba(0, 0, 0, 0.12); - cursor: not-allowed; -} - -.bootstrap-datetimepicker-widget .timepicker-picker span, -.bootstrap-datetimepicker-widget .timepicker-hours span, -.bootstrap-datetimepicker-widget .timepicker-minutes span { - border-radius: 50% !important; -} - -.bootstrap-datetimepicker-widget.usetwentyfour td.hour { - height: 27px; - line-height: 27px; -} +/*! + * Datetimepicker for Bootstrap 3 + * ! version : 4.17.37 + * https://github.com/Eonasdan/bootstrap-datetimepicker/ + */ +.sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + +.bootstrap-datetimepicker-widget { + list-style: none; } + .bootstrap-datetimepicker-widget a:hover { + box-shadow: none !important; } + .bootstrap-datetimepicker-widget a .btn:hover { + background-color: transparent; } + .bootstrap-datetimepicker-widget.dropdown-menu { + padding: 4px; + width: 19em; } + @media (min-width: 768px) { + .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { + width: 38em; } } + @media (min-width: 991px) { + .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { + width: 38em; } } + @media (min-width: 1200px) { + .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { + width: 38em; } } + .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { + right: auto; + left: 12px; } + .bootstrap-datetimepicker-widget.dropdown-menu.top { + margin-top: auto; + margin-bottom: 27px; } + .bootstrap-datetimepicker-widget.dropdown-menu.top.open { + margin-top: auto; + margin-bottom: 27px; } + .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { + left: auto; + right: 6px; } + .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { + left: auto; + right: 7px; } + .bootstrap-datetimepicker-widget .list-unstyled { + margin: 0; } + .bootstrap-datetimepicker-widget a[data-action] { + padding: 0; + margin: 0; + border-width: 0; + background-color: transparent; + color: #9c27b0; + box-shadow: none; } + .bootstrap-datetimepicker-widget a[data-action]:hover { + background-color: transparent; } + .bootstrap-datetimepicker-widget a[data-action]:hover span { + background-color: #eee; + color: #9c27b0; } + .bootstrap-datetimepicker-widget a[data-action]:active { + box-shadow: none; } + .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { + width: 40px; + height: 40px; + line-height: 40px; + font-weight: 300; + font-size: 1.125rem; + margin: 0; + border-radius: 50%; } + .bootstrap-datetimepicker-widget button[data-action] { + width: 38px; + height: 38px; + margin-right: 3px; + padding: 0; } + .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { + content: "Increment Hours"; } + .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { + content: "Increment Minutes"; } + .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { + content: "Decrement Hours"; } + .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { + content: "Decrement Minutes"; } + .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { + content: "Show Hours"; } + .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { + content: "Show Minutes"; } + .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { + content: "Toggle AM/PM"; } + .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { + content: "Clear the picker"; } + .bootstrap-datetimepicker-widget .btn[data-action="today"]::after { + content: "Set the date to today"; } + .bootstrap-datetimepicker-widget .picker-switch { + text-align: center; + border-radius: 3px; + font-size: 0.875rem; } + .bootstrap-datetimepicker-widget .picker-switch::after { + content: "Toggle Date and Time Screens"; } + .bootstrap-datetimepicker-widget .picker-switch td { + padding: 0; + margin: 0; + height: auto; + width: auto; + line-height: inherit; } + .bootstrap-datetimepicker-widget .picker-switch td span { + line-height: 2.5; + height: 2.5em; + width: 100%; + border-radius: 3px; + margin: 2px 0px !important; } + .bootstrap-datetimepicker-widget table { + width: 100%; + margin: 0; } + .bootstrap-datetimepicker-widget table.table-condensed tr > td { + text-align: center; } + .bootstrap-datetimepicker-widget table td > div, + .bootstrap-datetimepicker-widget table th > div { + text-align: center; } + .bootstrap-datetimepicker-widget table th { + height: 20px; + line-height: 20px; + width: 20px; + font-weight: 500; } + .bootstrap-datetimepicker-widget table th.picker-switch { + width: 145px; } + .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { + background: none; + color: rgba(0, 0, 0, 0.12); + cursor: not-allowed; } + .bootstrap-datetimepicker-widget table th.prev span, + .bootstrap-datetimepicker-widget table th.next span { + border-radius: 3px; + height: 27px; + width: 27px; + line-height: 28px; + font-size: 12px; + border-radius: 50%; + text-align: center; } + .bootstrap-datetimepicker-widget table th.prev::after { + content: "Previous Month"; } + .bootstrap-datetimepicker-widget table th.next::after { + content: "Next Month"; } + .bootstrap-datetimepicker-widget table th.dow { + text-align: center; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + font-size: 12px; + text-transform: uppercase; + color: rgba(0, 0, 0, 0.87); + font-weight: 400; + padding-bottom: 5px; + padding-top: 10px; } + .bootstrap-datetimepicker-widget table thead tr:first-child th { + cursor: pointer; } + .bootstrap-datetimepicker-widget table thead tr:first-child th:hover span, .bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover { + background: #eee; } + .bootstrap-datetimepicker-widget table td > div { + border-radius: 3px; + height: 54px; + line-height: 54px; + width: 54px; + text-align: center; } + .bootstrap-datetimepicker-widget table td.cw > div { + font-size: .8em; + height: 20px; + line-height: 20px; + color: #999; } + .bootstrap-datetimepicker-widget table td.day > div { + height: 30px; + line-height: 30px; + width: 30px; + text-align: center; + padding: 0px; + border-radius: 50%; + position: relative; + z-index: -1; + color: #000000; + font-size: 0.875rem; } + .bootstrap-datetimepicker-widget table td.minute > div, + .bootstrap-datetimepicker-widget table td.hour > div { + border-radius: 50%; } + .bootstrap-datetimepicker-widget table td.day:hover > div, + .bootstrap-datetimepicker-widget table td.hour:hover > div, + .bootstrap-datetimepicker-widget table td.minute:hover > div, + .bootstrap-datetimepicker-widget table td.second:hover > div { + background: #eee; + cursor: pointer; } + .bootstrap-datetimepicker-widget table td.old > div, + .bootstrap-datetimepicker-widget table td.new > div { + color: #999; } + .bootstrap-datetimepicker-widget table td.today > div { + position: relative; } + .bootstrap-datetimepicker-widget table td.active > div, + .bootstrap-datetimepicker-widget table td.active:hover > div { + background-color: #9c27b0; + color: #ffffff; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); } + .bootstrap-datetimepicker-widget table td.active.today:before > div { + border-bottom-color: #ffffff; } + .bootstrap-datetimepicker-widget table td.disabled > div, + .bootstrap-datetimepicker-widget table td.disabled:hover > div { + background: none; + color: rgba(0, 0, 0, 0.12); + cursor: not-allowed; } + .bootstrap-datetimepicker-widget table td span { + display: inline-block; + width: 40px; + height: 40px; + line-height: 40px; + margin: 3px 3px; + cursor: pointer; + border-radius: 50%; + text-align: center; } + .bootstrap-datetimepicker-widget table td span:hover { + background: #eee; } + .bootstrap-datetimepicker-widget table td span.active { + background-color: #9c27b0; + color: #ffffff; } + .bootstrap-datetimepicker-widget table td span.old { + color: #999; } + .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { + background: none; + color: rgba(0, 0, 0, 0.12); + cursor: not-allowed; } + .bootstrap-datetimepicker-widget .timepicker-picker span, + .bootstrap-datetimepicker-widget .timepicker-hours span, + .bootstrap-datetimepicker-widget .timepicker-minutes span { + border-radius: 50% !important; } + .bootstrap-datetimepicker-widget.usetwentyfour td.hour { + height: 27px; + line-height: 27px; } .input-group.date .input-group-addon { - cursor: pointer; -} - -.table-condensed>tbody>tr>td, -.table-condensed>tbody>tr>th, -.table-condensed>tfoot>tr>td, -.table-condensed>tfoot>tr>th, -.table-condensed>thead>tr>td, -.table-condensed>thead>tr>th { + cursor: pointer; } + +.table-condensed > tbody > tr > td, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > td, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > thead > tr > th { padding: 1px; text-align: center; z-index: 1; - cursor: pointer; -} + cursor: pointer; } /*! nouislider - 14.1.1 */ /* Functional styling; @@ -17834,33 +11982,27 @@ footer .pull-center { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; - -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; - -moz-box-sizing: border-box; - box-sizing: border-box; -} + box-sizing: border-box; } .noUi-target { - position: relative; -} + position: relative; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; - z-index: 1; -} + z-index: 1; } /* Wrapper for all connect elements. */ .noUi-connects { overflow: hidden; - z-index: 0; -} + z-index: 0; } .noUi-connect, .noUi-origin { @@ -17873,64 +12015,52 @@ footer .pull-center { -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; - transform-style: flat; -} + transform-style: flat; } .noUi-connect { height: 100%; - width: 100%; -} + width: 100%; } .noUi-origin { height: 10%; - width: 10%; -} + width: 10%; } /* Offset direction */ .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: auto; - right: 0; -} + right: 0; } /* Give origins 0 height/width so they don't interfere with clicking the * connect elements. */ .noUi-vertical .noUi-origin { - width: 0; -} + width: 0; } .noUi-horizontal .noUi-origin { - height: 0; -} + height: 0; } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; - position: absolute; -} + position: absolute; } .noUi-touch-area { height: 100%; - width: 100%; -} + width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { - -webkit-transition: transform 0.3s; - transition: transform 0.3s; -} + transition: transform 0.3s; } .noUi-state-drag * { - cursor: inherit !important; -} + cursor: inherit !important; } /* Slider size and handle placement; */ .noUi-horizontal { height: 2px; - margin: 15px 0; -} + margin: 15px 0; } .noUi-horizontal .noUi-handle { box-sizing: border-box; @@ -17943,14 +12073,12 @@ footer .pull-center { transition: all 0.2s ease-out; border: 1px solid #9c27b0; background: #ffffff; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); -} + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .noUi-vertical { height: 100%; width: 2px; - margin: 0 15px; -} + margin: 0 15px; } .noUi-vertical .noUi-handle { box-sizing: border-box; @@ -17963,39 +12091,32 @@ footer .pull-center { transition: all 0.2s ease-out; border: 1px solid #9c27b0; background: #ffffff; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); -} + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { right: -10px; - left: auto; -} + left: auto; } /* Styling; * Giving the connect element a border radius causes issues with using transform: scale */ .noUi-target { background: #c8c8c8; - border-radius: 4px; -} + border-radius: 4px; } .noUi-connects { - border-radius: 3px; -} + border-radius: 3px; } .noUi-connect { - background: #3FB8AF; -} + background: #3FB8AF; } /* Handles and cursors; */ .noUi-draggable { - cursor: ew-resize; -} + cursor: ew-resize; } .noUi-vertical .noUi-draggable { - cursor: ns-resize; -} + cursor: ns-resize; } .noUi-handle { box-sizing: border-box; @@ -18008,57 +12129,47 @@ footer .pull-center { transition: all 0.2s ease-out; border: 1px solid; background: #ffffff; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); -} + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; - transform: scale3d(1.5, 1.5, 1); -} + transform: scale3d(1.5, 1.5, 1); } /* Handle stripes; */ .noUi-handle:after { - left: 17px; -} + left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; - top: 14px; -} + top: 14px; } .noUi-vertical .noUi-handle:after { - top: 17px; -} + top: 17px; } /* Disabled state; */ [disabled] .noUi-connect { - background: #B8B8B8; -} + background: #B8B8B8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { - cursor: not-allowed; -} + cursor: not-allowed; } /* Base; * */ .noUi-pips, .noUi-pips * { - -moz-box-sizing: border-box; - box-sizing: border-box; -} + box-sizing: border-box; } .noUi-pips { position: absolute; - color: #999; -} + color: #999; } /* Values; * @@ -18066,29 +12177,24 @@ footer .pull-center { .noUi-value { position: absolute; white-space: nowrap; - text-align: center; -} + text-align: center; } .noUi-value-sub { color: #ccc; - font-size: 10px; -} + font-size: 10px; } /* Markings; * */ .noUi-marker { position: absolute; - background: #CCC; -} + background: #CCC; } .noUi-marker-sub { - background: #AAA; -} + background: #AAA; } .noUi-marker-large { - background: #AAA; -} + background: #AAA; } /* Horizontal layout; * @@ -18098,32 +12204,24 @@ footer .pull-center { height: 80px; top: 100%; left: 0; - width: 100%; -} + width: 100%; } .noUi-value-horizontal { - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); -} + transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); -} + transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; - height: 5px; -} + height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { - height: 10px; -} + height: 10px; } .noUi-marker-horizontal.noUi-marker-large { - height: 15px; -} + height: 15px; } /* Vertical layout; * @@ -18132,33 +12230,25 @@ footer .pull-center { padding: 0 10px; height: 100%; top: 0; - left: 100%; -} + left: 100%; } .noUi-value-vertical { - -webkit-transform: translate(0, -50%); transform: translate(0, -50%); - padding-left: 25px; -} + padding-left: 25px; } .noUi-rtl .noUi-value-vertical { - -webkit-transform: translate(0, 50%); - transform: translate(0, 50%); -} + transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; - margin-top: -1px; -} + margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { - width: 10px; -} + width: 10px; } .noUi-marker-vertical.noUi-marker-large { - width: 15px; -} + width: 15px; } .noUi-tooltip { display: block; @@ -18169,271 +12259,181 @@ footer .pull-center { color: #000; padding: 5px; text-align: center; - white-space: nowrap; -} + white-space: nowrap; } .noUi-horizontal .noUi-tooltip { - -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; - bottom: 120%; -} + bottom: 120%; } .noUi-vertical .noUi-tooltip { - -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; - right: 120%; -} + right: 120%; } .slider { - background: #c8c8c8; -} - -.slider .noUi-connect { - background-color: #9c27b0; - border-radius: 4px; -} - -.slider .noUi-handle { - border-color: #9c27b0; -} - -.slider.slider-info .noUi-connect { - background-color: #00bcd4; -} - -.slider.slider-info .noUi-handle { - border-color: #00bcd4; -} - -.slider.slider-success .noUi-connect { - background-color: #4caf50; -} - -.slider.slider-success .noUi-handle { - border-color: #4caf50; -} - -.slider.slider-warning .noUi-connect { - background-color: #ff9800; -} - -.slider.slider-warning .noUi-handle { - border-color: #ff9800; -} - -.slider.slider-danger .noUi-connect { - background-color: #f44336; -} - -.slider.slider-danger .noUi-handle { - border-color: #f44336; -} - -.slider.slider-rose .noUi-connect { - background-color: #e91e63; -} - -.slider.slider-rose .noUi-handle { - border-color: #e91e63; -} + background: #c8c8c8; } + .slider .noUi-connect { + background-color: #9c27b0; + border-radius: 4px; } + .slider .noUi-handle { + border-color: #9c27b0; } + .slider.slider-info .noUi-connect { + background-color: #00bcd4; } + .slider.slider-info .noUi-handle { + border-color: #00bcd4; } + .slider.slider-success .noUi-connect { + background-color: #4caf50; } + .slider.slider-success .noUi-handle { + border-color: #4caf50; } + .slider.slider-warning .noUi-connect { + background-color: #ff9800; } + .slider.slider-warning .noUi-handle { + border-color: #ff9800; } + .slider.slider-danger .noUi-connect { + background-color: #f44336; } + .slider.slider-danger .noUi-handle { + border-color: #f44336; } + .slider.slider-rose .noUi-connect { + background-color: #e91e63; } + .slider.slider-rose .noUi-handle { + border-color: #e91e63; } .index-page .section-components h6.description { margin-top: 5px; - margin-bottom: 30px; -} + margin-bottom: 30px; } .index-page .page-header { height: 90vh; - overflow: hidden; -} + overflow: hidden; } .index-page .brand { color: #ffffff; - text-align: center; -} - -.index-page .brand h1 { - font-size: 4.2rem; - font-weight: 600; - display: inline-block; - position: relative; -} - -.index-page .brand h3 { - font-size: 1.313rem; - max-width: 500px; - margin: 10px auto 0; -} + text-align: center; } + .index-page .brand h1 { + font-size: 4.2rem; + font-weight: 600; + display: inline-block; + position: relative; } + .index-page .brand h3 { + font-size: 1.313rem; + max-width: 500px; + margin: 10px auto 0; } .index-page h4.description { - font-size: 1.5em; -} + font-size: 1.5em; } .section { - padding: 70px 0; -} + padding: 70px 0; } .profile-page .page-header { height: 380px; - background-position: top center; -} + background-position: top center; } .profile-page .profile { - text-align: center; -} - -.profile-page .profile img { - max-width: 160px; - width: 100%; - margin: 0 auto; - -webkit-transform: translate3d(0, -50%, 0); - -moz-transform: translate3d(0, -50%, 0); - -o-transform: translate3d(0, -50%, 0); - -ms-transform: translate3d(0, -50%, 0); - transform: translate3d(0, -50%, 0); -} - -.profile-page .profile .name { - margin-top: -80px; -} + text-align: center; } + .profile-page .profile img { + max-width: 160px; + width: 100%; + margin: 0 auto; + transform: translate3d(0, -50%, 0); } + .profile-page .profile .name { + margin-top: -80px; } .profile-page .follow { position: absolute; top: 0; - right: 0; -} + right: 0; } .profile-page .description { margin: 1.071rem auto 0; - max-width: 600px; -} + max-width: 600px; } .profile-page .profile-tabs { - margin-top: 4.284rem; -} + margin-top: 4.284rem; } .profile-page .gallery { margin-top: 3.213rem; - padding-bottom: 50px; -} - -.profile-page .gallery img { - width: 100%; - margin-bottom: 2.142rem; -} + padding-bottom: 50px; } + .profile-page .gallery img { + width: 100%; + margin-bottom: 2.142rem; } .profile-page .follow .btn-fab { - margin-top: -28px; -} + margin-top: -28px; } .profile-page .card-background .content { padding: 30% 0; - min-width: 160px; -} + min-width: 160px; } .profile-page .work { - padding: 40px 0px; -} - -.profile-page .work .collections { - margin-top: 20px; -} - -.profile-page .work .stats ul>li { - padding: 5px 0px; - font-size: 1em; -} - -.profile-page .work .stats ul>li b { - font-size: 1.2em; -} + padding: 40px 0px; } + .profile-page .work .collections { + margin-top: 20px; } + .profile-page .work .stats ul > li { + padding: 5px 0px; + font-size: 1em; } + .profile-page .work .stats ul > li b { + font-size: 1.2em; } .profile-page .connections { - padding: 40px 0px; -} - -.profile-page .connections .card-profile { - text-align: left; -} + padding: 40px 0px; } + .profile-page .connections .card-profile { + text-align: left; } .profile-page .tab-content .collections .card .card-body { display: flex; flex-direction: column; - justify-content: center; -} - -.profile-page .tab-content .collections .card .card-body .badge { - display: inline-table; - margin: 0 auto; -} + justify-content: center; } + .profile-page .tab-content .collections .card .card-body .badge { + display: inline-table; + margin: 0 auto; } .signup-page .page-header { min-height: 100vh; height: auto; - display: inherit; -} - -.signup-page .page-header .container { - padding-top: 20vh; -} + display: inherit; } + .signup-page .page-header .container { + padding-top: 20vh; } .signup-page .card-signup { border-radius: 6px; box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); margin-bottom: 100px; - padding: 40px 0px; -} + padding: 40px 0px; } .signup-page .info-horizontal { - padding: 0px 0px 20px; -} + padding: 0px 0px 20px; } .signup-page .social .btn { - margin: 5px; -} + margin: 5px; } .signup-page .social h4 { - margin-top: 20px; -} + margin-top: 20px; } .signup-page .footer .container { - padding: 0; -} + padding: 0; } .signup-page .footer .copyright, .signup-page .footer a { - color: #fff; -} + color: #fff; } @media all and (max-width: 991px) { - - [class*="navbar-expand-"]>.container, - [class*="navbar-expand-"]>.container-fluid { + [class*="navbar-expand-"] > .container, + [class*="navbar-expand-"] > .container-fluid { padding-left: 15px; - padding-right: 15px; - } - - .dropdown-menu.show .dropdown-item.open+.dropdown-menu.show { - right: 101% !important; - } - - .dropdown-menu.show .dropdown-item.open+.dropdown-menu.show .dropdown-item.open+.dropdown-menu, - .dropdown-menu.show .dropdown-item.open+.dropdown-menu.show .dropdown-item.open+.dropdown-menu.show { - left: -165px !important; - } - - .navbar .navbar-collapse .navbar-nav>li.button-container { - padding: 15px; - } - + padding-right: 15px; } + .dropdown-menu.show .dropdown-item.open + .dropdown-menu.show { + right: 101% !important; } + .dropdown-menu.show .dropdown-item.open + .dropdown-menu.show .dropdown-item.open + .dropdown-menu, + .dropdown-menu.show .dropdown-item.open + .dropdown-menu.show .dropdown-item.open + .dropdown-menu.show { + left: -165px !important; } + .navbar .navbar-collapse .navbar-nav > li.button-container { + padding: 15px; } .carousel .card .card-body { max-width: 340px; margin: 0 auto; - min-height: 400px; - } - + min-height: 400px; } .navbar-collapse { position: fixed; display: block; @@ -18451,137 +12451,81 @@ footer .pull-center { padding-right: 0; padding-left: 0; max-height: none !important; - -webkit-transform: translate3d(230px, 0, 0); - -moz-transform: translate3d(230px, 0, 0); - -o-transform: translate3d(230px, 0, 0); - -ms-transform: translate3d(230px, 0, 0); transform: translate3d(230px, 0, 0); - -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); - -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); - -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); - -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); - transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); - } - - .navbar-collapse::after { - top: 0; - left: 0; - height: 100%; - width: 100%; - position: absolute; - background-color: #ffffff; - display: block; - content: ""; - z-index: 1; - } - - .navbar-collapse .dropdown-toggle:after { - position: absolute; - right: 16px; - margin-top: 8px; - } - - .navbar-collapse .navbar-nav { - position: relative; - z-index: 3; - } - - .navbar-collapse .navbar-nav .nav-item .nav-link { - color: #000000; - margin: 5px 15px; - } - - .navbar-collapse .navbar-nav .nav-item.active .nav-link, - .navbar-collapse .navbar-nav .nav-item.active .nav-link:hover, - .navbar-collapse .navbar-nav .nav-item.active .nav-link:focus, - .navbar-collapse .navbar-nav .nav-item.active .nav-link:active { - background-color: #ecedef; - color: #000000; - } - - .navbar-collapse .navbar-nav .nav-item.button-container .nav-link { - margin: 15px; - } - - .navbar-collapse .navbar-nav .nav-item:after { - width: calc(100% - 30px); - content: ""; - display: block; - height: 1px; - margin-left: 15px; - background-color: #e5e5e5; - } - - .navbar-collapse .navbar-nav .nav-item:last-child:after { - display: none; - } - - .nav-open .navbar-collapse { - -webkit-transform: translate3d(0px, 0, 0); - -moz-transform: translate3d(0px, 0, 0); - -o-transform: translate3d(0px, 0, 0); - -ms-transform: translate3d(0px, 0, 0); - transform: translate3d(0px, 0, 0); - } - + transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); } + .navbar-collapse::after { + top: 0; + left: 0; + height: 100%; + width: 100%; + position: absolute; + background-color: #ffffff; + display: block; + content: ""; + z-index: 1; } + .navbar-collapse .dropdown-toggle:after { + position: absolute; + right: 16px; + margin-top: 8px; } + .navbar-collapse .navbar-nav { + position: relative; + z-index: 3; } + .navbar-collapse .navbar-nav .nav-item .nav-link { + color: #000000; + margin: 5px 15px; } + .navbar-collapse .navbar-nav .nav-item.active .nav-link, + .navbar-collapse .navbar-nav .nav-item.active .nav-link:hover, + .navbar-collapse .navbar-nav .nav-item.active .nav-link:focus, + .navbar-collapse .navbar-nav .nav-item.active .nav-link:active { + background-color: #ecedef; + color: #000000; } + .navbar-collapse .navbar-nav .nav-item.button-container .nav-link { + margin: 15px; } + .navbar-collapse .navbar-nav .nav-item:after { + width: calc(100% - 30px); + content: ""; + display: block; + height: 1px; + margin-left: 15px; + background-color: #e5e5e5; } + .navbar-collapse .navbar-nav .nav-item:last-child:after { + display: none; } + .nav-open .navbar-collapse { + transform: translate3d(0px, 0, 0); } .nav-open .navbar-translate { - -webkit-transform: translate3d(-230px, 0, 0); - -moz-transform: translate3d(-230px, 0, 0); - -o-transform: translate3d(-230px, 0, 0); - -ms-transform: translate3d(-230px, 0, 0); - transform: translate3d(-230px, 0, 0); - } - + transform: translate3d(-230px, 0, 0); } .navbar .navbar-translate { width: 100%; position: relative; display: flex; - -ms-flex-pack: justify !important; justify-content: space-between !important; - -ms-flex-align: center; align-items: center; - -webkit-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); - -moz-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); - -o-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); - -ms-transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); - transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); - } - + transition: transform 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); } .navbar .dropdown.show .dropdown-menu { - display: block; - } - + display: block; } .navbar .dropdown .dropdown-menu { - display: none; - } - + display: none; } .navbar .dropdown-menu .dropdown-item { margin-left: 1.5rem; - margin-right: 1.5rem; - } - + margin-right: 1.5rem; } .navbar .dropdown.show .dropdown-menu, .navbar .dropdown .dropdown-menu { background-color: transparent; border: 0; padding-bottom: 15px; transition: none; - -webkit-box-shadow: none; box-shadow: none; transform: none !important; width: auto; margin-bottom: 15px; padding-top: 0; height: 300px; - animation: none; + -webkit-animation: none; + animation: none; opacity: 1; - overflow-y: scroll; - } - + overflow-y: scroll; } .navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon { - background-color: #ffffff; - } - + background-color: #ffffff; } #bodyClick { height: 100%; width: 100%; @@ -18592,502 +12536,231 @@ footer .pull-center { right: 230px; content: ""; z-index: 1029; - overflow-x: hidden; - } - + overflow-x: hidden; } #navbar .navbar-collapse, #navigation .navbar-collapse { - display: none !important; - } -} + display: none !important; } } @media all and (min-width: 991px) { .navbar .navbar-nav { - align-items: center; - } - - .navbar .navbar-nav .button-container { - margin-left: 0.1875px; - } - + align-items: center; } + .navbar .navbar-nav .button-container { + margin-left: 0.1875px; } .contactus-2 .card-contact { - margin: 80px 0 80px 150px; - } - + margin: 80px 0 80px 150px; } .index-page .fileinput-new.thumbnail.img-circle { - margin-top: 50px; - } -} + margin-top: 50px; } } @media screen and (max-width: 991px) { .presentation-page .section-components .components-macbook { max-width: 850px !important; max-height: 480px !important; margin-top: 12vh; - left: -12px; - } - + left: -12px; } .presentation-page .section-components .coloured-card-img, .presentation-page .section-components .table-img { - display: none; - } - + display: none; } .presentation-page .section-components .social-img { left: 47%; - top: 37%; - } - + top: 37%; } .presentation-page .section-components .pin-btn-img { - top: 54%; - } - + top: 54%; } .presentation-page .section-components .share-btn-img { - top: 12%; - } - + top: 12%; } .presentation-page .section-components .coloured-card-btn-img { top: -2%; - left: 65%; - } - + left: 65%; } .presentation-page .section-content .area-img { max-width: 130px; - max-height: 170px; - } - + max-height: 170px; } .presentation-page .section-content .info-img { max-width: 170px; - max-height: 120px; - } - + max-height: 120px; } @keyframes topbar-x { 0% { top: 0px; - transform: rotate(0deg); - } - + transform: rotate(0deg); } 45% { top: 6px; - transform: rotate(145deg); - } - + transform: rotate(145deg); } 75% { - transform: rotate(130deg); - } - + transform: rotate(130deg); } 100% { - transform: rotate(135deg); - } - } - + transform: rotate(135deg); } } @-webkit-keyframes topbar-x { 0% { top: 0px; - -webkit-transform: rotate(0deg); - } - - 45% { - top: 6px; - -webkit-transform: rotate(145deg); - } - - 75% { - -webkit-transform: rotate(130deg); - } - - 100% { - -webkit-transform: rotate(135deg); - } - } - - @-moz-keyframes topbar-x { - 0% { - top: 0px; - -moz-transform: rotate(0deg); - } - + -webkit-transform: rotate(0deg); } 45% { top: 6px; - -moz-transform: rotate(145deg); - } - + -webkit-transform: rotate(145deg); } 75% { - -moz-transform: rotate(130deg); - } - + -webkit-transform: rotate(130deg); } 100% { - -moz-transform: rotate(135deg); - } - } - + -webkit-transform: rotate(135deg); } } @keyframes topbar-back { 0% { top: 6px; - transform: rotate(135deg); - } - + transform: rotate(135deg); } 45% { - transform: rotate(-10deg); - } - + transform: rotate(-10deg); } 75% { - transform: rotate(5deg); - } - + transform: rotate(5deg); } 100% { top: 0px; - transform: rotate(0); - } - } - + transform: rotate(0); } } @-webkit-keyframes topbar-back { 0% { top: 6px; - -webkit-transform: rotate(135deg); - } - - 45% { - -webkit-transform: rotate(-10deg); - } - - 75% { - -webkit-transform: rotate(5deg); - } - - 100% { - top: 0px; - -webkit-transform: rotate(0); - } - } - - @-moz-keyframes topbar-back { - 0% { - top: 6px; - -moz-transform: rotate(135deg); - } - + -webkit-transform: rotate(135deg); } 45% { - -moz-transform: rotate(-10deg); - } - + -webkit-transform: rotate(-10deg); } 75% { - -moz-transform: rotate(5deg); - } - + -webkit-transform: rotate(5deg); } 100% { top: 0px; - -moz-transform: rotate(0); - } - } - + -webkit-transform: rotate(0); } } @keyframes bottombar-x { 0% { bottom: 0px; - transform: rotate(0deg); - } - + transform: rotate(0deg); } 45% { bottom: 6px; - transform: rotate(-145deg); - } - + transform: rotate(-145deg); } 75% { - transform: rotate(-130deg); - } - + transform: rotate(-130deg); } 100% { - transform: rotate(-135deg); - } - } - + transform: rotate(-135deg); } } @-webkit-keyframes bottombar-x { 0% { bottom: 0px; - -webkit-transform: rotate(0deg); - } - - 45% { - bottom: 6px; - -webkit-transform: rotate(-145deg); - } - - 75% { - -webkit-transform: rotate(-130deg); - } - - 100% { - -webkit-transform: rotate(-135deg); - } - } - - @-moz-keyframes bottombar-x { - 0% { - bottom: 0px; - -moz-transform: rotate(0deg); - } - + -webkit-transform: rotate(0deg); } 45% { bottom: 6px; - -moz-transform: rotate(-145deg); - } - + -webkit-transform: rotate(-145deg); } 75% { - -moz-transform: rotate(-130deg); - } - + -webkit-transform: rotate(-130deg); } 100% { - -moz-transform: rotate(-135deg); - } - } - + -webkit-transform: rotate(-135deg); } } @keyframes bottombar-back { 0% { bottom: 6px; - transform: rotate(-135deg); - } - + transform: rotate(-135deg); } 45% { - transform: rotate(10deg); - } - + transform: rotate(10deg); } 75% { - transform: rotate(-5deg); - } - + transform: rotate(-5deg); } 100% { bottom: 0px; - transform: rotate(0); - } - } - + transform: rotate(0); } } @-webkit-keyframes bottombar-back { 0% { bottom: 6px; - -webkit-transform: rotate(-135deg); - } - - 45% { - -webkit-transform: rotate(10deg); - } - - 75% { - -webkit-transform: rotate(-5deg); - } - - 100% { - bottom: 0px; - -webkit-transform: rotate(0); - } - } - - @-moz-keyframes bottombar-back { - 0% { - bottom: 6px; - -moz-transform: rotate(-135deg); - } - + -webkit-transform: rotate(-135deg); } 45% { - -moz-transform: rotate(10deg); - } - + -webkit-transform: rotate(10deg); } 75% { - -moz-transform: rotate(-5deg); - } - + -webkit-transform: rotate(-5deg); } 100% { bottom: 0px; - -moz-transform: rotate(0); - } - } - + -webkit-transform: rotate(0); } } .navbar .navbar-toggler .navbar-toggler-icon:nth-child(2) { top: 0px; -webkit-animation: topbar-back 500ms linear 0s; - -moz-animation: topbar-back 500ms linear 0s; animation: topbar-back 500ms 0s; -webkit-animation-fill-mode: forwards; - -moz-animation-fill-mode: forwards; - animation-fill-mode: forwards; - } - + animation-fill-mode: forwards; } .navbar .navbar-toggler .navbar-toggler-icon:nth-child(3) { - opacity: 1; - } - + opacity: 1; } .navbar .navbar-toggler .navbar-toggler-icon:nth-child(4) { bottom: 0px; -webkit-animation: bottombar-back 500ms linear 0s; - -moz-animation: bottombar-back 500ms linear 0s; animation: bottombar-back 500ms 0s; -webkit-animation-fill-mode: forwards; - -moz-animation-fill-mode: forwards; - animation-fill-mode: forwards; - } - + animation-fill-mode: forwards; } .navbar .navbar-toggler.toggled .navbar-toggler-icon:nth-child(2) { top: 6px; -webkit-animation: topbar-x 500ms linear 0s; - -moz-animation: topbar-x 500ms linear 0s; animation: topbar-x 500ms 0s; -webkit-animation-fill-mode: forwards; - -moz-animation-fill-mode: forwards; - animation-fill-mode: forwards; - } - + animation-fill-mode: forwards; } .navbar .navbar-toggler.toggled .navbar-toggler-icon:nth-child(3) { - opacity: 0; - } - + opacity: 0; } .navbar .navbar-toggler.toggled .navbar-toggler-icon:nth-child(4) { bottom: 6px; -webkit-animation: bottombar-x 500ms linear 0s; - -moz-animation: bottombar-x 500ms linear 0s; animation: bottombar-x 500ms 0s; -webkit-animation-fill-mode: forwards; - -moz-animation-fill-mode: forwards; - animation-fill-mode: forwards; - } -} + animation-fill-mode: forwards; } } @media screen and (max-width: 767px) { .presentation-page .section-components .components-macbook { max-width: 350px !important; max-height: 250px !important; margin-top: 12vh; - left: -12px; - } - + left: -12px; } .presentation-page .section-components .coloured-card-img, .presentation-page .section-components .table-img { - display: none; - } - + display: none; } .presentation-page .section-components .social-img { left: -7%; - top: 37%; - } - + top: 37%; } .presentation-page .section-components .pin-btn-img { - top: 54%; - } - + top: 54%; } .presentation-page .section-components .share-btn-img { - top: 7%; - } - + top: 7%; } .presentation-page .section-components .coloured-card-btn-img { - top: -2%; - } - + top: -2%; } .card.card-form-horizontal .input-group { - padding-bottom: 10px; - } - + padding-bottom: 10px; } .presentation-page #cd-vertical-nav, .index-page #cd-vertical-nav, .section-page #cd-vertical-nav { - display: none; - } - + display: none; } .index-page .cd-section .tim-typo .tim-note { - width: 60px; - } - - .login-page .page-header>.container { - padding-bottom: 200px; - } -} + width: 60px; } + .login-page .page-header > .container { + padding-bottom: 200px; } } @media screen and (max-width: 400px) { .cd-vertical-nav { - display: none !important; - } -} + display: none !important; } } @media screen and (min-width: 767px) { .bd-docs .bd-example .card.card-profile .card-header-image { - max-height: 100% !important; - } - + max-height: 100% !important; } .card-profile .card-header-image { - max-height: 215px; - } -} + max-height: 215px; } } @media screen and (max-width: 991px) { - .menu-on-left .page-header, .menu-on-left .main, - .menu-on-left .navbar>div { - -webkit-transform: translate3d(0px, 0, 0); - -moz-transform: translate3d(0px, 0, 0); - -o-transform: translate3d(0px, 0, 0); - -ms-transform: translate3d(0px, 0, 0); + .menu-on-left .navbar > div { transform: translate3d(0px, 0, 0); - transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); - } - + transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); } .menu-on-left .navbar .collapse { left: 0; top: -25px; right: auto; - -webkit-transform: translate3d(-230px, 0, 0); - -moz-transform: translate3d(-230px, 0, 0); - -o-transform: translate3d(-230px, 0, 0); - -ms-transform: translate3d(-230px, 0, 0); - transform: translate3d(-230px, 0, 0); - } - + transform: translate3d(-230px, 0, 0); } .menu-on-left .navbar .navbar-translate .navbar-brand { position: absolute; right: 0; - top: -15px; - } - + top: -15px; } .nav-open .menu-on-left .page-header, .nav-open .menu-on-left .main { - -webkit-transform: translate3d(230px, 0, 0); - -moz-transform: translate3d(230px, 0, 0); - -o-transform: translate3d(230px, 0, 0); - -ms-transform: translate3d(230px, 0, 0); - transform: translate3d(230px, 0, 0); - } - + transform: translate3d(230px, 0, 0); } .nav-open .menu-on-left .navbar .collapse { - -webkit-transform: translate3d(0px, 0, 0); - -moz-transform: translate3d(0px, 0, 0); - -o-transform: translate3d(0px, 0, 0); - -ms-transform: translate3d(0px, 0, 0); - transform: translate3d(0px, 0, 0); - } - - .nav-open .menu-on-left .navbar>div .navbar-translate { - -webkit-transform: translate3d(230px, 0, 0); - -moz-transform: translate3d(230px, 0, 0); - -o-transform: translate3d(230px, 0, 0); - -ms-transform: translate3d(230px, 0, 0); + transform: translate3d(0px, 0, 0); } + .nav-open .menu-on-left .navbar > div .navbar-translate { transform: translate3d(230px, 0, 0); - transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); - } -} + transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); } } @media (min-width: 575px) and (max-width: 991px) { .menu-on-left .navbar .collapse { - -webkit-transform: translate3d(-255px, 0, 0); - -moz-transform: translate3d(-255px, 0, 0); - -o-transform: translate3d(-255px, 0, 0); - -ms-transform: translate3d(-255px, 0, 0); - transform: translate3d(-255px, 0, 0); - } - + transform: translate3d(-255px, 0, 0); } .nav-open .menu-on-left .navbar .collapse { - -webkit-transform: translate3d(-25px, 0, 0); - -moz-transform: translate3d(-25px, 0, 0); - -o-transform: translate3d(-25px, 0, 0); - -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); - width: 245px; - } -} + width: 245px; } } -/*# sourceMappingURL=kit-free.css.map */ \ No newline at end of file +/*# sourceMappingURL=material-kit.css.map */ diff --git a/assets/css/material-kit.css.map b/assets/css/material-kit.css.map index 02f9ee3c..91112fa3 100644 --- a/assets/css/material-kit.css.map +++ b/assets/css/material-kit.css.map @@ -1,338 +1 @@ -{ - "version": 3, - "file": "kit-free.css", - "sources": [ - "../scss/kit-free.scss", - "../scss/partials/kit/core/_variables.scss", - "../scss/partials/kit/core/variables/_colors.scss", - "../scss/partials/kit/core/variables/_shadow.scss", - "../scss/partials/kit/core/variables/_bootstrap-material-design-base.scss", - "../scss/partials/kit/core/variables/_custom-forms.scss", - "../scss/partials/kit/core/variables/_spacing.scss", - "../scss/partials/kit/core/variables/_body.scss", - "../scss/partials/kit/core/variables/_brand.scss", - "../scss/partials/kit/core/variables/_buttons.scss", - "../scss/partials/kit/core/variables/_card.scss", - "../scss/partials/kit/core/variables/_code.scss", - "../scss/partials/kit/core/variables/_dropdown.scss", - "../scss/partials/kit/core/variables/_forms.scss", - "../scss/partials/kit/core/variables/_list-group.scss", - "../scss/partials/kit/core/variables/_nav.scss", - "../scss/partials/kit/core/variables/_pagination.scss", - "../scss/partials/kit/core/variables/_state.scss", - "../scss/partials/kit/core/variables/_tables.scss", - "../scss/partials/kit/core/variables/_tooltip.scss", - "../scss/partials/kit/core/variables/_type.scss", - "../scss/partials/kit/core/variables/_modals.scss", - "../scss/partials/kit/core/variables/_carousel.scss", - "../scss/partials/kit/core/bootstrap/scss/_functions.scss", - "../scss/partials/kit/core/bootstrap/scss/_variables.scss", - "../scss/partials/kit/core/variables/_layout.scss", - "../scss/partials/kit/core/variables/_menu.scss", - "../scss/partials/kit/core/variables/_drawer.scss", - "../scss/partials/kit/core/variables/_snackbar.scss", - "../scss/partials/kit/core/variables/_bootstrap-material-design.scss", - "../scss/partials/kit/core/_mixins.scss", - "../scss/partials/kit/core/mixins/_utilities.scss", - "../scss/partials/kit/core/mixins/_breakpoints.scss", - "../scss/partials/kit/core/mixins/_animations.scss", - "../scss/partials/kit/core/mixins/_type.scss", - "../scss/partials/kit/core/mixins/_layout.scss", - "../scss/partials/kit/core/mixins/_drawer.scss", - "../scss/partials/kit/core/mixins/_forms.scss", - "../scss/partials/kit/core/mixins/_buttons.scss", - "../scss/partials/kit/core/mixins/_hover.scss", - "../scss/partials/kit/core/mixins/_navs.scss", - "../scss/partials/kit/core/mixins/_colored-shadows.scss", - "../scss/partials/kit/core/mixins/_navbar-colors.scss", - "../scss/partials/kit/core/mixins/_alert.scss", - "../scss/partials/kit/core/_core-bootstrap.scss", - "../scss/partials/kit/core/bootstrap/scss/_functions.scss", - "../scss/partials/kit/core/bootstrap/scss/_variables.scss", - "../scss/partials/kit/core/bootstrap/scss/_mixins.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_breakpoints.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_hover.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_image.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_badge.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_resize.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_screen-reader.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_size.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_reset-text.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_text-emphasis.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_text-hide.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_text-truncate.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_visibility.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_alert.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_buttons.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_caret.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_pagination.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_lists.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_list-group.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_nav-divider.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_forms.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_table-row.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_background-variant.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_border-radius.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_box-shadow.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_gradients.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_transition.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_clearfix.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_grid-framework.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_grid.scss", - "../scss/partials/kit/core/bootstrap/scss/mixins/_float.scss", - "../scss/partials/kit/core/bootstrap/scss/_reboot.scss", - "../scss/partials/kit/core/bootstrap/scss/_print.scss", - "../scss/partials/kit/core/bootstrap/scss/_reboot.scss", - "../scss/partials/kit/core/bootstrap/scss/_type.scss", - "../scss/partials/kit/core/bootstrap/scss/_images.scss", - "../scss/partials/kit/core/bootstrap/scss/_code.scss", - "../scss/partials/kit/core/bootstrap/scss/_grid.scss", - "../scss/partials/kit/core/bootstrap/scss/_tables.scss", - "../scss/partials/kit/core/bootstrap/scss/_forms.scss", - "../scss/partials/kit/core/bootstrap/scss/_buttons.scss", - "../scss/partials/kit/core/bootstrap/scss/_transitions.scss", - "../scss/partials/kit/core/bootstrap/scss/_dropdown.scss", - "../scss/partials/kit/core/bootstrap/scss/_button-group.scss", - "../scss/partials/kit/core/bootstrap/scss/_input-group.scss", - "../scss/partials/kit/core/bootstrap/scss/_custom-forms.scss", - "../scss/partials/kit/core/bootstrap/scss/_nav.scss", - "../scss/partials/kit/core/bootstrap/scss/_navbar.scss", - "../scss/partials/kit/core/bootstrap/scss/_card.scss", - "../scss/partials/kit/core/bootstrap/scss/_breadcrumb.scss", - "../scss/partials/kit/core/bootstrap/scss/_pagination.scss", - "../scss/partials/kit/core/bootstrap/scss/_jumbotron.scss", - "../scss/partials/kit/core/bootstrap/scss/_alert.scss", - "../scss/partials/kit/core/bootstrap/scss/_progress.scss", - "../scss/partials/kit/core/bootstrap/scss/_media.scss", - "../scss/partials/kit/core/bootstrap/scss/_list-group.scss", - "../scss/partials/kit/core/bootstrap/scss/_close.scss", - "../scss/partials/kit/core/bootstrap/scss/_badge.scss", - "../scss/partials/kit/core/bootstrap/scss/_modal.scss", - "../scss/partials/kit/core/bootstrap/scss/_tooltip.scss", - "../scss/partials/kit/core/bootstrap/scss/_popover.scss", - "../scss/partials/kit/core/bootstrap/scss/_carousel.scss", - "../scss/partials/kit/core/bootstrap/scss/_utilities.scss", - "../scss/partials/kit/core/bootstrap/scss/utilities/_align.scss", - "../scss/partials/kit/core/bootstrap/scss/utilities/_background.scss", - "../scss/partials/kit/core/bootstrap/scss/utilities/_borders.scss", - "../scss/partials/kit/core/bootstrap/scss/utilities/_clearfix.scss", - "../scss/partials/kit/core/bootstrap/scss/utilities/_display.scss", - "../scss/partials/kit/core/bootstrap/scss/utilities/_embed.scss", - "../scss/partials/kit/core/bootstrap/scss/utilities/_flex.scss", - "../scss/partials/kit/core/bootstrap/scss/utilities/_float.scss", - "../scss/partials/kit/core/bootstrap/scss/utilities/_position.scss", - "../scss/partials/kit/core/bootstrap/scss/utilities/_screenreaders.scss", - "../scss/partials/kit/core/bootstrap/scss/utilities/_sizing.scss", - "../scss/partials/kit/core/bootstrap/scss/utilities/_spacing.scss", - "../scss/partials/kit/core/bootstrap/scss/utilities/_text.scss", - "../scss/partials/kit/core/bootstrap/scss/utilities/_visibility.scss", - "../scss/partials/kit/core/_reboot.scss", - "../scss/partials/kit/core/_layout.scss", - "../scss/partials/kit/core/_buttons.scss", - "../scss/partials/kit/core/_misc.scss", - "../scss/partials/kit/core/_checkboxes.scss", - "../scss/partials/kit/core/_custom-forms.scss", - "../scss/partials/kit/core/_switches.scss", - "../scss/partials/kit/core/_radios.scss", - "../scss/partials/kit/core/_carousel.scss", - "../scss/partials/kit/core/_forms.scss", - "../scss/partials/kit/core/_input-group.scss", - "../scss/partials/kit/core/_list-group.scss", - "../scss/partials/kit/core/_nav.scss", - "../scss/partials/kit/core/_images.scss", - "../scss/partials/kit/core/_navbar.scss", - "../scss/partials/kit/core/_badges.scss", - "../scss/partials/kit/core/_alerts.scss", - "../scss/partials/kit/core/_pagination.scss", - "../scss/partials/kit/core/_pills.scss", - "../scss/partials/kit/core/_info-areas.scss", - "../scss/partials/kit/core/_type.scss", - "../scss/partials/kit/core/_tabs.scss", - "../scss/partials/kit/core/_tooltip.scss", - "../scss/partials/kit/core/_popover.scss", - "../scss/partials/kit/core/_modal.scss", - "../scss/partials/kit/core/_dropdown.scss", - "../scss/partials/kit/core/_drawer.scss", - "../scss/partials/kit/core/_progress.scss", - "../scss/partials/kit/core/_togglebutton.scss", - "../scss/partials/kit/core/_ripples.scss", - "../scss/partials/kit/core/_headers.scss", - "../scss/partials/kit/core/_footers.scss", - "../scss/partials/kit/core/_cards.scss", - "../scss/partials/kit/core/cards/_card-carousel.scss", - "../scss/partials/kit/core/cards/_card-login.scss", - "../scss/partials/kit/core/cards/_card-plain.scss", - "../scss/partials/kit/core/plugins/_plugin-datetime-picker.scss", - "../scss/partials/kit/core/plugins/_plugin-nouislider.scss", - "../scss/partials/kit/core/_example-pages.scss", - "../scss/partials/kit/core/_responsive.scss" - ], - "sourcesContent": [ - "/*!\n\n =========================================================\n * Material Kit - v2.0.7\n =========================================================\n\n * Product Page: https://www.creative-tim.com/product/material-kit\n * Copyright 2020 Creative Tim (http://www.creative-tim.com)\n\n =========================================================\n\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n */\n\n @import \"partials/kit/core/variables\";\n @import \"partials/kit/core/mixins\";\n @import \"partials/kit/core/core-bootstrap\";\n @import \"partials/kit/core/reboot\";\n\n // Core Components\n @import \"partials/kit/core/layout\";\n @import \"partials/kit/core/buttons\";\n @import \"partials/kit/core/misc\";\n @import \"partials/kit/core/checkboxes\";\n @import \"partials/kit/core/custom-forms\";\n @import \"partials/kit/core/switches\";\n @import \"partials/kit/core/radios\";\n @import \"partials/kit/core/carousel\";\n @import \"partials/kit/core/forms\";\n @import \"partials/kit/core/input-group\";\n @import \"partials/kit/core/list-group\";\n @import \"partials/kit/core/nav\";\n @import \"partials/kit/core/images\";\n @import \"partials/kit/core/navbar\";\n @import \"partials/kit/core/badges\";\n @import \"partials/kit/core/alerts\";\n @import \"partials/kit/core/pagination\";\n @import \"partials/kit/core/pills\";\n @import \"partials/kit/core/info-areas\";\n @import \"partials/kit/core/type\";\n @import \"partials/kit/core/tabs\";\n @import \"partials/kit/core/tooltip\";\n @import \"partials/kit/core/popover\";\n @import \"partials/kit/core/modal\";\n @import \"partials/kit/core/dropdown\";\n @import \"partials/kit/core/drawer\";\n @import \"partials/kit/core/progress\";\n @import \"partials/kit/core/togglebutton\";\n @import \"partials/kit/core/ripples\";\n @import \"partials/kit/core/headers\";\n @import \"partials/kit/core/footers\";\n\n // Cards\n @import 'partials/kit/core/cards';\n @import 'partials/kit/core/cards/card-carousel';\n @import 'partials/kit/core/cards/card-login';\n @import 'partials/kit/core/cards/card-plain';\n\n // Core Plugins\n @import 'partials/kit/core/plugins/plugin-datetime-picker';\n @import 'partials/kit/core/plugins/plugin-nouislider';\n\n // Sections and Example pages\n @import \"partials/kit/core/example-pages\";\n @import \"partials/kit/core/responsive\";\n", - "@import \"variables/colors\";\n@import \"variables/shadow\";\n\n@import \"variables/bootstrap-material-design-base\";\n\n// Customized BS variables\n@import \"variables/custom-forms\";\n@import \"variables/spacing\";\n@import \"variables/body\";\n@import \"variables/brand\";\n@import \"variables/buttons\";\n@import \"variables/card\";\n@import \"variables/code\";\n@import \"variables/dropdown\";\n@import \"variables/forms\";\n@import \"variables/list-group\";\n@import \"variables/nav\";\n@import \"variables/pagination\";\n@import \"variables/state\";\n@import \"variables/tables\";\n@import \"variables/tooltip\";\n@import \"variables/type\";\n@import \"variables/modals\";\n@import \"variables/carousel\";\n\n// import their vars after customization for use below\n$enable-flex: true; // fully adopt flexbox layouts\n$enable-shadows: true; // enable shadows, set to false to turn off shadows\n\n// Core Bootstrap Variables\n@import \"bootstrap/scss/functions\";\n@import \"bootstrap/scss/variables\";\n\n@import \"variables/layout\";\n@import \"variables/menu\";\n@import \"variables/drawer\";\n@import \"variables/snackbar\";\n\n@import \"variables/bootstrap-material-design\";\n", - "$red-50: #ffebee !default;\n$red-100: #ffcdd2 !default;\n$red-200: #ef9a9a !default;\n$red-300: #e57373 !default;\n$red-400: #ef5350 !default;\n$red-500: #f44336 !default;\n$red-600: #e53935 !default;\n$red-700: #d32f2f !default;\n$red-800: #c62828 !default;\n$red-900: #b71c1c !default;\n$red-a100: #ff8a80 !default;\n$red-a200: #ff5252 !default;\n$red-a400: #ff1744 !default;\n$red-a700: #d50000 !default;\n$red: $red-500 !default;\n\n$pink-50: #fce4ec !default;\n$pink-100: #f8bbd0 !default;\n$pink-200: #f48fb1 !default;\n$pink-300: #f06292 !default;\n$pink-400: #ec407a !default;\n$pink-500: #e91e63 !default;\n$pink-600: #d81b60 !default;\n$pink-700: #c2185b !default;\n$pink-800: #ad1457 !default;\n$pink-900: #880e4f !default;\n$pink-a100: #ff80ab !default;\n$pink-a200: #ff4081 !default;\n$pink-a400: #f50057 !default;\n$pink-a700: #c51162 !default;\n$pink: $pink-500 !default;\n\n$purple-50: #f3e5f5 !default;\n$purple-100: #e1bee7 !default;\n$purple-200: #ce93d8 !default;\n$purple-300: #ba68c8 !default;\n$purple-400: #ab47bc !default;\n$purple-500: #9c27b0 !default;\n$purple-600: #8e24aa !default;\n$purple-700: #7b1fa2 !default;\n$purple-800: #6a1b9a !default;\n$purple-900: #4a148c !default;\n$purple-a100: #ea80fc !default;\n$purple-a200: #e040fb !default;\n$purple-a400: #d500f9 !default;\n$purple-a700: #a0f !default;\n$purple: $purple-500 !default;\n\n$deep-purple-50: #ede7f6 !default;\n$deep-purple-100: #d1c4e9 !default;\n$deep-purple-200: #b39ddb !default;\n$deep-purple-300: #9575cd !default;\n$deep-purple-400: #7e57c2 !default;\n$deep-purple-500: #673ab7 !default;\n$deep-purple-600: #5e35b1 !default;\n$deep-purple-700: #512da8 !default;\n$deep-purple-800: #4527a0 !default;\n$deep-purple-900: #311b92 !default;\n$deep-purple-a100: #b388ff !default;\n$deep-purple-a200: #7c4dff !default;\n$deep-purple-a400: #651fff !default;\n$deep-purple-a700: #6200ea !default;\n$deep-purple: $deep-purple-500 !default;\n\n$indigo-50: #e8eaf6 !default;\n$indigo-100: #c5cae9 !default;\n$indigo-200: #9fa8da !default;\n$indigo-300: #7986cb !default;\n$indigo-400: #5c6bc0 !default;\n$indigo-500: #3f51b5 !default;\n$indigo-600: #3949ab !default;\n$indigo-700: #303f9f !default;\n$indigo-800: #283593 !default;\n$indigo-900: #1a237e !default;\n$indigo-a100: #8c9eff !default;\n$indigo-a200: #536dfe !default;\n$indigo-a400: #3d5afe !default;\n$indigo-a700: #304ffe !default;\n$indigo: $indigo-500 !default;\n\n$blue-50: #e3f2fd !default;\n$blue-100: #bbdefb !default;\n$blue-200: #90caf9 !default;\n$blue-300: #64b5f6 !default;\n$blue-400: #42a5f5 !default;\n$blue-500: #2196f3 !default;\n$blue-600: #1e88e5 !default;\n$blue-700: #1976d2 !default;\n$blue-800: #1565c0 !default;\n$blue-900: #0d47a1 !default;\n$blue-a100: #82b1ff !default;\n$blue-a200: #448aff !default;\n$blue-a400: #2979ff !default;\n$blue-a700: #2962ff !default;\n$blue: $blue-500 !default;\n\n$light-blue-50: #e1f5fe !default;\n$light-blue-100: #b3e5fc !default;\n$light-blue-200: #81d4fa !default;\n$light-blue-300: #4fc3f7 !default;\n$light-blue-400: #29b6f6 !default;\n$light-blue-500: #03a9f4 !default;\n$light-blue-600: #039be5 !default;\n$light-blue-700: #0288d1 !default;\n$light-blue-800: #0277bd !default;\n$light-blue-900: #01579b !default;\n$light-blue-a100: #80d8ff !default;\n$light-blue-a200: #40c4ff !default;\n$light-blue-a400: #00b0ff !default;\n$light-blue-a700: #0091ea !default;\n$light-blue: $light-blue-500 !default;\n\n$cyan-50: #e0f7fa !default;\n$cyan-100: #b2ebf2 !default;\n$cyan-200: #80deea !default;\n$cyan-300: #4dd0e1 !default;\n$cyan-400: #26c6da !default;\n$cyan-500: #00bcd4 !default;\n$cyan-600: #00acc1 !default;\n$cyan-700: #0097a7 !default;\n$cyan-800: #00838f !default;\n$cyan-900: #006064 !default;\n$cyan-a100: #84ffff !default;\n$cyan-a200: #18ffff !default;\n$cyan-a400: #00e5ff !default;\n$cyan-a700: #00b8d4 !default;\n$cyan: $cyan-500 !default;\n\n$teal-50: #e0f2f1 !default;\n$teal-100: #b2dfdb !default;\n$teal-200: #80cbc4 !default;\n$teal-300: #4db6ac !default;\n$teal-400: #26a69a !default;\n$teal-500: #009688 !default;\n$teal-600: #00897b !default;\n$teal-700: #00796b !default;\n$teal-800: #00695c !default;\n$teal-900: #004d40 !default;\n$teal-a100: #a7ffeb !default;\n$teal-a200: #64ffda !default;\n$teal-a400: #1de9b6 !default;\n$teal-a700: #00bfa5 !default;\n$teal: $teal-500 !default;\n\n$green-50: #e8f5e9 !default;\n$green-100: #c8e6c9 !default;\n$green-200: #a5d6a7 !default;\n$green-300: #81c784 !default;\n$green-400: #66bb6a !default;\n$green-500: #4caf50 !default;\n$green-600: #43a047 !default;\n$green-700: #388e3c !default;\n$green-800: #2e7d32 !default;\n$green-900: #1b5e20 !default;\n$green-a100: #b9f6ca !default;\n$green-a200: #69f0ae !default;\n$green-a400: #00e676 !default;\n$green-a700: #00c853 !default;\n$green: $green-500 !default;\n\n$light-green-50: #f1f8e9 !default;\n$light-green-100: #dcedc8 !default;\n$light-green-200: #c5e1a5 !default;\n$light-green-300: #aed581 !default;\n$light-green-400: #9ccc65 !default;\n$light-green-500: #8bc34a !default;\n$light-green-600: #7cb342 !default;\n$light-green-700: #689f38 !default;\n$light-green-800: #558b2f !default;\n$light-green-900: #33691e !default;\n$light-green-a100: #ccff90 !default;\n$light-green-a200: #b2ff59 !default;\n$light-green-a400: #76ff03 !default;\n$light-green-a700: #64dd17 !default;\n$light-green: $light-green-500 !default;\n\n$lime-50: #f9fbe7 !default;\n$lime-100: #f0f4c3 !default;\n$lime-200: #e6ee9c !default;\n$lime-300: #dce775 !default;\n$lime-400: #d4e157 !default;\n$lime-500: #cddc39 !default;\n$lime-600: #c0ca33 !default;\n$lime-700: #afb42b !default;\n$lime-800: #9e9d24 !default;\n$lime-900: #827717 !default;\n$lime-a100: #f4ff81 !default;\n$lime-a200: #eeff41 !default;\n$lime-a400: #c6ff00 !default;\n$lime-a700: #aeea00 !default;\n$lime: $lime-500 !default;\n\n$yellow-50: #fffde7 !default;\n$yellow-100: #fff9c4 !default;\n$yellow-200: #fff59d !default;\n$yellow-300: #fff176 !default;\n$yellow-400: #ffee58 !default;\n$yellow-500: #ffeb3b !default;\n$yellow-600: #fdd835 !default;\n$yellow-700: #fbc02d !default;\n$yellow-800: #f9a825 !default;\n$yellow-900: #f57f17 !default;\n$yellow-a100: #ffff8d !default;\n$yellow-a200: #ff0 !default;\n$yellow-a400: #ffea00 !default;\n$yellow-a700: #ffd600 !default;\n$yellow: $yellow-500 !default;\n\n$amber-50: #fff8e1 !default;\n$amber-100: #ffecb3 !default;\n$amber-200: #ffe082 !default;\n$amber-300: #ffd54f !default;\n$amber-400: #ffca28 !default;\n$amber-500: #ffc107 !default;\n$amber-600: #ffb300 !default;\n$amber-700: #ffa000 !default;\n$amber-800: #ff8f00 !default;\n$amber-900: #ff6f00 !default;\n$amber-a100: #ffe57f !default;\n$amber-a200: #ffd740 !default;\n$amber-a400: #ffc400 !default;\n$amber-a700: #ffab00 !default;\n$amber: $amber-500 !default;\n\n$orange-50: #fff3e0 !default;\n$orange-100: #ffe0b2 !default;\n$orange-200: #ffcc80 !default;\n$orange-300: #ffb74d !default;\n$orange-400: #ffa726 !default;\n$orange-500: #ff9800 !default;\n$orange-600: #fb8c00 !default;\n$orange-700: #f57c00 !default;\n$orange-800: #ef6c00 !default;\n$orange-900: #e65100 !default;\n$orange-a100: #ffd180 !default;\n$orange-a200: #ffab40 !default;\n$orange-a400: #ff9100 !default;\n$orange-a700: #ff6d00 !default;\n$orange: $orange-500 !default;\n\n$deep-orange-50: #fbe9e7 !default;\n$deep-orange-100: #ffccbc !default;\n$deep-orange-200: #ffab91 !default;\n$deep-orange-300: #ff8a65 !default;\n$deep-orange-400: #ff7043 !default;\n$deep-orange-500: #ff5722 !default;\n$deep-orange-600: #f4511e !default;\n$deep-orange-700: #e64a19 !default;\n$deep-orange-800: #d84315 !default;\n$deep-orange-900: #bf360c !default;\n$deep-orange-a100: #ff9e80 !default;\n$deep-orange-a200: #ff6e40 !default;\n$deep-orange-a400: #ff3d00 !default;\n$deep-orange-a700: #dd2c00 !default;\n$deep-orange: $deep-orange-500 !default;\n\n$brown-50: #efebe9 !default;\n$brown-100: #d7ccc8 !default;\n$brown-200: #bcaaa4 !default;\n$brown-300: #a1887f !default;\n$brown-400: #8d6e63 !default;\n$brown-500: #795548 !default;\n$brown-600: #6d4c41 !default;\n$brown-700: #5d4037 !default;\n$brown-800: #4e342e !default;\n$brown-900: #3e2723 !default;\n$brown-a100: #d7ccc8 !default;\n$brown-a200: #bcaaa4 !default;\n$brown-a400: #8d6e63 !default;\n$brown-a700: #5d4037 !default;\n$brown: $brown-500 !default;\n\n$grey-50: #fafafa !default;\n$grey-100: #f5f5f5 !default;\n$grey-200: #eee !default;\n$grey-300: #e0e0e0 !default;\n$grey-400: #bdbdbd !default;\n$grey-500: #9e9e9e;\n$grey-600: #757575 !default;\n$grey-700: #616161 !default;\n$grey-800: #424242 !default;\n$grey-900: #212121 !default;\n$grey-a100: #f5f5f5 !default;\n$grey-a200: #eee !default;\n$grey-a400: #bdbdbd !default;\n$grey-a700: #616161 !default;\n$grey: $grey-500 !default;\n\n$blue-grey-50: #eceff1 !default;\n$blue-grey-100: #cfd8dc !default;\n$blue-grey-200: #b0bec5 !default;\n$blue-grey-300: #90a4ae !default;\n$blue-grey-400: #78909c !default;\n$blue-grey-500: #607d8b !default;\n$blue-grey-600: #546e7a !default;\n$blue-grey-700: #455a64 !default;\n$blue-grey-800: #37474f !default;\n$blue-grey-900: #263238 !default;\n$blue-grey-a100: #cfd8dc !default;\n$blue-grey-a200: #b0bec5 !default;\n$blue-grey-a400: #78909c !default;\n$blue-grey-a700: #455a64 !default;\n$blue-grey: $blue-grey-500 !default;\n\n$black: #000;\n$white: #fff;\n\n// New colors\n$gray-color: #999999 !default;\n$black-color: #3C4858 !default;\n\n$black-color: #000000;\n$rgb-black: \"0,0,0\" !default;\n$white-color: #ffffff;\n$rgb-white: \"255,255,255\" !default;\n", - "// Shadows (originally from mdl http://www.getmdl.io/)\n$bmd-shadow-umbra-opacity: 0.2 !default;\n$bmd-shadow-penumbra-opacity: 0.14 !default;\n$bmd-shadow-ambient-opacity: 0.12 !default;\n\n// Declare the following for reuse with both mixins and the bootstrap variables\n$bmd-shadow-focus: 0 0 8px rgba($black, .18), 0 8px 16px rgba($black, .36);\n\n$bmd-shadow-2dp: 0 2px 2px 0 rgba($black, $bmd-shadow-penumbra-opacity),\n 0 3px 1px -2px rgba($black, $bmd-shadow-umbra-opacity),\n 0 1px 5px 0 rgba($black, $bmd-shadow-ambient-opacity);\n\n$bmd-shadow-3dp: 0 3px 4px 0 rgba($black, $bmd-shadow-penumbra-opacity),\n 0 3px 3px -2px rgba($black, $bmd-shadow-umbra-opacity),\n 0 1px 8px 0 rgba($black, $bmd-shadow-ambient-opacity);\n\n$bmd-shadow-4dp: 0 4px 5px 0 rgba($black, $bmd-shadow-penumbra-opacity),\n 0 1px 10px 0 rgba($black, $bmd-shadow-ambient-opacity),\n 0 2px 4px -1px rgba($black, $bmd-shadow-umbra-opacity);\n\n$bmd-shadow-6dp: 0 6px 10px 0 rgba($black, $bmd-shadow-penumbra-opacity),\n 0 1px 18px 0 rgba($black, $bmd-shadow-ambient-opacity),\n 0 3px 5px -1px rgba($black, $bmd-shadow-umbra-opacity);\n\n$bmd-shadow-8dp: 0 8px 10px 1px rgba($black, $bmd-shadow-penumbra-opacity),\n 0 3px 14px 2px rgba($black, $bmd-shadow-ambient-opacity),\n 0 5px 5px -3px rgba($black, $bmd-shadow-umbra-opacity);\n\n$bmd-shadow-16dp: 0 16px 24px 2px rgba($black, $bmd-shadow-penumbra-opacity),\n 0 6px 30px 5px rgba($black, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba($black, $bmd-shadow-umbra-opacity);\n\n$bmd-shadow-24dp: 0 9px 46px 8px rgba($black, $bmd-shadow-penumbra-opacity),\n 0 11px 15px -7px rgba($black, $bmd-shadow-ambient-opacity),\n 0 24px 38px 3px rgba($black, $bmd-shadow-umbra-opacity);\n", - "$gray-lighter: rgba($black, 0.12) !default;\n$gray-light: #999 !default;\n$gray-alpha: .54 !default;\n$gray: #555 !default; // spec color\n$gray-dark: rgba($black, 0.87) !default; // used for text color - others use grey-600 which is considerably lighter\n\n$bmd-font-weight-base: 400;\n\n// wondering if any of these could still be refactored out, but are definitely in use.\n$bmd-inverse: rgba($white, 1) !default;\n$bmd-inverse-light: rgba($white, 0.84) !default;\n$bmd-inverse-lighter: rgba($white, 0.54) !default;\n\n$bmd-label-color: $gray-color !default;\n$bmd-label-color-inner-focus: $gray !default; // e.g. radio label or text-muted not a control-label which is primary\n\n$border-radius-base: 3px !default;\n$border-radius-small: 2px !default;\n$border-radius-large: 6px !default;\n$border-radius-huge: 10px !default;\n$border-radius-label: 12px !default;\n$border-radius-extreme: 30px !default;\n\n// Typography elements\n$mdb-font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;\n$mdb-text-color-light: $white !default;\n$mdb-text-color-light-hex: $white !default; // for contrast function in inverse\n$mdb-text-color-primary: unquote(\"rgba(#{$rgb-black}, 0.87)\") !default;\n$mdb-text-color-primary-hex: $black !default; // for contrast function in inverse\n$icon-color: rgba(0,0,0,0.5) !default;\n\n$mdb-label-color: unquote(\"rgba(#{$rgb-black}, 0.26)\") !default;\n$mdb-label-color-toggle-focus: unquote(\"rgba(#{$rgb-black}, .54)\") !default;\n", - "$custom-file-bg: transparent !default;\n$custom-file-border-width: 0 !default;\n$custom-file-box-shadow: none !default;\n$custom-file-border-radius: 0 !default;\n$custom-file-line-height: 1.3 !default;\n", - "// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n\n$spacer: 1rem !default; // $form-group-margin-bottom uses $spacer-y. Decided to try this globally and see how it works out.\n", - "// Body\n//\n// Settings for the `
` element.\n\n$body-bg: #fafafa !default;\n", - "// Bootstrap brand color customization\n\n/* brand Colors */\n\n$primary: $purple-500 !default;\n$info: $cyan-500 !default;\n$success: $green-500 !default;\n$warning: $orange-500 !default;\n$danger: $red-500 !default;\n$rose: $pink-500 !default;\n$inverse: $black-color !default;\n", - "// Buttons:\n$bmd-btn-font-size: .875rem !default; // 14px\n$bmd-btn-font-size-lg: 1.25rem !default;\n$bmd-btn-font-size-sm: .6875rem !default; // 11px\n$bmd-btn-margin-bottom: .3125rem !default; // 5px\n\n// default btn with no specific type designation\n$bmd-btn-color: $gray-dark !default;\n$bmd-btn-bg: transparent !default; //$body-bg !default; // #fff\n$bmd-btn-border: #ccc !default;\n\n$bmd-btn-focus-bg: rgba(#999, .20) !default; // spec: bg Hover: 20% #999999\n$bmd-btn-active-bg: rgba(#999, .40) !default; // spec: bg Pressed: 40% #999999\n$bmd-btn-disabled: rgba($black, .26) !default; // spec: light theme: Disabled text: 26% $black\n\n$bmd-inverse-btn-focus-bg: rgba(#ccc, .15) !default; // spec: dark bg Hover: 15% #CCCCCC\n$bmd-inverse-btn-active-bg: rgba(#ccc, .25) !default; // spec: dark Pressed: 25% #CCCCCC\n$bmd-inverse-btn-disabled: rgba($white, .30) !default; // spec: dark theme: Disabled text: 30% $white\n\n$bmd-btn-fab-size: 3.5rem !default; // 56px\n$bmd-btn-fab-size-sm: 2.5rem !default; // 40px\n$bmd-btn-fab-font-size: 1.5rem !default; // 24px\n\n// icons\n$bmd-btn-icon-size: 2rem !default; // 32px\n$bmd-btn-icon-size-sm: (.75 * $bmd-btn-icon-size) !default; // ~24px\n$bmd-btn-icon-font-size-sm: (.75 * $bmd-btn-fab-font-size) !default;\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background and border color.\n$input-btn-padding-x: 1rem !default; // 1rem\n$input-btn-padding-y: .46875rem !default; // .5rem achieve a 36dp height\n$btn-font-weight: 400 !default; // normal\n$btn-box-shadow: none !default;\n$btn-active-box-shadow: none !default; // inset 0 3px 5px rgba(0,0,0,.125)\n\n//\n$btn-primary-color: $white !default;\n$btn-primary-bg: $primary !default;\n$btn-primary-border-color: $btn-primary-bg !default;\n//\n$btn-secondary-color: $gray-dark !default;\n$btn-secondary-bg: $body-bg !default; // #fff\n$btn-secondary-border-color: #ccc !default;\n//\n$btn-info-color: $white !default;\n$btn-info-bg: $info !default;\n$btn-info-border-color: $btn-info-bg !default;\n//\n$btn-success-color: $white !default;\n$btn-success-bg: $success !default;\n$btn-success-border-color: $btn-success-bg !default;\n//\n$btn-warning-color: $white !default;\n$btn-warning-bg: $warning !default;\n$btn-warning-border-color: $btn-warning-bg !default;\n//\n$btn-danger-color: $white !default;\n$btn-danger-bg: $danger !default;\n$btn-danger-border-color: $btn-danger-bg !default;\n\n$btn-rose-color: $white !default;\n$btn-rose-bg: $rose !default;\n$btn-rose-border-color: $btn-rose-bg !default;\n\n$btn-default-color: $white !default;\n$btn-default-bg: $gray-color !default;\n$btn-default-border-color: $btn-default-bg !default;\n//\n$btn-link-disabled-color: $gray-light !default;\n//\n$input-btn-padding-x-sm: 1.25rem !default;\n$input-btn-padding-y-sm: .40625rem !default; // achieve a 32dp height was .25rem\n\n$input-btn-padding-y-lg: 1.125rem !default;\n$input-btn-padding-x-lg: 2.25rem !default;\n\n//// Allows for customizing button radius independently from global border radius\n\n$btn-border-radius-sm: .1875rem !default;\n$border-radius-extreme: 2rem !default;\n", - "// Cards\n\n$card-border-color: $gray-lighter !default; // #e5e5e5\n$card-bg: $white !default;\n$card-cap-bg: $card-bg !default; // #f5f5f5\n", - "// Code\n\n$code-bg: $grey-200 !default; // #f7f7f9 !default;\n", - "// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-box-shadow: $bmd-shadow-2dp !default; //0 6px 12px rgba(0,0,0,.175) !default;\n", - "// Forms\n\n//\n$input-bg: rgba($black, 0) !default; // #fff !default;\n$input-bg-disabled: rgba($black, 0) !default; // $gray-lighter !default;\n//\n//$input-color: $gray !default;\n$input-border-color: #d2d2d2 !default; // #ccc !default;\n$input-border-color-white: #FFFFFF !default;\n\n//$input-btn-border-width: $border-width !default; // For form controls and buttons\n$input-box-shadow: none !default; //inset 0 1px 1px rgba(0,0,0,.075) !default;\n//\n$input-border-radius: 0 !default; // $border-radius !default;\n$input-box-shadow-focus: none !default; // rgba(102,175,233,.6) !default;\n//\n$input-color-placeholder: $bmd-label-color !default; // #999 !default;\n\n$input-padding-x: 0 !default; // .75rem !default;\n$input-padding-y: .4375rem !default; // spec 8px // .375rem !default;\n\n$input-padding-x-sm: 0 !default; // .75rem !default;\n$input-padding-y-sm: .25rem !default; // spec 4px //.275rem !default;\n\n$input-padding-x-lg: 0 !default; // 1.25rem !default;\n$input-padding-y-lg: .5625rem !default; // no-spec 9px // .75rem !default;\n\n//\n$input-group-addon-bg: transparent !default; //$gray-lighter !default;\n$input-group-addon-border-color: transparent !default; //$input-border-color !default;\n//\n//$cursor-disabled: not-allowed !default;\n//\n//// Form validation icons\n$form-icon-success: \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==\";\n$form-icon-warning: \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+\";\n$form-icon-danger: \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=\";\n", - "// List group\n\n$list-group-bg: inherit !default; // #fff\n$list-group-border-width: 0 !default; // $border-width\n$list-group-border-radius: 0 !default; // $border-radius\n", - "// Navs https://www.google.com/design/spec/components/tabs.html#tabs-specs\n\n$nav-disabled-link-color: $gray-light !default;\n$nav-disabled-link-hover-color: $gray-light !default;\n\n$bmd-navbar-link-font-weight: $bmd-font-weight-base !default; //\n$bmd-navbar-link-font-size: .875rem !default; // 14\n$bmd-navbar-link-padding: .5321rem; // 7\n\n// tabs & pills\n$bmd-nav-tabs-pills-font-weight: 500 !default; //\n$bmd-nav-tabs-pills-font-size: .875rem !default; // 14\n$bmd-nav-tabs-pills-link-padding: 1.4286em .8575em !default; // spec // was .5em 1em // relative em based on 14\n\n// tabs only\n$bmd-nav-tabs-border-size: .214rem !default; // 3px\n\n$bmd-nav-tabs-color: $gray !default;\n$bmd-nav-tabs-active-color: $gray-dark !default;\n$bmd-nav-tabs-active-border-color: $primary !default;\n$bmd-nav-tabs-disabled-link-color: $nav-disabled-link-color !default;\n$bmd-nav-tabs-disabled-link-color-hover: $nav-disabled-link-hover-color !default;\n\n$bmd-nav-tabs-primary-color: $bmd-inverse !default;\n$bmd-nav-tabs-primary-active-color: $white !default;\n$bmd-nav-tabs-primary-active-border-color: $white !default;\n$bmd-nav-tabs-primary-disabled-link-color: $bmd-inverse-light !default;\n$bmd-nav-tabs-primary-disabled-link-color-hover: $bmd-inverse-light !default;\n\n$bmd-nav-tabs-inverse-color: $bmd-inverse !default;\n$bmd-nav-tabs-inverse-active-color: $white !default;\n$bmd-nav-tabs-inverse-active-border-color: $white !default;\n$bmd-nav-tabs-inverse-disabled-link-color: $bmd-inverse-light !default;\n$bmd-nav-tabs-inverse-disabled-link-color-hover: $bmd-inverse-light !default;\n\n$nav-tabs-active-link-hover-bg: transparent !default; // $body-bg\n", - "$pagination-border-width: 0;\n$pagination-bg: transparent;\n$pagination-disabled-bg: transparent;\n\n$pagination-padding-x-lg: 0;\n$pagination-padding-x-sm: 0;\n", - "// Form states and alerts\n//\n// Define colors for form feedback states and, by default, alerts.\n$state-success-text: $bmd-inverse !default;\n$state-success-bg: $success !default;\n\n$state-info-text: $bmd-inverse !default;\n$state-info-bg: $info !default;\n\n$state-warning-text: $bmd-inverse !default;\n$state-warning-bg: $warning !default;\n\n$state-danger-text: $bmd-inverse !default;\n$state-danger-bg: $danger !default;\n\n$state-rose-bg: $rose !default;\n", - "$table-bg-accent: rgba(#000, .03);\n$table-border-color: rgba(#000, .06);\n$table-bg-hover: rgba(#000, .02); // Grey 100 (on white background)\n\n$bmd-table-header-font-size: .95rem;\n$bmd-table-border-color-inverse: rgba(#fff, .06);\n", - "$tooltip-bg: rgba($grey-700, .9);\n", - "// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// https://www.google.com/design/spec/style/typography.html#typography-styles\n// http://www.getmdl.io/styles/index.html\n\n$font-family-sans-serif: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;\n$font-family-serif: 'Roboto Slab', 'Times New Roman', serif !default;\n\n$h1-font-size: 3.3125rem;\n$h2-font-size: 2.25rem !default;\n$h3-font-size: 1.5625rem;\n$h4-font-size: 1.125rem !default;\n$h5-font-size: 1.0625rem !default;\n$h6-font-size: 0.75rem !default;\n$font-paragraph: 14px !default;\n$font-size-navbar: 16px !default;\n$font-size-small: 12px !default;\n\n\n//\n$display1-size: 7rem !default; // md display-4 112px was 6rem;\n$display2-size: 3.5rem !default; // md display-3 56px was 5.5rem\n$display3-size: 2.8125rem !default; // md display-2 45px was 4.5rem\n$display4-size: 2.125rem !default; // md display-1 34px was 3.5rem\n\n$headings-margin-bottom: ($spacer / 2) !default;\n//$headings-font-family: inherit !default;\n$headings-font-weight: 400 !default; // was 500\n\n$font-weight-light: 300 !default;\n$font-weight-default: 400 !default;\n$font-weight-bold: 500 !default;\n$font-weight-extra-bold: 700 !default;\n", - "// Modals\n$modal-content-xs-box-shadow: $bmd-shadow-24dp !default;\n$modal-backdrop-opacity: .26 !default; // .5\n", - ".carousel{\n &.carousel-full-navigation{\n .left{\n cursor: url(\"../../img/arrow-left.png\"), url(\"../../img/arrow-left.cur\"), default !important;\n }\n .right{\n cursor: url(\"../../img/arrow-right.png\"), url(\"../../img/arrow-right.cur\"), default !important;\n }\n }\n}\n", - "// Bootstrap functions\n//\n// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map) {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $yiq-text-dark;\n } @else {\n @return $yiq-text-light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, #000, #fff);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n", - "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n\n//\n// Color system\n//\n\n// stylelint-disable\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n$grays: map-merge((\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n), $grays);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge((\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n), $colors);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n), $theme-colors);\n// stylelint-enable\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-print-styles: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// stylelint-disable\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n), $spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge((\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n), $sizes);\n// stylelint-enable\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: ($font-size-base * 1.25) !default;\n$font-size-sm: ($font-size-base * .875) !default;\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: ($spacer / 2) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: inherit !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: ($font-size-base * 1.25) !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-300 !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-bg: $gray-900 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($gray-900, 7.5%) !default;\n$table-dark-color: $body-bg !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $gray-300 !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' 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\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y: .375rem !default;\n$custom-select-padding-x: .75rem !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: $input-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $white !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width: $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-font-size-lg: 125% !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$custom-file-padding-y: $input-btn-padding-y !default;\n$custom-file-padding-x: $input-btn-padding-x !default;\n$custom-file-line-height: $input-btn-line-height !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-btn-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n// Navbar\n\n$navbar-padding-y: ($spacer / 2) !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: ($grid-gutter-width / 2) !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $gray-200 !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: 1rem !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: ($font-size-base * .75) !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' 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\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' 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\"), \"#\", \"%23\") !default;\n\n$carousel-transition: transform .6s ease !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Printing\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n", - "// Layout variables - evidently nothing to see here...remove now?\n", - "$bmd-menu-line-height: 1 !default; // makes it easier to use sizes to match spec\n\n$bmd-menu-item-min-width: 7rem !default; // Minimum width on mobile = 2 * 56dp = 112dp\n$bmd-menu-item-max-width: 17.5rem !default; // Maximum width on mobile (in both portrait and landscape) = 5 * 56dp = 280dp\n$bmd-menu-item-min-height: 3rem !default; // 48px\n\n$bmd-menu-item-padding-right: 1rem !default;\n$bmd-menu-item-padding-bottom: .8rem !default;\n$bmd-menu-item-padding-left: 1rem !default;\n$bmd-menu-item-padding-top: .8rem !default;\n\n// md and up\n$bmd-menu-item-padding-right-md: 1.5rem !default;\n$bmd-menu-item-padding-left-md: 1.5rem !default;\n\n// Menu\n$bmd-menu-expand-duration: 0.3s !default;\n$bmd-menu-fade-duration: 0.2s !default;\n", - "// Drawer\n\n// Sizing\n$bmd-drawer-x-size: 240px !default;\n$bmd-drawer-y-size: 100px !default;\n", - "$bmd-snackbar-bg: #323232 !default;\n$bmd-snackbar-color: $white !default;\n$bmd-snackbar-min-width: 280px !default;\n$bmd-snackbar-padding: .8rem 1.5rem !default;\n\n$bmd-snackbar-min-width-sm: 100% !default;\n", - "$bmd-label-color-focus: $primary !default;\n$bmd-invalid-underline: $danger !default;\n$bmd-readonly-underline: $input-border-color !default;\n\n//---\n// verified in use with refactoring to v4\n\n//---\n//-- unverified below here\n$bmd-brand-inverse: $indigo !default;\n// Typography elements FIXME: review to see if we actually need these\n$icon-color: rgba($black, 0.5) !default;\n\n// --------------------\n// inputs\n$mdb-input-placeholder-color: #AAAAAA !default;\n$mdb-input-underline-color: #D2D2D2 !default;\n\n$mdb-input-font-size-base: 14px !default;\n$mdb-input-font-size-large: ceil(($font-size-base * 1.25)) !default; // ~20px\n$mdb-input-font-size-small: ceil(($font-size-base * 0.75)) !default; // ~12px\n\n$bmd-bmd-label-static-size-ratio: 75 / 100 !default;\n$bmd-help-size-ratio: 75 / 100 !default;\n\n$bmd-form-control-bg-repeat-y: no-repeat !default;\n$bmd-form-control-bg-position: center bottom, center calc(100% - 1px) !default;\n$bmd-form-control-bg-size: 0 100%, 100% 100% !default;\n$bmd-form-control-bg-size-active: 100% 100%, 100% 100% !default;\n\n// expandable\n$input-text-button-size: 32px !default;\n\n// sizing\n$bmd-form-line-height: 1 !default; // set as 1x font-size so that padding is easier calculated to match the spec.\n$bmd-label-top-margin-base: 1rem !default;\n\n$bmd-form-line-height-lg: 1 !default; // set as 1x font-size so that padding is easier calculated to match the spec.\n$bmd-label-top-margin-lg: 1rem !default; // 16px\n\n$bmd-form-line-height-sm: 1 !default; // set as 1x font-size so that padding is easier calculated to match the spec.\n$bmd-label-top-margin-sm: .75rem !default; // 12px\n\n$text-disabled: #a8a8a8 !default;\n$background-disabled: #eaeaea !default;\n\n$margin-base: 1.071rem !default;\n\n\n// Checkboxes\n$bmd-checkbox-size: 1.25rem !default;\n$bmd-checkbox-animation-ripple: 500ms !default;\n$bmd-checkbox-animation-check: 0.3s !default;\n$bmd-checkbox-checked-color: $white !default;\n$bmd-checkbox-label-padding: .3125rem !default; // 5px\n$checkboxes-text-color: $mdb-input-placeholder-color !default;\n\n$bmd-checkbox-border-size: .0625rem !default;\n$bmd-checkbox-border-color: $bmd-label-color-inner-focus !default;\n$bmd-checkbox-border-color-disabled: $gray-lighter !default; //#bdbdbd !default;\n\n// Toggle\n$mdb-toggle-label-color: $mdb-label-color !default;\n\n// Variables for datetimepicker //\n$padding-default-vertical: 10px !default;\n$medium-pale-bg: #F1EAE0 !default;\n$pale-bg: #F9F7F3 !default;\n\n\n$font-color: #66615b !default;\n\n$default: #cecece !default;\n$primary: $purple !default;\n$success: $green !default;\n$danger: $red !default;\n$warning: $orange !default;\n$info: $cyan !default;\n$rose: $pink !default;\n\n$black-color: #3C4858 !default;\n\n// Dropdowns\n\n$dropdown-item-padding-y: .625rem;\n$dropdown-item-padding-x: 1.25rem;\n$dropdown-header-padding-y: 0.1875rem;\n$bmd-dropdown-margin-y: .3125rem !default;\n$bmd-dropdown-header-color: #777 !default;\n$bmd-dropdown-link-color: #333 !default;\n\n// Switches\n$bmd-switch-label-padding: .3125rem !default; // 5px\n$bmd-switch-width: 2.125rem !default; // 34px\n$bmd-switch-height: .875rem !default; // 14px\n$bmd-switch-handle-size: 1.25rem !default; // 20px (was 18px)\n\n$bmd-switch-handle-checked-bg: $primary !default;\n$bmd-switch-handle-unchecked-bg: #f1f1f1 !default;\n$bmd-switch-handle-disabled-bg: #bdbdbd !default;\n$bmd-switch-unchecked-bg: $gray-lighter !default;\n$bmd-switch-checked-bg: desaturate(\n lighten($bmd-switch-handle-checked-bg, 28%),\n 32%\n); // kind of magic recipe\n$bmd-switch-disabled-bg: $gray-lighter !default;\n\n// Popovers and Popups\n$bmd-popover-background: rgba(101, 101, 101, 0.9) !default;\n$bmd-popover-color: #ececec !default;\n\n// Radio:\n$bmd-radio-border: .0625rem !default; // 1px\n$bmd-radio-size: 1rem !default;\n$bmd-radio-ripple-offset: 1em !default;\n$bmd-radio-label-padding: .3125rem !default; // 5px\n\n$bmd-radio-color-off: $bmd-label-color-inner-focus !default;\n$bmd-radio-color-on: $primary !default;\n$bmd-radio-color-disabled: $gray-lighter; //\n$bmd-radio-color-disabled-inverse: rgba(\n $white,\n 0.30\n); // dark theme spec: Disabled: #FFFFFF, Opacity 30%\n\n$white-color: #fff !default;\n$navbar-color: #555 !default;\n$pills-color: $navbar-color !default;\n$black-color: #3C4858 !default;\n$link-color: $primary;\n$white-transparent: rgba($white-color, .8);\n$transparent: transparent;\n\n//Popovers\n$popover-color: $navbar-color !default;\n\n//Tooltips\n$tooltip-font-size: 0.75rem !default;\n\n// Background colors\n$bg-primary: $primary;\n$bg-danger: $danger;\n$bg-warning: $warning;\n$bg-info: $info;\n$bg-rose: $rose;\n$bg-success: $success;\n$bg-dark: $grey-900;\n\n//Paddings\n$padding-general-y: 0.625rem !default;\n$padding-general-x: 0.9375rem !default;\n$padding-card-body-y: 0.9375rem !default;\n$padding-card-body-x: 1.875rem !default;\n\n// Buttons:\n$mdb-btn-font-size-base: 12px !default;\n$mdb-btn-font-size-lg: 14px !default;\n$mdb-btn-font-size-sm: 11px !default;\n$mdb-btn-font-size-xs: 10px !default;\n\n$mdb-btn-fab-size: 41px !default;\n$mdb-btn-fab-size-lg: 56px !default;\n$mdb-btn-fab-size-mini: 29px !default;\n$mdb-btn-fab-font-size: 24px !default;\n$mdb-btn-just-icon-font-size: 20px !default;\n\n$mdb-btn-icon-size: 32px !default;\n$mdb-btn-icon-size-mini: 17px !default;\n\n$bmd-line-height: 1.42857143 !default;\n$btn-lg-line-height: 1.3333333 !default;\n\n//Font-weight\n$font-weight-light: 300 !default;\n$font-weight-default: 400 !default;\n$font-weight-bold: 500 !default;\n$font-weight-extra-bold: 700 !default;\n$font-weight-ultra-bold: 900 !default;\n\n//Border-radius\n$border-radius-base: 3px !default;\n$border-radius-small: 2px !default;\n$border-radius-large: 6px !default;\n$border-radius-huge: 10px !default;\n$border-radius-label: 12px !default;\n$border-radius-extreme: 30px !default;\n\n// Animations\n$bmd-animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) !default;\n$bmd-animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1) !default;\n$bmd-animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1) !default;\n$bmd-animation-curve-default: $bmd-animation-curve-fast-out-slow-in !default;\n$bmd-animation-dropdown-caret: 150ms !default;\n$general-transition-time: 300ms !default;\n\n$slow-transition-time: 370ms !default;\n$fast-transition-time: 150ms !default;\n\n$transition-linear: linear !default;\n$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default;\n$transition-bezier-rotating-card: cubic-bezier(0.34, 1.45, 0.7, 1) !default;\n$transition-ease: ease 0s;\n\n//variables for social\n$social-facebook: \t\t\t#3b5998;\n$social-twitter: \t\t\t#55acee;\n$social-pinterest: \t\t\t#cc2127;\n$social-google: \t\t\t#dd4b39;\n$social-linkedin: \t\t\t#0976b4;\n$social-dribbble: \t\t\t#ea4c89;\n$social-github: \t\t\t#333333;\n$social-youtube: \t\t\t#e52d27;\n$social-instagram: \t\t #125688;\n$social-reddit: \t\t\t#ff4500;\n$social-tumblr: \t\t\t#35465c;\n$social-behance: \t\t\t#1769ff;\n\n\n// Variables for checkboxes\n\n$mdb-label-color: unquote(\"rgba(#{$rgb-black}, 0.26)\") !default;\n$mdb-label-color-toggle-focus: unquote(\"rgba(#{$rgb-black}, .54)\") !default;\n\n$mdb-checkbox-size: 20px !default;\n$mdb-checkbox-animation-ripple: 500ms !default;\n$mdb-checkbox-animation-check: 0.3s !default;\n$mdb-checkbox-checked-color: $primary !default;\n\n$mdb-checkbox-label-color: $mdb-label-color !default;\n$mdb-checkbox-border-color: $mdb-label-color-toggle-focus !default;\n\n// Radio:\n$mdb-radio-label-color: $mdb-label-color !default;\n$mdb-radio-color-off: $mdb-label-color-toggle-focus !default;\n$mdb-radio-color-on: $primary !default;\n", - "@import \"mixins/utilities\";\n@import \"mixins/breakpoints\";\n@import \"mixins/animations\";\n@import \"mixins/type\";\n@import \"mixins/layout\";\n@import \"mixins/drawer\";\n@import \"mixins/forms\";\n@import \"mixins/buttons\";\n@import \"mixins/hover\";\n@import \"mixins/navs\";\n@import \"mixins/colored-shadows\";\n@import \"mixins/navbar-colors\";\n@import \"mixins/alert\";\n", - "@function calc-top($line-height-base, $font-size, $component-height) {\n @return (($line-height-base * $font-size) - $component-height) / 2; // vertical center of line-height\n}\n\n// Emulate the less #contrast function\n// TODO: this may be useful for the inverse theme, but if not, remove (it is unused after the removal of fullpalette)\n// contrast-color and brightness borrowed from compass\n// Copyright (c) 2009-2014 Christopher M. Eppstein\n// Complies with license: https://github.com/Compass/compass/blob/stable/LICENSE.markdown\n@function contrast-color($color, $dark: $contrasted-dark-default, $light: $contrasted-light-default, $threshold: null) {\n @if $threshold {\n // Deprecated in Compass 0.13\n @warn \"The $threshold argment to contrast-color is no longer needed and will be removed in the next release.\";\n }\n\n @if $color == null {\n @return null;\n } @else {\n $color-brightness: brightness($color);\n $dark-text-brightness: brightness($dark);\n $light-text-brightness: brightness($light);\n @return if(abs($color-brightness - $light-text-brightness) > abs($color-brightness - $dark-text-brightness), $light, $dark);\n }\n}\n\n@function brightness($color) {\n @if type-of($color) == color {\n @return (red($color) * 0.299 + green($color) * 0.587 + blue($color) * 0.114) / 255 * 100%;\n } @else {\n @return unquote(\"brightness(#{$color})\");\n }\n}\n\n@mixin linear-gradient($color1, $color2){\n background: $color1; /* For browsers that do not support gradients */\n background: -webkit-linear-gradient(60deg, $color1 , $color2); /* For Safari 5.1 to 6.0 */\n background: -o-linear-gradient(60deg, $color1, $color2); /* For Opera 11.1 to 12.0 */\n background: -moz-linear-gradient(60deg, $color1, $color2); /* For Firefox 3.6 to 15 */\n background: linear-gradient(60deg, $color1 , $color2); /* Standard syntax */\n}\n\n@mixin radial-gradient($extern-color, $center-color){\n background: $extern-color;\n background: -moz-radial-gradient(center, ellipse cover, $center-color 0%, $extern-color 100%); /* FF3.6+ */\n background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,$center-color), color-stop(100%,$extern-color)); /* Chrome,Safari4+ */\n background: -webkit-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Chrome10+,Safari5.1+ */\n background: -o-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* Opera 12+ */\n background: -ms-radial-gradient(center, ellipse cover, $center-color 0%,$extern-color 100%); /* IE10+ */\n background: radial-gradient(ellipse at center, $center-color 0%,$extern-color 100%); /* W3C */\n background-size: 550% 450%;\n}\n\n@mixin badges-color($color){\n .tag{\n background-color: $color;\n color: $white-color;\n\n .tagsinput-remove-link{\n color: $white-color;\n }\n }\n}\n\n@mixin create-colored-badges(){\n &.primary-badge{\n @include badges-color($primary);\n }\n &.info-badge {\n @include badges-color($info);\n }\n &.success-badge{\n @include badges-color($success);\n }\n &.warning-badge{\n @include badges-color($warning);\n }\n &.danger-badge{\n @include badges-color($danger);\n }\n &.rose-badge{\n @include badges-color($rose);\n }\n}\n\n@mixin badge-color() {\n &.badge-primary{\n background-color: $primary;\n }\n &.badge-info {\n background-color: $info;\n }\n &.badge-success{\n background-color: $success;\n }\n &.badge-warning{\n background-color: $warning;\n }\n &.badge-danger{\n background-color: $danger;\n }\n &.badge-rose{\n background-color: $rose;\n }\n &.badge-default{\n background-color: $gray-light;\n }\n}\n", - "// case where behavior is responsive, or with a marker class\n@mixin media-breakpoint-down-or($breakpoint, $name) {\n #{unquote($name)} {\n @content;\n }\n\n @include media-breakpoint-down($breakpoint) {\n @content;\n }\n}\n\n// case where behavior is responsive, or with a marker class\n@mixin media-breakpoint-up-or($breakpoint, $name) {\n #{unquote($name)} {\n @content;\n }\n\n @include media-breakpoint-up($breakpoint) {\n @content;\n }\n}\n\n// Name of the previous breakpoint, or null\n\n@function breakpoint-previous($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n > 1, nth($breakpoint-names, $n - 1), null);\n}\n", - "// Animations (from mdl http://www.getmdl.io/)\n\n@mixin material-animation-fast-out-slow-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $bmd-animation-curve-fast-out-slow-in;\n}\n\n@mixin material-animation-linear-out-slow-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $bmd-animation-curve-linear-out-slow-in;\n}\n\n@mixin material-animation-fast-out-linear-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $bmd-animation-curve-fast-out-linear-in;\n}\n\n@mixin material-animation-default($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $bmd-animation-curve-default;\n}\n\n@mixin rotate-180() {\n -webkit-transform: rotate( 180deg );\n -moz-transform: rotate( 180deg );\n -o-transform: rotate( 180deg );\n -ms-transform: rotate(180deg);\n transform: rotate( 180deg );\n}\n\n@mixin rotate-0() {\n -webkit-transform: rotate( 0deg );\n -moz-transform: rotate( 0deg );\n -o-transform: rotate( 0deg );\n -ms-transform: rotate(0deg);\n transform: rotate( 0deg );\n}\n\n// Nvabar burger animations (on close)\n\n@mixin bar-animation($type){\n -webkit-animation: $type 500ms linear 0s;\n -moz-animation: $type 500ms linear 0s;\n animation: $type 500ms 0s;\n -webkit-animation-fill-mode: forwards;\n -moz-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n}\n\n@mixin topbar-x-rotation(){\n @keyframes topbar-x {\n 0% {top: 0px; transform: rotate(0deg); }\n 45% {top: 6px; transform: rotate(145deg); }\n 75% {transform: rotate(130deg); }\n 100% {transform: rotate(135deg); }\n }\n @-webkit-keyframes topbar-x {\n 0% {top: 0px; -webkit-transform: rotate(0deg); }\n 45% {top: 6px; -webkit-transform: rotate(145deg); }\n 75% {-webkit-transform: rotate(130deg); }\n 100% { -webkit-transform: rotate(135deg); }\n }\n @-moz-keyframes topbar-x {\n 0% {top: 0px; -moz-transform: rotate(0deg); }\n 45% {top: 6px; -moz-transform: rotate(145deg); }\n 75% {-moz-transform: rotate(130deg); }\n 100% { -moz-transform: rotate(135deg); }\n }\n}\n\n@mixin topbar-back-rotation(){\n @keyframes topbar-back {\n 0% { top: 6px; transform: rotate(135deg); }\n 45% { transform: rotate(-10deg); }\n 75% { transform: rotate(5deg); }\n 100% { top: 0px; transform: rotate(0); }\n }\n\n @-webkit-keyframes topbar-back {\n 0% { top: 6px; -webkit-transform: rotate(135deg); }\n 45% { -webkit-transform: rotate(-10deg); }\n 75% { -webkit-transform: rotate(5deg); }\n 100% { top: 0px; -webkit-transform: rotate(0); }\n }\n\n @-moz-keyframes topbar-back {\n 0% { top: 6px; -moz-transform: rotate(135deg); }\n 45% { -moz-transform: rotate(-10deg); }\n 75% { -moz-transform: rotate(5deg); }\n 100% { top: 0px; -moz-transform: rotate(0); }\n }\n}\n\n@mixin bottombar-x-rotation(){\n @keyframes bottombar-x {\n 0% {bottom: 0px; transform: rotate(0deg);}\n 45% {bottom: 6px; transform: rotate(-145deg);}\n 75% {transform: rotate(-130deg);}\n 100% {transform: rotate(-135deg);}\n }\n @-webkit-keyframes bottombar-x {\n 0% {bottom: 0px; -webkit-transform: rotate(0deg);}\n 45% {bottom: 6px; -webkit-transform: rotate(-145deg);}\n 75% {-webkit-transform: rotate(-130deg);}\n 100% {-webkit-transform: rotate(-135deg);}\n }\n @-moz-keyframes bottombar-x {\n 0% {bottom: 0px; -moz-transform: rotate(0deg);}\n 45% {bottom: 6px; -moz-transform: rotate(-145deg);}\n 75% {-moz-transform: rotate(-130deg);}\n 100% {-moz-transform: rotate(-135deg);}\n }\n}\n\n@mixin bottombar-back-rotation{\n @keyframes bottombar-back {\n 0% { bottom: 6px;transform: rotate(-135deg);}\n 45% { transform: rotate(10deg);}\n 75% { transform: rotate(-5deg);}\n 100% { bottom: 0px;transform: rotate(0);}\n }\n @-webkit-keyframes bottombar-back {\n 0% {bottom: 6px;-webkit-transform: rotate(-135deg);}\n 45% {-webkit-transform: rotate(10deg);}\n 75% {-webkit-transform: rotate(-5deg);}\n 100% {bottom: 0px;-webkit-transform: rotate(0);}\n }\n @-moz-keyframes bottombar-back {\n 0% {bottom: 6px;-moz-transform: rotate(-135deg);}\n 45% {-moz-transform: rotate(10deg);}\n 75% {-moz-transform: rotate(-5deg);}\n 100% {bottom: 0px;-moz-transform: rotate(0);}\n }\n\n}\n\n\n@mixin transform-scale($value){\n -webkit-transform: scale($value);\n -moz-transform: scale($value);\n -o-transform: scale($value);\n -ms-transform: scale($value);\n transform: scale($value);\n}\n\n@mixin rotateY-180() {\n -webkit-transform: rotateY( 180deg );\n -moz-transform: rotateY( 180deg );\n -o-transform: rotateY( 180deg );\n -ms-transform: rotateY(180deg);\n transform: rotateY( 180deg );\n}\n\n@mixin transitions($time, $type){\n -webkit-transition: all $time $type;\n -moz-transition: all $time $type;\n -o-transition: all $time $type;\n -ms-transition: all $time $type;\n transition: all $time $type;\n}\n\n@mixin transitions-property($property, $time, $type){\n -webkit-transition: $property $time $type;\n -moz-transition: $property $time $type;\n -o-transition: $property $time $type;\n -ms-transition: $property $time $type;\n transition: $property $time $type;\n}\n\n@mixin transform-translate-x($value){\n -webkit-transform: translate3d($value, 0, 0);\n -moz-transform: translate3d($value, 0, 0);\n -o-transform: translate3d($value, 0, 0);\n -ms-transform: translate3d($value, 0, 0);\n transform: translate3d($value, 0, 0);\n}\n\n@mixin transform-translate-y($value){\n -webkit-transform: translate3d(0,$value, 0);\n -moz-transform: translate3d(0, $value, 0);\n -o-transform: translate3d(0, $value, 0);\n -ms-transform: translate3d(0, $value, 0);\n transform: translate3d(0, $value, 0);\n}\n\n@mixin perspective($value){\n -webkit-perspective: $value;\n -moz-perspective: $value;\n -o-perspective: $value;\n -ms-perspective: $value;\n perspective: $value;\n}\n\n@mixin transform-style($type){\n -webkit-transform-style: $type;\n -moz-transform-style: $type;\n -o-transform-style: $type;\n -ms-transform-style: $type;\n transform-style: $type;\n}\n\n@mixin backface-visibility($type){\n -webkit-backface-visibility: $type;\n -moz-backface-visibility: $type;\n -o-backface-visibility: $type;\n -ms-backface-visibility: $type;\n backface-visibility: $type;\n}\n", - "@mixin headings() {\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n @content;\n }\n}\n\n// 14sp font\n%std-font {\n font-size: .875rem;\n}\n", - "// Generates the `.in` style for the generic backdrop used components such as the drawer in overlay mode\n@mixin bmd-layout-backdrop-in() {\n > .bmd-layout-backdrop {\n .in {\n visibility: visible;\n background-color: rgba(0, 0, 0, 0.5);\n }\n\n @supports (pointer-events: auto) {\n &.in {\n pointer-events: auto;\n opacity: 1;\n }\n }\n }\n}\n", - "// Mixins to allow creation of additional custom drawer sizes when using the defaults at the same time\n\n@mixin bmd-drawer-x-out($size) {\n @each $side, $abbrev in (left: l, right: r) {\n .bmd-drawer-f-#{$abbrev} {\n > .bmd-layout-drawer {\n // position\n top: 0;\n #{$side}: 0;\n\n width: $size;\n height: 100%;\n\n @if $side == left {\n transform: translateX(\n -$size - 10px\n ); // initial position of drawer (closed), way off screen\n } @else {\n transform: translateX(\n $size + 10px\n ); // initial position of drawer (closed), way off screen\n }\n }\n\n > .bmd-layout-header,\n > .bmd-layout-content {\n margin-#{$side}: 0;\n }\n }\n }\n}\n\n@mixin bmd-drawer-y-out($size) {\n @each $side, $abbrev in (top: t, bottom: b) {\n .bmd-drawer-f-#{$abbrev} {\n > .bmd-layout-drawer {\n // position\n #{$side}: 0;\n left: 0;\n\n width: 100%;\n height: $size;\n\n @if $side == top {\n transform: translateY(\n -$size - 10px\n ); // initial position of drawer (closed), way off screen\n } @else {\n transform: translateY(\n $size + 10px\n ); // initial position of drawer (closed), way off screen\n }\n }\n\n > .bmd-layout-content {\n margin-#{$side}: 0;\n }\n }\n }\n}\n\n@function bmd-drawer-breakpoint-name($breakpoint, $suffix: \"\") {\n // e.g. &, &-sm, &-md, &-lg\n $name: \"&-#{$breakpoint}#{$suffix}\";\n @if $breakpoint == xs {\n $name: \"&\";\n }\n @return $name;\n}\n\n@mixin bmd-drawer-x-in($size) {\n @each $side, $abbrev in (left: l, right: r) {\n .bmd-drawer-f-#{$abbrev} {\n // Push - drawer will push the header and content (default behavior)\n > .bmd-layout-header {\n width: calc(100% - #{$size});\n margin-#{$side}: $size;\n }\n\n > .bmd-layout-drawer {\n transform: translateX(0);\n }\n\n > .bmd-layout-content {\n margin-#{$side}: $size;\n }\n }\n }\n}\n\n@mixin bmd-drawer-y-in($size) {\n @each $side, $abbrev in (top: t, bottom: b) {\n .bmd-drawer-f-#{$abbrev} {\n // 1. Push - drawer will push the header or content\n > .bmd-layout-header {\n @if $side == top {\n // only add margin-top on a header when the drawer is at the top\n margin-#{$side}: $size;\n }\n }\n\n > .bmd-layout-drawer {\n transform: translateY(0);\n }\n\n > .bmd-layout-content {\n @if $side == bottom {\n // only add margin-bottom on content when the drawer is at the bottom\n margin-#{$side}: $size;\n }\n }\n }\n }\n}\n\n// breakpoint based open to a particular size\n@mixin bmd-drawer-x-in-up($size, $breakpoint) {\n // e.g. &, &-sm, &-md, &-lg\n $name: bmd-drawer-breakpoint-name($breakpoint, \"-up\");\n\n .bmd-drawer-in {\n #{unquote($name)} {\n // bmd-drawer-in, bmd-drawer-in-sm, bmd-drawer-in-md, bmd-drawer-in-lg\n\n @if $breakpoint == xs {\n // bmd-drawer-in marker class (non-responsive)\n @include bmd-drawer-x-in($size);\n } @else {\n // responsive class\n @include media-breakpoint-up($breakpoint) {\n // bmd-drawer-f-(left and right) styles\n @include bmd-drawer-x-in($size);\n }\n }\n }\n }\n}\n\n// breakpoint based open to a particular size\n@mixin bmd-drawer-y-in-up($size, $breakpoint) {\n // e.g. &, &-sm, &-md, &-lg\n $name: bmd-drawer-breakpoint-name($breakpoint, \"-up\");\n\n .bmd-drawer-in {\n #{unquote($name)} {\n // bmd-drawer-in, bmd-drawer-in-sm, bmd-drawer-in-md, bmd-drawer-in-lg\n\n @if $breakpoint == xs {\n // bmd-drawer-in marker class (non-responsive)\n @include bmd-drawer-y-in($size);\n } @else {\n // responsive class\n @include media-breakpoint-up($breakpoint) {\n // bmd-drawer-f-(left and right) styles\n @include bmd-drawer-y-in($size);\n }\n }\n }\n }\n}\n\n@mixin bmd-drawer-x-overlay() {\n @include bmd-layout-backdrop-in();\n\n @each $side, $abbrev in (left: l, right: r) {\n .bmd-drawer-f-#{$abbrev} {\n > .bmd-layout-header,\n > .bmd-layout-content {\n width: 100%;\n margin-#{$side}: 0;\n }\n }\n }\n}\n\n@mixin bmd-drawer-y-overlay() {\n @include bmd-layout-backdrop-in();\n\n @each $side, $abbrev in (top: t, bottom: b) {\n .bmd-drawer-f-#{$abbrev} {\n > .bmd-layout-header {\n @if $side == top {\n // only add margin-top on a header when the drawer is at the top\n margin-#{$side}: 0;\n }\n }\n\n > .bmd-layout-content {\n @if $side == bottom {\n // only add margin-bottom on content when the drawer is at the bottom\n margin-#{$side}: 0;\n }\n }\n }\n }\n}\n\n// Overlay - left/right responsive overlay classes and marker class\n@mixin bmd-drawer-x-overlay-down($breakpoint) {\n // e.g. &, &-sm, &-md, &-lg\n $name: bmd-drawer-breakpoint-name($breakpoint, \"-down\");\n\n .bmd-drawer-overlay {\n #{unquote($name)} {\n // bmd-drawer-overlay, bmd-drawer-overlay-sm, bmd-drawer-overlay-md, bmd-drawer-overlay-lg\n\n // x - left/right\n\n @if $breakpoint == xs {\n // overlay marker class (non-responsive)\n\n // Must double up on the .bmd-drawer-overlay class to increase specificity otherwise the\n // responsive bmd-drawer-in-* media queries above win (and overlay is ignored)\n &.bmd-drawer-overlay {\n @include bmd-drawer-x-overlay();\n }\n } @else {\n @include media-breakpoint-down($breakpoint) {\n // overlay responsive class\n @include bmd-drawer-x-overlay();\n }\n }\n }\n }\n}\n\n// Overlay - top/bottom responsive overlay classes and marker class\n@mixin bmd-drawer-y-overlay-down($breakpoint) {\n // e.g. &, &-sm, &-md, &-lg\n $name: bmd-drawer-breakpoint-name($breakpoint, \"-down\");\n\n .bmd-drawer-overlay {\n #{unquote($name)} {\n // bmd-drawer-overlay, bmd-drawer-overlay-sm, bmd-drawer-overlay-md, bmd-drawer-overlay-lg\n //// y - top/bottom\n\n @if $breakpoint == xs {\n // overlay marker class (non-responsive)\n\n // Must double up on the .bmd-drawer-overlay class to increase specificity otherwise the\n // responsive bmd-drawer-in-* media queries above win (and overlay is ignored)\n &.bmd-drawer-overlay {\n @include bmd-drawer-y-overlay();\n }\n } @else {\n @include media-breakpoint-down($breakpoint) {\n // overlay responsive class\n @include bmd-drawer-y-overlay();\n }\n }\n }\n }\n}\n", - "@mixin bmd-disabled() {\n fieldset[disabled][disabled] &,\n &.disabled,\n &:disabled,\n &[disabled] {\n @content;\n }\n}\n\n// Placeholder text\n@mixin material-placeholder() {\n &::-moz-placeholder {@content; } // Firefox\n &:-ms-input-placeholder {@content; } // Internet Explorer 10+\n &::-webkit-input-placeholder {@content; } // Safari and Chrome\n}\n\n@mixin bmd-selection-color() {\n .radio label,\n .radio-inline,\n .checkbox label,\n .checkbox-inline,\n .switch label {\n\n &,\n .is-focused & {\n // form-group focus could change multiple checkboxes/radios, disable that change by using the same color as non-form-group is-focused\n color: $bmd-label-color;\n\n // correct the above focus color for disabled items\n label:has(input[type=radio][disabled]),\n // css 4 which is unlikely to work for a while, but no other pure css way.\n label:has(input[type=checkbox][disabled]),\n // css 4\n fieldset[disabled] & {\n &,\n &:hover,\n &:focus {\n color: $bmd-label-color;\n }\n }\n }\n }\n}\n\n@mixin bmd-radio-color($color) {\n &::after {\n border-color: $color;\n }\n &::before {\n background-color: $color;\n }\n}\n\n\n@mixin bmd-form-color($label-color, $label-color-focus, $border-color, $line-color) {\n [class^='bmd-label'],\n [class*=' bmd-label'] {\n color: $label-color;\n }\n\n // override BS and keep the border-color normal/grey so that overlaid focus animation draws attention\n .form-control {\n // underline animation color on focus\n $underline-background-image: linear-gradient(\n to top,\n $label-color-focus 2px,\n fade-out($label-color-focus, 1) 2px\n ),\n linear-gradient(\n to top,\n $line-color 1px,\n fade-out($line-color, 1) 1px\n );\n $underline-background-image-invalid: linear-gradient(\n to top,\n $bmd-invalid-underline 2px,\n fade-out($bmd-invalid-underline, 1) 2px\n ),\n linear-gradient(\n to top,\n $line-color 1px,\n fade-out($line-color, 1) 1px\n );\n $underline-background-image-readonly: linear-gradient(\n to top,\n $bmd-readonly-underline 1px,\n fade-out($bmd-readonly-underline, 1) 1px\n ),\n linear-gradient(\n to top,\n $line-color 1px,\n fade-out($line-color, 1) 1px\n );\n $underline-background-image-disabled: linear-gradient(\n to right,\n $line-color 0%,\n $line-color 30%,\n transparent 30%,\n transparent 100%\n );\n\n // bg image is always there, we just need to reveal it\n &,\n .is-focused & {\n background-image: $underline-background-image;\n }\n\n &:invalid {\n background-image: $underline-background-image-invalid;\n }\n\n &:read-only {\n background-image: $underline-background-image-readonly;\n }\n\n @include bmd-disabled() {\n background-image: $underline-background-image-disabled;\n background-repeat: repeat-x;\n background-size: 3px 1px;\n }\n\n // allow underline focus image and validation images to coexist\n &.form-control-success {\n &,\n .is-focused & {\n background-image: $underline-background-image, $form-icon-success;\n }\n }\n &.form-control-warning {\n &,\n .is-focused & {\n background-image: $underline-background-image, $form-icon-warning;\n }\n }\n &.form-control-danger {\n &,\n .is-focused & {\n background-image: $underline-background-image, $form-icon-danger;\n }\n }\n }\n\n .is-focused{\n // may or may not be a form-group or bmd-form-group\n // on focus set borders and labels to the validation color\n\n // Use the BS provided mixin for the bulk of the color\n @include form-validation-state(\"valid\", $label-color);\n\n [class^='bmd-label'],\n [class*=' bmd-label'] {\n color: $label-color-focus;\n }\n\n .bmd-label-placeholder {\n color: $label-color; // keep the placeholder color\n }\n\n // Set the border and box shadow on specific inputs to match\n .form-control {\n border-color: $border-color;\n }\n\n .bmd-help {\n color: $bmd-label-color-inner-focus;\n }\n }\n}\n\n// must be broken out for reuse - webkit selector breaks firefox\n@mixin bmd-label-static($label-top, $static-font-size) {\n top: $label-top;\n left: 0;\n // must repeat because the previous (more generic) selectors\n font-size: $static-font-size;\n}\n\n@mixin bmd-form-size-variant($font-size, $label-top-margin, $variant-padding-y, $variant-line-height, $form-group-context: null) {\n $variant-input-height: (\n ($font-size * $variant-line-height) + ($variant-padding-y * 2)\n );\n // $static-font-size: ($bmd-bmd-label-static-size-ratio * $font-size);\n $floating-font-size: 0.6875rem;\n $static-font-size: 0.875rem;\n $help-font-size: ($bmd-help-size-ratio * $font-size);\n\n $label-static-top: $label-top-margin;\n $label-placeholder-top: $label-top-margin + $static-font-size +\n $variant-padding-y;\n\n // Set all line-heights preferably to 1 so that we can space out everything manually without additional added space\n // from the default line-height of 1.5\n .form-control,\n label,\n input::placeholder {\n line-height: $variant-line-height + 0.1;\n }\n\n label{\n color: $mdb-input-placeholder-color;\n }\n\n .radio label,\n label.radio-inline,\n .checkbox label,\n label.checkbox-inline,\n .switch label {\n line-height: $line-height-base; // keep the same line height for radios and checkboxes\n }\n\n // generic labels used anywhere in the form\n .checkbox label,\n .radio label,\n label {\n font-size: $font-size-sm;\n }\n\n // floating/placeholder default (no focus)\n .bmd-label-floating,\n .bmd-label-placeholder {\n top: $label-placeholder-top; // place the floating label to look like a placeholder with input padding\n }\n\n // floating focused/filled will look like static\n .is-focused,\n .is-filled {\n .bmd-label-floating {\n @include bmd-label-static($label-static-top, $floating-font-size);\n }\n }\n\n // static\n .bmd-label-static {\n @include bmd-label-static($label-static-top - 0.65, $static-font-size);\n }\n\n .bmd-help {\n margin-top: 0; // allow the input margin to set-off the top of the help-block\n font-size: $help-font-size;\n }\n\n // validation icon placement\n .form-control {\n &.form-control-success,\n &.form-control-warning,\n &.form-control-danger {\n $icon-bg-size: ($variant-input-height * .5) ($variant-input-height * .5);\n background-size: $bmd-form-control-bg-size, $icon-bg-size;\n\n &,\n &:focus,\n .bmd-form-group.is-focused & {\n padding-right: ($input-padding-x * 3);\n background-repeat: $bmd-form-control-bg-repeat-y, no-repeat;\n background-position: $bmd-form-control-bg-position,\n center right ($variant-input-height * .25);\n }\n\n &:focus,\n .bmd-form-group.is-focused & {\n background-size: $bmd-form-control-bg-size-active, $icon-bg-size;\n }\n }\n }\n}\n\n@mixin mdb-label-color-toggle-focus(){\n // override bootstrap focus and keep all the standard color (could be multiple radios in the form group)\n .form-group.is-focused & {\n color: $mdb-label-color;\n\n // on focus just darken the specific labels, do not turn them to the brand-primary\n &:hover,\n &:focus {\n color: $mdb-label-color-toggle-focus;\n }\n\n // correct the above focus color for disabled items\n fieldset[disabled] & {\n color: $mdb-label-color;\n }\n }\n}\n\n@mixin animation($value){\n -webkit-animation: $value;\n -moz-animation: $value;\n -o-animation: $value;\n -ms-animation: $value;\n animation: $value;\n}\n\n@mixin transform-scale3d($value){\n -webkit-transform: scale3d($value);\n -moz-transform: scale3d($value);\n -o-transform: scale3d($value);\n -ms-transform: scale3d($value);\n transform: scale3d($value);\n}\n\n@mixin create-colored-tags(){\n &.tag-primary{\n @include tag-color($primary);\n }\n &.tag-info {\n @include tag-color($info);\n }\n &.tag-success{\n @include tag-color($success);\n }\n &.tag-warning{\n @include tag-color($warning);\n }\n &.tag-danger{\n @include tag-color($danger);\n }\n &.tag-rose{\n @include tag-color($rose);\n }\n}\n@mixin tag-color ($color){\n .tag{\n background-color: $color;\n color: $white-color;\n .tagsinput-remove-link{\n color: $white-color;\n }\n }\n .tagsinput-add{\n color: $color;\n }\n}\n\n\n// variations(unquote(\"\"), background-color, #FFF);\n@mixin variations($component, $selector-suffix, $mdb-param-1, $color-default) {\n // @include generic-variations($component, $selector-suffix, $color-default, \"variations-content\", $mdb-param-1);\n}\n", - "// from bs mixins/buttons button-variant\n@mixin bmd-button-variant($color, $background, $focus-background, $active-background, $border, $focus-border, $active-border) {\n color: $color;\n background-color: $background;\n border-color: $border;\n\n @include hover {\n color: $color;\n background-color: $focus-background;\n border-color: $focus-border;\n }\n\n &:focus,\n &.focus,\n &:hover{\n color: $color;\n background-color: $focus-background;\n border-color: $focus-border;\n }\n\n &:active,\n &.active,\n .open > &.dropdown-toggle,\n .show > &.dropdown-toggle {\n color: $color;\n background-color: $focus-background;\n border-color: $focus-border;\n @include shadow-2dp-color($background);\n\n &:hover,\n &:focus,\n &.focus {\n color: $color;\n background-color: $active-background;\n border-color: $active-border;\n }\n }\n\n // when it is an icon, kill the active bg on open dropdown, but stabilize on hover\n .open > &.dropdown-toggle.bmd-btn-icon {\n color: inherit;\n background-color: $background;\n\n // leave hover on with the lighter focus color\n &:hover {\n background-color: $focus-background;\n }\n }\n\n &.disabled,\n &:disabled {\n &:focus,\n &.focus {\n background-color: $background;\n border-color: $border;\n }\n @include hover {\n background-color: $background;\n border-color: $border;\n }\n }\n}\n\n@mixin bmd-flat-button-variant(\n $color,\n $border: $bmd-btn-border,\n $focus-border: $bmd-btn-focus-bg,\n $active-border: $bmd-btn-active-bg\n) {\n $background: $bmd-btn-bg;\n $focus-background: $bmd-btn-focus-bg;\n $active-background: $bmd-btn-active-bg;\n\n @include bmd-button-variant($color,\n $background,\n $focus-background,\n $active-background,\n $border,\n $focus-border,\n $active-border);\n\n // inverse color scheme\n .bg-inverse & {\n $focus-background: $bmd-inverse-btn-focus-bg;\n $focus-border: $bmd-inverse-btn-focus-bg;\n\n $active-background: $bmd-inverse-btn-active-bg;\n $active-border: $bmd-inverse-btn-active-bg;\n\n @include bmd-button-variant($color,\n $background,\n $focus-background,\n $active-background,\n $border,\n $focus-border,\n $active-border);\n }\n\n // reverse the above for links\n &.btn-link {\n background-color: transparent;\n }\n}\n\n@mixin bmd-flat-button-color() {\n @include bmd-flat-button-variant($bmd-btn-color);\n\n // flat bg with text color variations\n &.btn-primary {\n @include bmd-flat-button-variant($btn-primary-bg);\n }\n &.btn-secondary {\n @include bmd-flat-button-variant($btn-secondary-color);\n }\n &.btn-info {\n @include bmd-flat-button-variant($btn-info-bg);\n }\n &.btn-success {\n @include bmd-flat-button-variant($btn-success-bg);\n }\n &.btn-warning {\n @include bmd-flat-button-variant($btn-warning-bg);\n }\n &.btn-danger {\n @include bmd-flat-button-variant($btn-danger-bg);\n }\n}\n\n@mixin bmd-outline-button-color() {\n &.btn-outline,\n &.btn-outline-primary,\n &.btn-outline-secondary,\n &.btn-outline-info,\n &.btn-outline-success,\n &.btn-outline-warning,\n &.btn-outline-danger {\n border-color: currentColor;\n border-style: solid;\n border-width: 1px;\n }\n\n // flat bg with text and border color variations\n &.btn-outline {\n @include bmd-flat-button-variant($bmd-btn-color, $bmd-btn-color, $bmd-btn-color, $bmd-btn-color);\n }\n &.btn-outline-primary {\n @include bmd-flat-button-variant($btn-primary-bg, $btn-primary-bg, $btn-primary-bg, $btn-primary-bg);\n }\n &.btn-outline-secondary {\n @include bmd-flat-button-variant($btn-secondary-color, $btn-secondary-color, $btn-secondary-color, $btn-secondary-color);\n }\n &.btn-outline-info {\n @include bmd-flat-button-variant($btn-info-bg, $btn-info-bg, $btn-info-bg, $btn-info-bg);\n }\n &.btn-outline-success {\n @include bmd-flat-button-variant($btn-success-bg, $btn-success-bg, $btn-success-bg, $btn-success-bg);\n }\n &.btn-outline-warning {\n @include bmd-flat-button-variant($btn-warning-bg, $btn-warning-bg, $btn-warning-bg, $btn-warning-bg);\n }\n &.btn-outline-danger {\n @include bmd-flat-button-variant($btn-danger-bg, $btn-danger-bg, $btn-danger-bg, $btn-danger-bg);\n }\n}\n\n@mixin bmd-raised-button-variant($color, $background, $border) {\n // FIXME: SPEC - this should be the 600 color, how can we get that programmatically if at all? Or are we limited to the color palette only?\n $focus-background: contrast-color(\n $background,\n darken($background, 3%),\n lighten($background, 3%)\n );\n $focus-border: darken($border, 12%);\n\n $active-background: $focus-background;\n $active-border: darken($border, 25%);\n\n @include bmd-button-variant($color,\n $background,\n $focus-background,\n $active-background,\n $border,\n $focus-border,\n $active-border);\n\n @include shadow-2dp-color($background);\n\n &:focus,\n &:active,\n &:hover{\n // remove this line if you want black shadows\n @include button-shadow-color($background);\n }\n\n &.btn-link{\n background-color: transparent;\n color: $background;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &:active{\n background-color: transparent;\n color: $background;\n }\n }\n\n}\n\n@mixin bmd-raised-button-color() {\n &.btn-primary {\n @include bmd-raised-button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border-color);\n }\n &.btn-secondary {\n @include bmd-raised-button-variant($btn-secondary-color, $btn-secondary-bg, $btn-secondary-border-color);\n }\n &.btn-info {\n @include bmd-raised-button-variant($btn-info-color, $btn-info-bg, $btn-info-border-color);\n }\n &.btn-success {\n @include bmd-raised-button-variant($btn-success-color, $btn-success-bg, $btn-success-border-color);\n }\n &.btn-warning {\n @include bmd-raised-button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border-color);\n }\n &.btn-danger {\n @include bmd-raised-button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border-color);\n }\n &.btn-rose {\n @include bmd-raised-button-variant($btn-rose-color, $btn-rose-bg, $btn-rose-border-color);\n }\n &,\n &.btn-default{\n @include bmd-raised-button-variant($btn-default-color, $btn-default-bg, $btn-default-border-color);\n }\n}\n\n@mixin bmd-social-buttons(){\n &.btn-facebook {\n @include bmd-raised-button-variant($white, $social-facebook, $social-facebook);\n }\n &.btn-twitter {\n @include bmd-raised-button-variant($white, $social-twitter, $social-twitter);\n }\n &.btn-pinterest {\n @include bmd-raised-button-variant($white, $social-pinterest, $social-pinterest);\n }\n &.btn-google {\n @include bmd-raised-button-variant($white, $social-google, $social-google);\n }\n &.btn-linkedin {\n @include bmd-raised-button-variant($white, $social-linkedin, $social-linkedin);\n }\n &.btn-dribbble {\n @include bmd-raised-button-variant($white, $social-dribbble, $social-dribbble);\n }\n &.btn-github {\n @include bmd-raised-button-variant($white, $social-github, $social-github);\n }\n &.btn-youtube {\n @include bmd-raised-button-variant($white, $social-youtube, $social-youtube);\n }\n &.btn-instagram {\n @include bmd-raised-button-variant($white, $social-instagram, $social-instagram);\n }\n &.btn-reddit {\n @include bmd-raised-button-variant($white, $social-reddit, $social-reddit);\n }\n &.btn-tumblr {\n @include bmd-raised-button-variant($white, $social-tumblr, $social-tumblr);\n }\n &.btn-behance {\n @include bmd-raised-button-variant($white, $social-behance, $social-behance);\n }\n}\n\n@mixin undo-bs-tab-focus() {\n // clear out the tab-focus() from BS\n &,\n &:active,\n &:active:focus,\n &.active {\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: none !important;\n }\n }\n}\n", - "@mixin bmd-hover-focus-active {\n // add the .active to the whole mix of hover-focus-active\n &.active {\n @content;\n }\n @include hover-focus-active() {\n @content;\n }\n}\n", - "@mixin bmd-tabs-color($color, $active-color, $active-border, $disabled-link-color, $disabled-link-hover-color) {\n .nav-link {\n color: $color;\n\n &.active {\n color: $active-color;\n border-color: $active-border;\n @include hover-focus {\n border-color: $active-border;\n }\n }\n\n // Disabled state lightens text and removes hover/tab effects\n &.disabled {\n color: $disabled-link-color;\n\n @include plain-hover-focus {\n color: $disabled-link-hover-color;\n }\n }\n }\n}\n", - "@mixin shadow-big(){\n box-shadow: 0 16px 38px -12px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity * 4),\n 0 4px 25px 0px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-big-image(){\n // new box shadow optimized for Tables and Phones\n box-shadow: 0 5px 15px -8px rgba(0, 0, 0, $bmd-shadow-ambient-opacity * 2),\n 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-big-navbar(){\n box-shadow: 0 10px 20px -12px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity * 3),\n 0 3px 20px 0px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-big-color($color){\n // new box shadow optimized for Tables and Phones\n box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2),\n 0 13px 24px -11px rgba($color, 0.60);\n}\n\n@mixin shadow-small-color($color){\n // new box shadow optimized for Tablets and Phones\n box-shadow: 0 4px 20px 0px rgba(0, 0, 0, .14),\n 0 7px 10px -5px rgba($color, 0.4)\n}\n\n@mixin shadow-navbar-color($color){\n // new box shadow optimized for Tablets and Phones\n\n @if($color == $white-color) {\n box-shadow: 0 4px 18px 0px rgba(0, 0, 0, .12),\n 0 7px 10px -5px rgba(0,0,0, 0.15);\n }@else{\n box-shadow: 0 4px 20px 0px rgba(0, 0, 0, .14),\n 0 7px 12px -5px rgba($color, 0.46);\n }\n}\n\n@mixin shadow-2dp(){\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),\n 0 3px 1px -2px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 1px 5px 0 rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-4dp(){\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),\n 0 1px 10px 0 rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 2px 4px -1px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-6dp(){\n box-shadow: 0 6px 10px 0 rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),\n 0 1px 18px 0 rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 3px 5px -1px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-8dp(){\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),\n 0 3px 14px 2px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 5px 5px -3px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n\n@mixin shadow-16dp(){\n box-shadow: 0 16px 24px 2px rgba(0, 0, 0, $bmd-shadow-penumbra-opacity),\n 0 6px 30px 5px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba(0, 0, 0, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-2dp-color($color){\n box-shadow: 0 2px 2px 0 rgba($color, $bmd-shadow-penumbra-opacity),\n 0 3px 1px -2px rgba($color, $bmd-shadow-umbra-opacity),\n 0 1px 5px 0 rgba($color, $bmd-shadow-ambient-opacity);\n}\n\n@mixin shadow-4dp-color($color){\n box-shadow: 0 4px 5px 0 rgba($color, $bmd-shadow-penumbra-opacity),\n 0 1px 10px 0 rgba($color, $bmd-shadow-ambient-opacity),\n 0 2px 4px -1px rgba($color, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-8dp-color($color){\n box-shadow: 0 8px 10px 1px rgba($color, $bmd-shadow-penumbra-opacity),\n 0 3px 14px 2px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 5px 5px -3px rgba($color, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-16dp-color($color){\n box-shadow: 0 16px 24px 2px rgba($color, $bmd-shadow-penumbra-opacity),\n 0 6px 30px 5px rgba(0, 0, 0, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba($color, $bmd-shadow-umbra-opacity);\n}\n\n@mixin button-shadow-color($color){\n box-shadow: 0 14px 26px -12px rgba($color, $bmd-shadow-penumbra-opacity * 3),\n 0 4px 23px 0px rgba(0,0,0, $bmd-shadow-ambient-opacity),\n 0 8px 10px -5px rgba($color, $bmd-shadow-umbra-opacity);\n}\n\n@mixin shadow-z-1(){\n box-shadow:\n 0 1px 6px 0 rgba(0, 0, 0, 0.12),\n 0 1px 6px 0 rgba(0, 0, 0, 0.12);\n}\n\n@mixin shadow-z-1-hover(){\n box-shadow:\n 0 5px 11px 0 rgba(0, 0, 0, 0.18),\n 0 4px 15px 0 rgba(0, 0, 0, 0.15);\n}\n\n@mixin shadow-z-2(){\n box-shadow:\n 0 8px 17px 0 rgba(0, 0, 0, 0.2),\n 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n}\n\n@mixin shadow-z-3(){\n box-shadow:\n 0 12px 15px 0 rgba(0, 0, 0, 0.24),\n 0 17px 50px 0 rgba(0, 0, 0, 0.19);\n}\n\n@mixin shadow-z-4(){\n box-shadow:\n 0 16px 28px 0 rgba(0, 0, 0, 0.22),\n 0 25px 55px 0 rgba(0, 0, 0, 0.21);\n}\n\n@mixin shadow-z-5(){\n box-shadow:\n 0 27px 24px 0 rgba(0, 0, 0, 0.2),\n 0 40px 77px 0 rgba(0, 0, 0, 0.22);\n}\n", - "@mixin navbar-colors($color, $link-color) {\n color: $link-color;\n background-color: $color !important;\n @include shadow-navbar-color($color);\n\n .dropdown-item:hover,\n .dropdown-item:focus{\n @include shadow-small-color($color);\n background-color: $color;\n color: $link-color;\n }\n\n .navbar-toggler{\n .navbar-toggler-icon{\n background-color: $link-color;\n }\n }\n}\n", - "\n@mixin alert-variations($component, $selector-suffix, $default) {\n @include generic-variations($component, $selector-suffix, $default, \"alert-variations-content\", null);\n}\n\n@mixin alert-variations-content($args){\n $variation-color: map-get($args, variation-color);\n $variation-color-text: map-get($args, variation-color-text);\n\n background-color: lighten($variation-color,3%);\n color: $variation-color-text;\n\n a, .alert-link {\n color: $variation-color-text;\n }\n}\n// interpolation of mixin-name is not allowed evidently, so we statically include based on the mixin-name given\n@mixin call-variations-content-mixin($args) {\n $mixin-name: map-get($args, mixin-name);\n @if $mixin-name == variations-content {\n @include variations-content($args);\n } @else if $mixin-name == background-variations-content {\n @include background-variations-content($args);\n } @else if $mixin-name == text-variations-content {\n @include text-variations-content($args);\n } @else if $mixin-name == button-variations-content {\n @include button-variations-content($args);\n } @else if $mixin-name == bg-color-variations-content {\n @include bg-color-variations-content($args);\n } @else if $mixin-name == bg-box-shadow-variations-content {\n @include bg-box-shadow-variations-content($args);\n } @else if $mixin-name == bg-img-variations-content {\n @include bg-img-variations-content($args);\n } @else if $mixin-name == navbar-variations-content {\n @include navbar-variations-content($args);\n }@else if $mixin-name == alert-variations-content {\n @include alert-variations-content($args);\n } @else {\n @error \"Unknown mixin: #{$mixin-name}\"\n }\n}\n\n//\n// To use this mixin you should pass a function as final parameter to define\n// the style. In that definition you can use the following variables to define it.\n//\n// $variation-color-name ---> \"red\", \"green\", \"indigo\" ...\n// $variation-color-full-name ---> \"red\", \"green-50\", \"indigo-400\" ...\n// $variation-color ---> #f44336, #e8f5e9, #5c6bc0 ...\n// $variation-color-text ---> rgba(255,255,255,0.84), rgba(0,0,0,0.84), rgba(255,255,255,0.84) ...\n//\n\n@mixin generic-variations($component, $selector-suffix, $color-default, $mixin-name, $mdb-param-1) {\n\n //setup map to pass parameters (instead of the incredibly long-error-prone list for each and every @include)\n $args: (\n //extra: $selector-suffix,\n //default: $color-default,\n mixin-name: $mixin-name,\n material-param-1: $mdb-param-1\n );\n\n // bootstrap styles\n {$selector-suffix},\n {$component}-default#{$selector-suffix} {\n\n $args-extra: map-merge($args, (\n variation-color: $white-color,\n variation-color-text: $gray\n ));\n @include call-variations-content-mixin($args-extra);\n }\n {$component}-inverse#{$selector-suffix} {\n $args-inverse: map-merge($args, (\n variation-color: #212121,\n variation-color-text: #fff\n ));\n @include call-variations-content-mixin($args-inverse);\n }\n {$component}-primary#{$selector-suffix} {\n $args-primary: map-merge($args, (\n variation-color: $primary,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-primary);\n }\n {$component}-success#{$selector-suffix} {\n $args-success: map-merge($args, (\n variation-color: $success,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-success);\n }\n {$component}-info#{$selector-suffix} {\n $args-info: map-merge($args, (\n variation-color: $info,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-info);\n }\n {$component}-warning#{$selector-suffix} {\n $args-warning: map-merge($args, (\n variation-color: $warning,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-warning);\n }\n {$component}-danger#{$selector-suffix} {\n $args-danger: map-merge($args, (\n variation-color: $danger,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-danger);\n }\n\n {$component}-rose#{$selector-suffix} {\n $args-rose: map-merge($args, (\n variation-color: $rose,\n variation-color-text: $mdb-text-color-light\n ));\n @include call-variations-content-mixin($args-rose);\n }\n\n}\n", - "// FIXME: only necessary because there isn't an underscored file - see https://github.com/twbs/bootstrap/issues/18350\n\n// Core variables and mixins\n@import \"bootstrap/scss/functions\";\n@import \"bootstrap/scss/variables\";\n@import \"bootstrap/scss/mixins\";\n\n// #853 start - https://github.com/twbs/bootstrap/pull/18976/files\n// hack\n@mixin pull-left {\n float: left !important;\n @if $enable-flex {\n margin-right: auto;\n }\n}\n@mixin pull-right {\n float: right !important;\n @if $enable-flex {\n margin-left: auto;\n }\n}\n// #853 end - https://github.com/twbs/bootstrap/pull/18976/files\n\n// Reset and dependencies\n@import \"bootstrap/scss/reboot\";\n@import \"bootstrap/scss/print\";\n\n// Core CSS\n@import \"bootstrap/scss/reboot\";\n@import \"bootstrap/scss/type\";\n@import \"bootstrap/scss/images\";\n@import \"bootstrap/scss/code\";\n@import \"bootstrap/scss/grid\";\n@import \"bootstrap/scss/tables\";\n@import \"bootstrap/scss/forms\";\n@import \"bootstrap/scss/buttons\";\n@import \"bootstrap/scss/transitions\";\n\n// Components\n@import \"bootstrap/scss/dropdown\";\n@import \"bootstrap/scss/button-group\";\n@import \"bootstrap/scss/input-group\";\n@import \"bootstrap/scss/custom-forms\";\n@import \"bootstrap/scss/nav\";\n@import \"bootstrap/scss/navbar\";\n@import \"bootstrap/scss/card\";\n@import \"bootstrap/scss/breadcrumb\";\n@import \"bootstrap/scss/pagination\";\n@import \"bootstrap/scss/jumbotron\";\n@import \"bootstrap/scss/alert\";\n@import \"bootstrap/scss/progress\";\n@import \"bootstrap/scss/media\";\n@import \"bootstrap/scss/list-group\";\n@import \"bootstrap/scss/close\";\n@import \"bootstrap/scss/badge\";\n\n// Components w/ JavaScript\n@import \"bootstrap/scss/modal\";\n@import \"bootstrap/scss/tooltip\";\n@import \"bootstrap/scss/popover\";\n@import \"bootstrap/scss/carousel\";\n\n// Utility classes\n@import \"bootstrap/scss/utilities\";\n", - "// Bootstrap functions\n//\n// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map) {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $yiq-text-dark;\n } @else {\n @return $yiq-text-light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, #000, #fff);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n", - "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n\n//\n// Color system\n//\n\n// stylelint-disable\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n$grays: map-merge((\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n), $grays);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge((\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n), $colors);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n), $theme-colors);\n// stylelint-enable\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-print-styles: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// stylelint-disable\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n), $spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge((\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n), $sizes);\n// stylelint-enable\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: ($font-size-base * 1.25) !default;\n$font-size-sm: ($font-size-base * .875) !default;\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: ($spacer / 2) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: inherit !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: ($font-size-base * 1.25) !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-300 !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-bg: $gray-900 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($gray-900, 7.5%) !default;\n$table-dark-color: $body-bg !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $gray-300 !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' 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\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y: .375rem !default;\n$custom-select-padding-x: .75rem !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: $input-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $white !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width: $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-font-size-lg: 125% !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$custom-file-padding-y: $input-btn-padding-y !default;\n$custom-file-padding-x: $input-btn-padding-x !default;\n$custom-file-line-height: $input-btn-line-height !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-btn-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n// Navbar\n\n$navbar-padding-y: ($spacer / 2) !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: ($grid-gutter-width / 2) !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $gray-200 !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: 1rem !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: ($font-size-base * .75) !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' 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\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' 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\"), \"#\", \"%23\") !default;\n\n$carousel-transition: transform .6s ease !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Printing\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n", - "// Toggles\n//\n// Used in conjunction with global variables to enable certain theme features.\n\n// Utilities\n@import \"mixins/breakpoints\";\n@import \"mixins/hover\";\n@import \"mixins/image\";\n@import \"mixins/badge\";\n@import \"mixins/resize\";\n@import \"mixins/screen-reader\";\n@import \"mixins/size\";\n@import \"mixins/reset-text\";\n@import \"mixins/text-emphasis\";\n@import \"mixins/text-hide\";\n@import \"mixins/text-truncate\";\n@import \"mixins/visibility\";\n\n// // Components\n@import \"mixins/alert\";\n@import \"mixins/buttons\";\n@import \"mixins/caret\";\n@import \"mixins/pagination\";\n@import \"mixins/lists\";\n@import \"mixins/list-group\";\n@import \"mixins/nav-divider\";\n@import \"mixins/forms\";\n@import \"mixins/table-row\";\n\n// // Skins\n@import \"mixins/background-variant\";\n@import \"mixins/border-radius\";\n@import \"mixins/box-shadow\";\n@import \"mixins/gradients\";\n@import \"mixins/transition\";\n\n// // Layout\n@import \"mixins/clearfix\";\n// @import \"mixins/navbar-align\";\n@import \"mixins/grid-framework\";\n@import \"mixins/grid\";\n@import \"mixins/float\";\n", - "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n", - "// stylelint-disable indentation\n\n// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Origally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS—an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular psuedo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n", - "// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n// stylelint-disable indentation, media-query-list-comma-newline-after\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n background-image: url($file-1x);\n\n // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n // but doesn't convert dppx=>dpi.\n // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n // Compatibility info: https://caniuse.com/#feat=css-media-resolution\n @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n only screen and (min-resolution: 2dppx) { // Standardized\n background-image: url($file-2x);\n background-size: $width-1x $height-1x;\n }\n}\n", - "@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n &[href] {\n @include hover-focus {\n color: color-yiq($bg);\n text-decoration: none;\n background-color: darken($bg, 10%);\n }\n }\n}\n", - "// Resize anything\n\n@mixin resizable($direction) {\n overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`\n resize: $direction; // Options: horizontal, vertical, both\n}\n", - "// Only display content to screen readers\n//\n// See: http://a11yproject.com/posts/how-to-hide-content/\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n clip-path: inset(50%);\n border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable {\n &:active,\n &:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n clip-path: none;\n }\n}\n", - "// Sizing shortcuts\n\n@mixin size($width, $height: $width) {\n width: $width;\n height: $height;\n}\n", - "@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n}\n", - "// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n a#{$parent} {\n @include hover-focus {\n color: darken($color, 10%) !important;\n }\n }\n}\n", - "// CSS image replacement\n@mixin text-hide() {\n // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n", - "// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n", - "// stylelint-disable declaration-no-important\n\n// Visibility\n\n@mixin invisible($visibility) {\n visibility: $visibility !important;\n}\n", - "@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n hr {\n border-top-color: darken($border, 5%);\n }\n\n .alert-link {\n color: darken($color, 10%);\n }\n}\n", - "// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n background-color: transparent;\n background-image: none;\n border-color: $color;\n\n &:hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @if $enable-rounded {\n border-radius: $border-radius;\n } @else {\n border-radius: 0;\n }\n}\n", - "@mixin caret-down {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n border-top: 0;\n border-right: $caret-width solid transparent;\n border-bottom: $caret-width solid;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right {\n border-top: $caret-width solid transparent;\n border-bottom: $caret-width solid transparent;\n border-left: $caret-width solid;\n}\n\n@mixin caret-left {\n border-top: $caret-width solid transparent;\n border-right: $caret-width solid;\n border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n @if $enable-caret {\n &::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: $caret-width * .85;\n vertical-align: $caret-width * .85;\n content: \"\";\n @if $direction == down {\n @include caret-down;\n } @else if $direction == up {\n @include caret-up;\n } @else if $direction == right {\n @include caret-right;\n }\n }\n\n @if $direction == left {\n &::after {\n display: none;\n }\n\n &::before {\n display: inline-block;\n width: 0;\n height: 0;\n margin-right: $caret-width * .85;\n vertical-align: $caret-width * .85;\n content: \"\";\n @include caret-left;\n }\n }\n\n &:empty::after {\n margin-left: 0;\n }\n }\n}\n", - "// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n .page-link {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n line-height: $line-height;\n }\n\n .page-item {\n &:first-child {\n .page-link {\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .page-link {\n @include border-right-radius($border-radius);\n }\n }\n }\n}\n", - "// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n", - "// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: $color;\n background-color: $background;\n\n &.list-group-item-action {\n @include hover-focus {\n color: $color;\n background-color: darken($background, 5%);\n }\n\n &.active {\n color: #fff;\n background-color: $color;\n border-color: $color;\n }\n }\n }\n}\n", - "// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: #e5e5e5) {\n height: 0;\n margin: ($spacer / 2) 0;\n overflow: hidden;\n border-top: 1px solid $color;\n}\n", - "// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus() {\n &:focus {\n color: $input-focus-color;\n background-color: $input-focus-bg;\n border-color: $input-focus-border-color;\n outline: 0;\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $input-box-shadow, $input-focus-box-shadow;\n } @else {\n box-shadow: $input-focus-box-shadow;\n }\n }\n}\n\n\n@mixin form-validation-state($state, $color) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n font-size: $form-feedback-font-size;\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: .5rem;\n margin-top: .1rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff;\n background-color: rgba($color, .8);\n border-radius: .2rem;\n }\n\n .form-control,\n .custom-select {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .form-check-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .form-check-label {\n color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .custom-control-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-control-label {\n color: $color;\n\n &::before {\n background-color: lighten($color, 25%);\n }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:checked {\n ~ .custom-control-label::before {\n @include gradient-bg(lighten($color, 10%));\n }\n }\n\n &:focus {\n ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n\n // custom file\n .custom-file-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-file-label {\n border-color: $color;\n\n &::before { border-color: inherit; }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:focus {\n ~ .custom-file-label {\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n}\n", - "// Tables\n\n@mixin table-row-variant($state, $background) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover {\n $hover-background: darken($background, 5%);\n\n .table-#{$state} {\n @include hover {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\n }\n}\n", - "// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color) {\n #{$parent} {\n background-color: $color !important;\n }\n a#{$parent},\n button#{$parent} {\n @include hover-focus {\n background-color: darken($color, 10%) !important;\n }\n }\n}\n\n@mixin bg-gradient-variant($parent, $color) {\n #{$parent} {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n }\n}\n", - "// Single side border-radius\n\n@mixin border-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n", - "@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n box-shadow: $shadow;\n }\n}\n", - "// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: #555, $outer-color: #333) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n", - "@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n}\n", - "@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n", - "// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n min-height: 1px; // Prevent columns from collapsing when empty\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix},\n .col#{$infix}-auto {\n @extend %grid-column;\n }\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; // Reset earlier grid tiers\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n .order#{$infix}-first { order: -1; }\n\n .order#{$infix}-last { order: $columns + 1; }\n\n @for $i from 0 through $columns {\n .order#{$infix}-#{$i} { order: $i; }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n }\n}\n", - "/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container() {\n width: 100%;\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n}\n\n@mixin make-row() {\n display: flex;\n flex-wrap: wrap;\n margin-right: ($grid-gutter-width / -2);\n margin-left: ($grid-gutter-width / -2);\n}\n\n@mixin make-col-ready() {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n min-height: 1px; // Prevent collapsing\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\n", - "// stylelint-disable declaration-no-important\n\n@mixin float-left {\n float: left !important;\n}\n@mixin float-right {\n float: right !important;\n}\n@mixin float-none {\n float: none !important;\n}\n", - "// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so\n// we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n// 6. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -ms-text-size-adjust: 100%; // 4\n -ms-overflow-style: scrollbar; // 5\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6\n}\n\n// IE10+ doesn't honor `` in some cases.\n@at-root {\n @-ms-viewport {\n width: device-width;\n }\n}\n\n// stylelint-disable selector-list-comma-newline-after\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use the\n// the `inherit` value on things like ``s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Duplicate behavior to the data-* attribute for our tooltip plugin\n\nabbr[title],\nabbr[data-original-title] { // 4\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 1\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic; // Add the correct font style in Android 4.3-\n}\n\n// stylelint-disable font-weight-notation\nb,\nstrong {\n font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n// stylelint-enable font-weight-notation\n\nsmall {\n font-size: 80%; // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\n// stylelint-disable font-family-no-duplicate-names\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.\n font-size: 1em; // Correct the odd `em` font sizing in all browsers.\n}\n// stylelint-enable font-family-no-duplicate-names\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so\n // we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg:not(:root) {\n overflow: hidden; // Hide the overflow in IE\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $text-muted;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `
`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Duplicate behavior to the data-* attribute for our tooltip plugin\n\nabbr[title],\nabbr[data-original-title] { // 4\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 1\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic; // Add the correct font style in Android 4.3-\n}\n\n// stylelint-disable font-weight-notation\nb,\nstrong {\n font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n// stylelint-enable font-weight-notation\n\nsmall {\n font-size: 80%; // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\n// stylelint-disable font-family-no-duplicate-names\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.\n font-size: 1em; // Correct the odd `em` font sizing in all browsers.\n}\n// stylelint-enable font-family-no-duplicate-names\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so\n // we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg:not(:root) {\n overflow: hidden; // Hide the overflow in IE\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $text-muted;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `