From 96fb928c15cace79d12c336fbf712caf326014ff Mon Sep 17 00:00:00 2001 From: Ryan Scherf Date: Sat, 7 Jan 2017 12:52:15 -0600 Subject: [PATCH 1/6] Adding bpl --- package.json | 8 +- public/css/bpl.css | 5812 +++++++++++++++++++ public/index.html | 3 +- src/components/BuildingListTable/styles.css | 7 - 4 files changed, 5820 insertions(+), 10 deletions(-) create mode 100644 public/css/bpl.css diff --git a/package.json b/package.json index 68c221d5..aad0c8d4 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,7 @@ "babel-jest": "16.0.0", "babel-loader": "6.2.5", "babel-preset-react-app": "^1.0.0", + "bootstrap": "4.0.0-alpha.4", "case-sensitive-paths-webpack-plugin": "1.1.4", "chalk": "1.1.3", "connect-history-api-fallback": "1.3.0", @@ -34,6 +35,8 @@ "http-proxy-middleware": "0.17.2", "jest": "16.0.2", "json-loader": "0.5.4", + "node-sass": "^4.1.1", + "nodemon": "^1.11.0", "object-assign": "4.1.0", "path-exists": "2.1.0", "postcss-loader": "1.0.0", @@ -57,9 +60,12 @@ "react-router-redux": "^4.0.7", "redux": "^3.6.0", "redux-promise": "^0.5.3", - "whatwg-fetch": "^1.0.0" + "whatwg-fetch": "^1.0.0", + "bpl": "git+https://d0516feb598c9e6cbc54d20cf52b7b41de2d7a3d:x-oauth-basic@github.com/Blocp/bpl.git" }, "scripts": { + "build-css": "node-sass --include-path node_modules/bpl/scss node_modules/bpl/scss/bootstrap.scss public/css/bpl.css", + "watch-css": "nodemon -e node_modules/bpl/scss -x \"npm run build-css\"", "start": "node scripts/start.js", "build": "node scripts/build.js", "test": "node scripts/test.js --env=jsdom" diff --git a/public/css/bpl.css b/public/css/bpl.css new file mode 100644 index 00000000..9c6bda6c --- /dev/null +++ b/public/css/bpl.css @@ -0,0 +1,5812 @@ +/*! + * Bootstrap v4.0.0-alpha.4 (https://getbootstrap.com) + * Copyright 2011-2016 The Bootstrap Authors + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; } + +body { + margin: 0; } + +article, +aside, +details, +figcaption, +figure, +footer, +header, +main, +menu, +nav, +section, +summary { + display: block; } + +audio, +canvas, +progress, +video { + display: inline-block; } + +audio:not([controls]) { + display: none; + height: 0; } + +progress { + vertical-align: baseline; } + +template, +[hidden] { + display: none; } + +a { + background-color: transparent; } + +a:active, +a:hover { + outline-width: 0; } + +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; } + +b, +strong { + font-weight: inherit; } + +b, +strong { + font-weight: bolder; } + +dfn { + font-style: italic; } + +h1 { + font-size: 2em; + margin: 0.67em 0; } + +mark { + background-color: #ff0; + color: #000; } + +small { + font-size: 80%; } + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sub { + bottom: -0.25em; } + +sup { + top: -0.5em; } + +img { + border-style: none; } + +svg:not(:root) { + overflow: hidden; } + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +figure { + margin: 1em 40px; } + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; } + +button, +input, +select, +textarea { + font: inherit; } + +optgroup { + font-weight: bold; } + +button, +input, +select { + overflow: visible; } + +button, +input, +select, +textarea { + margin: 0; } + +button, +select { + text-transform: none; } + +button, +[type="button"], +[type="reset"], +[type="submit"] { + cursor: pointer; } + +[disabled] { + cursor: default; } + +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; } + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +button:-moz-focusring, +input:-moz-focusring { + outline: 1px dotted ButtonText; } + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; } + +textarea { + overflow: auto; } + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; + padding: 0; } + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; } + +[type="search"] { + -webkit-appearance: textfield; } + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +@media print { + *, + *::before, + *::after, + *::first-letter, + *::first-line { + text-shadow: none !important; + box-shadow: none !important; } + a, + a:visited { + text-decoration: underline; } + abbr[title]::after { + content: " (" attr(title) ")"; } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; } + thead { + display: table-header-group; } + tr, + img { + page-break-inside: avoid; } + p, + h2, + h3 { + orphans: 3; + widows: 3; } + h2, + h3 { + page-break-after: avoid; } + .navbar { + display: none; } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; } + .tag { + border: 1px solid #000; } + .table { + border-collapse: collapse !important; } + .table td, + .table th { + background-color: #fff !important; } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; } } + +html { + box-sizing: border-box; } + +*, +*::before, +*::after { + box-sizing: inherit; } + +@-ms-viewport { + width: device-width; } + +html { + font-size: 16px; + -ms-overflow-style: scrollbar; + -webkit-tap-highlight-color: transparent; } + +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-size: 1rem; + line-height: 1.5; + color: #373a3c; + background-color: #fff; } + +[tabindex="-1"]:focus { + outline: none !important; } + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: .5rem; } + +p { + margin-top: 0; + margin-bottom: 1rem; } + +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #818a91; } + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; } + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; } + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; } + +dt { + font-weight: bold; } + +dd { + margin-bottom: .5rem; + margin-left: 0; } + +blockquote { + margin: 0 0 1rem; } + +a { + color: #0275d8; + text-decoration: none; } + a:focus, a:hover { + color: #014c8c; + text-decoration: underline; } + a:focus { + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +a:not([href]):not([tabindex]) { + color: inherit; + text-decoration: none; } + a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { + color: inherit; + text-decoration: none; } + a:not([href]):not([tabindex]):focus { + outline: none; } + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; } + +figure { + margin: 0 0 1rem; } + +img { + vertical-align: middle; } + +[role="button"] { + cursor: pointer; } + +a, +area, +button, +[role="button"], +input, +label, +select, +summary, +textarea { + touch-action: manipulation; } + +table { + border-collapse: collapse; + background-color: transparent; } + +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #818a91; + text-align: left; + caption-side: bottom; } + +th { + text-align: left; } + +label { + display: inline-block; + margin-bottom: .5rem; } + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; } + +input, +button, +select, +textarea { + margin: 0; + line-height: inherit; + border-radius: 0; } + +input[type="radio"]:disabled, +input[type="checkbox"]:disabled { + cursor: not-allowed; } + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -webkit-appearance: listbox; } + +textarea { + resize: vertical; } + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; } + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; } + +input[type="search"] { + -webkit-appearance: none; } + +output { + display: inline-block; } + +[hidden] { + display: none !important; } + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; } + +h1, .h1 { + font-size: 2.5rem; } + +h2, .h2 { + font-size: 2rem; } + +h3, .h3 { + font-size: 1.75rem; } + +h4, .h4 { + font-size: 1.5rem; } + +h5, .h5 { + font-size: 1.25rem; } + +h6, .h6 { + font-size: 1rem; } + +.lead { + font-size: 1.25rem; + font-weight: 300; } + +.display-1 { + font-size: 6rem; + font-weight: 300; } + +.display-2 { + font-size: 5.5rem; + font-weight: 300; } + +.display-3 { + font-size: 4.5rem; + font-weight: 300; } + +.display-4 { + font-size: 3.5rem; + font-weight: 300; } + +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(0, 0, 0, 0.1); } + +small, +.small { + font-size: 80%; + font-weight: normal; } + +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; } + +.list-unstyled { + padding-left: 0; + list-style: none; } + +.list-inline { + padding-left: 0; + list-style: none; } + +.list-inline-item { + display: inline-block; } + .list-inline-item:not(:last-child) { + margin-right: 5px; } + +.initialism { + font-size: 90%; + text-transform: uppercase; } + +.blockquote { + padding: 0.5rem 1rem; + margin-bottom: 1rem; + font-size: 1.25rem; + border-left: 0.25rem solid #eceeef; } + +.blockquote-footer { + display: block; + font-size: 80%; + color: #818a91; } + .blockquote-footer::before { + content: "\2014 \00A0"; } + +.blockquote-reverse { + padding-right: 1rem; + padding-left: 0; + text-align: right; + border-right: 0.25rem solid #eceeef; + border-left: 0; } + +.blockquote-reverse .blockquote-footer::before { + content: ""; } + +.blockquote-reverse .blockquote-footer::after { + content: "\00A0 \2014"; } + +dl.row > dd + dt { + clear: left; } + +.img-fluid, .carousel-inner > .carousel-item > img, +.carousel-inner > .carousel-item > a > img { + display: block; + max-width: 100%; + height: auto; } + +.img-rounded { + border-radius: 0.3rem; } + +.img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 0.25rem; + transition: all .2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; } + +.img-circle { + border-radius: 50%; } + +.figure { + display: inline-block; } + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; } + +.figure-caption { + font-size: 90%; + color: #818a91; } + +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } + +code { + padding: 0.2rem 0.4rem; + font-size: 90%; + color: #bd4147; + background-color: #f7f7f9; + border-radius: 0.25rem; } + +kbd { + padding: 0.2rem 0.4rem; + font-size: 90%; + color: #fff; + background-color: #333; + border-radius: 0.2rem; } + kbd kbd { + padding: 0; + font-size: 100%; + font-weight: bold; } + +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + font-size: 90%; + color: #373a3c; } + pre code { + padding: 0; + font-size: inherit; + color: inherit; + background-color: transparent; + border-radius: 0; } + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; } + +.container { + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; } + .container::after { + content: ""; + display: table; + clear: both; } + @media (min-width: 544px) { + .container { + max-width: 576px; } } + @media (min-width: 768px) { + .container { + max-width: 720px; } } + @media (min-width: 992px) { + .container { + max-width: 940px; } } + @media (min-width: 1200px) { + .container { + max-width: 1140px; } } + +.container-fluid { + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; } + .container-fluid::after { + content: ""; + display: table; + clear: both; } + +.row { + margin-left: -15px; + margin-right: -15px; } + .row::after { + content: ""; + display: table; + clear: both; } + +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .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-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-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-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 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; } + +.col-xs-1 { + float: left; + width: 8.33333%; } + +.col-xs-2 { + float: left; + width: 16.66667%; } + +.col-xs-3 { + float: left; + width: 25%; } + +.col-xs-4 { + float: left; + width: 33.33333%; } + +.col-xs-5 { + float: left; + width: 41.66667%; } + +.col-xs-6 { + float: left; + width: 50%; } + +.col-xs-7 { + float: left; + width: 58.33333%; } + +.col-xs-8 { + float: left; + width: 66.66667%; } + +.col-xs-9 { + float: left; + width: 75%; } + +.col-xs-10 { + float: left; + width: 83.33333%; } + +.col-xs-11 { + float: left; + width: 91.66667%; } + +.col-xs-12 { + float: left; + width: 100%; } + +.pull-xs-0 { + right: auto; } + +.pull-xs-1 { + right: 8.33333%; } + +.pull-xs-2 { + right: 16.66667%; } + +.pull-xs-3 { + right: 25%; } + +.pull-xs-4 { + right: 33.33333%; } + +.pull-xs-5 { + right: 41.66667%; } + +.pull-xs-6 { + right: 50%; } + +.pull-xs-7 { + right: 58.33333%; } + +.pull-xs-8 { + right: 66.66667%; } + +.pull-xs-9 { + right: 75%; } + +.pull-xs-10 { + right: 83.33333%; } + +.pull-xs-11 { + right: 91.66667%; } + +.pull-xs-12 { + right: 100%; } + +.push-xs-0 { + left: auto; } + +.push-xs-1 { + left: 8.33333%; } + +.push-xs-2 { + left: 16.66667%; } + +.push-xs-3 { + left: 25%; } + +.push-xs-4 { + left: 33.33333%; } + +.push-xs-5 { + left: 41.66667%; } + +.push-xs-6 { + left: 50%; } + +.push-xs-7 { + left: 58.33333%; } + +.push-xs-8 { + left: 66.66667%; } + +.push-xs-9 { + left: 75%; } + +.push-xs-10 { + left: 83.33333%; } + +.push-xs-11 { + left: 91.66667%; } + +.push-xs-12 { + left: 100%; } + +.offset-xs-1 { + margin-left: 8.33333%; } + +.offset-xs-2 { + margin-left: 16.66667%; } + +.offset-xs-3 { + margin-left: 25%; } + +.offset-xs-4 { + margin-left: 33.33333%; } + +.offset-xs-5 { + margin-left: 41.66667%; } + +.offset-xs-6 { + margin-left: 50%; } + +.offset-xs-7 { + margin-left: 58.33333%; } + +.offset-xs-8 { + margin-left: 66.66667%; } + +.offset-xs-9 { + margin-left: 75%; } + +.offset-xs-10 { + margin-left: 83.33333%; } + +.offset-xs-11 { + margin-left: 91.66667%; } + +@media (min-width: 544px) { + .col-sm-1 { + float: left; + width: 8.33333%; } + .col-sm-2 { + float: left; + width: 16.66667%; } + .col-sm-3 { + float: left; + width: 25%; } + .col-sm-4 { + float: left; + width: 33.33333%; } + .col-sm-5 { + float: left; + width: 41.66667%; } + .col-sm-6 { + float: left; + width: 50%; } + .col-sm-7 { + float: left; + width: 58.33333%; } + .col-sm-8 { + float: left; + width: 66.66667%; } + .col-sm-9 { + float: left; + width: 75%; } + .col-sm-10 { + float: left; + width: 83.33333%; } + .col-sm-11 { + float: left; + width: 91.66667%; } + .col-sm-12 { + float: left; + width: 100%; } + .pull-sm-0 { + right: auto; } + .pull-sm-1 { + right: 8.33333%; } + .pull-sm-2 { + right: 16.66667%; } + .pull-sm-3 { + right: 25%; } + .pull-sm-4 { + right: 33.33333%; } + .pull-sm-5 { + right: 41.66667%; } + .pull-sm-6 { + right: 50%; } + .pull-sm-7 { + right: 58.33333%; } + .pull-sm-8 { + right: 66.66667%; } + .pull-sm-9 { + right: 75%; } + .pull-sm-10 { + right: 83.33333%; } + .pull-sm-11 { + right: 91.66667%; } + .pull-sm-12 { + right: 100%; } + .push-sm-0 { + left: auto; } + .push-sm-1 { + left: 8.33333%; } + .push-sm-2 { + left: 16.66667%; } + .push-sm-3 { + left: 25%; } + .push-sm-4 { + left: 33.33333%; } + .push-sm-5 { + left: 41.66667%; } + .push-sm-6 { + left: 50%; } + .push-sm-7 { + left: 58.33333%; } + .push-sm-8 { + left: 66.66667%; } + .push-sm-9 { + left: 75%; } + .push-sm-10 { + left: 83.33333%; } + .push-sm-11 { + left: 91.66667%; } + .push-sm-12 { + left: 100%; } + .offset-sm-0 { + margin-left: 0%; } + .offset-sm-1 { + margin-left: 8.33333%; } + .offset-sm-2 { + margin-left: 16.66667%; } + .offset-sm-3 { + margin-left: 25%; } + .offset-sm-4 { + margin-left: 33.33333%; } + .offset-sm-5 { + margin-left: 41.66667%; } + .offset-sm-6 { + margin-left: 50%; } + .offset-sm-7 { + margin-left: 58.33333%; } + .offset-sm-8 { + margin-left: 66.66667%; } + .offset-sm-9 { + margin-left: 75%; } + .offset-sm-10 { + margin-left: 83.33333%; } + .offset-sm-11 { + margin-left: 91.66667%; } } + +@media (min-width: 768px) { + .col-md-1 { + float: left; + width: 8.33333%; } + .col-md-2 { + float: left; + width: 16.66667%; } + .col-md-3 { + float: left; + width: 25%; } + .col-md-4 { + float: left; + width: 33.33333%; } + .col-md-5 { + float: left; + width: 41.66667%; } + .col-md-6 { + float: left; + width: 50%; } + .col-md-7 { + float: left; + width: 58.33333%; } + .col-md-8 { + float: left; + width: 66.66667%; } + .col-md-9 { + float: left; + width: 75%; } + .col-md-10 { + float: left; + width: 83.33333%; } + .col-md-11 { + float: left; + width: 91.66667%; } + .col-md-12 { + float: left; + width: 100%; } + .pull-md-0 { + right: auto; } + .pull-md-1 { + right: 8.33333%; } + .pull-md-2 { + right: 16.66667%; } + .pull-md-3 { + right: 25%; } + .pull-md-4 { + right: 33.33333%; } + .pull-md-5 { + right: 41.66667%; } + .pull-md-6 { + right: 50%; } + .pull-md-7 { + right: 58.33333%; } + .pull-md-8 { + right: 66.66667%; } + .pull-md-9 { + right: 75%; } + .pull-md-10 { + right: 83.33333%; } + .pull-md-11 { + right: 91.66667%; } + .pull-md-12 { + right: 100%; } + .push-md-0 { + left: auto; } + .push-md-1 { + left: 8.33333%; } + .push-md-2 { + left: 16.66667%; } + .push-md-3 { + left: 25%; } + .push-md-4 { + left: 33.33333%; } + .push-md-5 { + left: 41.66667%; } + .push-md-6 { + left: 50%; } + .push-md-7 { + left: 58.33333%; } + .push-md-8 { + left: 66.66667%; } + .push-md-9 { + left: 75%; } + .push-md-10 { + left: 83.33333%; } + .push-md-11 { + left: 91.66667%; } + .push-md-12 { + left: 100%; } + .offset-md-0 { + margin-left: 0%; } + .offset-md-1 { + margin-left: 8.33333%; } + .offset-md-2 { + margin-left: 16.66667%; } + .offset-md-3 { + margin-left: 25%; } + .offset-md-4 { + margin-left: 33.33333%; } + .offset-md-5 { + margin-left: 41.66667%; } + .offset-md-6 { + margin-left: 50%; } + .offset-md-7 { + margin-left: 58.33333%; } + .offset-md-8 { + margin-left: 66.66667%; } + .offset-md-9 { + margin-left: 75%; } + .offset-md-10 { + margin-left: 83.33333%; } + .offset-md-11 { + margin-left: 91.66667%; } } + +@media (min-width: 992px) { + .col-lg-1 { + float: left; + width: 8.33333%; } + .col-lg-2 { + float: left; + width: 16.66667%; } + .col-lg-3 { + float: left; + width: 25%; } + .col-lg-4 { + float: left; + width: 33.33333%; } + .col-lg-5 { + float: left; + width: 41.66667%; } + .col-lg-6 { + float: left; + width: 50%; } + .col-lg-7 { + float: left; + width: 58.33333%; } + .col-lg-8 { + float: left; + width: 66.66667%; } + .col-lg-9 { + float: left; + width: 75%; } + .col-lg-10 { + float: left; + width: 83.33333%; } + .col-lg-11 { + float: left; + width: 91.66667%; } + .col-lg-12 { + float: left; + width: 100%; } + .pull-lg-0 { + right: auto; } + .pull-lg-1 { + right: 8.33333%; } + .pull-lg-2 { + right: 16.66667%; } + .pull-lg-3 { + right: 25%; } + .pull-lg-4 { + right: 33.33333%; } + .pull-lg-5 { + right: 41.66667%; } + .pull-lg-6 { + right: 50%; } + .pull-lg-7 { + right: 58.33333%; } + .pull-lg-8 { + right: 66.66667%; } + .pull-lg-9 { + right: 75%; } + .pull-lg-10 { + right: 83.33333%; } + .pull-lg-11 { + right: 91.66667%; } + .pull-lg-12 { + right: 100%; } + .push-lg-0 { + left: auto; } + .push-lg-1 { + left: 8.33333%; } + .push-lg-2 { + left: 16.66667%; } + .push-lg-3 { + left: 25%; } + .push-lg-4 { + left: 33.33333%; } + .push-lg-5 { + left: 41.66667%; } + .push-lg-6 { + left: 50%; } + .push-lg-7 { + left: 58.33333%; } + .push-lg-8 { + left: 66.66667%; } + .push-lg-9 { + left: 75%; } + .push-lg-10 { + left: 83.33333%; } + .push-lg-11 { + left: 91.66667%; } + .push-lg-12 { + left: 100%; } + .offset-lg-0 { + margin-left: 0%; } + .offset-lg-1 { + margin-left: 8.33333%; } + .offset-lg-2 { + margin-left: 16.66667%; } + .offset-lg-3 { + margin-left: 25%; } + .offset-lg-4 { + margin-left: 33.33333%; } + .offset-lg-5 { + margin-left: 41.66667%; } + .offset-lg-6 { + margin-left: 50%; } + .offset-lg-7 { + margin-left: 58.33333%; } + .offset-lg-8 { + margin-left: 66.66667%; } + .offset-lg-9 { + margin-left: 75%; } + .offset-lg-10 { + margin-left: 83.33333%; } + .offset-lg-11 { + margin-left: 91.66667%; } } + +@media (min-width: 1200px) { + .col-xl-1 { + float: left; + width: 8.33333%; } + .col-xl-2 { + float: left; + width: 16.66667%; } + .col-xl-3 { + float: left; + width: 25%; } + .col-xl-4 { + float: left; + width: 33.33333%; } + .col-xl-5 { + float: left; + width: 41.66667%; } + .col-xl-6 { + float: left; + width: 50%; } + .col-xl-7 { + float: left; + width: 58.33333%; } + .col-xl-8 { + float: left; + width: 66.66667%; } + .col-xl-9 { + float: left; + width: 75%; } + .col-xl-10 { + float: left; + width: 83.33333%; } + .col-xl-11 { + float: left; + width: 91.66667%; } + .col-xl-12 { + float: left; + width: 100%; } + .pull-xl-0 { + right: auto; } + .pull-xl-1 { + right: 8.33333%; } + .pull-xl-2 { + right: 16.66667%; } + .pull-xl-3 { + right: 25%; } + .pull-xl-4 { + right: 33.33333%; } + .pull-xl-5 { + right: 41.66667%; } + .pull-xl-6 { + right: 50%; } + .pull-xl-7 { + right: 58.33333%; } + .pull-xl-8 { + right: 66.66667%; } + .pull-xl-9 { + right: 75%; } + .pull-xl-10 { + right: 83.33333%; } + .pull-xl-11 { + right: 91.66667%; } + .pull-xl-12 { + right: 100%; } + .push-xl-0 { + left: auto; } + .push-xl-1 { + left: 8.33333%; } + .push-xl-2 { + left: 16.66667%; } + .push-xl-3 { + left: 25%; } + .push-xl-4 { + left: 33.33333%; } + .push-xl-5 { + left: 41.66667%; } + .push-xl-6 { + left: 50%; } + .push-xl-7 { + left: 58.33333%; } + .push-xl-8 { + left: 66.66667%; } + .push-xl-9 { + left: 75%; } + .push-xl-10 { + left: 83.33333%; } + .push-xl-11 { + left: 91.66667%; } + .push-xl-12 { + left: 100%; } + .offset-xl-0 { + margin-left: 0%; } + .offset-xl-1 { + margin-left: 8.33333%; } + .offset-xl-2 { + margin-left: 16.66667%; } + .offset-xl-3 { + margin-left: 25%; } + .offset-xl-4 { + margin-left: 33.33333%; } + .offset-xl-5 { + margin-left: 41.66667%; } + .offset-xl-6 { + margin-left: 50%; } + .offset-xl-7 { + margin-left: 58.33333%; } + .offset-xl-8 { + margin-left: 66.66667%; } + .offset-xl-9 { + margin-left: 75%; } + .offset-xl-10 { + margin-left: 83.33333%; } + .offset-xl-11 { + margin-left: 91.66667%; } } + +.table { + width: 100%; + max-width: 100%; + margin-bottom: 1rem; } + .table th, + .table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid #eceeef; } + .table thead th { + vertical-align: bottom; + border-bottom: 2px solid #eceeef; } + .table tbody + tbody { + border-top: 2px solid #eceeef; } + .table .table { + background-color: #fff; } + +.table-sm th, +.table-sm td { + padding: 0.3rem; } + +.table-bordered { + border: 1px solid #eceeef; } + .table-bordered th, + .table-bordered td { + border: 1px solid #eceeef; } + .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); } + +.table-hover tbody tr:hover { + background-color: rgba(0, 0, 0, 0.075); } + +.table-active, +.table-active > th, +.table-active > td { + background-color: rgba(0, 0, 0, 0.075); } + +.table-hover .table-active:hover { + background-color: rgba(0, 0, 0, 0.075); } + .table-hover .table-active:hover > td, + .table-hover .table-active:hover > th { + background-color: rgba(0, 0, 0, 0.075); } + +.table-success, +.table-success > th, +.table-success > td { + background-color: #dff0d8; } + +.table-hover .table-success:hover { + background-color: #d0e9c6; } + .table-hover .table-success:hover > td, + .table-hover .table-success:hover > th { + background-color: #d0e9c6; } + +.table-info, +.table-info > th, +.table-info > td { + background-color: #d9edf7; } + +.table-hover .table-info:hover { + background-color: #c4e3f3; } + .table-hover .table-info:hover > td, + .table-hover .table-info:hover > th { + background-color: #c4e3f3; } + +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #fcf8e3; } + +.table-hover .table-warning:hover { + background-color: #faf2cc; } + .table-hover .table-warning:hover > td, + .table-hover .table-warning:hover > th { + background-color: #faf2cc; } + +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f2dede; } + +.table-hover .table-danger:hover { + background-color: #ebcccc; } + .table-hover .table-danger:hover > td, + .table-hover .table-danger:hover > th { + background-color: #ebcccc; } + +.thead-inverse th { + color: #fff; + background-color: #373a3c; } + +.thead-default th { + color: #55595c; + background-color: #eceeef; } + +.table-inverse { + color: #eceeef; + background-color: #373a3c; } + .table-inverse th, + .table-inverse td, + .table-inverse thead th { + border-color: #55595c; } + .table-inverse.table-bordered { + border: 0; } + +.table-responsive { + display: block; + width: 100%; + min-height: .01%; + overflow-x: auto; } + +.table-reflow thead { + float: left; } + +.table-reflow tbody { + display: block; + white-space: nowrap; } + +.table-reflow th, +.table-reflow td { + border-top: 1px solid #eceeef; + border-left: 1px solid #eceeef; } + .table-reflow th:last-child, + .table-reflow td:last-child { + border-right: 1px solid #eceeef; } + +.table-reflow thead:last-child tr:last-child th, +.table-reflow thead:last-child tr:last-child td, +.table-reflow tbody:last-child tr:last-child th, +.table-reflow tbody:last-child tr:last-child td, +.table-reflow tfoot:last-child tr:last-child th, +.table-reflow tfoot:last-child tr:last-child td { + border-bottom: 1px solid #eceeef; } + +.table-reflow tr { + float: left; } + .table-reflow tr th, + .table-reflow tr td { + display: block !important; + border: 1px solid #eceeef; } + +.form-control { + display: block; + width: 100%; + padding: 0.5rem 0.75rem; + font-size: 1rem; + line-height: 1.25; + color: #55595c; + background-color: #fff; + background-image: none; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; } + .form-control::-ms-expand { + background-color: transparent; + border: 0; } + .form-control:focus { + color: #55595c; + background-color: #fff; + border-color: #66afe9; + outline: none; } + .form-control::placeholder { + color: #999; + opacity: 1; } + .form-control:disabled, .form-control[readonly] { + background-color: #eceeef; + opacity: 1; } + .form-control:disabled { + cursor: not-allowed; } + +select.form-control:not([size]):not([multiple]) { + height: 2.5rem; } + +select.form-control:focus::-ms-value { + color: #55595c; + background-color: #fff; } + +.form-control-file, +.form-control-range { + display: block; } + +.col-form-label { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + margin-bottom: 0; } + +.col-form-label-lg { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + font-size: 1.25rem; } + +.col-form-label-sm { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + font-size: 0.875rem; } + +.col-form-legend { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + margin-bottom: 0; + font-size: 1rem; } + +.form-control-static { + min-height: 2.5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + margin-bottom: 0; } + .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, + .input-group-sm > .form-control-static.input-group-addon, + .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, + .input-group-lg > .form-control-static.input-group-addon, + .input-group-lg > .input-group-btn > .form-control-static.btn { + padding-right: 0; + padding-left: 0; } + +.form-control-sm, .input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + 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 > select.input-group-addon:not([size]):not([multiple]), +.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) { + height: 1.8125rem; } + +.form-control-lg, .input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + 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 > select.input-group-addon:not([size]):not([multiple]), +.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) { + height: 3.16667rem; } + +.form-group { + margin-bottom: 1rem; } + +.form-text { + display: block; + margin-top: 0.25rem; } + +.form-check { + position: relative; + display: block; + margin-bottom: 0.75rem; } + .form-check + .form-check { + margin-top: -.25rem; } + .form-check.disabled .form-check-label { + color: #818a91; + cursor: not-allowed; } + +.form-check-label { + padding-left: 1.25rem; + margin-bottom: 0; + cursor: pointer; } + +.form-check-input { + position: absolute; + margin-top: .25rem; + margin-left: -1.25rem; } + .form-check-input:only-child { + position: static; } + +.form-check-inline { + position: relative; + display: inline-block; + padding-left: 1.25rem; + margin-bottom: 0; + vertical-align: middle; + cursor: pointer; } + .form-check-inline + .form-check-inline { + margin-left: .75rem; } + .form-check-inline.disabled { + cursor: not-allowed; } + +.form-control-feedback { + margin-top: 0.25rem; } + +.form-control-success, +.form-control-warning, +.form-control-danger { + padding-right: 2.25rem; + background-repeat: no-repeat; + background-position: center right 0.625rem; + background-size: 1.25rem 1.25rem; } + +.has-success .form-control-feedback, +.has-success .form-control-label, +.has-success .form-check-label, +.has-success .form-check-inline, +.has-success .custom-control { + color: #5cb85c; } + +.has-success .form-control { + border-color: #5cb85c; } + +.has-success .input-group-addon { + color: #5cb85c; + border-color: #5cb85c; + background-color: #eaf6ea; } + +.has-success .form-control-feedback { + color: #5cb85c; } + +.has-success .form-control-success { + 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='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); } + +.has-warning .form-control-feedback, +.has-warning .form-control-label, +.has-warning .form-check-label, +.has-warning .form-check-inline, +.has-warning .custom-control { + color: #f0ad4e; } + +.has-warning .form-control { + border-color: #f0ad4e; } + +.has-warning .input-group-addon { + color: #f0ad4e; + border-color: #f0ad4e; + background-color: white; } + +.has-warning .form-control-feedback { + color: #f0ad4e; } + +.has-warning .form-control-warning { + 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='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); } + +.has-danger .form-control-feedback, +.has-danger .form-control-label, +.has-danger .form-check-label, +.has-danger .form-check-inline, +.has-danger .custom-control { + color: #d9534f; } + +.has-danger .form-control { + border-color: #d9534f; } + +.has-danger .input-group-addon { + color: #d9534f; + border-color: #d9534f; + background-color: #fdf7f7; } + +.has-danger .form-control-feedback { + color: #d9534f; } + +.has-danger .form-control-danger { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); } + +@media (min-width: 544px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; } + .form-inline .form-control-static { + display: inline-block; } + .form-inline .input-group { + display: inline-table; + vertical-align: middle; } + .form-inline .input-group .input-group-addon, + .form-inline .input-group .input-group-btn, + .form-inline .input-group .form-control { + width: auto; } + .form-inline .input-group > .form-control { + width: 100%; } + .form-inline .form-control-label { + margin-bottom: 0; + vertical-align: middle; } + .form-inline .form-check { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .form-inline .form-check-label { + padding-left: 0; } + .form-inline .form-check-input { + position: relative; + margin-left: 0; } + .form-inline .has-feedback .form-control-feedback { + top: 0; } } + +.btn { + display: inline-block; + font-weight: normal; + line-height: 1.25; + text-align: center; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + user-select: none; + border: 1px solid transparent; + padding: 0.5rem 1rem; + font-size: 1rem; + border-radius: 0.25rem; } + .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + .btn:focus, .btn:hover { + text-decoration: none; } + .btn.focus { + text-decoration: none; } + .btn:active, .btn.active { + background-image: none; + outline: 0; } + .btn.disabled, .btn:disabled { + cursor: not-allowed; + opacity: .65; } + +a.btn.disabled, +fieldset[disabled] a.btn { + pointer-events: none; } + +.btn-primary { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .btn-primary:hover { + color: #fff; + background-color: #025aa5; + border-color: #01549b; } + .btn-primary:focus, .btn-primary.focus { + color: #fff; + background-color: #025aa5; + border-color: #01549b; } + .btn-primary:active, .btn-primary.active, + .open > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #025aa5; + border-color: #01549b; + background-image: none; } + .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, + .open > .btn-primary.dropdown-toggle:hover, + .open > .btn-primary.dropdown-toggle:focus, + .open > .btn-primary.dropdown-toggle.focus { + color: #fff; + background-color: #014682; + border-color: #01315a; } + .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus { + background-color: #0275d8; + border-color: #0275d8; } + .btn-primary.disabled:hover, .btn-primary:disabled:hover { + background-color: #0275d8; + border-color: #0275d8; } + +.btn-secondary { + color: #373a3c; + background-color: #fff; + border-color: #ccc; } + .btn-secondary:hover { + color: #373a3c; + background-color: #e6e6e6; + border-color: #adadad; } + .btn-secondary:focus, .btn-secondary.focus { + color: #373a3c; + background-color: #e6e6e6; + border-color: #adadad; } + .btn-secondary:active, .btn-secondary.active, + .open > .btn-secondary.dropdown-toggle { + color: #373a3c; + background-color: #e6e6e6; + border-color: #adadad; + background-image: none; } + .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, + .open > .btn-secondary.dropdown-toggle:hover, + .open > .btn-secondary.dropdown-toggle:focus, + .open > .btn-secondary.dropdown-toggle.focus { + color: #373a3c; + background-color: #d4d4d4; + border-color: #8c8c8c; } + .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus { + background-color: #fff; + border-color: #ccc; } + .btn-secondary.disabled:hover, .btn-secondary:disabled:hover { + background-color: #fff; + border-color: #ccc; } + +.btn-info { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-info:hover { + color: #fff; + background-color: #31b0d5; + border-color: #2aabd2; } + .btn-info:focus, .btn-info.focus { + color: #fff; + background-color: #31b0d5; + border-color: #2aabd2; } + .btn-info:active, .btn-info.active, + .open > .btn-info.dropdown-toggle { + color: #fff; + background-color: #31b0d5; + border-color: #2aabd2; + background-image: none; } + .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, + .open > .btn-info.dropdown-toggle:hover, + .open > .btn-info.dropdown-toggle:focus, + .open > .btn-info.dropdown-toggle.focus { + color: #fff; + background-color: #269abc; + border-color: #1f7e9a; } + .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus { + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-info.disabled:hover, .btn-info:disabled:hover { + background-color: #5bc0de; + border-color: #5bc0de; } + +.btn-success { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-success:hover { + color: #fff; + background-color: #449d44; + border-color: #419641; } + .btn-success:focus, .btn-success.focus { + color: #fff; + background-color: #449d44; + border-color: #419641; } + .btn-success:active, .btn-success.active, + .open > .btn-success.dropdown-toggle { + color: #fff; + background-color: #449d44; + border-color: #419641; + background-image: none; } + .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, + .open > .btn-success.dropdown-toggle:hover, + .open > .btn-success.dropdown-toggle:focus, + .open > .btn-success.dropdown-toggle.focus { + color: #fff; + background-color: #398439; + border-color: #2d672d; } + .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus { + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-success.disabled:hover, .btn-success:disabled:hover { + background-color: #5cb85c; + border-color: #5cb85c; } + +.btn-warning { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-warning:hover { + color: #fff; + background-color: #ec971f; + border-color: #eb9316; } + .btn-warning:focus, .btn-warning.focus { + color: #fff; + background-color: #ec971f; + border-color: #eb9316; } + .btn-warning:active, .btn-warning.active, + .open > .btn-warning.dropdown-toggle { + color: #fff; + background-color: #ec971f; + border-color: #eb9316; + background-image: none; } + .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, + .open > .btn-warning.dropdown-toggle:hover, + .open > .btn-warning.dropdown-toggle:focus, + .open > .btn-warning.dropdown-toggle.focus { + color: #fff; + background-color: #d58512; + border-color: #b06d0f; } + .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus { + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-warning.disabled:hover, .btn-warning:disabled:hover { + background-color: #f0ad4e; + border-color: #f0ad4e; } + +.btn-danger { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; } + .btn-danger:hover { + color: #fff; + background-color: #c9302c; + border-color: #c12e2a; } + .btn-danger:focus, .btn-danger.focus { + color: #fff; + background-color: #c9302c; + border-color: #c12e2a; } + .btn-danger:active, .btn-danger.active, + .open > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #c9302c; + border-color: #c12e2a; + background-image: none; } + .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, + .open > .btn-danger.dropdown-toggle:hover, + .open > .btn-danger.dropdown-toggle:focus, + .open > .btn-danger.dropdown-toggle.focus { + color: #fff; + background-color: #ac2925; + border-color: #8b211e; } + .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus { + background-color: #d9534f; + border-color: #d9534f; } + .btn-danger.disabled:hover, .btn-danger:disabled:hover { + background-color: #d9534f; + border-color: #d9534f; } + +.btn-outline-primary { + color: #0275d8; + background-image: none; + background-color: transparent; + border-color: #0275d8; } + .btn-outline-primary:hover { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .btn-outline-primary:focus, .btn-outline-primary.focus { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .btn-outline-primary:active, .btn-outline-primary.active, + .open > .btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; } + .btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus, + .open > .btn-outline-primary.dropdown-toggle:hover, + .open > .btn-outline-primary.dropdown-toggle:focus, + .open > .btn-outline-primary.dropdown-toggle.focus { + color: #fff; + background-color: #014682; + border-color: #01315a; } + .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus { + border-color: #43a7fd; } + .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover { + border-color: #43a7fd; } + +.btn-outline-secondary { + color: #ccc; + background-image: none; + background-color: transparent; + border-color: #ccc; } + .btn-outline-secondary:hover { + color: #fff; + background-color: #ccc; + border-color: #ccc; } + .btn-outline-secondary:focus, .btn-outline-secondary.focus { + color: #fff; + background-color: #ccc; + border-color: #ccc; } + .btn-outline-secondary:active, .btn-outline-secondary.active, + .open > .btn-outline-secondary.dropdown-toggle { + color: #fff; + background-color: #ccc; + border-color: #ccc; } + .btn-outline-secondary:active:hover, .btn-outline-secondary:active:focus, .btn-outline-secondary:active.focus, .btn-outline-secondary.active:hover, .btn-outline-secondary.active:focus, .btn-outline-secondary.active.focus, + .open > .btn-outline-secondary.dropdown-toggle:hover, + .open > .btn-outline-secondary.dropdown-toggle:focus, + .open > .btn-outline-secondary.dropdown-toggle.focus { + color: #fff; + background-color: #a1a1a1; + border-color: #8c8c8c; } + .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled.focus, .btn-outline-secondary:disabled:focus, .btn-outline-secondary:disabled.focus { + border-color: white; } + .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { + border-color: white; } + +.btn-outline-info { + color: #5bc0de; + background-image: none; + background-color: transparent; + border-color: #5bc0de; } + .btn-outline-info:hover { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-outline-info:focus, .btn-outline-info.focus { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-outline-info:active, .btn-outline-info.active, + .open > .btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; } + .btn-outline-info:active:hover, .btn-outline-info:active:focus, .btn-outline-info:active.focus, .btn-outline-info.active:hover, .btn-outline-info.active:focus, .btn-outline-info.active.focus, + .open > .btn-outline-info.dropdown-toggle:hover, + .open > .btn-outline-info.dropdown-toggle:focus, + .open > .btn-outline-info.dropdown-toggle.focus { + color: #fff; + background-color: #269abc; + border-color: #1f7e9a; } + .btn-outline-info.disabled:focus, .btn-outline-info.disabled.focus, .btn-outline-info:disabled:focus, .btn-outline-info:disabled.focus { + border-color: #b0e1ef; } + .btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover { + border-color: #b0e1ef; } + +.btn-outline-success { + color: #5cb85c; + background-image: none; + background-color: transparent; + border-color: #5cb85c; } + .btn-outline-success:hover { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-outline-success:focus, .btn-outline-success.focus { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-outline-success:active, .btn-outline-success.active, + .open > .btn-outline-success.dropdown-toggle { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; } + .btn-outline-success:active:hover, .btn-outline-success:active:focus, .btn-outline-success:active.focus, .btn-outline-success.active:hover, .btn-outline-success.active:focus, .btn-outline-success.active.focus, + .open > .btn-outline-success.dropdown-toggle:hover, + .open > .btn-outline-success.dropdown-toggle:focus, + .open > .btn-outline-success.dropdown-toggle.focus { + color: #fff; + background-color: #398439; + border-color: #2d672d; } + .btn-outline-success.disabled:focus, .btn-outline-success.disabled.focus, .btn-outline-success:disabled:focus, .btn-outline-success:disabled.focus { + border-color: #a3d7a3; } + .btn-outline-success.disabled:hover, .btn-outline-success:disabled:hover { + border-color: #a3d7a3; } + +.btn-outline-warning { + color: #f0ad4e; + background-image: none; + background-color: transparent; + border-color: #f0ad4e; } + .btn-outline-warning:hover { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-outline-warning:focus, .btn-outline-warning.focus { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-outline-warning:active, .btn-outline-warning.active, + .open > .btn-outline-warning.dropdown-toggle { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; } + .btn-outline-warning:active:hover, .btn-outline-warning:active:focus, .btn-outline-warning:active.focus, .btn-outline-warning.active:hover, .btn-outline-warning.active:focus, .btn-outline-warning.active.focus, + .open > .btn-outline-warning.dropdown-toggle:hover, + .open > .btn-outline-warning.dropdown-toggle:focus, + .open > .btn-outline-warning.dropdown-toggle.focus { + color: #fff; + background-color: #d58512; + border-color: #b06d0f; } + .btn-outline-warning.disabled:focus, .btn-outline-warning.disabled.focus, .btn-outline-warning:disabled:focus, .btn-outline-warning:disabled.focus { + border-color: #f8d9ac; } + .btn-outline-warning.disabled:hover, .btn-outline-warning:disabled:hover { + border-color: #f8d9ac; } + +.btn-outline-danger { + color: #d9534f; + background-image: none; + background-color: transparent; + border-color: #d9534f; } + .btn-outline-danger:hover { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; } + .btn-outline-danger:focus, .btn-outline-danger.focus { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; } + .btn-outline-danger:active, .btn-outline-danger.active, + .open > .btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; } + .btn-outline-danger:active:hover, .btn-outline-danger:active:focus, .btn-outline-danger:active.focus, .btn-outline-danger.active:hover, .btn-outline-danger.active:focus, .btn-outline-danger.active.focus, + .open > .btn-outline-danger.dropdown-toggle:hover, + .open > .btn-outline-danger.dropdown-toggle:focus, + .open > .btn-outline-danger.dropdown-toggle.focus { + color: #fff; + background-color: #ac2925; + border-color: #8b211e; } + .btn-outline-danger.disabled:focus, .btn-outline-danger.disabled.focus, .btn-outline-danger:disabled:focus, .btn-outline-danger:disabled.focus { + border-color: #eba5a3; } + .btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover { + border-color: #eba5a3; } + +.btn-link { + font-weight: normal; + color: #0275d8; + border-radius: 0; } + .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { + background-color: transparent; } + .btn-link, .btn-link:focus, .btn-link:active { + border-color: transparent; } + .btn-link:hover { + border-color: transparent; } + .btn-link:focus, .btn-link:hover { + color: #014c8c; + text-decoration: underline; + background-color: transparent; } + .btn-link:disabled:focus, .btn-link:disabled:hover { + color: #818a91; + text-decoration: none; } + +.btn-lg, .btn-group-lg > .btn { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + border-radius: 0.3rem; } + +.btn-sm, .btn-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: 0.2rem; } + +.btn-block { + display: block; + width: 100%; } + +.btn-block + .btn-block { + margin-top: 0.5rem; } + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; } + +.fade { + opacity: 0; + transition: opacity .15s linear; } + .fade.in { + opacity: 1; } + +.collapse { + display: none; } + .collapse.in { + display: block; } + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition-timing-function: ease; + transition-duration: .35s; + transition-property: height; } + +.dropup, +.dropdown { + position: relative; } + +.dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.3em; + vertical-align: middle; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-left: 0.3em solid transparent; } + +.dropdown-toggle:focus { + outline: 0; } + +.dropup .dropdown-toggle::after { + border-top: 0; + border-bottom: 0.3em solid; } + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + font-size: 1rem; + color: #373a3c; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; } + +.dropdown-divider { + height: 1px; + margin: 0.5rem 0; + overflow: hidden; + background-color: #e5e5e5; } + +.dropdown-item { + display: block; + width: 100%; + padding: 3px 20px; + clear: both; + font-weight: normal; + color: #373a3c; + text-align: inherit; + white-space: nowrap; + background: none; + border: 0; } + .dropdown-item:focus, .dropdown-item:hover { + color: #2b2d2f; + text-decoration: none; + background-color: #f5f5f5; } + .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { + color: #fff; + text-decoration: none; + background-color: #0275d8; + outline: 0; } + .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { + color: #818a91; } + .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { + text-decoration: none; + cursor: not-allowed; + background-color: transparent; + background-image: none; + filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; } + +.open > .dropdown-menu { + display: block; } + +.open > a { + outline: 0; } + +.dropdown-menu-right { + right: 0; + left: auto; } + +.dropdown-menu-left { + right: auto; + left: 0; } + +.dropdown-header { + display: block; + padding: 5px 20px; + font-size: 0.875rem; + color: #818a91; + white-space: nowrap; } + +.dropdown-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 990; } + +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + content: ""; + border-top: 0; + border-bottom: 0.3em solid; } + +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 2px; } + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; } + .btn-group > .btn, + .btn-group-vertical > .btn { + position: relative; + float: left; } + .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: 2; } + .btn-group > .btn:hover, + .btn-group-vertical > .btn:hover { + z-index: 2; } + +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; } + +.btn-toolbar { + margin-left: -0.5rem; } + .btn-toolbar::after { + content: ""; + display: table; + clear: both; } + .btn-toolbar .btn-group, + .btn-toolbar .input-group { + float: left; } + .btn-toolbar > .btn, + .btn-toolbar > .btn-group, + .btn-toolbar > .input-group { + margin-left: 0.5rem; } + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; } + +.btn-group > .btn:first-child { + margin-left: 0; } + .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + +.btn-group > .btn-group { + float: left; } + +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; } + +.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; } + +.btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; } + .btn + .dropdown-toggle-split::after { + margin-left: 0; } + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; } + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 1.125rem; + padding-left: 1.125rem; } + +.btn .caret { + margin-left: 0; } + +.btn-lg .caret, .btn-group-lg > .btn .caret { + border-width: 0.3em 0.3em 0; + border-bottom-width: 0; } + +.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { + border-width: 0 0.3em 0.3em; } + +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group, +.btn-group-vertical > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; } + +.btn-group-vertical > .btn-group::after { + content: ""; + display: table; + clear: both; } + +.btn-group-vertical > .btn-group > .btn { + float: none; } + +.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(:first-child):not(:last-child) { + border-radius: 0; } + +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-top-right-radius: 0; + border-top-left-radius: 0; } + +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; } + +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; } + +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; } + +.input-group { + position: relative; + width: 100%; + display: table; + border-collapse: separate; } + .input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; } + .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { + z-index: 3; } + +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; } + .input-group-addon:not(:first-child):not(:last-child), + .input-group-btn:not(:first-child):not(:last-child), + .input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; } + +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; } + +.input-group-addon { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: normal; + line-height: 1.25; + color: #55595c; + text-align: center; + background-color: #eceeef; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; } + .input-group-addon.form-control-sm, + .input-group-sm > .input-group-addon, + .input-group-sm > .input-group-btn > .input-group-addon.btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: 0.2rem; } + .input-group-addon.form-control-lg, + .input-group-lg > .input-group-addon, + .input-group-lg > .input-group-btn > .input-group-addon.btn { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + border-radius: 0.3rem; } + .input-group-addon input[type="radio"], + .input-group-addon input[type="checkbox"] { + margin-top: 0; } + +.input-group .form-control:not(:last-child), +.input-group-addon:not(:last-child), +.input-group-btn:not(:last-child) > .btn, +.input-group-btn:not(:last-child) > .btn-group > .btn, +.input-group-btn:not(:last-child) > .dropdown-toggle, +.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + +.input-group-addon:not(:last-child) { + border-right: 0; } + +.input-group .form-control:not(:first-child), +.input-group-addon:not(:first-child), +.input-group-btn:not(:first-child) > .btn, +.input-group-btn:not(:first-child) > .btn-group > .btn, +.input-group-btn:not(:first-child) > .dropdown-toggle, +.input-group-btn:not(:last-child) > .btn:not(:first-child), +.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + +.form-control + .input-group-addon:not(:first-child) { + border-left: 0; } + +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap; } + .input-group-btn > .btn { + position: relative; } + .input-group-btn > .btn + .btn { + margin-left: -1px; } + .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { + z-index: 3; } + .input-group-btn:not(:last-child) > .btn, + .input-group-btn:not(:last-child) > .btn-group { + margin-right: -1px; } + .input-group-btn:not(:first-child) > .btn, + .input-group-btn:not(:first-child) > .btn-group { + z-index: 2; + margin-left: -1px; } + .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover, + .input-group-btn:not(:first-child) > .btn-group:focus, + .input-group-btn:not(:first-child) > .btn-group:active, + .input-group-btn:not(:first-child) > .btn-group:hover { + z-index: 3; } + +.custom-control { + position: relative; + display: inline; + padding-left: 1.5rem; + cursor: pointer; } + .custom-control + .custom-control { + margin-left: 1rem; } + +.custom-control-input { + position: absolute; + z-index: -1; + opacity: 0; } + .custom-control-input:checked ~ .custom-control-indicator { + color: #fff; + background-color: #0074d9; } + .custom-control-input:focus ~ .custom-control-indicator { + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; } + .custom-control-input:active ~ .custom-control-indicator { + color: #fff; + background-color: #84c6ff; } + .custom-control-input:disabled ~ .custom-control-indicator { + cursor: not-allowed; + background-color: #eee; } + .custom-control-input:disabled ~ .custom-control-description { + color: #767676; + cursor: not-allowed; } + +.custom-control-indicator { + position: absolute; + top: .0625rem; + left: 0; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + user-select: none; + background-color: #ddd; + background-repeat: no-repeat; + background-position: center center; + background-size: 50% 50%; } + +.custom-checkbox .custom-control-indicator { + border-radius: 0.25rem; } + +.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { + 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-indicator { + background-color: #0074d9; + 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-radio .custom-control-indicator { + border-radius: 50%; } + +.custom-radio .custom-control-input:checked ~ .custom-control-indicator { + 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-controls-stacked .custom-control { + display: inline; } + .custom-controls-stacked .custom-control::after { + display: block; + margin-bottom: 0.25rem; + content: ""; } + .custom-controls-stacked .custom-control + .custom-control { + margin-left: 0; } + +.custom-select { + display: inline-block; + max-width: 100%; + padding: 0.375rem 1.75rem 0.375rem 0.75rem; + padding-right: 0.75rem \9; + color: #55595c; + vertical-align: middle; + background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; + background-image: none \9; + background-size: 8px 10px; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; + -moz-appearance: none; + -webkit-appearance: none; } + .custom-select:focus { + border-color: #51a7e8; + outline: none; } + .custom-select:focus::-ms-value { + color: #55595c; + background-color: #fff; } + .custom-select:disabled { + color: #818a91; + cursor: not-allowed; + background-color: #eceeef; } + .custom-select::-ms-expand { + opacity: 0; } + +.custom-select-sm { + padding-top: 0.375rem; + padding-bottom: 0.375rem; + font-size: 75%; } + +.custom-file { + position: relative; + display: inline-block; + max-width: 100%; + height: 2.5rem; + cursor: pointer; } + +.custom-file-input { + min-width: 14rem; + max-width: 100%; + margin: 0; + filter: alpha(opacity=0); + opacity: 0; } + +.custom-file-control { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 5; + height: 2.5rem; + padding: 0.5rem 1rem; + line-height: 1.5; + color: #555; + user-select: none; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 0.25rem; } + .custom-file-control:lang(en)::after { + content: "Choose file..."; } + .custom-file-control::before { + position: absolute; + top: -1px; + right: -1px; + bottom: -1px; + z-index: 6; + display: block; + height: 2.5rem; + padding: 0.5rem 1rem; + line-height: 1.5; + color: #555; + background-color: #eee; + border: 1px solid #ddd; + border-radius: 0 0.25rem 0.25rem 0; } + .custom-file-control:lang(en)::before { + content: "Browse"; } + +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #eceeef; + border-radius: 0.3rem; } + @media (min-width: 544px) { + .jumbotron { + padding: 4rem 2rem; } } + +.jumbotron-hr { + border-top-color: #d0d5d8; } + +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; } + +.alert { + padding: 1rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.25rem; } + +.alert-heading { + color: inherit; } + +.alert-link { + font-weight: bold; } + +.alert-dismissible { + padding-right: 2rem; } + .alert-dismissible .close { + position: relative; + top: -.125rem; + right: -1rem; + color: inherit; } + +.alert-success { + background-color: #dff0d8; + border-color: #d0e9c6; + color: #3c763d; } + .alert-success hr { + border-top-color: #c1e2b3; } + .alert-success .alert-link { + color: #2b542c; } + +.alert-info { + background-color: #d9edf7; + border-color: #bcdff1; + color: #31708f; } + .alert-info hr { + border-top-color: #a6d5ec; } + .alert-info .alert-link { + color: #245269; } + +.alert-warning { + background-color: #fcf8e3; + border-color: #faf2cc; + color: #8a6d3b; } + .alert-warning hr { + border-top-color: #f7ecb5; } + .alert-warning .alert-link { + color: #66512c; } + +.alert-danger { + background-color: #f2dede; + border-color: #ebcccc; + color: #a94442; } + .alert-danger hr { + border-top-color: #e4b9b9; } + .alert-danger .alert-link { + color: #843534; } + +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; } + to { + background-position: 0 0; } } + +.progress { + display: block; + width: 100%; + height: 1rem; + margin-bottom: 1rem; } + +.progress[value] { + background-color: #eee; + border: 0; + appearance: none; + border-radius: 0.25rem; } + +.progress[value]::-ms-fill { + background-color: #0074d9; + border: 0; } + +.progress[value]::-moz-progress-bar { + background-color: #0074d9; + border-bottom-left-radius: 0.25rem; + border-top-left-radius: 0.25rem; } + +.progress[value]::-webkit-progress-value { + background-color: #0074d9; + border-bottom-left-radius: 0.25rem; + border-top-left-radius: 0.25rem; } + +.progress[value="100"]::-moz-progress-bar { + border-bottom-right-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + +.progress[value="100"]::-webkit-progress-value { + border-bottom-right-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + +.progress[value]::-webkit-progress-bar { + background-color: #eee; + border-radius: 0.25rem; } + +base::-moz-progress-bar, +.progress[value] { + background-color: #eee; + border-radius: 0.25rem; } + +@media screen and (min-width: 0\0) { + .progress { + background-color: #eee; + border-radius: 0.25rem; } + .progress-bar { + display: inline-block; + height: 1rem; + text-indent: -999rem; + background-color: #0074d9; + border-bottom-left-radius: 0.25rem; + border-top-left-radius: 0.25rem; } + .progress[width="100%"] { + border-bottom-right-radius: 0.25rem; + border-top-right-radius: 0.25rem; } } + +.progress-striped[value]::-webkit-progress-value { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; } + +.progress-striped[value]::-moz-progress-bar { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; } + +.progress-striped[value]::-ms-fill { + 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; } + +@media screen and (min-width: 0\0) { + .progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 1rem 1rem; } } + +.progress-animated[value]::-webkit-progress-value { + animation: progress-bar-stripes 2s linear infinite; } + +.progress-animated[value]::-moz-progress-bar { + animation: progress-bar-stripes 2s linear infinite; } + +@media screen and (min-width: 0\0) { + .progress-animated .progress-bar-striped { + animation: progress-bar-stripes 2s linear infinite; } } + +.progress-success[value]::-webkit-progress-value { + background-color: #5cb85c; } + +.progress-success[value]::-moz-progress-bar { + background-color: #5cb85c; } + +.progress-success[value]::-ms-fill { + background-color: #5cb85c; } + +@media screen and (min-width: 0\0) { + .progress-success .progress-bar { + background-color: #5cb85c; } } + +.progress-info[value]::-webkit-progress-value { + background-color: #5bc0de; } + +.progress-info[value]::-moz-progress-bar { + background-color: #5bc0de; } + +.progress-info[value]::-ms-fill { + background-color: #5bc0de; } + +@media screen and (min-width: 0\0) { + .progress-info .progress-bar { + background-color: #5bc0de; } } + +.progress-warning[value]::-webkit-progress-value { + background-color: #f0ad4e; } + +.progress-warning[value]::-moz-progress-bar { + background-color: #f0ad4e; } + +.progress-warning[value]::-ms-fill { + background-color: #f0ad4e; } + +@media screen and (min-width: 0\0) { + .progress-warning .progress-bar { + background-color: #f0ad4e; } } + +.progress-danger[value]::-webkit-progress-value { + background-color: #d9534f; } + +.progress-danger[value]::-moz-progress-bar { + background-color: #d9534f; } + +.progress-danger[value]::-ms-fill { + background-color: #d9534f; } + +@media screen and (min-width: 0\0) { + .progress-danger .progress-bar { + background-color: #d9534f; } } + +.media, +.media-body { + overflow: hidden; } + +.media-body { + width: 10000px; } + +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; } + +.media-middle { + vertical-align: middle; } + +.media-bottom { + vertical-align: bottom; } + +.media-object { + display: block; } + .media-object.img-thumbnail { + max-width: none; } + +.media-right { + padding-left: 10px; } + +.media-left { + padding-right: 10px; } + +.media-heading { + margin-top: 0; + margin-bottom: 5px; } + +.media-list { + padding-left: 0; + list-style: none; } + +.list-group { + padding-left: 0; + margin-bottom: 0; } + +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid #ddd; } + .list-group-item:first-child { + border-top-right-radius: 0.25rem; + border-top-left-radius: 0.25rem; } + .list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } + .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { + color: #818a91; + cursor: not-allowed; + background-color: #eceeef; } + .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { + color: inherit; } + .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { + color: #818a91; } + .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { + z-index: 2; + color: #fff; + text-decoration: none; + background-color: #0275d8; + border-color: #0275d8; } + .list-group-item.active .list-group-item-heading, + .list-group-item.active .list-group-item-heading > small, + .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, + .list-group-item.active:focus .list-group-item-heading > small, + .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, + .list-group-item.active:hover .list-group-item-heading > small, + .list-group-item.active:hover .list-group-item-heading > .small { + color: inherit; } + .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { + color: #a8d6fe; } + +.list-group-flush .list-group-item { + border-radius: 0; } + +.list-group-item-action { + width: 100%; + color: #555; + text-align: inherit; } + .list-group-item-action .list-group-item-heading { + color: #333; } + .list-group-item-action:focus, .list-group-item-action:hover { + color: #555; + text-decoration: none; + background-color: #f5f5f5; } + +.list-group-item-success { + color: #3c763d; + background-color: #dff0d8; } + +a.list-group-item-success, +button.list-group-item-success { + color: #3c763d; } + a.list-group-item-success .list-group-item-heading, + button.list-group-item-success .list-group-item-heading { + color: inherit; } + a.list-group-item-success:focus, a.list-group-item-success:hover, + button.list-group-item-success:focus, + button.list-group-item-success:hover { + color: #3c763d; + background-color: #d0e9c6; } + a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, + button.list-group-item-success.active, + button.list-group-item-success.active:focus, + button.list-group-item-success.active:hover { + color: #fff; + background-color: #3c763d; + border-color: #3c763d; } + +.list-group-item-info { + color: #31708f; + background-color: #d9edf7; } + +a.list-group-item-info, +button.list-group-item-info { + color: #31708f; } + a.list-group-item-info .list-group-item-heading, + button.list-group-item-info .list-group-item-heading { + color: inherit; } + a.list-group-item-info:focus, a.list-group-item-info:hover, + button.list-group-item-info:focus, + button.list-group-item-info:hover { + color: #31708f; + background-color: #c4e3f3; } + a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, + button.list-group-item-info.active, + button.list-group-item-info.active:focus, + button.list-group-item-info.active:hover { + color: #fff; + background-color: #31708f; + border-color: #31708f; } + +.list-group-item-warning { + color: #8a6d3b; + background-color: #fcf8e3; } + +a.list-group-item-warning, +button.list-group-item-warning { + color: #8a6d3b; } + a.list-group-item-warning .list-group-item-heading, + button.list-group-item-warning .list-group-item-heading { + color: inherit; } + a.list-group-item-warning:focus, a.list-group-item-warning:hover, + button.list-group-item-warning:focus, + button.list-group-item-warning:hover { + color: #8a6d3b; + background-color: #faf2cc; } + a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, + button.list-group-item-warning.active, + button.list-group-item-warning.active:focus, + button.list-group-item-warning.active:hover { + color: #fff; + background-color: #8a6d3b; + border-color: #8a6d3b; } + +.list-group-item-danger { + color: #a94442; + background-color: #f2dede; } + +a.list-group-item-danger, +button.list-group-item-danger { + color: #a94442; } + a.list-group-item-danger .list-group-item-heading, + button.list-group-item-danger .list-group-item-heading { + color: inherit; } + a.list-group-item-danger:focus, a.list-group-item-danger:hover, + button.list-group-item-danger:focus, + button.list-group-item-danger:hover { + color: #a94442; + background-color: #ebcccc; } + a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, + button.list-group-item-danger.active, + button.list-group-item-danger.active:focus, + button.list-group-item-danger.active:hover { + color: #fff; + background-color: #a94442; + border-color: #a94442; } + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; } + +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; } + +.embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0; + overflow: hidden; } + .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 { + padding-bottom: 42.85714%; } + +.embed-responsive-16by9 { + padding-bottom: 56.25%; } + +.embed-responsive-4by3 { + padding-bottom: 75%; } + +.embed-responsive-1by1 { + padding-bottom: 100%; } + +.close { + float: right; + font-size: 1.5rem; + font-weight: bold; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .2; } + .close:focus, .close:hover { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: .5; } + +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; } + +.modal-open { + overflow: hidden; } + +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + overflow: hidden; + outline: 0; + -webkit-overflow-scrolling: touch; } + .modal.fade .modal-dialog { + transition: transform .3s ease-out; + transform: translate(0, -25%); } + .modal.in .modal-dialog { + transform: translate(0, 0); } + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; } + +.modal-dialog { + position: relative; + width: auto; + margin: 10px; } + +.modal-content { + position: relative; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + outline: 0; } + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; } + .modal-backdrop.fade { + opacity: 0; } + .modal-backdrop.in { + opacity: 0.5; } + +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; } + .modal-header::after { + content: ""; + display: table; + clear: both; } + +.modal-header .close { + margin-top: -2px; } + +.modal-title { + margin: 0; + line-height: 1.5; } + +.modal-body { + position: relative; + padding: 15px; } + +.modal-footer { + padding: 15px; + text-align: right; + border-top: 1px solid #e5e5e5; } + .modal-footer::after { + content: ""; + display: table; + clear: both; } + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; } + +@media (min-width: 544px) { + .modal-dialog { + max-width: 600px; + margin: 30px auto; } + .modal-sm { + max-width: 300px; } } + +@media (min-width: 992px) { + .modal-lg { + max-width: 900px; } } + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + line-break: auto; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + white-space: normal; + word-break: normal; + word-spacing: normal; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; } + .tooltip.in { + opacity: 0.9; } + .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { + padding: 5px 0; + margin-top: -3px; } + .tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000; } + .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { + padding: 0 5px; + margin-left: 3px; } + .tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000; } + .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { + padding: 5px 0; + margin-top: 3px; } + .tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; } + .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { + padding: 0 5px; + margin-left: -3px; } + .tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000; } + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 0.25rem; } + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; } + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + padding: 1px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + line-break: auto; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + white-space: normal; + word-break: normal; + word-spacing: normal; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; } + .popover.popover-top, .popover.bs-tether-element-attached-bottom { + margin-top: -10px; } + .popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-width: 0; } + .popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after { + bottom: 1px; + margin-left: -10px; + content: ""; + border-top-color: #fff; + border-bottom-width: 0; } + .popover.popover-right, .popover.bs-tether-element-attached-left { + margin-left: 10px; } + .popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; } + .popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after { + bottom: -10px; + left: 1px; + content: ""; + border-right-color: #fff; + border-left-width: 0; } + .popover.popover-bottom, .popover.bs-tether-element-attached-top { + margin-top: 10px; } + .popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: rgba(0, 0, 0, 0.25); } + .popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after { + top: 1px; + margin-left: -10px; + content: ""; + border-top-width: 0; + border-bottom-color: #fff; } + .popover.popover-left, .popover.bs-tether-element-attached-right { + margin-left: -10px; } + .popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: rgba(0, 0, 0, 0.25); } + .popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after { + right: 1px; + bottom: -10px; + content: ""; + border-right-width: 0; + border-left-color: #fff; } + +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 0.2375rem 0.2375rem 0 0; } + .popover-title:empty { + display: none; } + +.popover-content { + padding: 9px 14px; } + +.popover-arrow, .popover-arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; } + +.popover-arrow { + border-width: 11px; } + +.popover-arrow::after { + content: ""; + border-width: 10px; } + +.carousel { + position: relative; } + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; } + .carousel-inner > .carousel-item { + position: relative; + display: none; + transition: .6s ease-in-out left; } + .carousel-inner > .carousel-item > img, + .carousel-inner > .carousel-item > a > img { + line-height: 1; } + @media all and (transform-3d), (-webkit-transform-3d) { + .carousel-inner > .carousel-item { + transition: transform .6s ease-in-out; + backface-visibility: hidden; + perspective: 1000px; } + .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right { + left: 0; + transform: translate3d(100%, 0, 0); } + .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left { + left: 0; + transform: translate3d(-100%, 0, 0); } + .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active { + left: 0; + transform: translate3d(0, 0, 0); } } + .carousel-inner > .active, + .carousel-inner > .next, + .carousel-inner > .prev { + display: block; } + .carousel-inner > .active { + left: 0; } + .carousel-inner > .next, + .carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; } + .carousel-inner > .next { + left: 100%; } + .carousel-inner > .prev { + left: -100%; } + .carousel-inner > .next.left, + .carousel-inner > .prev.right { + left: 0; } + .carousel-inner > .active.left { + left: -100%; } + .carousel-inner > .active.right { + left: 100%; } + +.carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 15%; + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + opacity: 0.5; } + .carousel-control.left { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } + .carousel-control.right { + right: 0; + left: auto; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } + .carousel-control:focus, .carousel-control:hover { + color: #fff; + text-decoration: none; + outline: 0; + opacity: .9; } + .carousel-control .icon-prev, + .carousel-control .icon-next { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + width: 20px; + height: 20px; + margin-top: -10px; + font-family: serif; + line-height: 1; } + .carousel-control .icon-prev { + left: 50%; + margin-left: -10px; } + .carousel-control .icon-next { + right: 50%; + margin-right: -10px; } + .carousel-control .icon-prev::before { + content: "\2039"; } + .carousel-control .icon-next::before { + content: "\203a"; } + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + padding-left: 0; + margin-left: -30%; + text-align: center; + list-style: none; } + .carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + cursor: pointer; + background-color: transparent; + border: 1px solid #fff; + border-radius: 10px; } + .carousel-indicators .active { + width: 12px; + height: 12px; + margin: 0; + background-color: #fff; } + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .carousel-caption .btn { + text-shadow: none; } + +@media (min-width: 544px) { + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px; } + .carousel-control .icon-prev { + margin-left: -15px; } + .carousel-control .icon-next { + margin-right: -15px; } + .carousel-caption { + right: 20%; + left: 20%; + padding-bottom: 30px; } + .carousel-indicators { + bottom: 20px; } } + +.bg-faded { + background-color: #f7f7f9; } + +.bg-primary { + color: #fff !important; + background-color: #0275d8 !important; } + +a.bg-primary:focus, a.bg-primary:hover { + background-color: #025aa5 !important; } + +.bg-success { + color: #fff !important; + background-color: #5cb85c !important; } + +a.bg-success:focus, a.bg-success:hover { + background-color: #449d44 !important; } + +.bg-info { + color: #fff !important; + background-color: #5bc0de !important; } + +a.bg-info:focus, a.bg-info:hover { + background-color: #31b0d5 !important; } + +.bg-warning { + color: #fff !important; + background-color: #f0ad4e !important; } + +a.bg-warning:focus, a.bg-warning:hover { + background-color: #ec971f !important; } + +.bg-danger { + color: #fff !important; + background-color: #d9534f !important; } + +a.bg-danger:focus, a.bg-danger:hover { + background-color: #c9302c !important; } + +.bg-inverse { + color: #fff !important; + background-color: #373a3c !important; } + +a.bg-inverse:focus, a.bg-inverse:hover { + background-color: #1f2021 !important; } + +.clearfix::after { + content: ""; + display: table; + clear: both; } + +.d-block { + display: block !important; } + +.d-inline-block { + display: inline-block !important; } + +.d-inline { + display: inline !important; } + +.pull-xs-left { + float: left !important; } + +.pull-xs-right { + float: right !important; } + +.pull-xs-none { + float: none !important; } + +@media (min-width: 544px) { + .pull-sm-left { + float: left !important; } + .pull-sm-right { + float: right !important; } + .pull-sm-none { + float: none !important; } } + +@media (min-width: 768px) { + .pull-md-left { + float: left !important; } + .pull-md-right { + float: right !important; } + .pull-md-none { + float: none !important; } } + +@media (min-width: 992px) { + .pull-lg-left { + float: left !important; } + .pull-lg-right { + float: right !important; } + .pull-lg-none { + float: none !important; } } + +@media (min-width: 1200px) { + .pull-xl-left { + float: left !important; } + .pull-xl-right { + float: right !important; } + .pull-xl-none { + float: none !important; } } + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + +.sr-only-focusable:active, .sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; } + +.w-100 { + width: 100% !important; } + +.m-x-auto { + margin-right: auto !important; + margin-left: auto !important; } + +.m-a-0 { + margin: 0 0 !important; } + +.m-t-0 { + margin-top: 0 !important; } + +.m-r-0 { + margin-right: 0 !important; } + +.m-b-0 { + margin-bottom: 0 !important; } + +.m-l-0 { + margin-left: 0 !important; } + +.m-x-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + +.m-y-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + +.m-a-1 { + margin: 1rem 1rem !important; } + +.m-t-1 { + margin-top: 1rem !important; } + +.m-r-1 { + margin-right: 1rem !important; } + +.m-b-1 { + margin-bottom: 1rem !important; } + +.m-l-1 { + margin-left: 1rem !important; } + +.m-x-1 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + +.m-y-1 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + +.m-a-2 { + margin: 1.5rem 1.5rem !important; } + +.m-t-2 { + margin-top: 1.5rem !important; } + +.m-r-2 { + margin-right: 1.5rem !important; } + +.m-b-2 { + margin-bottom: 1.5rem !important; } + +.m-l-2 { + margin-left: 1.5rem !important; } + +.m-x-2 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + +.m-y-2 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + +.m-a-3 { + margin: 3rem 3rem !important; } + +.m-t-3 { + margin-top: 3rem !important; } + +.m-r-3 { + margin-right: 3rem !important; } + +.m-b-3 { + margin-bottom: 3rem !important; } + +.m-l-3 { + margin-left: 3rem !important; } + +.m-x-3 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + +.m-y-3 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + +.p-a-0 { + padding: 0 0 !important; } + +.p-t-0 { + padding-top: 0 !important; } + +.p-r-0 { + padding-right: 0 !important; } + +.p-b-0 { + padding-bottom: 0 !important; } + +.p-l-0 { + padding-left: 0 !important; } + +.p-x-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + +.p-y-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + +.p-a-1 { + padding: 1rem 1rem !important; } + +.p-t-1 { + padding-top: 1rem !important; } + +.p-r-1 { + padding-right: 1rem !important; } + +.p-b-1 { + padding-bottom: 1rem !important; } + +.p-l-1 { + padding-left: 1rem !important; } + +.p-x-1 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + +.p-y-1 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + +.p-a-2 { + padding: 1.5rem 1.5rem !important; } + +.p-t-2 { + padding-top: 1.5rem !important; } + +.p-r-2 { + padding-right: 1.5rem !important; } + +.p-b-2 { + padding-bottom: 1.5rem !important; } + +.p-l-2 { + padding-left: 1.5rem !important; } + +.p-x-2 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + +.p-y-2 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + +.p-a-3 { + padding: 3rem 3rem !important; } + +.p-t-3 { + padding-top: 3rem !important; } + +.p-r-3 { + padding-right: 3rem !important; } + +.p-b-3 { + padding-bottom: 3rem !important; } + +.p-l-3 { + padding-left: 3rem !important; } + +.p-x-3 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + +.p-y-3 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + +.pos-f-t { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; } + +.text-justify { + text-align: justify !important; } + +.text-nowrap { + white-space: nowrap !important; } + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + +.text-xs-left { + text-align: left !important; } + +.text-xs-right { + text-align: right !important; } + +.text-xs-center { + text-align: center !important; } + +@media (min-width: 544px) { + .text-sm-left { + text-align: left !important; } + .text-sm-right { + text-align: right !important; } + .text-sm-center { + text-align: center !important; } } + +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; } + .text-md-right { + text-align: right !important; } + .text-md-center { + text-align: center !important; } } + +@media (min-width: 992px) { + .text-lg-left { + text-align: left !important; } + .text-lg-right { + text-align: right !important; } + .text-lg-center { + text-align: center !important; } } + +@media (min-width: 1200px) { + .text-xl-left { + text-align: left !important; } + .text-xl-right { + text-align: right !important; } + .text-xl-center { + text-align: center !important; } } + +.text-lowercase { + text-transform: lowercase !important; } + +.text-uppercase { + text-transform: uppercase !important; } + +.text-capitalize { + text-transform: capitalize !important; } + +.font-weight-normal { + font-weight: normal; } + +.font-weight-bold { + font-weight: bold; } + +.font-italic { + font-style: italic; } + +.text-muted { + color: #818a91 !important; } + +a.text-muted:focus, a.text-muted:hover { + color: #687077 !important; } + +.text-primary { + color: #0275d8 !important; } + +a.text-primary:focus, a.text-primary:hover { + color: #025aa5 !important; } + +.text-success { + color: #5cb85c !important; } + +a.text-success:focus, a.text-success:hover { + color: #449d44 !important; } + +.text-info { + color: #5bc0de !important; } + +a.text-info:focus, a.text-info:hover { + color: #31b0d5 !important; } + +.text-warning { + color: #f0ad4e !important; } + +a.text-warning:focus, a.text-warning:hover { + color: #ec971f !important; } + +.text-danger { + color: #d9534f !important; } + +a.text-danger:focus, a.text-danger:hover { + color: #c9302c !important; } + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; } + +.invisible { + visibility: hidden !important; } + +.hidden-xs-up { + display: none !important; } + +@media (max-width: 543px) { + .hidden-xs-down { + display: none !important; } } + +@media (min-width: 544px) { + .hidden-sm-up { + display: none !important; } } + +@media (max-width: 767px) { + .hidden-sm-down { + display: none !important; } } + +@media (min-width: 768px) { + .hidden-md-up { + display: none !important; } } + +@media (max-width: 991px) { + .hidden-md-down { + display: none !important; } } + +@media (min-width: 992px) { + .hidden-lg-up { + display: none !important; } } + +@media (max-width: 1199px) { + .hidden-lg-down { + display: none !important; } } + +@media (min-width: 1200px) { + .hidden-xl-up { + display: none !important; } } + +.hidden-xl-down { + display: none !important; } + +.visible-print-block { + display: none !important; } + @media print { + .visible-print-block { + display: block !important; } } + +.visible-print-inline { + display: none !important; } + @media print { + .visible-print-inline { + display: inline !important; } } + +.visible-print-inline-block { + display: none !important; } + @media print { + .visible-print-inline-block { + display: inline-block !important; } } + +@media print { + .hidden-print { + display: none !important; } } + +body { + font-family: "MuseoSansRounded", 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 300; + font-style: normal; + font-size: 16px; } + body.audit .logo svg { + fill: #0ECAEA; } + body.audit ::selection { + background: #0ECAEA; + color: black; } + body.audit ::-moz-selection { + background: #0ECAEA; + color: black; } + body.audit header .header .search .type .dropdown ul li.selected:before { + background-color: #0ECAEA; } + body.audit header .filters .option .select:after { + background: #0ECAEA; } + body.audit header .filters .option select { + color: #0ECAEA; + border-color: #0ECAEA; } + body.audit header .filters .option ul li:hover:after { + background: #0ECAEA; } + body.audit header .filters .option ul li.selected { + border-color: #0ECAEA; + color: #0ECAEA; } + body.audit header .filters .option ul li.selected:after { + background: #0ECAEA; } + body.buildings .logo svg { + fill: #FBD13A; } + body.buildings ::selection { + background: #FBD13A; + color: black; } + body.buildings ::-moz-selection { + background: #FBD13A; + color: black; } + body.buildings header .header .search .type .dropdown ul li.selected:before { + background-color: #FBD13A; } + body.buildings header .filters .option .select:after { + background: #FBD13A; } + body.buildings header .filters .option select { + color: #FBD13A; + border-color: #FBD13A; } + body.buildings header .filters .option ul li:hover:after { + background: #FBD13A; } + body.buildings header .filters .option ul li.selected { + border-color: #FBD13A; + color: #FBD13A; } + body.buildings header .filters .option ul li.selected:after { + background: #FBD13A; } + body.engineering .logo svg { + fill: #95EAFF; } + body.engineering ::selection { + background: #95EAFF; + color: black; } + body.engineering ::-moz-selection { + background: #95EAFF; + color: black; } + body.engineering header .header .search .type .dropdown ul li.selected:before { + background-color: #95EAFF; } + body.engineering header .filters .option .select:after { + background: #95EAFF; } + body.engineering header .filters .option select { + color: #95EAFF; + border-color: #95EAFF; } + body.engineering header .filters .option ul li:hover:after { + background: #95EAFF; } + body.engineering header .filters .option ul li.selected { + border-color: #95EAFF; + color: #95EAFF; } + body.engineering header .filters .option ul li.selected:after { + background: #95EAFF; } + body.finance .logo svg { + fill: #20D3A3; } + body.finance ::selection { + background: #20D3A3; + color: black; } + body.finance ::-moz-selection { + background: #20D3A3; + color: black; } + body.finance header .header .search .type .dropdown ul li.selected:before { + background-color: #20D3A3; } + body.finance header .filters .option .select:after { + background: #20D3A3; } + body.finance header .filters .option select { + color: #20D3A3; + border-color: #20D3A3; } + body.finance header .filters .option ul li:hover:after { + background: #20D3A3; } + body.finance header .filters .option ul li.selected { + border-color: #20D3A3; + color: #20D3A3; } + body.finance header .filters .option ul li.selected:after { + background: #20D3A3; } + body.marketplace .logo svg { + fill: #893BC4; } + body.marketplace ::selection { + background: #893BC4; + color: black; } + body.marketplace ::-moz-selection { + background: #893BC4; + color: black; } + body.marketplace header .header .search .type .dropdown ul li.selected:before { + background-color: #893BC4; } + body.marketplace header .filters .option .select:after { + background: #893BC4; } + body.marketplace header .filters .option select { + color: #893BC4; + border-color: #893BC4; } + body.marketplace header .filters .option ul li:hover:after { + background: #893BC4; } + body.marketplace header .filters .option ul li.selected { + border-color: #893BC4; + color: #893BC4; } + body.marketplace header .filters .option ul li.selected:after { + background: #893BC4; } + body.parent .logo svg { + fill: #FF4906; } + body.parent ::selection { + background: #FF4906; + color: black; } + body.parent ::-moz-selection { + background: #FF4906; + color: black; } + body.parent header .header .search .type .dropdown ul li.selected:before { + background-color: #FF4906; } + body.parent header .filters .option .select:after { + background: #FF4906; } + body.parent header .filters .option select { + color: #FF4906; + border-color: #FF4906; } + body.parent header .filters .option ul li:hover:after { + background: #FF4906; } + body.parent header .filters .option ul li.selected { + border-color: #FF4906; + color: #FF4906; } + body.parent header .filters .option ul li.selected:after { + background: #FF4906; } + body.analytics .logo svg { + fill: #FB8F32; } + body.analytics ::selection { + background: #FB8F32; + color: black; } + body.analytics ::-moz-selection { + background: #FB8F32; + color: black; } + body.analytics header .header .search .type .dropdown ul li.selected:before { + background-color: #FB8F32; } + body.analytics header .filters .option .select:after { + background: #FB8F32; } + body.analytics header .filters .option select { + color: #FB8F32; + border-color: #FB8F32; } + body.analytics header .filters .option ul li:hover:after { + background: #FB8F32; } + body.analytics header .filters .option ul li.selected { + border-color: #FB8F32; + color: #FB8F32; } + body.analytics header .filters .option ul li.selected:after { + background: #FB8F32; } + body.analyze .logo svg { + fill: #0088E4; } + body.analyze ::selection { + background: #0088E4; + color: black; } + body.analyze ::-moz-selection { + background: #0088E4; + color: black; } + body.analyze header .header .search .type .dropdown ul li.selected:before { + background-color: #0088E4; } + body.analyze header .filters .option .select:after { + background: #0088E4; } + body.analyze header .filters .option select { + color: #0088E4; + border-color: #0088E4; } + body.analyze header .filters .option ul li:hover:after { + background: #0088E4; } + body.analyze header .filters .option ul li.selected { + border-color: #0088E4; + color: #0088E4; } + body.analyze header .filters .option ul li.selected:after { + background: #0088E4; } + +.energy-rating { + position: relative; + width: 100%; } + .energy-rating .stop { + background: #ccc; + color: black; + position: absolute; + bottom: -10px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + width: 40px; + height: 40px; + margin-left: -20px; + border: 2px solid white; + border-radius: 15px; + text-align: center; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + -moz-transform: rotate(45deg); + transform: rotate(45deg); } + .energy-rating .stop span { + display: block; + line-height: 2.2em; + width: 40px; + height: 40px; + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + transform: rotate(-45deg); } + .energy-rating .stop.s1 { + color: white; + left: 10%; + background: #20D1A1; } + .energy-rating .stop.s2 { + color: white; + left: 20%; + background: #6AD17E; } + .energy-rating .stop.s3 { + color: white; + left: 30%; + background: #B5CF59; } + .energy-rating .stop.s4 { + color: white; + left: 40%; + background: #F9CB38; } + .energy-rating .stop.s5 { + color: white; + left: 50%; + background: #F4B134; } + .energy-rating .stop.s6 { + color: white; + left: 60%; + background: #F89F33; } + .energy-rating .stop.s7 { + color: white; + left: 70%; + background: #F9882D; } + .energy-rating .stop.s8 { + color: white; + left: 80%; + background: #FC721F; } + .energy-rating .stop.s9 { + color: white; + left: 90%; + background: #F85911; } + .energy-rating .stop.s10 { + color: white; + left: 100%; + background: #FB4705; } + .energy-rating .stop.s1 { + left: 5%; } + .energy-rating .stop.s10 { + left: 95%; } + .energy-rating .spectrum { + height: 20px; + background: #20D3A3; + background: linear-gradient(90deg, #20D3A3 0%, #FBD13A 33%, #FB8F32 66%, #FF4906 100%); } + +@font-face { + font-family: "MuseoSansRounded"; + src: url("../../dist/fonts/MuseoSansRounded-300.otf") format("opentype"); + font-weight: 300; } + +@font-face { + font-family: "MuseoSansRounded"; + src: url("../../dist/fonts/MuseoSansRounded-500.otf") format("opentype"); + font-weight: 500; } + +@font-face { + font-family: "MuseoSansRounded"; + src: url("../../dist/fonts/MuseoSansRounded-700.otf") format("opentype"); + font-weight: 700; } + +@font-face { + font-family: "iconfont"; + src: url("../../dist/fonts/iconfont.eot"); + src: url("../../dist/fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../../dist/fonts/iconfont.woff") format("woff"), url("../../dist/fonts/iconfont.ttf") format("truetype"), url("../../dist/fonts/iconfont.svg#iconfont") format("svg"); + font-weight: normal; + font-style: normal; } + +h3 { + font-size: 1.2em; + line-height: 1.4em; } + +h4 { + font-size: 1.2em; + line-height: 1.3em; + padding: 20px 0; } + +h5 { + font-size: 0.9em; + line-height: 1.3em; + font-weight: normal; } + +h6 { + color: #3F3F3F; + font-size: 0.7em; + font-weight: 200; + text-transform: uppercase; + letter-spacing: 0.07em; + opacity: 0.5; } + +.uppercase { + text-transform: uppercase; } + +.text-center { + text-align: center; } + +@keyframes swap-right { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + -o-transform: translateX(0); + -moz-transform: translateX(0); + transform: translateX(0); } + 50% { + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + -o-transform: translateX(100%); + -moz-transform: translateX(100%); + transform: translateX(100%); } + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + -o-transform: translateX(0); + -moz-transform: translateX(0); + transform: translateX(0); } } + +@keyframes swap-left { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + -o-transform: translateX(0); + -moz-transform: translateX(0); + transform: translateX(0); } + 50% { + -webkit-transform: translateX(-100%); + -ms-transform: translateX(-100%); + -o-transform: translateX(-100%); + -moz-transform: translateX(-100%); + transform: translateX(-100%); } + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + -o-transform: translateX(0); + -moz-transform: translateX(0); + transform: translateX(0); } } + +@keyframes rotate { + 0% { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + -moz-transform: rotate(0deg); + transform: rotate(0deg); } + 25% { + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + -moz-transform: rotate(90deg); + transform: rotate(90deg); } + 50% { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + -moz-transform: rotate(180deg); + transform: rotate(180deg); } + 75% { + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -o-transform: rotate(270deg); + -moz-transform: rotate(270deg); + transform: rotate(270deg); } + 100% { + -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + -moz-transform: rotate(360deg); + transform: rotate(360deg); } } + +@keyframes fade { + 0% { + opacity: 0; } + 50% { + opacity: 1; } + 100% { + opacity: 0; } } + +.loader { + width: 40px; + height: 40px; + position: relative; + -webkit-animation-name: rotate; + -ms-animation-name: rotate; + -o-animation-name: rotate; + -moz-animation-name: rotate; + animation-name: rotate; + -webkit-animation-duration: 2s; + -ms-animation-duration: 2s; + -o-animation-duration: 2s; + -moz-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + -o-animation-iteration-count: infinite; + -moz-animation-iteration-count: infinite; + animation-iteration-count: infinite; } + .loader .circle { + width: 20px; + height: 20px; + border-radius: 10px; + position: absolute; + border: 1px solid white; + -webkit-animation-duration: 2s; + -ms-animation-duration: 2s; + -o-animation-duration: 2s; + -moz-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-duration: infinite; + -ms-animation-duration: infinite; + -o-animation-duration: infinite; + -moz-animation-duration: infinite; + animation-duration: infinite; + -webkit-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + -moz-transition-property: all; + transition-property: all; + -webkit-transition-duration: 4s; + -ms-transition-duration: 4s; + -o-transition-duration: 4s; + -moz-transition-duration: 4s; + transition-duration: 4s; + -webkit-transition-timing-function: cubic-bezier(0.6, 0.6, 0.7, 1.5); + -ms-transition-timing-function: cubic-bezier(0.6, 0.6, 0.7, 1.5); + -o-transition-timing-function: cubic-bezier(0.6, 0.6, 0.7, 1.5); + -moz-transition-timing-function: cubic-bezier(0.6, 0.6, 0.7, 1.5); + transition-timing-function: cubic-bezier(0.6, 0.6, 0.7, 1.5); + -webkit-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + -moz-transition-delay: 0; + transition-delay: 0; } + .loader .circle:first-child { + top: 0; + left: 0; + background: #FF4906; + -webkit-animation-name: swap-right; + -ms-animation-name: swap-right; + -o-animation-name: swap-right; + -moz-animation-name: swap-right; + animation-name: swap-right; } + .loader .circle:nth-child(2) { + top: 0; + right: 0; + background: #0088E4; + -webkit-animation-name: swap-left; + -ms-animation-name: swap-left; + -o-animation-name: swap-left; + -moz-animation-name: swap-left; + animation-name: swap-left; } + .loader .circle:nth-child(3) { + right: 0; + bottom: 0; + background: #20D3A3; + -webkit-animation-name: swap-left; + -ms-animation-name: swap-left; + -o-animation-name: swap-left; + -moz-animation-name: swap-left; + animation-name: swap-left; } + .loader .circle:last-child { + left: 0; + bottom: 0; + background: #893BC4; + -webkit-animation-name: swap-right; + -ms-animation-name: swap-right; + -o-animation-name: swap-right; + -moz-animation-name: swap-right; + animation-name: swap-right; } + .loader.inline { + width: 17px; + height: 17px; + position: relative; + -webkit-animation-name: none; + -ms-animation-name: none; + -o-animation-name: none; + -moz-animation-name: none; + animation-name: none; } + .loader.inline .circle { + width: 8px; + height: 8px; + position: absolute; + background: rgba(0, 0, 0, 0.6); + border-radius: 5px; + border: 0; + -webkit-animation-name: fade; + -ms-animation-name: fade; + -o-animation-name: fade; + -moz-animation-name: fade; + animation-name: fade; + -webkit-animation-duration: 2s; + -ms-animation-duration: 2s; + -o-animation-duration: 2s; + -moz-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-iteration-count: infinite; + -ms-animation-iteration-count: infinite; + -o-animation-iteration-count: infinite; + -moz-animation-iteration-count: infinite; + animation-iteration-count: infinite; } + .loader.inline .circle:first-child { + top: 0; + left: 0; } + .loader.inline .circle:nth-child(2) { + top: 0; + right: 0; + -webkit-animation-delay: 0.5s; + -ms-animation-delay: 0.5s; + -o-animation-delay: 0.5s; + -moz-animation-delay: 0.5s; + animation-delay: 0.5s; } + .loader.inline .circle:nth-child(3) { + bottom: 0; + right: 0; + -webkit-animation-delay: 1s; + -ms-animation-delay: 1s; + -o-animation-delay: 1s; + -moz-animation-delay: 1s; + animation-delay: 1s; } + .loader.inline .circle:last-child { + bottom: 0; + left: 0; + -webkit-animation-delay: 1.5s; + -ms-animation-delay: 1.5s; + -o-animation-delay: 1.5s; + -moz-animation-delay: 1.5s; + animation-delay: 1.5s; } + +.flash { + border: 1px solid black; + font-weight: 700; + padding: 20px 20px 20px 60px; + background-repeat: no-repeat; + background-position: 20px center; } + .flash.error { + background-color: #ffcbb9; + background-image: url(../svg/flash-error.svg); + border-color: #FF4906; + color: #FF4906; } + .flash.success { + background-color: #defaf3; + background-image: url(../svg/flash-success.svg); + border-color: #20D3A3; + color: #1dbd92; } + .flash.pending { + background-color: #fffae9; + background-image: url(../svg/flash-pending.svg); + border-color: #FBD13A; + color: #3F3F3F; } + +.btn-primary { + background: #3F3F3F; + color: white; + border-radius: 5px; + border: none; + display: inline-block; + padding: 10px 20px; } + .btn-primary:hover { + background: rgba(63, 63, 63, 0.7); } + +.btn-secondary { + color: rgba(63, 63, 63, 0.7); + margin-left: 20px; } + .btn-secondary:hover, .btn-secondary:active { + background: none; } + +.btn-google { + background: #4285f4; + margin: 0 auto; } + +.sessions { + max-width: 600px; + margin: 0 auto; + padding: 40px; + border: 2px solid #D8D8D8; + margin-top: 60px; } + @media (max-width: 37.5em) { + .sessions { + border: none; + margin-top: 40px; } } + +form .or { + border-top: 1px solid #D8D8D8; + text-align: center; + margin: 30px 0; } + form .or span { + left: 50%; + position: absolute; + background: white; + display: inline-block; + margin: 0 auto; + font-size: 0.7em; + line-height: 1em; + padding: 0 10px; + margin-top: -5px; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + -o-transform: translate(-50%, 0); + -moz-transform: translate(-50%, 0); + transform: translate(-50%, 0); } + +form .field { + padding-bottom: 20px; } + form .field label { + text-transform: uppercase; + color: rgba(63, 63, 63, 0.7); + font-weight: 500; + font-size: 0.9em; } + form .field .label { + display: flex; + flex-direction: row; } + form .field .label label { + line-height: 1em; } + form .field .label span { + line-height: 1em; + flex: 1; + text-align: right; + color: rgba(63, 63, 63, 0.5); } + form .field input, form .field textarea { + border: 1px solid #D8D8D8; + padding: 10px; + border-radius: 5px; + outline: 0; + width: 100%; + box-sizing: border-box; } + form .field.error .label label, form .field.error .label span { + color: #FF4906; } + form .field.error input, form .field.error textarea, form .field.error select { + border-color: #FF4906; } + +form button.submit { + background: #3F3F3F; + color: white; + border-radius: 5px; + border: none; + display: inline-block; + padding: 10px 20px; } + +[data-icon]:before { + font-family: "iconfont" !important; + content: attr(data-icon); + font-style: normal !important; + font-weight: normal !important; + font-variant: normal !important; + text-transform: none !important; + speak: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +[class^="icon-"]:before, +[class*=" icon-"]:before { + font-family: "iconfont" !important; + font-style: normal !important; + font-weight: normal !important; + font-variant: normal !important; + text-transform: none !important; + speak: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +.icon-circle:before { + content: "\69"; + margin-right: 25px; } + +.sidedrawer { + background: #3F3F3F; + position: absolute; + top: 70px; + bottom: 0px; + left: -84%; + z-index: 5000; + border-right: 1px solid #343434; + text-transform: uppercase; + padding: 0; + -webkit-transition: left 200ms cubic-bezier(0, 0, 0.58, 1); + -moz-transition: left 200ms cubic-bezier(0, 0, 0.58, 1); + -o-transition: left 200ms cubic-bezier(0, 0, 0.58, 1); + transition: left 200ms cubic-bezier(0, 0, 0.58, 1); + overflow: hidden; } + .sidedrawer.show { + left: 0; } + .sidedrawer .child { + overflow-y: scroll; + height: 100%; + -ms-overflow-style: none; } + .sidedrawer .child::-webkit-scrollbar { + display: none; } + .sidedrawer .border_bottom { + border-bottom: 1px solid #999999; + margin-bottom: 5%; + padding-bottom: 9%; } + .sidedrawer .user { + line-height: 22px; + padding: 30px 7%; + background: #494949; + border-bottom: 1px solid #2F2F2F; } + .sidedrawer ul { + margin: 5% 0; + padding: 0; + list-style: none; } + .sidedrawer li { + line-height: 22px; + margin: 32px 7%; } + .sidedrawer a { + color: #999999; + text-decoration: none; + display: block; } + +@media (min-width: 544px) { + .icon-circle:before { + margin-right: 35px; } + .sidedrawer li { + margin: 45px 7%; } + .sidedrawer { + left: -42%; } } + +@media (min-width: 992px) { + .sidedrawer { + left: -34%; } } + +@media (min-width: 1200px) { + .sidedrawer { + left: -25%; } } + +header { + background: #3F3F3F; + width: 100%; } + header .header { + height: 70px; + border-bottom: 2px solid #343434; + display: flex; + flex-direction: row; } + header .header .logo { + height: 70px; + width: 70px; + display: flex; + align-items: center; + border-right: 2px solid #343434; + justify-content: center; + cursor: pointer; + padding: 0 10px; } + header .header .logo img { + width: 30px; + height: 30px; } + header .header .search { + flex: 1; + display: flex; + align-items: center; } + header .header .search .type { + display: flex; + border-right: 2px solid #343434; + min-width: 220px; + cursor: pointer; + padding: 10px 0; } + header .header .search .type img { + position: relative; + margin-left: 20px; + z-index: 801; } + header .header .search .type .dropdown { + visibility: hidden; + opacity: 0; + position: absolute; + top: 0; + background: #525252; + margin-left: -2px; + min-width: 222px; + padding-top: 68px; + border: 2px solid #343434; + border-top: 0; + z-index: 800; + -webkit-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + -moz-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.4s; + -ms-transition-duration: 0.4s; + -o-transition-duration: 0.4s; + -moz-transition-duration: 0.4s; + transition-duration: 0.4s; + -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -webkit-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + -moz-transition-delay: 0; + transition-delay: 0; } + header .header .search .type .dropdown ul { + margin: 0; + padding: 0; + list-style: none; } + header .header .search .type .dropdown ul li { + border-top: 2px solid #343434; + display: block; } + header .header .search .type .dropdown ul li a { + display: block; + opacity: 0.7; + color: white; + padding: 20px 0 20px 20px; + display: inline-block; + -webkit-transition-property: background; + -ms-transition-property: background; + -o-transition-property: background; + -moz-transition-property: background; + transition-property: background; + -webkit-transition-duration: 0.4s; + -ms-transition-duration: 0.4s; + -o-transition-duration: 0.4s; + -moz-transition-duration: 0.4s; + transition-duration: 0.4s; + -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -webkit-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + -moz-transition-delay: 0; + transition-delay: 0; } + header .header .search .type .dropdown ul li:hover { + background-color: rgba(255, 255, 255, 0.1); + cursor: pointer; } + header .header .search .type .dropdown ul li:hover a { + text-decoration: none; } + header .header .search .type .dropdown ul li:before { + margin-left: 20px; + display: inline-block; + width: 13px; + height: 10px; + content: " "; } + header .header .search .type .dropdown ul li.selected:before { + -webkit-mask: url(../svg/check.svg) no-repeat 0 center; + -ms-mask: url(../svg/check.svg) no-repeat 0 center; + -o-mask: url(../svg/check.svg) no-repeat 0 center; + -moz-mask: url(../svg/check.svg) no-repeat 0 center; + mask: url(../svg/check.svg) no-repeat 0 center; } + header .header .search .type:hover .dropdown { + visibility: visible; + opacity: 1; } + header .header .search .query { + display: flex; + padding: 10px 0; + z-index: 801; + position: relative; + width: 400px; + flex-direction: row; + justify-content: flex-end; } + header .header .search .query img { + position: relative; + margin-left: 20px; + z-index: 801; } + header .header .search .query .toggle-filters { + background: rgba(255, 255, 255, 0.1); + border-radius: 5px; + padding: 10px; + color: black; + text-decoration: none; + font-size: 0.9em; + line-height: 1.2em; + display: block; + position: relative; + z-index: 890; + margin-right: 10px; } + @media (max-width: 37.5em) { + header .header .search .query .toggle-filters { + display: none; } } + header .header .search .query .field { + flex: 1; } + header .header .search .query .suggestion { + visibility: hidden; + opacity: 0; + position: absolute; + top: 0; + background: #525252; + margin-left: -2px; + margin-top: -5px; + padding-top: 68px; + border: 2px solid #343434; + border-top: 0; + z-index: 800; + width: 100%; + -webkit-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + -moz-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.4s; + -ms-transition-duration: 0.4s; + -o-transition-duration: 0.4s; + -moz-transition-duration: 0.4s; + transition-duration: 0.4s; + -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -webkit-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + -moz-transition-delay: 0; + transition-delay: 0; } + header .header .search .query .suggestion.show { + visibility: visible; + opacity: 1; } + header .header .search .query .suggestion ul { + list-style: none; + margin: 0; + padding: 0; } + header .header .search .query .suggestion ul li { + display: block; + border-top: 2px solid #343434; } + header .header .search .query .suggestion ul li a { + display: block; + padding: 10px 20px; + color: white; + opacity: 0.7; } + header .header .search .query .suggestion ul li a:hover { + background-color: rgba(255, 255, 255, 0.1); + cursor: pointer; + text-decoration: none; } + header .header .search .field { + flex-direction: column; + padding-left: 20px; + position: relative; + z-index: 801; } + header .header .search .field .loader.inline { + position: absolute; + right: 10px; + top: 50%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + -o-transform: translate(0, -50%); + -moz-transform: translate(0, -50%); + transform: translate(0, -50%); } + header .header .search .field .loader.inline .circle { + background: white; } + header .header .search .field h6 { + color: #fff; + margin-bottom: 0; } + header .header .search .field input, header .header .search .field .label { + padding: 0; + border: 0; + background: none; + color: #fff; + font-size: 1.1em; + outline: none; + font-weight: normal; } + header .header .search .field input { + width: 100%; + box-sizing: border-box; + padding-right: 30px; } + header .header .search .field input::-webkit-input-placeholder { + color: transparent; } + header .header .search .field input:-moz-placeholder { + color: transparent; } + header .header .search .field input::-moz-placeholder { + color: transparent; } + header .header .search .field input:-ms-input-placeholder { + color: transparent; } + @media (max-width: 37.5em) { + header .header .search .field { + padding-left: 10px; + flex: 1; } + header .header .search .field .loader.inline { + right: 20px; } + header .header .search .type { + display: none; } + header .header .search .query { + flex: 1; + width: auto; } + header .header .search .query h6 { + display: none; } + header .header .search .query .field input { + min-width: auto; + margin-top: 2.5px; + overflow: hidden; } + header .header .search .query .field input::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.15); + font-size: 0.9em; + line-height: 1.2em; } + header .header .search .query .field input:-moz-placeholder { + color: rgba(255, 255, 255, 0.15); + font-size: 0.9em; + line-height: 1.2em; } + header .header .search .query .field input::-moz-placeholder { + color: rgba(255, 255, 255, 0.15); + font-size: 0.9em; + line-height: 1.2em; } + header .header .search .query .field input:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.15); + font-size: 0.9em; + line-height: 1.2em; } + header .header .search .query .suggestion { + margin-top: -10px; } } + header .header .account { + display: flex; + flex: 1; + align-items: center; + justify-content: flex-end; + padding-right: 20px; } + header .header .account img { + width: 40px; + height: 40px; + border-radius: 20px; + display: block; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } + @media (max-width: 37.5em) { + header .header .account { + display: none; } } + header .filters { + color: #fff; + background: rgba(255, 255, 255, 0.1); + flex-direction: row; + justify-content: flex-start; + align-items: stretch; + display: flex; + overflow: hidden; + height: 0; + -webkit-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + -moz-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.5s; + -ms-transition-duration: 0.5s; + -o-transition-duration: 0.5s; + -moz-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); + -webkit-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + -moz-transition-delay: 0; + transition-delay: 0; } + header .filters.show { + height: 100px; + border-bottom: 2px solid #343434; } + @media (max-width: 37.5em) { + header .filters.show { + height: 234px; + display: block; + border-bottom: none; } } + header .filters .option { + padding: 20px; + flex-basis: 100%; } + header .filters .option:nth-child(2) { + border-left: 2px solid #343434; + border-right: 2px solid #343434; } + header .filters .option h6 { + color: black; + opacity: 1; } + header .filters .option .select { + position: relative; + z-index: 1; } + header .filters .option .select:after { + content: " "; + width: 15px; + height: 9px; + background: white; + position: absolute; + top: 50%; + right: 20px; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + -o-transform: translate(0, -50%); + -moz-transform: translate(0, -50%); + transform: translate(0, -50%); + -webkit-mask: url(../svg/dropdown.svg) no-repeat 0 center; + -ms-mask: url(../svg/dropdown.svg) no-repeat 0 center; + -o-mask: url(../svg/dropdown.svg) no-repeat 0 center; + -moz-mask: url(../svg/dropdown.svg) no-repeat 0 center; + mask: url(../svg/dropdown.svg) no-repeat 0 center; } + header .filters .option select { + background: none; + -webkit-appearance: none; + -webkit-border-radius: 0px; + display: block; + box-sizing: border-box; + color: #FBD13A; + border: 1px solid #FBD13A; + border-radius: 5px; + font-weight: 200; + width: 100%; + font-size: 0.9em; + padding: 10px; + background-color: rgba(0, 0, 0, 0.4); + line-height: 1em; + outline: none; } + header .filters .option ul { + list-style: none; + display: block; + margin: 0; + padding: 0; + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: stretch; } + header .filters .option ul li { + flex-basis: 100%; + background: rgba(255, 255, 255, 0.1); + border: 1px solid transparent; + border-radius: 5px; + position: relative; + display: block; + text-align: center; + color: black; + padding: 10px 0; + font-size: 0.9em; + line-height: 1em; } + header .filters .option ul li:first-child { + margin-right: 2px; } + header .filters .option ul li:last-child { + margin-left: 2px; } + header .filters .option ul li:hover { + cursor: pointer; + text-decoration: none; } + header .filters .option ul li:hover:after { + content: " "; + width: 13px; + height: 10px; + display: block; + background: white; + position: absolute; + top: 50%; + left: 20px; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + -o-transform: translate(0, -50%); + -moz-transform: translate(0, -50%); + transform: translate(0, -50%); + -webkit-mask: url(../svg/check.svg) no-repeat 0 0; + -ms-mask: url(../svg/check.svg) no-repeat 0 0; + -o-mask: url(../svg/check.svg) no-repeat 0 0; + -moz-mask: url(../svg/check.svg) no-repeat 0 0; + mask: url(../svg/check.svg) no-repeat 0 0; } + header .filters .option ul li.selected { + border: 1px solid white; + background: rgba(0, 0, 0, 0.4); } + header .filters .option ul li.selected:after { + content: " "; + width: 13px; + height: 10px; + display: block; + background: white; + position: absolute; + top: 50%; + left: 20px; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + -o-transform: translate(0, -50%); + -moz-transform: translate(0, -50%); + transform: translate(0, -50%); + -webkit-mask: url(../svg/check.svg) no-repeat 0 0; + -ms-mask: url(../svg/check.svg) no-repeat 0 0; + -o-mask: url(../svg/check.svg) no-repeat 0 0; + -moz-mask: url(../svg/check.svg) no-repeat 0 0; + mask: url(../svg/check.svg) no-repeat 0 0; } + header .filters .option ul li.selected a { + color: white; } + @media (max-width: 37.5em) { + header .filters { + border-bottom-width: 0; } + header .filters .option { + display: block; + border: 0; + width: 100%; + flex-basis: auto; + border-bottom: 2px solid #343434; + padding: 10px; } + header .filters .option:nth-child(2) { + border-left: 0; + border-right: 0; } } + +.modal-dialog { + overflow: hidden; + border-radius: 10px; } + .modal-dialog .modal-content { + border: none; + border-radius: 0; } + .modal-dialog .modal-header { + padding: 0; + text-align: center; + color: white; + position: relative; } + .modal-dialog .modal-header h4.modal-title { + background: #3F3F3F; + font-weight: 300; + font-size: 1em; + line-height: 1.1em; } + .modal-dialog .modal-header button.close { + margin: 0; + float: none; + position: absolute; + left: 20px; + top: 50%; + color: white; + text-shadow: none; + opacity: 1; + outline: none; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + -o-transform: translate(0, -50%); + -moz-transform: translate(0, -50%); + transform: translate(0, -50%); } + .modal-dialog .modal-body.no-padding { + padding: 0; } + .modal-dialog .modal-body .field-large { + border: none; + padding: 20px; + box-sizing: border-box; + width: 100%; + border-bottom: 1px solid #D8D8D8; + font-size: 1.2em; + outline: none; } + .modal-dialog .modal-body .field-secondary { + border: none; + padding: 20px; + box-sizing: border-box; + width: 100%; + font-size: 1em; + line-height: 1.2em; + outline: none; } + .modal-dialog .modal-footer { + text-align: left; + padding: 20px; + border-top: none; } + .modal-dialog .modal-footer .btn-primary { + background: #3F3F3F; + border: none; } + .modal-dialog .modal-footer .btn-secondary { + border: none; + color: rgba(63, 63, 63, 0.7); } + +.horizontal { + width: 100%; + overflow-y: auto; } + +table { + width: 100%; + color: #585858; } + table td.center, table th.center { + text-align: center; } + table thead tr { + border-bottom: 1px solid #D8D8D8; } + table thead tr th { + font-weight: normal; + font-size: 0.9em; + text-transform: uppercase; + padding: 20px 10px; + color: rgba(63, 63, 63, 0.7); } + table thead tr th a.sort { + color: rgba(63, 63, 63, 0.7); + text-decoration: none; } + table thead tr th a.sort:hover { + color: #3F3F3F; } + table thead tr th a.sort span { + display: inline-block; + margin-left: 5px; + width: 10px; + height: 6px; + text-decoration: none; + cursor: pointer; } + table thead tr th a.sort span img { + margin-top: -4px; } + table thead tr th a.sort span img.down { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + -moz-transform: rotate(180deg); + transform: rotate(180deg); } + table tbody tr { + border-bottom: 1px solid #D8D8D8; } + table tbody tr:nth-child(odd) { + background-color: rgba(63, 63, 63, 0.03); } + table tbody tr:hover { + background-color: rgba(0, 136, 228, 0.1); + cursor: pointer; } + table tbody tr td { + padding: 10px; } + table tbody tr td a { + color: #585858; } + table tbody tr td a:hover { + color: #585858; + text-decoration: underline; } + table tbody tr td a.external { + color: #0088E4; + background: url(../svg/external-link.svg) no-repeat right center; + display: inline-block; + padding-right: 20px; } + table tbody tr td a.external:hover { + color: #0088E4; + text-decoration: underline; } + table tbody tr td .avatar { + width: 30px; + height: 30px; + border-radius: 15px; + margin-right: 2.5px; } + table tbody tr td .consumption { + color: white; + position: relative; + width: 30px; + line-height: 2em; + display: inline-block; + text-align: center; + cursor: pointer; } + table tbody tr td .consumption:before { + width: 30px; + height: 30px; + background: #D8D8D8; + display: block; + position: absolute; + content: " "; + border-radius: 5px; + z-index: -1; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + -moz-transform: rotate(45deg); + transform: rotate(45deg); } + table tbody tr td .consumption.red:before { + background: #FF4906; } + table tbody tr td .consumption.green:before { + background: #20D3A3; } + table tbody tr td .consumption.yellow:before { + background: #FBD13A; } + table tbody tr td .pill { + background: #3F3F3F; + color: #fff; + border-radius: 5px; + padding: 5px 10px; + display: inline-block; + margin-right: 20px; + background-position: 100% center; + cursor: pointer; + -webkit-transition-property: padding, margin; + -ms-transition-property: padding, margin; + -o-transition-property: padding, margin; + -moz-transition-property: padding, margin; + transition-property: padding, margin; + -webkit-transition-duration: 0.2s; + -ms-transition-duration: 0.2s; + -o-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + transition-duration: 0.2s; + -webkit-transition-timing-function: ease-in-out; + -ms-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + -moz-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + -webkit-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + -moz-transition-delay: 0; + transition-delay: 0; } + table tbody tr td .pill:hover { + color: #fff; + background-image: url(../svg/disclosure.svg); + background-repeat: no-repeat; + background-position: 95% center; + padding-right: 30px; + margin-right: 0; + text-decoration: none; } + table tbody tr td .pill.finance { + background-color: #20D3A3; } + table tbody tr td .pill.audit { + background-color: #0ECAEA; } + table tbody tr td .pill.buildings { + background-color: #FBD13A; } + table tbody tr td .pill.parent { + background-color: #FF4906; } + table tbody tr td .pill.analytics { + background-color: #FB8F32; } + table tbody tr td .pill.marketplace { + background-color: #893BC4; } + table tbody tr td .pill.analyze { + background-color: #0088E4; } + table tbody tr td .pill.engineering { + background-color: #95EAFF; } + +.analytics #map { + width: 100vw; + height: 100vh; + top: 70px; + position: absolute; + background: url(http://allinallnews.com/wp-content/uploads/2015/05/Google-Maps.png) no-repeat 0 0; + background-size: cover; } + +.analytics aside { + position: absolute; + right: 0; + top: 70px; + height: 100vh; + max-width: 460px; + background: #fff; + display: block; + border-left: 1px solid #D8D8D8; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); + background: #f6f6f6; + overflow-y: auto; } + .analytics aside .subheader { + background: #F1F1F1; + display: flex; + flex-direction: row; + align-items: center; + width: 100%; + border-bottom: 1px solid #D8D8D8; + color: rgba(63, 63, 63, 0.7); } + .analytics aside .subheader .type { + flex: 1; + display: flex; + font-size: 0.9em; + padding-left: 20px; } + .analytics aside .subheader a { + display: flex; + width: 44px; + height: 44px; + align-items: center; + justify-content: center; + border-left: 1px solid #D8D8D8; + cursor: pointer; } + .analytics aside .subheader a:hover svg path { + fill: black; + -webkit-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + -moz-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.4s; + -ms-transition-duration: 0.4s; + -o-transition-duration: 0.4s; + -moz-transition-duration: 0.4s; + transition-duration: 0.4s; + -webkit-transition-timing-function: ease-in-out; + -ms-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + -moz-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + -webkit-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + -moz-transition-delay: 0; + transition-delay: 0; } + .analytics aside .inset { + padding: 30px; } + @media (max-width: 37.5em) { + .analytics aside .inset { + padding: 20px; } } + .analytics aside .separate { + border-bottom: 1px solid #D8D8D8; + background: white; } + .analytics aside .disclaimer { + font-size: 0.9em; + text-align: center; + padding: 20px; + margin: 0; + color: rgba(63, 63, 63, 0.7); } + .analytics aside .info { + flex-direction: row; + display: flex; + align-items: flex-start; } + .analytics aside .info .details { + flex: 1; + padding-left: 20px; } + .analytics aside .info .details h3, .analytics aside .info .details p { + display: block; } + .analytics aside .info .details p { + color: rgba(63, 63, 63, 0.7); + margin: 0; + padding: 0; } + .analytics aside .stats { + flex-direction: row; + display: flex; + overflow: hidden; + background: white; } + .analytics aside .stats .metric { + flex: 0.5; + text-align: center; } + .analytics aside .stats .metric .inset { + padding-left: 0; + padding-right: 0; } + @media (max-width: 37.5em) { + .analytics aside .stats .metric .inset { + padding-left: 20px; + padding-right: 20px; } } + .analytics aside .stats .metric h1 { + font-weight: 300; + font-size: 2.8rem; } + .analytics aside .stats .metric h1.s1 { + color: #20D1A1; } + .analytics aside .stats .metric h1.s2 { + color: #6AD17E; } + .analytics aside .stats .metric h1.s3 { + color: #B5CF59; } + .analytics aside .stats .metric h1.s4 { + color: #F9CB38; } + .analytics aside .stats .metric h1.s5 { + color: #F4B134; } + .analytics aside .stats .metric h1.s6 { + color: #F89F33; } + .analytics aside .stats .metric h1.s7 { + color: #F9882D; } + .analytics aside .stats .metric h1.s8 { + color: #FC721F; } + .analytics aside .stats .metric h1.s9 { + color: #F85911; } + .analytics aside .stats .metric h1.s10 { + color: #FB4705; } + .analytics aside .stats .metric span { + background: #F1F1F1; + border-radius: 5px; + font-size: 0.8em; + padding: 5px 10px; + display: inline-block; } + .analytics aside .cta { + box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); + background: white; + border-radius: 10px; + border: 1px solid #F1F1F1; + overflow: hidden; + margin-top: 40px; } + .analytics aside .cta h4 { + text-align: center; + display: block; + margin-bottom: 0; + padding: 0; } + .analytics aside .cta h4 strong { + font-weight: 700; } + .analytics aside .cta .savings { + display: flex; + flex-direction: row; + justify-content: center; } + .analytics aside .cta .savings .metric { + margin: 20px 0; + flex: 0.5; + border: 1px solid #20D3A3; + background: rgba(32, 211, 163, 0.05); + text-align: center; + border-radius: 50%; + color: rgba(63, 63, 63, 0.7); + max-width: 140px; + height: 140px; + flex-direction: column; + justify-content: center; + display: flex; + line-height: 1.1em; + font-size: 0.9em; } + .analytics aside .cta .savings .metric strong { + font-size: 2em; + color: #3F3F3F; } + .analytics aside .cta .savings .metric:first-child { + margin-right: 10px; } + .analytics aside .cta .savings .metric:last-child { + margin-left: 10px; } + .analytics aside .cta p { + text-align: center; + color: rgba(63, 63, 63, 0.7); + margin-bottom: 0; } + .analytics aside .cta form { + border-top: 1px solid #F1F1F1; } + .analytics aside .cta form input { + display: block; + padding: 20px; + padding-left: 60px; + box-sizing: border-box; + width: 100%; + border: 0; + outline: 0; + color: #3F3F3F; + background: url(../svg/envelope.svg) no-repeat 20px center; } + .analytics aside .cta form .claim { + background: black; + color: white; + text-transform: uppercase; + border: 0; + display: block; + text-align: center; + width: 100%; + padding: 20px 0; } + .analytics aside .cta form .logged-in { + padding: 20px; } + .analytics aside .cta form .logged-in .subtext { + color: rgba(63, 63, 63, 0.7); + font-size: 0.9em; } + .analytics aside .cta form .logged-in .sublink { + font-size: 0.9em; + float: right; + cursor: pointer; } + +.analytics .building { + border: 1px solid #D8D8D8; + border-radius: 5px; + overflow: hidden; + margin-bottom: 20px; } + .analytics .building .inset { + padding: 20px; } + .analytics .building .status { + float: right; + text-transform: uppercase; + border-radius: 5px; + padding: 10px 10px; + font-size: 0.7em; + line-height: 0.7em; + font-weight: 500; } + .analytics .building .status.pending { + color: #3F3F3F; + background: #FBD13A; } + .analytics .building .status.claimed { + color: white; + background: #20D3A3; } + .analytics .building h4 { + padding: 0; } + .analytics .building p { + color: rgba(63, 63, 63, 0.7); + padding-bottom: 0; + margin-bottom: 0; } + .analytics .building span.note { + font-size: 0.8em; + line-height: 1.4em; + padding: 10px 20px; + margin: 0 10px 4px; + text-align: center; + display: inline-block; + background-color: #fffae9; + border: 2px solid #FBD13A; + border-radius: 5px; + position: relative; } + .analytics .building span.note:after { + content: " "; + position: absolute; + left: 50%; + bottom: 0; + margin-bottom: -10px; + width: 0; + height: 0; + border-left: 8px solid transparent; + border-right: 8px solid transparent; + border-top: 8px solid #FBD13A; + -webkit-transform: translate(-50%, 0); + -ms-transform: translate(-50%, 0); + -o-transform: translate(-50%, 0); + -moz-transform: translate(-50%, 0); + transform: translate(-50%, 0); } + .analytics .building .utility { + border-top: 1px solid #D8D8D8; + background: #f9f9f9; + display: flex; + flex-direction: row; } + .analytics .building .utility span { + color: #3F3F3F; + display: block; + padding: 10px 20px; } + .analytics .building .utility span em { + color: rgba(63, 63, 63, 0.7); } + .analytics .building .utility input { + border: 0; + background: none; + outline: none; + padding: 10px 20px; + flex: 1; + display: flex; } + .analytics .building .utility button { + background: #3F3F3F; + border: none; + outline: none; + color: white; + padding: 10px; + display: flex; } + +.client-preview-text { + display: none; + font-size: 1px; + color: #fff; + line-height: 1px; + max-height: 0px; + max-width: 0px; + opacity: 0; + overflow: hidden; } + +.max-width, .email .frame { + max-width: 600px; } + +.light-text { + color: rgba(63, 63, 63, 0.5); } + +.boldest { + font-weight: 700; } + +.center { + text-align: center; } + +.email { + background: #f6f6f6; + font-family: "MuseoSansRounded", 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 300; + font-style: normal; + font-size: 18px; + line-height: 28px; + padding: 20px; } + .email h3 { + margin: 0; + padding: 0; } + .email .logo { + text-align: center; + display: block; + margin-bottom: 20px; } + .email .frame { + background: white; + border: 1px solid #D8D8D8; + border-top: 2px solid #FB8F32; + padding: 40px; + margin: 0 auto; } + .email .frame h1 { + margin-bottom: 40px; } + .email .frame p { + color: rgba(63, 63, 63, 0.7); + padding-bottom: 10px; } + .email .frame p.disclaimer { + padding-top: 20px; + color: rgba(63, 63, 63, 0.5); + padding-bottom: 0; + font-size: 0.9em; } + .email .frame .address { + border-top: 1px solid #D8D8D8; + margin-top: 40px; + padding: 40px 0; + text-align: left; } + .email .frame .button { + border-radius: 5px; + color: white; + background: #3F3F3F; + padding: 20px; + display: block; + font-size: 1.2em; + cursor: pointer; + margin: 20px 0; } + .email .frame .button:hover { + text-decoration: none; } + .email .frame a { + color: #0088E4; } + .email table.layout { + border-collapse: collapse; } + .email table.layout tbody tr { + border: none; + background: none; } + .email table.layout.center { + width: auto; } + .email table.layout td { + padding: 0; + text-align: left; + vertical-align: top; } + .email table.layout td.half { + width: 50%; } + .email table.layout td.icon { + width: 34px; + padding-right: 20px; } + .email table.layout td.right { + text-align: right; } + .email .footer { + text-align: center; + font-size: 0.8em; + color: rgba(63, 63, 63, 0.5); + padding: 20px 0 40px; } diff --git a/public/index.html b/public/index.html index ed8b06bf..43a35632 100644 --- a/public/index.html +++ b/public/index.html @@ -4,8 +4,7 @@ - + Buildings - +