diff --git a/config.codekit3 b/config.codekit3 index 75c42d6..374fed1 100644 --- a/config.codekit3 +++ b/config.codekit3 @@ -347,7 +347,7 @@ "oF": 0 }, "\/publichealth\/static\/css\/main.scss": { - "aP": 0, + "aP": 1, "bl": 0, "dP": 10, "dS": 0, @@ -359,6 +359,32 @@ "oS": 0, "uL": 1 }, + "\/publichealth\/static\/css\/modules\/_banner.scss": { + "aP": 0, + "bl": 0, + "dP": 10, + "dS": 0, + "ft": 4, + "ma": 0, + "oA": 1, + "oAP": "\/publichealth\/static\/css\/css\/_banner.css", + "oF": 0, + "oS": 0, + "uL": 1 + }, + "\/publichealth\/static\/css\/modules\/_modules.scss": { + "aP": 0, + "bl": 0, + "dP": 10, + "dS": 0, + "ft": 4, + "ma": 0, + "oA": 1, + "oAP": "\/publichealth\/static\/css\/css\/_modules.css", + "oF": 0, + "oS": 0, + "uL": 1 + }, "\/publichealth\/static\/css\/paper\/_bootswatch.scss": { "aP": 0, "bl": 0, @@ -447,6 +473,73 @@ "sM": 0, "sU": 0 }, + "\/publichealth\/static\/css\/slick.scss": { + "aP": 0, + "bl": 0, + "dP": 10, + "dS": 0, + "ft": 4, + "ma": 0, + "oA": 0, + "oAP": "\/publichealth\/static\/mockup\/assets\/css\/slick.css", + "oF": 2, + "oS": 0, + "uL": 1 + }, + "\/publichealth\/static\/css\/slick\/slick-theme.scss": { + "aP": 0, + "bl": 0, + "dP": 10, + "dS": 0, + "ft": 4, + "ma": 0, + "oA": 1, + "oAP": "\/publichealth\/static\/css\/css\/slick-theme.css", + "oF": 0, + "oS": 0, + "uL": 1 + }, + "\/publichealth\/static\/css\/slick\/slick.scss": { + "aP": 0, + "bl": 0, + "dP": 10, + "dS": 0, + "ft": 4, + "ma": 0, + "oA": 1, + "oAP": "\/publichealth\/static\/css\/css\/slick.css", + "oF": 0, + "oS": 0, + "uL": 1 + }, + "\/publichealth\/static\/fonts\/slick.eot": { + "ft": 8192, + "oA": 2, + "oAP": "\/publichealth\/static\/fonts\/slick.eot", + "oF": 0 + }, + "\/publichealth\/static\/fonts\/slick.svg": { + "ft": 2097152, + "miP": 0, + "oA": 2, + "oAP": "\/publichealth\/static\/fonts\/slick.svg", + "oF": 0, + "opt": 0, + "plM": 3758088159, + "prP": 0 + }, + "\/publichealth\/static\/fonts\/slick.ttf": { + "ft": 8192, + "oA": 2, + "oAP": "\/publichealth\/static\/fonts\/slick.ttf", + "oF": 0 + }, + "\/publichealth\/static\/fonts\/slick.woff": { + "ft": 8192, + "oA": 2, + "oAP": "\/publichealth\/static\/fonts\/slick.woff", + "oF": 0 + }, "\/publichealth\/static\/js\/main.js": { "ft": 64, "mi": 1, @@ -2746,6 +2839,14 @@ "sC": 1, "tS": 0 }, + "\/publichealth\/static\/mockup\/assets\/css\/ajax-loader.gif": { + "ft": 4194304, + "iS": 4178, + "oA": 0, + "oAP": "\/publichealth\/static\/mockup\/assets\/css\/ajax-loader.gif", + "oF": 0, + "opt": 0 + }, "\/publichealth\/static\/mockup\/assets\/css\/font-awesome.min.css": { "aP": 0, "bl": 0, @@ -2766,6 +2867,16 @@ "oF": 0, "oS": 0 }, + "\/publichealth\/static\/mockup\/assets\/css\/slick.css": { + "aP": 0, + "bl": 0, + "ft": 16, + "ma": 0, + "oA": 2, + "oAP": "\/publichealth\/static\/mockup\/assets\/css\/slick-min.css", + "oF": 0, + "oS": 0 + }, "\/publichealth\/static\/mockup\/assets\/fonts\/fontawesome-webfont.eot": { "ft": 8192, "oA": 2, @@ -2806,6 +2917,34 @@ "oAP": "\/publichealth\/static\/mockup\/assets\/fonts\/FontAwesome.otf", "oF": 0 }, + "\/publichealth\/static\/mockup\/assets\/fonts\/slick.eot": { + "ft": 8192, + "oA": 2, + "oAP": "\/publichealth\/static\/mockup\/assets\/fonts\/slick.eot", + "oF": 0 + }, + "\/publichealth\/static\/mockup\/assets\/fonts\/slick.svg": { + "ft": 2097152, + "miP": 0, + "oA": 2, + "oAP": "\/publichealth\/static\/mockup\/assets\/fonts\/slick.svg", + "oF": 0, + "opt": 0, + "plM": 3758088159, + "prP": 0 + }, + "\/publichealth\/static\/mockup\/assets\/fonts\/slick.ttf": { + "ft": 8192, + "oA": 2, + "oAP": "\/publichealth\/static\/mockup\/assets\/fonts\/slick.ttf", + "oF": 0 + }, + "\/publichealth\/static\/mockup\/assets\/fonts\/slick.woff": { + "ft": 8192, + "oA": 2, + "oAP": "\/publichealth\/static\/mockup\/assets\/fonts\/slick.woff", + "oF": 0 + }, "\/publichealth\/static\/mockup\/assets\/js\/jquery.min.js": { "ft": 64, "mi": 1, @@ -2982,12 +3121,6 @@ "oS": 0, "uL": 1 }, - "\/publichealth\/static\/mockup\/generic.html": { - "ft": 8192, - "oA": 2, - "oAP": "\/publichealth\/static\/mockup\/generic.html", - "oF": 0 - }, "\/publichealth\/static\/mockup\/images\/banner_0.jpg": { "ft": 16384, "iS": 56500, @@ -3074,12 +3207,6 @@ "oAP": "\/publichealth\/static\/mockup\/index.html", "oF": 0 }, - "\/publichealth\/static\/mockup\/LICENSE.txt": { - "ft": 8192, - "oA": 2, - "oAP": "\/publichealth\/static\/mockup\/LICENSE.txt", - "oF": 0 - }, "\/publichealth\/static\/org\/public-health-bg.png": { "ft": 32768, "iS": 42822, @@ -5255,7 +5382,7 @@ } }, "uglifyReservedNamesString": "$", - "websiteRelativeRoot": "" + "websiteRelativeRoot": "publichealth\/static\/mockup" }, "settingsFileVersion": "3" } \ No newline at end of file diff --git a/publichealth/static/css/main.scss b/publichealth/static/css/main.scss index 5697057..8f1a047 100644 --- a/publichealth/static/css/main.scss +++ b/publichealth/static/css/main.scss @@ -5,18 +5,10 @@ @import 'paper/bootswatch'; -/* Page header */ +// Modules +@import "modules/modules"; + -#banner { - background: url(../org/public-health-bg.png) no-repeat top left; - background-size: cover; - font-size: 0px; - display: block; - width: 450px; - height: 140px; - color: transparent; - text-indent: -9999px; -} /* Responsive image/video classes */ .rich-text img { diff --git a/publichealth/static/css/modules/_banner.scss b/publichealth/static/css/modules/_banner.scss new file mode 100644 index 0000000..a2a65a6 --- /dev/null +++ b/publichealth/static/css/modules/_banner.scss @@ -0,0 +1,80 @@ +/* Page header */ +$banner-height: 700px; + +#banner { + // background: url(../org/public-health-bg.png) no-repeat top left; + // background-size: cover; + // font-size: 0px; + // display: block; + // width: 450px; + // height: 140px; + // color: transparent; + // text-indent: -9999px; + + .banner .item { + position: relative; + height: $banner-height; + + img { + width: 100%; + height: $banner-height; + overflow: hidden; + display: block; + background-size: cover; + background-position: center; + } + .caption { + position: absolute; + bottom: 20px; + left: 50%; + transform: translateX(-50%); + margin: 0 auto; + background-color: rgba(#f9f9f9, .8); + padding: 30px; + } + } +} + +#header .logo { + font-size: 0px; + background: url(images/public-health-logo.png) no-repeat top left; + width: 350px; height: 100px; + background-size: 100% auto; +} +#banner .inner { + padding-top: 1em; + border-top: none; +} +#banner h3, #banner p, #header a, #banner button { + color: #333; +} +.slick-prev::before, .slick-next::before { + color: inherit; +} +.slick-dots li button { + box-shadow: none; +} +#banner:before { + background: #e0e0e0; +} + +#banner p { + font-size: 90%; + text-align: left; + color: #777; + -webkit-hyphens: manual; + -ms-hyphens: manual; + hyphens: manual; +} +#banner { + padding-bottom: 4em; +} +#banner footer p { + color: black; + text-align: left; + font-size: 110%; + margin-top: 4em; +} +#three img { + width: 300px; height: 300px; +} diff --git a/publichealth/static/css/modules/_modules.scss b/publichealth/static/css/modules/_modules.scss new file mode 100644 index 0000000..e3f24f3 --- /dev/null +++ b/publichealth/static/css/modules/_modules.scss @@ -0,0 +1 @@ +@import "banner"; diff --git a/publichealth/static/css/paper/_variables.scss b/publichealth/static/css/paper/_variables.scss index ca3eb66..8e6a5af 100644 --- a/publichealth/static/css/paper/_variables.scss +++ b/publichealth/static/css/paper/_variables.scss @@ -49,7 +49,7 @@ $font-family-serif: Georgia, "Times New Roman", Times, serif !default; $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default; $font-family-base: $font-family-sans-serif !default; -$font-size-base: 13px !default; +$font-size-base: 20px !default; $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px $font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px diff --git a/publichealth/static/css/slick.scss b/publichealth/static/css/slick.scss new file mode 100644 index 0000000..baae934 --- /dev/null +++ b/publichealth/static/css/slick.scss @@ -0,0 +1,2 @@ +@import "slick/slick"; +@import 'slick/slick-theme'; diff --git a/publichealth/static/css/slick/slick-theme.scss b/publichealth/static/css/slick/slick-theme.scss new file mode 100644 index 0000000..d015eda --- /dev/null +++ b/publichealth/static/css/slick/slick-theme.scss @@ -0,0 +1,195 @@ +@charset "UTF-8"; + +// Default Variables + +// Slick icon entity codes outputs the following +// "\2190" outputs ascii character "←" +// "\2192" outputs ascii character "→" +// "\2022" outputs ascii character "•" + +$slick-font-path: "../fonts/" !default; +$slick-font-family: "slick" !default; +$slick-loader-path: "./" !default; +$slick-arrow-color: white !default; +$slick-dot-color: black !default; +$slick-dot-color-active: $slick-dot-color !default; +$slick-prev-character: "\2190" !default; +$slick-next-character: "\2192" !default; +$slick-dot-character: "\2022" !default; +$slick-dot-size: 10px !default; +$slick-opacity-default: 0.75 !default; +$slick-opacity-on-hover: 1 !default; +$slick-opacity-not-active: 0.25 !default; + +@function slick-image-url($url) { + @if function-exists(image-url) { + @return image-url($url); + } + @else { + @return url($slick-loader-path + $url); + } +} + +@function slick-font-url($url) { + @if function-exists(font-url) { + @return font-url($url); + } + @else { + @return url($slick-font-path + $url); + } +} + +/* Slider */ + +.slick-list { + .slick-loading & { + background: #fff slick-image-url("ajax-loader.gif") center center no-repeat; + } +} + +/* Icons */ +@if $slick-font-family == "slick" { + @font-face { + font-family: "slick"; + src: slick-font-url("slick.eot"); + src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg"); + font-weight: normal; + font-style: normal; + } +} + +/* Arrows */ + +.slick-prev, +.slick-next { + z-index: 1; + position: absolute; + display: block; + height: 30px; + width: 30px; + line-height: 0px; + font-size: 0px; + cursor: pointer; + background: transparent; + color: transparent; + top: 50%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + padding: 0; + border: none; + outline: none; + &:hover, &:focus { + outline: none; + background: transparent; + color: transparent; + &:before { + opacity: $slick-opacity-on-hover; + } + } + &.slick-disabled:before { + opacity: $slick-opacity-not-active; + } + &:before { + font-family: $slick-font-family; + font-size: 30px; + line-height: 1; + color: $slick-arrow-color; + opacity: $slick-opacity-default; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } +} + +.slick-prev { + left: 25px; + [dir="rtl"] & { + left: auto; + right: -25px; + } + &:before { + content: $slick-prev-character; + [dir="rtl"] & { + content: $slick-next-character; + } + } +} + +.slick-next { + right:25px; + [dir="rtl"] & { + left: -25px; + right: auto; + } + &:before { + content: $slick-next-character; + [dir="rtl"] & { + content: $slick-prev-character; + } + } +} + +/* Dots */ + +.slick-dotted.slick-slider { + margin-bottom: 30px; +} + +.slick-dots { + position: absolute; + bottom: -25px; + list-style: none; + display: block; + text-align: center; + padding: 0; + margin: 0; + width: 100%; + li { + position: relative; + display: inline-block; + height: 20px; + width: 20px; + margin: 0 5px; + padding: 0; + cursor: pointer; + button { + border: 0; + background: transparent; + display: block; + height: 20px; + width: 20px; + outline: none; + line-height: 0px; + font-size: 0px; + color: transparent; + padding: 5px; + cursor: pointer; + &:hover, &:focus { + outline: none; + &:before { + opacity: $slick-opacity-on-hover; + } + } + &:before { + position: absolute; + top: 0; + left: 0; + content: $slick-dot-character; + width: 20px; + height: 20px; + font-family: $slick-font-family; + font-size: $slick-dot-size; + line-height: 20px; + text-align: center; + color: $slick-dot-color; + opacity: $slick-opacity-not-active; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + } + &.slick-active button:before { + color: $slick-dot-color-active; + opacity: $slick-opacity-default; + } + } +} diff --git a/publichealth/static/css/slick/slick.scss b/publichealth/static/css/slick/slick.scss new file mode 100644 index 0000000..2fa0fb2 --- /dev/null +++ b/publichealth/static/css/slick/slick.scss @@ -0,0 +1,98 @@ +/* Slider */ + +.slick-slider { + position: relative; + display: block; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} +.slick-list { + position: relative; + overflow: hidden; + display: block; + margin: 0; + padding: 0; + + &:focus { + outline: none; + } + + &.dragging { + cursor: pointer; + cursor: hand; + } +} +.slick-slider .slick-track, +.slick-slider .slick-list { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slick-track { + position: relative; + left: 0; + top: 0; + display: block; + + &:before, + &:after { + content: ""; + display: table; + } + + &:after { + clear: both; + } + + .slick-loading & { + visibility: hidden; + } +} +.slick-slide { + float: left; + height: 100%; + min-height: 1px; + [dir="rtl"] & { + float: right; + } + img { + display: block; + } + &.slick-loading img { + display: none; + } + + display: none; + + &.dragging img { + pointer-events: none; + } + + .slick-initialized & { + display: block; + } + + .slick-loading & { + visibility: hidden; + } + + .slick-vertical & { + display: block; + height: auto; + border: 1px solid transparent; + } +} +.slick-arrow.slick-hidden { + display: none; +} diff --git a/publichealth/static/fonts/slick.eot b/publichealth/static/fonts/slick.eot new file mode 100644 index 0000000..2cbab9c Binary files /dev/null and b/publichealth/static/fonts/slick.eot differ diff --git a/publichealth/static/fonts/slick.svg b/publichealth/static/fonts/slick.svg new file mode 100644 index 0000000..b36a66a --- /dev/null +++ b/publichealth/static/fonts/slick.svg @@ -0,0 +1,14 @@ + + + +Generated by Fontastic.me + + + + + + + + + + diff --git a/publichealth/static/fonts/slick.ttf b/publichealth/static/fonts/slick.ttf new file mode 100644 index 0000000..9d03461 Binary files /dev/null and b/publichealth/static/fonts/slick.ttf differ diff --git a/publichealth/static/fonts/slick.woff b/publichealth/static/fonts/slick.woff new file mode 100644 index 0000000..8ee9972 Binary files /dev/null and b/publichealth/static/fonts/slick.woff differ diff --git a/publichealth/static/mockup/assets/css/ajax-loader.gif b/publichealth/static/mockup/assets/css/ajax-loader.gif new file mode 100644 index 0000000..e0e6e97 Binary files /dev/null and b/publichealth/static/mockup/assets/css/ajax-loader.gif differ diff --git a/publichealth/static/mockup/assets/css/main.css b/publichealth/static/mockup/assets/css/main.css index e631013..ffb40c9 100755 --- a/publichealth/static/mockup/assets/css/main.css +++ b/publichealth/static/mockup/assets/css/main.css @@ -1,3159 +1,6525 @@ @charset "UTF-8"; -@import url(font-awesome.min.css); -@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600"; - -/* - Projection by TEMPLATED - templated.co @templatedco - Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) -*/ - -/* Reset */ - - html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; - } - - article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { - display: block; - } - - body { - line-height: 1; - } - - ol, ul { - list-style: none; - } - - blockquote, q { - quotes: none; - } - - blockquote:before, blockquote:after, q:before, q:after { - content: ''; - content: none; - } +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700"); +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, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; } + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; } + +audio:not([controls]) { + display: none; + height: 0; } + +[hidden], +template { + display: none; } + +a { + background-color: transparent; } + +a:active, +a:hover { + outline: 0; } + +abbr[title] { + border-bottom: 1px dotted; } + +b, +strong { + font-weight: bold; } + +dfn { + font-style: italic; } + +h1 { + font-size: 2em; + margin: 0.67em 0; } + +mark { + background: #ff0; + color: #000; } + +small { + font-size: 80%; } + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +img { + border: 0; } + +svg:not(:root) { + overflow: hidden; } + +figure { + margin: 1em 40px; } + +hr { + box-sizing: content-box; + height: 0; } + +pre { + overflow: auto; } + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; } + +button { + overflow: visible; } + +button, +select { + text-transform: none; } + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; } + +button[disabled], +html input[disabled] { + cursor: default; } + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +input { + line-height: normal; } + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; } + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } + +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; } + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +legend { + border: 0; + padding: 0; } + +textarea { + overflow: auto; } + +optgroup { + font-weight: bold; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +td, +th { + padding: 0; } + +/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ +@media print { + *, + *:before, + *:after { + background: transparent !important; + color: #000 !important; + box-shadow: none !important; + text-shadow: none !important; } + a, + a:visited { + text-decoration: underline; } + a[href]:after { + content: " (" attr(href) ")"; } + abbr[title]:after { + content: " (" attr(title) ")"; } + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: ""; } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; } + thead { + display: table-header-group; } + tr, + img { + page-break-inside: avoid; } + img { + max-width: 100% !important; } + 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; } + .label { + 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; } } + +@font-face { + font-family: 'Glyphicons Halflings'; + src: url("../libs/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eot"); + src: url("../libs/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../libs/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../libs/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../libs/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../libs/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } + +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +.glyphicon-asterisk:before { + content: "\002a"; } + +.glyphicon-plus:before { + content: "\002b"; } + +.glyphicon-euro:before, +.glyphicon-eur:before { + content: "\20ac"; } + +.glyphicon-minus:before { + content: "\2212"; } + +.glyphicon-cloud:before { + content: "\2601"; } + +.glyphicon-envelope:before { + content: "\2709"; } + +.glyphicon-pencil:before { + content: "\270f"; } + +.glyphicon-glass:before { + content: "\e001"; } + +.glyphicon-music:before { + content: "\e002"; } + +.glyphicon-search:before { + content: "\e003"; } + +.glyphicon-heart:before { + content: "\e005"; } + +.glyphicon-star:before { + content: "\e006"; } + +.glyphicon-star-empty:before { + content: "\e007"; } + +.glyphicon-user:before { + content: "\e008"; } - table { - border-collapse: collapse; - border-spacing: 0; - } - - body { - -webkit-text-size-adjust: none; - } - -/* Box Model */ - - *, *:before, *:after { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - } - -/* Containers */ - - .container { - margin-left: auto; - margin-right: auto; - } +.glyphicon-film:before { + content: "\e009"; } - .container.\31 25\25 { - width: 100%; - max-width: 100em; - min-width: 80em; - } +.glyphicon-th-large:before { + content: "\e010"; } - .container.\37 5\25 { - width: 60em; - } +.glyphicon-th:before { + content: "\e011"; } - .container.\35 0\25 { - width: 40em; - } +.glyphicon-th-list:before { + content: "\e012"; } - .container.\32 5\25 { - width: 20em; - } +.glyphicon-ok:before { + content: "\e013"; } - .container { - width: 80em; - } +.glyphicon-remove:before { + content: "\e014"; } - @media screen and (max-width: 1680px) { +.glyphicon-zoom-in:before { + content: "\e015"; } - .container.\31 25\25 { - width: 100%; - max-width: 100em; - min-width: 80em; - } +.glyphicon-zoom-out:before { + content: "\e016"; } - .container.\37 5\25 { - width: 60em; - } +.glyphicon-off:before { + content: "\e017"; } - .container.\35 0\25 { - width: 40em; - } +.glyphicon-signal:before { + content: "\e018"; } - .container.\32 5\25 { - width: 20em; - } +.glyphicon-cog:before { + content: "\e019"; } - .container { - width: 80em; - } +.glyphicon-trash:before { + content: "\e020"; } - } +.glyphicon-home:before { + content: "\e021"; } - @media screen and (max-width: 1280px) { +.glyphicon-file:before { + content: "\e022"; } - .container.\31 25\25 { - width: 100%; - max-width: 81.25em; - min-width: 65em; - } +.glyphicon-time:before { + content: "\e023"; } - .container.\37 5\25 { - width: 48.75em; - } +.glyphicon-road:before { + content: "\e024"; } - .container.\35 0\25 { - width: 32.5em; - } +.glyphicon-download-alt:before { + content: "\e025"; } - .container.\32 5\25 { - width: 16.25em; - } +.glyphicon-download:before { + content: "\e026"; } - .container { - width: 65em; - } +.glyphicon-upload:before { + content: "\e027"; } - } +.glyphicon-inbox:before { + content: "\e028"; } - @media screen and (max-width: 980px) { +.glyphicon-play-circle:before { + content: "\e029"; } - .container.\31 25\25 { - width: 100%; - max-width: 112.5%; - min-width: 90%; - } +.glyphicon-repeat:before { + content: "\e030"; } - .container.\37 5\25 { - width: 67.5%; - } +.glyphicon-refresh:before { + content: "\e031"; } - .container.\35 0\25 { - width: 45%; - } +.glyphicon-list-alt:before { + content: "\e032"; } - .container.\32 5\25 { - width: 22.5%; - } +.glyphicon-lock:before { + content: "\e033"; } - .container { - width: 90%; - } +.glyphicon-flag:before { + content: "\e034"; } - } +.glyphicon-headphones:before { + content: "\e035"; } - @media screen and (max-width: 736px) { +.glyphicon-volume-off:before { + content: "\e036"; } - .container.\31 25\25 { - width: 100%; - max-width: 112.5%; - min-width: 90%; - } +.glyphicon-volume-down:before { + content: "\e037"; } - .container.\37 5\25 { - width: 67.5%; - } +.glyphicon-volume-up:before { + content: "\e038"; } - .container.\35 0\25 { - width: 45%; - } +.glyphicon-qrcode:before { + content: "\e039"; } - .container.\32 5\25 { - width: 22.5%; - } +.glyphicon-barcode:before { + content: "\e040"; } - .container { - width: 90% !important; - } +.glyphicon-tag:before { + content: "\e041"; } - } +.glyphicon-tags:before { + content: "\e042"; } - @media screen and (max-width: 480px) { +.glyphicon-book:before { + content: "\e043"; } - .container.\31 25\25 { - width: 100%; - max-width: 112.5%; - min-width: 90%; - } +.glyphicon-bookmark:before { + content: "\e044"; } - .container.\37 5\25 { - width: 67.5%; - } +.glyphicon-print:before { + content: "\e045"; } - .container.\35 0\25 { - width: 45%; - } +.glyphicon-camera:before { + content: "\e046"; } - .container.\32 5\25 { - width: 22.5%; - } +.glyphicon-font:before { + content: "\e047"; } - .container { - width: 90% !important; - } +.glyphicon-bold:before { + content: "\e048"; } - } +.glyphicon-italic:before { + content: "\e049"; } -/* Grid */ +.glyphicon-text-height:before { + content: "\e050"; } - .row { - border-bottom: solid 1px transparent; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - } +.glyphicon-text-width:before { + content: "\e051"; } - .row > * { - float: left; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - } +.glyphicon-align-left:before { + content: "\e052"; } - .row:after, .row:before { - content: ''; - display: block; - clear: both; - height: 0; - } +.glyphicon-align-center:before { + content: "\e053"; } - .row.uniform > * > :first-child { - margin-top: 0; - } +.glyphicon-align-right:before { + content: "\e054"; } - .row.uniform > * > :last-child { - margin-bottom: 0; - } - - .row.\30 \25 > * { - padding: 0 0 0 0em; - } - - .row.\30 \25 { - margin: 0 0 -1px 0em; - } - - .row.uniform.\30 \25 > * { - padding: 0em 0 0 0em; - } - - .row.uniform.\30 \25 { - margin: 0em 0 -1px 0em; - } - - .row > * { - padding: 0 0 0 2em; - } - - .row { - margin: 0 0 -1px -2em; - } - - .row.uniform > * { - padding: 2em 0 0 2em; - } - - .row.uniform { - margin: -2em 0 -1px -2em; - } - - .row.\32 00\25 > * { - padding: 0 0 0 4em; - } - - .row.\32 00\25 { - margin: 0 0 -1px -4em; - } - - .row.uniform.\32 00\25 > * { - padding: 4em 0 0 4em; - } - - .row.uniform.\32 00\25 { - margin: -4em 0 -1px -4em; - } - - .row.\31 50\25 > * { - padding: 0 0 0 3em; - } - - .row.\31 50\25 { - margin: 0 0 -1px -3em; - } - - .row.uniform.\31 50\25 > * { - padding: 3em 0 0 3em; - } - - .row.uniform.\31 50\25 { - margin: -3em 0 -1px -3em; - } - - .row.\35 0\25 > * { - padding: 0 0 0 1em; - } - - .row.\35 0\25 { - margin: 0 0 -1px -1em; - } - - .row.uniform.\35 0\25 > * { - padding: 1em 0 0 1em; - } - - .row.uniform.\35 0\25 { - margin: -1em 0 -1px -1em; - } - - .row.\32 5\25 > * { - padding: 0 0 0 0.5em; - } - - .row.\32 5\25 { - margin: 0 0 -1px -0.5em; - } - - .row.uniform.\32 5\25 > * { - padding: 0.5em 0 0 0.5em; - } - - .row.uniform.\32 5\25 { - margin: -0.5em 0 -1px -0.5em; - } - - .\31 2u, .\31 2u\24 { - width: 100%; - clear: none; - margin-left: 0; - } - - .\31 1u, .\31 1u\24 { - width: 91.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 0u, .\31 0u\24 { - width: 83.3333333333%; - clear: none; - margin-left: 0; - } - - .\39 u, .\39 u\24 { - width: 75%; - clear: none; - margin-left: 0; - } - - .\38 u, .\38 u\24 { - width: 66.6666666667%; - clear: none; - margin-left: 0; - } - - .\37 u, .\37 u\24 { - width: 58.3333333333%; - clear: none; - margin-left: 0; - } - - .\36 u, .\36 u\24 { - width: 50%; - clear: none; - margin-left: 0; - } - - .\35 u, .\35 u\24 { - width: 41.6666666667%; - clear: none; - margin-left: 0; - } - - .\34 u, .\34 u\24 { - width: 33.3333333333%; - clear: none; - margin-left: 0; - } - - .\33 u, .\33 u\24 { - width: 25%; - clear: none; - margin-left: 0; - } - - .\32 u, .\32 u\24 { - width: 16.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 u, .\31 u\24 { - width: 8.3333333333%; - clear: none; - margin-left: 0; - } - - .\31 2u\24 + *, - .\31 1u\24 + *, - .\31 0u\24 + *, - .\39 u\24 + *, - .\38 u\24 + *, - .\37 u\24 + *, - .\36 u\24 + *, - .\35 u\24 + *, - .\34 u\24 + *, - .\33 u\24 + *, - .\32 u\24 + *, - .\31 u\24 + * { - clear: left; - } - - .\-11u { - margin-left: 91.66667%; - } - - .\-10u { - margin-left: 83.33333%; - } - - .\-9u { - margin-left: 75%; - } - - .\-8u { - margin-left: 66.66667%; - } - - .\-7u { - margin-left: 58.33333%; - } - - .\-6u { - margin-left: 50%; - } - - .\-5u { - margin-left: 41.66667%; - } - - .\-4u { - margin-left: 33.33333%; - } - - .\-3u { - margin-left: 25%; - } - - .\-2u { - margin-left: 16.66667%; - } - - .\-1u { - margin-left: 8.33333%; - } - - @media screen and (max-width: 1680px) { - - .row > * { - padding: 0 0 0 2em; - } - - .row { - margin: 0 0 -1px -2em; - } - - .row.uniform > * { - padding: 2em 0 0 2em; - } - - .row.uniform { - margin: -2em 0 -1px -2em; - } - - .row.\32 00\25 > * { - padding: 0 0 0 4em; - } - - .row.\32 00\25 { - margin: 0 0 -1px -4em; - } - - .row.uniform.\32 00\25 > * { - padding: 4em 0 0 4em; - } - - .row.uniform.\32 00\25 { - margin: -4em 0 -1px -4em; - } - - .row.\31 50\25 > * { - padding: 0 0 0 3em; - } - - .row.\31 50\25 { - margin: 0 0 -1px -3em; - } - - .row.uniform.\31 50\25 > * { - padding: 3em 0 0 3em; - } - - .row.uniform.\31 50\25 { - margin: -3em 0 -1px -3em; - } - - .row.\35 0\25 > * { - padding: 0 0 0 1em; - } - - .row.\35 0\25 { - margin: 0 0 -1px -1em; - } - - .row.uniform.\35 0\25 > * { - padding: 1em 0 0 1em; - } - - .row.uniform.\35 0\25 { - margin: -1em 0 -1px -1em; - } - - .row.\32 5\25 > * { - padding: 0 0 0 0.5em; - } - - .row.\32 5\25 { - margin: 0 0 -1px -0.5em; - } - - .row.uniform.\32 5\25 > * { - padding: 0.5em 0 0 0.5em; - } - - .row.uniform.\32 5\25 { - margin: -0.5em 0 -1px -0.5em; - } - - .\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 { - width: 100%; - clear: none; - margin-left: 0; - } - - .\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 { - width: 91.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 { - width: 83.3333333333%; - clear: none; - margin-left: 0; - } - - .\39 u\28xlarge\29, .\39 u\24\28xlarge\29 { - width: 75%; - clear: none; - margin-left: 0; - } - - .\38 u\28xlarge\29, .\38 u\24\28xlarge\29 { - width: 66.6666666667%; - clear: none; - margin-left: 0; - } - - .\37 u\28xlarge\29, .\37 u\24\28xlarge\29 { - width: 58.3333333333%; - clear: none; - margin-left: 0; - } - - .\36 u\28xlarge\29, .\36 u\24\28xlarge\29 { - width: 50%; - clear: none; - margin-left: 0; - } - - .\35 u\28xlarge\29, .\35 u\24\28xlarge\29 { - width: 41.6666666667%; - clear: none; - margin-left: 0; - } - - .\34 u\28xlarge\29, .\34 u\24\28xlarge\29 { - width: 33.3333333333%; - clear: none; - margin-left: 0; - } - - .\33 u\28xlarge\29, .\33 u\24\28xlarge\29 { - width: 25%; - clear: none; - margin-left: 0; - } - - .\32 u\28xlarge\29, .\32 u\24\28xlarge\29 { - width: 16.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 u\28xlarge\29, .\31 u\24\28xlarge\29 { - width: 8.3333333333%; - clear: none; - margin-left: 0; - } - - .\31 2u\24\28xlarge\29 + *, - .\31 1u\24\28xlarge\29 + *, - .\31 0u\24\28xlarge\29 + *, - .\39 u\24\28xlarge\29 + *, - .\38 u\24\28xlarge\29 + *, - .\37 u\24\28xlarge\29 + *, - .\36 u\24\28xlarge\29 + *, - .\35 u\24\28xlarge\29 + *, - .\34 u\24\28xlarge\29 + *, - .\33 u\24\28xlarge\29 + *, - .\32 u\24\28xlarge\29 + *, - .\31 u\24\28xlarge\29 + * { - clear: left; - } - - .\-11u\28xlarge\29 { - margin-left: 91.66667%; - } - - .\-10u\28xlarge\29 { - margin-left: 83.33333%; - } - - .\-9u\28xlarge\29 { - margin-left: 75%; - } - - .\-8u\28xlarge\29 { - margin-left: 66.66667%; - } - - .\-7u\28xlarge\29 { - margin-left: 58.33333%; - } - - .\-6u\28xlarge\29 { - margin-left: 50%; - } - - .\-5u\28xlarge\29 { - margin-left: 41.66667%; - } - - .\-4u\28xlarge\29 { - margin-left: 33.33333%; - } - - .\-3u\28xlarge\29 { - margin-left: 25%; - } - - .\-2u\28xlarge\29 { - margin-left: 16.66667%; - } - - .\-1u\28xlarge\29 { - margin-left: 8.33333%; - } - - } - - @media screen and (max-width: 1280px) { - - .row > * { - padding: 0 0 0 1.5em; - } - - .row { - margin: 0 0 -1px -1.5em; - } - - .row.uniform > * { - padding: 1.5em 0 0 1.5em; - } - - .row.uniform { - margin: -1.5em 0 -1px -1.5em; - } - - .row.\32 00\25 > * { - padding: 0 0 0 3em; - } - - .row.\32 00\25 { - margin: 0 0 -1px -3em; - } - - .row.uniform.\32 00\25 > * { - padding: 3em 0 0 3em; - } - - .row.uniform.\32 00\25 { - margin: -3em 0 -1px -3em; - } - - .row.\31 50\25 > * { - padding: 0 0 0 2.25em; - } - - .row.\31 50\25 { - margin: 0 0 -1px -2.25em; - } - - .row.uniform.\31 50\25 > * { - padding: 2.25em 0 0 2.25em; - } - - .row.uniform.\31 50\25 { - margin: -2.25em 0 -1px -2.25em; - } - - .row.\35 0\25 > * { - padding: 0 0 0 0.75em; - } - - .row.\35 0\25 { - margin: 0 0 -1px -0.75em; - } - - .row.uniform.\35 0\25 > * { - padding: 0.75em 0 0 0.75em; - } - - .row.uniform.\35 0\25 { - margin: -0.75em 0 -1px -0.75em; - } - - .row.\32 5\25 > * { - padding: 0 0 0 0.375em; - } - - .row.\32 5\25 { - margin: 0 0 -1px -0.375em; - } - - .row.uniform.\32 5\25 > * { - padding: 0.375em 0 0 0.375em; - } - - .row.uniform.\32 5\25 { - margin: -0.375em 0 -1px -0.375em; - } - - .\31 2u\28large\29, .\31 2u\24\28large\29 { - width: 100%; - clear: none; - margin-left: 0; - } - - .\31 1u\28large\29, .\31 1u\24\28large\29 { - width: 91.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 0u\28large\29, .\31 0u\24\28large\29 { - width: 83.3333333333%; - clear: none; - margin-left: 0; - } - - .\39 u\28large\29, .\39 u\24\28large\29 { - width: 75%; - clear: none; - margin-left: 0; - } - - .\38 u\28large\29, .\38 u\24\28large\29 { - width: 66.6666666667%; - clear: none; - margin-left: 0; - } - - .\37 u\28large\29, .\37 u\24\28large\29 { - width: 58.3333333333%; - clear: none; - margin-left: 0; - } - - .\36 u\28large\29, .\36 u\24\28large\29 { - width: 50%; - clear: none; - margin-left: 0; - } - - .\35 u\28large\29, .\35 u\24\28large\29 { - width: 41.6666666667%; - clear: none; - margin-left: 0; - } - - .\34 u\28large\29, .\34 u\24\28large\29 { - width: 33.3333333333%; - clear: none; - margin-left: 0; - } - - .\33 u\28large\29, .\33 u\24\28large\29 { - width: 25%; - clear: none; - margin-left: 0; - } - - .\32 u\28large\29, .\32 u\24\28large\29 { - width: 16.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 u\28large\29, .\31 u\24\28large\29 { - width: 8.3333333333%; - clear: none; - margin-left: 0; - } - - .\31 2u\24\28large\29 + *, - .\31 1u\24\28large\29 + *, - .\31 0u\24\28large\29 + *, - .\39 u\24\28large\29 + *, - .\38 u\24\28large\29 + *, - .\37 u\24\28large\29 + *, - .\36 u\24\28large\29 + *, - .\35 u\24\28large\29 + *, - .\34 u\24\28large\29 + *, - .\33 u\24\28large\29 + *, - .\32 u\24\28large\29 + *, - .\31 u\24\28large\29 + * { - clear: left; - } - - .\-11u\28large\29 { - margin-left: 91.66667%; - } - - .\-10u\28large\29 { - margin-left: 83.33333%; - } - - .\-9u\28large\29 { - margin-left: 75%; - } - - .\-8u\28large\29 { - margin-left: 66.66667%; - } - - .\-7u\28large\29 { - margin-left: 58.33333%; - } - - .\-6u\28large\29 { - margin-left: 50%; - } - - .\-5u\28large\29 { - margin-left: 41.66667%; - } - - .\-4u\28large\29 { - margin-left: 33.33333%; - } - - .\-3u\28large\29 { - margin-left: 25%; - } - - .\-2u\28large\29 { - margin-left: 16.66667%; - } - - .\-1u\28large\29 { - margin-left: 8.33333%; - } - - } - - @media screen and (max-width: 980px) { - - .row > * { - padding: 0 0 0 1.5em; - } - - .row { - margin: 0 0 -1px -1.5em; - } - - .row.uniform > * { - padding: 1.5em 0 0 1.5em; - } - - .row.uniform { - margin: -1.5em 0 -1px -1.5em; - } - - .row.\32 00\25 > * { - padding: 0 0 0 3em; - } - - .row.\32 00\25 { - margin: 0 0 -1px -3em; - } - - .row.uniform.\32 00\25 > * { - padding: 3em 0 0 3em; - } - - .row.uniform.\32 00\25 { - margin: -3em 0 -1px -3em; - } - - .row.\31 50\25 > * { - padding: 0 0 0 2.25em; - } - - .row.\31 50\25 { - margin: 0 0 -1px -2.25em; - } - - .row.uniform.\31 50\25 > * { - padding: 2.25em 0 0 2.25em; - } - - .row.uniform.\31 50\25 { - margin: -2.25em 0 -1px -2.25em; - } - - .row.\35 0\25 > * { - padding: 0 0 0 0.75em; - } - - .row.\35 0\25 { - margin: 0 0 -1px -0.75em; - } - - .row.uniform.\35 0\25 > * { - padding: 0.75em 0 0 0.75em; - } - - .row.uniform.\35 0\25 { - margin: -0.75em 0 -1px -0.75em; - } - - .row.\32 5\25 > * { - padding: 0 0 0 0.375em; - } - - .row.\32 5\25 { - margin: 0 0 -1px -0.375em; - } - - .row.uniform.\32 5\25 > * { - padding: 0.375em 0 0 0.375em; - } - - .row.uniform.\32 5\25 { - margin: -0.375em 0 -1px -0.375em; - } - - .\31 2u\28medium\29, .\31 2u\24\28medium\29 { - width: 100%; - clear: none; - margin-left: 0; - } - - .\31 1u\28medium\29, .\31 1u\24\28medium\29 { - width: 91.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 0u\28medium\29, .\31 0u\24\28medium\29 { - width: 83.3333333333%; - clear: none; - margin-left: 0; - } - - .\39 u\28medium\29, .\39 u\24\28medium\29 { - width: 75%; - clear: none; - margin-left: 0; - } - - .\38 u\28medium\29, .\38 u\24\28medium\29 { - width: 66.6666666667%; - clear: none; - margin-left: 0; - } - - .\37 u\28medium\29, .\37 u\24\28medium\29 { - width: 58.3333333333%; - clear: none; - margin-left: 0; - } - - .\36 u\28medium\29, .\36 u\24\28medium\29 { - width: 50%; - clear: none; - margin-left: 0; - } - - .\35 u\28medium\29, .\35 u\24\28medium\29 { - width: 41.6666666667%; - clear: none; - margin-left: 0; - } - - .\34 u\28medium\29, .\34 u\24\28medium\29 { - width: 33.3333333333%; - clear: none; - margin-left: 0; - } - - .\33 u\28medium\29, .\33 u\24\28medium\29 { - width: 25%; - clear: none; - margin-left: 0; - } - - .\32 u\28medium\29, .\32 u\24\28medium\29 { - width: 16.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 u\28medium\29, .\31 u\24\28medium\29 { - width: 8.3333333333%; - clear: none; - margin-left: 0; - } - - .\31 2u\24\28medium\29 + *, - .\31 1u\24\28medium\29 + *, - .\31 0u\24\28medium\29 + *, - .\39 u\24\28medium\29 + *, - .\38 u\24\28medium\29 + *, - .\37 u\24\28medium\29 + *, - .\36 u\24\28medium\29 + *, - .\35 u\24\28medium\29 + *, - .\34 u\24\28medium\29 + *, - .\33 u\24\28medium\29 + *, - .\32 u\24\28medium\29 + *, - .\31 u\24\28medium\29 + * { - clear: left; - } - - .\-11u\28medium\29 { - margin-left: 91.66667%; - } - - .\-10u\28medium\29 { - margin-left: 83.33333%; - } - - .\-9u\28medium\29 { - margin-left: 75%; - } - - .\-8u\28medium\29 { - margin-left: 66.66667%; - } - - .\-7u\28medium\29 { - margin-left: 58.33333%; - } - - .\-6u\28medium\29 { - margin-left: 50%; - } - - .\-5u\28medium\29 { - margin-left: 41.66667%; - } - - .\-4u\28medium\29 { - margin-left: 33.33333%; - } - - .\-3u\28medium\29 { - margin-left: 25%; - } - - .\-2u\28medium\29 { - margin-left: 16.66667%; - } - - .\-1u\28medium\29 { - margin-left: 8.33333%; - } - - } - - @media screen and (max-width: 736px) { - - .row > * { - padding: 0 0 0 1.25em; - } - - .row { - margin: 0 0 -1px -1.25em; - } - - .row.uniform > * { - padding: 1.25em 0 0 1.25em; - } - - .row.uniform { - margin: -1.25em 0 -1px -1.25em; - } - - .row.\32 00\25 > * { - padding: 0 0 0 2.5em; - } - - .row.\32 00\25 { - margin: 0 0 -1px -2.5em; - } - - .row.uniform.\32 00\25 > * { - padding: 2.5em 0 0 2.5em; - } - - .row.uniform.\32 00\25 { - margin: -2.5em 0 -1px -2.5em; - } - - .row.\31 50\25 > * { - padding: 0 0 0 1.875em; - } - - .row.\31 50\25 { - margin: 0 0 -1px -1.875em; - } - - .row.uniform.\31 50\25 > * { - padding: 1.875em 0 0 1.875em; - } - - .row.uniform.\31 50\25 { - margin: -1.875em 0 -1px -1.875em; - } - - .row.\35 0\25 > * { - padding: 0 0 0 0.625em; - } - - .row.\35 0\25 { - margin: 0 0 -1px -0.625em; - } - - .row.uniform.\35 0\25 > * { - padding: 0.625em 0 0 0.625em; - } - - .row.uniform.\35 0\25 { - margin: -0.625em 0 -1px -0.625em; - } - - .row.\32 5\25 > * { - padding: 0 0 0 0.3125em; - } - - .row.\32 5\25 { - margin: 0 0 -1px -0.3125em; - } - - .row.uniform.\32 5\25 > * { - padding: 0.3125em 0 0 0.3125em; - } - - .row.uniform.\32 5\25 { - margin: -0.3125em 0 -1px -0.3125em; - } - - .\31 2u\28small\29, .\31 2u\24\28small\29 { - width: 100%; - clear: none; - margin-left: 0; - } - - .\31 1u\28small\29, .\31 1u\24\28small\29 { - width: 91.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 0u\28small\29, .\31 0u\24\28small\29 { - width: 83.3333333333%; - clear: none; - margin-left: 0; - } - - .\39 u\28small\29, .\39 u\24\28small\29 { - width: 75%; - clear: none; - margin-left: 0; - } - - .\38 u\28small\29, .\38 u\24\28small\29 { - width: 66.6666666667%; - clear: none; - margin-left: 0; - } - - .\37 u\28small\29, .\37 u\24\28small\29 { - width: 58.3333333333%; - clear: none; - margin-left: 0; - } - - .\36 u\28small\29, .\36 u\24\28small\29 { - width: 50%; - clear: none; - margin-left: 0; - } - - .\35 u\28small\29, .\35 u\24\28small\29 { - width: 41.6666666667%; - clear: none; - margin-left: 0; - } - - .\34 u\28small\29, .\34 u\24\28small\29 { - width: 33.3333333333%; - clear: none; - margin-left: 0; - } - - .\33 u\28small\29, .\33 u\24\28small\29 { - width: 25%; - clear: none; - margin-left: 0; - } - - .\32 u\28small\29, .\32 u\24\28small\29 { - width: 16.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 u\28small\29, .\31 u\24\28small\29 { - width: 8.3333333333%; - clear: none; - margin-left: 0; - } - - .\31 2u\24\28small\29 + *, - .\31 1u\24\28small\29 + *, - .\31 0u\24\28small\29 + *, - .\39 u\24\28small\29 + *, - .\38 u\24\28small\29 + *, - .\37 u\24\28small\29 + *, - .\36 u\24\28small\29 + *, - .\35 u\24\28small\29 + *, - .\34 u\24\28small\29 + *, - .\33 u\24\28small\29 + *, - .\32 u\24\28small\29 + *, - .\31 u\24\28small\29 + * { - clear: left; - } - - .\-11u\28small\29 { - margin-left: 91.66667%; - } - - .\-10u\28small\29 { - margin-left: 83.33333%; - } - - .\-9u\28small\29 { - margin-left: 75%; - } - - .\-8u\28small\29 { - margin-left: 66.66667%; - } - - .\-7u\28small\29 { - margin-left: 58.33333%; - } - - .\-6u\28small\29 { - margin-left: 50%; - } - - .\-5u\28small\29 { - margin-left: 41.66667%; - } - - .\-4u\28small\29 { - margin-left: 33.33333%; - } - - .\-3u\28small\29 { - margin-left: 25%; - } - - .\-2u\28small\29 { - margin-left: 16.66667%; - } - - .\-1u\28small\29 { - margin-left: 8.33333%; - } - - } - - @media screen and (max-width: 480px) { - - .row > * { - padding: 0 0 0 1.25em; - } - - .row { - margin: 0 0 -1px -1.25em; - } - - .row.uniform > * { - padding: 1.25em 0 0 1.25em; - } - - .row.uniform { - margin: -1.25em 0 -1px -1.25em; - } - - .row.\32 00\25 > * { - padding: 0 0 0 2.5em; - } - - .row.\32 00\25 { - margin: 0 0 -1px -2.5em; - } - - .row.uniform.\32 00\25 > * { - padding: 2.5em 0 0 2.5em; - } - - .row.uniform.\32 00\25 { - margin: -2.5em 0 -1px -2.5em; - } - - .row.\31 50\25 > * { - padding: 0 0 0 1.875em; - } - - .row.\31 50\25 { - margin: 0 0 -1px -1.875em; - } - - .row.uniform.\31 50\25 > * { - padding: 1.875em 0 0 1.875em; - } - - .row.uniform.\31 50\25 { - margin: -1.875em 0 -1px -1.875em; - } - - .row.\35 0\25 > * { - padding: 0 0 0 0.625em; - } - - .row.\35 0\25 { - margin: 0 0 -1px -0.625em; - } - - .row.uniform.\35 0\25 > * { - padding: 0.625em 0 0 0.625em; - } - - .row.uniform.\35 0\25 { - margin: -0.625em 0 -1px -0.625em; - } - - .row.\32 5\25 > * { - padding: 0 0 0 0.3125em; - } - - .row.\32 5\25 { - margin: 0 0 -1px -0.3125em; - } - - .row.uniform.\32 5\25 > * { - padding: 0.3125em 0 0 0.3125em; - } - - .row.uniform.\32 5\25 { - margin: -0.3125em 0 -1px -0.3125em; - } - - .\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 { - width: 100%; - clear: none; - margin-left: 0; - } - - .\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 { - width: 91.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 { - width: 83.3333333333%; - clear: none; - margin-left: 0; - } - - .\39 u\28xsmall\29, .\39 u\24\28xsmall\29 { - width: 75%; - clear: none; - margin-left: 0; - } - - .\38 u\28xsmall\29, .\38 u\24\28xsmall\29 { - width: 66.6666666667%; - clear: none; - margin-left: 0; - } - - .\37 u\28xsmall\29, .\37 u\24\28xsmall\29 { - width: 58.3333333333%; - clear: none; - margin-left: 0; - } - - .\36 u\28xsmall\29, .\36 u\24\28xsmall\29 { - width: 50%; - clear: none; - margin-left: 0; - } - - .\35 u\28xsmall\29, .\35 u\24\28xsmall\29 { - width: 41.6666666667%; - clear: none; - margin-left: 0; - } - - .\34 u\28xsmall\29, .\34 u\24\28xsmall\29 { - width: 33.3333333333%; - clear: none; - margin-left: 0; - } - - .\33 u\28xsmall\29, .\33 u\24\28xsmall\29 { - width: 25%; - clear: none; - margin-left: 0; - } - - .\32 u\28xsmall\29, .\32 u\24\28xsmall\29 { - width: 16.6666666667%; - clear: none; - margin-left: 0; - } - - .\31 u\28xsmall\29, .\31 u\24\28xsmall\29 { - width: 8.3333333333%; - clear: none; - margin-left: 0; - } - - .\31 2u\24\28xsmall\29 + *, - .\31 1u\24\28xsmall\29 + *, - .\31 0u\24\28xsmall\29 + *, - .\39 u\24\28xsmall\29 + *, - .\38 u\24\28xsmall\29 + *, - .\37 u\24\28xsmall\29 + *, - .\36 u\24\28xsmall\29 + *, - .\35 u\24\28xsmall\29 + *, - .\34 u\24\28xsmall\29 + *, - .\33 u\24\28xsmall\29 + *, - .\32 u\24\28xsmall\29 + *, - .\31 u\24\28xsmall\29 + * { - clear: left; - } - - .\-11u\28xsmall\29 { - margin-left: 91.66667%; - } - - .\-10u\28xsmall\29 { - margin-left: 83.33333%; - } - - .\-9u\28xsmall\29 { - margin-left: 75%; - } - - .\-8u\28xsmall\29 { - margin-left: 66.66667%; - } - - .\-7u\28xsmall\29 { - margin-left: 58.33333%; - } - - .\-6u\28xsmall\29 { - margin-left: 50%; - } - - .\-5u\28xsmall\29 { - margin-left: 41.66667%; - } - - .\-4u\28xsmall\29 { - margin-left: 33.33333%; - } - - .\-3u\28xsmall\29 { - margin-left: 25%; - } - - .\-2u\28xsmall\29 { - margin-left: 16.66667%; - } - - .\-1u\28xsmall\29 { - margin-left: 8.33333%; - } - - } - -/* Basic */ - - @-ms-viewport { - width: device-width; - } - - body { - -ms-overflow-style: scrollbar; - } - - @media screen and (max-width: 480px) { - - html, body { - min-width: 320px; - } - - } - - body { - background: #fff; - } - - body.is-loading *, body.is-loading *:before, body.is-loading *:after { - -moz-animation: none !important; - -webkit-animation: none !important; - -ms-animation: none !important; - animation: none !important; - -moz-transition: none !important; - -webkit-transition: none !important; - -ms-transition: none !important; - transition: none !important; - } +.glyphicon-align-justify:before { + content: "\e055"; } -/* Type */ +.glyphicon-list:before { + content: "\e056"; } - body, input, select, textarea { - color: #9a9a9a; - font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; - font-size: 14pt; - font-weight: 400; - line-height: 1.65; - } +.glyphicon-indent-left:before { + content: "\e057"; } - @media screen and (max-width: 1680px) { +.glyphicon-indent-right:before { + content: "\e058"; } - body, input, select, textarea { - font-size: 12pt; - } +.glyphicon-facetime-video:before { + content: "\e059"; } - } +.glyphicon-picture:before { + content: "\e060"; } - @media screen and (max-width: 1280px) { +.glyphicon-map-marker:before { + content: "\e062"; } - body, input, select, textarea { - font-size: 12pt; - } +.glyphicon-adjust:before { + content: "\e063"; } - } +.glyphicon-tint:before { + content: "\e064"; } - @media screen and (max-width: 980px) { +.glyphicon-edit:before { + content: "\e065"; } - body, input, select, textarea { - font-size: 12pt; - } +.glyphicon-share:before { + content: "\e066"; } - } +.glyphicon-check:before { + content: "\e067"; } - @media screen and (max-width: 736px) { +.glyphicon-move:before { + content: "\e068"; } - body, input, select, textarea { - font-size: 12pt; - } +.glyphicon-step-backward:before { + content: "\e069"; } - } +.glyphicon-fast-backward:before { + content: "\e070"; } - @media screen and (max-width: 480px) { +.glyphicon-backward:before { + content: "\e071"; } - body, input, select, textarea { - font-size: 12pt; - } +.glyphicon-play:before { + content: "\e072"; } - } +.glyphicon-pause:before { + content: "\e073"; } - a { - color: #2842a6; - text-decoration: underline; - } - - a:hover { - text-decoration: none; - } - - strong, b { - color: #555; - font-weight: 600; - } - - em, i { - font-style: italic; - } - - p { - margin: 0 0 2em 0; - } - - h1, h2, h3, h4, h5, h6 { - color: #555; - font-weight: 400; - line-height: 1.5; - margin: 0 0 1em 0; - } - - h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { - color: inherit; - text-decoration: none; - } - - h2 { - font-size: 1.85em; - font-weight: 300; - } - - h3 { - font-size: 1.75em; - } - - @media screen and (max-width: 480px) { - - h3 { - font-size: 1.25em; - } +.glyphicon-stop:before { + content: "\e074"; } - } +.glyphicon-forward:before { + content: "\e075"; } - h4 { - font-size: 1.5em; - } +.glyphicon-fast-forward:before { + content: "\e076"; } - h5 { - font-size: 0.9em; - } +.glyphicon-step-forward:before { + content: "\e077"; } - h6 { - font-size: 0.7em; - } +.glyphicon-eject:before { + content: "\e078"; } - sub { - font-size: 0.8em; - position: relative; - top: 0.5em; - } +.glyphicon-chevron-left:before { + content: "\e079"; } - sup { - font-size: 0.8em; - position: relative; - top: -0.5em; - } - - blockquote { - border-left: solid 4px #dbdbdb; - font-style: italic; - margin: 0 0 2em 0; - padding: 0.5em 0 0.5em 2em; - } +.glyphicon-chevron-right:before { + content: "\e080"; } - code { - background: rgba(144, 144, 144, 0.075); - border-radius: 0; - border: solid 1px #dbdbdb; - font-family: "Courier New", monospace; - font-size: 0.9em; - margin: 0 0.25em; - padding: 0.25em 0.65em; - } - - pre { - -webkit-overflow-scrolling: touch; - font-family: "Courier New", monospace; - font-size: 0.9em; - margin: 0 0 2em 0; - } - - pre code { - display: block; - line-height: 1.75; - padding: 1em 1.5em; - overflow-x: auto; - } - - hr { - border: 0; - border-bottom: solid 1px #dbdbdb; - margin: 2em 0; - } - - hr.major { - margin: 3em 0; - } +.glyphicon-plus-sign:before { + content: "\e081"; } - .align-left { - text-align: left; - } - - .align-center { - text-align: center; - } - - .align-right { - text-align: right; - } +.glyphicon-minus-sign:before { + content: "\e082"; } - .inner { - max-width: 75em; - margin: 0 auto; - } +.glyphicon-remove-sign:before { + content: "\e083"; } - @media screen and (max-width: 1280px) { - - .inner { - max-width: 90%; - } +.glyphicon-ok-sign:before { + content: "\e084"; } - } +.glyphicon-question-sign:before { + content: "\e085"; } - @media screen and (max-width: 480px) { +.glyphicon-info-sign:before { + content: "\e086"; } - .inner { - max-width: 90%; - } - - } - -/* Section/Article */ - - section.special, article.special { - text-align: center; - } - - section.special article, article.special article { - text-align: left; - } - - section.wrapper, article.wrapper { - padding: 6em 0; - } - - section.wrapper header, article.wrapper header { - margin-bottom: 4em; - } - - section.wrapper header h2, article.wrapper header h2 { - font-size: 2.75em; - margin: 0 0 .5em 0; - } - - section.wrapper header p, article.wrapper header p { - font-size: 1em; - } - - section.wrapper article header, article.wrapper article header { - margin: 0; - } - - @media screen and (max-width: 980px) { - - section.wrapper, article.wrapper { - padding: 4em 0; - } - - } - - @media screen and (max-width: 736px) { - - section.wrapper, article.wrapper { - padding: 3em 0; - } +.glyphicon-screenshot:before { + content: "\e087"; } - section.wrapper header, article.wrapper header { - margin-bottom: 2em; - } +.glyphicon-remove-circle:before { + content: "\e088"; } - section.wrapper header h2, article.wrapper header h2 { - font-size: 2em; - } +.glyphicon-ok-circle:before { + content: "\e089"; } - section.wrapper header p, article.wrapper header p { - font-size: .9em; - } +.glyphicon-ban-circle:before { + content: "\e090"; } - } +.glyphicon-arrow-left:before { + content: "\e091"; } - @media screen and (max-width: 480px) { +.glyphicon-arrow-right:before { + content: "\e092"; } - section.wrapper article, article.wrapper article { - text-align: center; - } +.glyphicon-arrow-up:before { + content: "\e093"; } - } +.glyphicon-arrow-down:before { + content: "\e094"; } - header p { - color: #bbb; - position: relative; - margin: 0 0 1.5em 0; - } +.glyphicon-share-alt:before { + content: "\e095"; } - header h2 + p { - font-size: 1.25em; - margin-top: -1em; - } +.glyphicon-resize-full:before { + content: "\e096"; } - header h3 + p { - font-size: 1.1em; - margin-top: -0.8em; - } +.glyphicon-resize-small:before { + content: "\e097"; } - header h4 + p, - header h5 + p, - header h6 + p { - font-size: 0.9em; - margin-top: -0.6em; - } +.glyphicon-exclamation-sign:before { + content: "\e101"; } -/* Flex */ - - .flex { - display: -ms-flexbox; - -ms-flex-wrap: wrap; - -ms-flex-pack: justify; - -moz-justify-content: space-between; - -webkit-justify-content: space-between; - -ms-justify-content: space-between; - justify-content: space-between; - display: -moz-flex; - display: -webkit-flex; - display: -ms-flex; - display: flex; - -moz-flex-wrap: wrap; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - } - - .flex.flex-2 { - -moz-justify-content: space-between; - -webkit-justify-content: space-between; - -ms-justify-content: space-between; - justify-content: space-between; - } - - .flex.flex-2 article { - width: 50%; - } - - @media screen and (max-width: 980px) { - - .flex.flex-2 article { - width: 100%; - margin-bottom: 3em; - } - - .flex.flex-2 article:last-child { - margin-bottom: 0; - } - - } - - @media screen and (max-width: 480px) { - - .flex.flex-2 br { - display: none; - } - - } - -/* Form */ - - form { - margin: 0 0 2em 0; - } - - form .field { - margin-bottom: 1.5em; - } - - form .field.half { - display: inline-block; - width: 48%; - } - - form .field.half.first { - margin-right: 3%; - } - - @media screen and (max-width: 980px) { - - form .field.half { - display: block; - width: 100%; - } - - form .field.half.first { - margin-right: 0; - } - - } - - label { - color: #555; - display: block; - font-size: 0.9em; - font-weight: 600; - margin: 0 0 1em 0; - } - - input[type="text"], - input[type="password"], - input[type="email"], - input[type="tel"], - select, - textarea { - -moz-appearance: none; - -webkit-appearance: none; - -ms-appearance: none; - appearance: none; - background: #2842a6; - border-radius: 10px; - border: none; - border: solid 2px #8dcca9; - color: #fff; - display: block; - outline: 0; - padding: 0 1em; - text-decoration: none; - width: 100%; - } - - input[type="text"]:invalid, - input[type="password"]:invalid, - input[type="email"]:invalid, - input[type="tel"]:invalid, - select:invalid, - textarea:invalid { - box-shadow: none; - } - - input[type="text"]:focus, - input[type="password"]:focus, - input[type="email"]:focus, - input[type="tel"]:focus, - select:focus, - textarea:focus { - border-color: #4bae77; - box-shadow: 0 0 0 1px #4bae77; - } - - .select-wrapper { - text-decoration: none; - display: block; - position: relative; - } - - .select-wrapper:before { - content: ""; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - text-transform: none !important; - } - - .select-wrapper:before { - color: #fff; - display: block; - height: 2.75em; - line-height: 2.75em; - pointer-events: none; - position: absolute; - right: 0; - text-align: center; - top: 0; - width: 2.75em; - } - - .select-wrapper select::-ms-expand { - display: none; - } - - input[type="text"], - input[type="password"], - input[type="email"], - select { - height: 2.75em; - } - - textarea { - padding: 0.75em 1em; - } - - input[type="checkbox"], - input[type="radio"] { - -moz-appearance: none; - -webkit-appearance: none; - -ms-appearance: none; - appearance: none; - display: block; - float: left; - margin-right: -2em; - opacity: 0; - width: 1em; - z-index: -1; - } - - input[type="checkbox"] + label, - input[type="radio"] + label { - text-decoration: none; - color: #9a9a9a; - cursor: pointer; - display: inline-block; - font-size: 1em; - font-weight: 400; - padding-left: 2.4em; - padding-right: 0.75em; - position: relative; - } - - input[type="checkbox"] + label:before, - input[type="radio"] + label:before { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - text-transform: none !important; - } - - input[type="checkbox"] + label:before, - input[type="radio"] + label:before { - background: rgba(144, 144, 144, 0.075); - border-radius: 0; - border: solid 1px #8dcca9; - content: ''; - display: inline-block; - height: 1.65em; - left: 0; - line-height: 1.58125em; - position: absolute; - text-align: center; - top: 0; - width: 1.65em; - } - - input[type="checkbox"]:checked + label:before, - input[type="radio"]:checked + label:before { - background: #2842a6; - border-color: #2842a6; - color: #ffffff; - content: '\f00c'; - } - - input[type="checkbox"]:focus + label:before, - input[type="radio"]:focus + label:before { - border-color: #2842a6; - box-shadow: 0 0 0 1px #2842a6; - } - - input[type="checkbox"] + label:before { - border-radius: 0; - } - - input[type="radio"] + label:before { - border-radius: 100%; - } - - ::-webkit-input-placeholder { - color: #c4e5d3 !important; - opacity: 1.0; - } - - :-moz-placeholder { - color: #c4e5d3 !important; - opacity: 1.0; - } - - ::-moz-placeholder { - color: #c4e5d3 !important; - opacity: 1.0; - } - - :-ms-input-placeholder { - color: #c4e5d3 !important; - opacity: 1.0; - } - - .formerize-placeholder { - color: #c4e5d3 !important; - opacity: 1.0; - } - -/* Box */ - - .box { - border: solid 1px #dbdbdb; - margin-bottom: 2em; - padding: 1.5em; - } - - .box > :last-child, - .box > :last-child > :last-child, - .box > :last-child > :last-child > :last-child { - margin-bottom: 0; - } - - .box.alt { - border: 0; - border-radius: 0; - padding: 0; - } - - .box.person { - border: solid 1px #8dcca9; - padding: 3em 1.5em; - } - - .box.person h3 { - margin: 0; - } - - .box.person .image { - margin-bottom: 1em; - } - - .box.person .image img { - max-width: 100%; - } - -/* Icon */ - - .icon { - text-decoration: none; - border-bottom: none; - position: relative; - } - - .icon:before { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - text-transform: none !important; - } - - .icon > .label { - display: none; - } - -/* Image */ - - .image { - border-radius: 0; - border: 0; - display: inline-block; - position: relative; - } - - .image img { - border-radius: 0; - display: block; - } - - .image.left, .image.right { - max-width: 40%; - } - - .image.left img, .image.right img { - width: 100%; - } - - .image.round img { - border-radius: 100%; - } - - .image.left { - float: left; - padding: 0 1.5em 1em 0; - top: 0.25em; - } - - .image.right { - float: right; - padding: 0 0 1em 1.5em; - top: 0.25em; - } - - .image.fit { - display: block; - margin: 0 0 2em 0; - width: 100%; - } - - .image.fit img { - width: 100%; - } - - .image.main { - display: block; - margin: 0 0 3em 0; - width: 100%; - } - - .image.main img { - width: 100%; - } - -/* List */ - - ol { - list-style: decimal; - margin: 0 0 2em 0; - padding-left: 1.25em; - } - - ol li { - padding-left: 0.25em; - } - - ul { - list-style: disc; - margin: 0 0 2em 0; - padding-left: 1em; - } - - ul li { - padding-left: 0.5em; - } - - ul.alt { - list-style: none; - padding-left: 0; - } - - ul.alt li { - border-top: solid 1px #dbdbdb; - padding: 0.5em 0; - } - - ul.alt li:first-child { - border-top: 0; - padding-top: 0; - } - - ul.alt.dark li { - border-top: solid 1px rgba(0, 0, 0, 0.25); - } - - ul.icons { - cursor: default; - list-style: none; - padding-left: 0; - } - - ul.icons li { - display: inline-block; - padding: 0 1em 0 0; - } - - ul.icons li:last-child { - padding-right: 0; - } - - ul.icons li .icon:before { - font-size: 2em; - } - - ul.actions { - cursor: default; - list-style: none; - padding-left: 0; - } - - ul.actions li { - display: inline-block; - padding: 0 1em 0 0; - vertical-align: middle; - } - - ul.actions li:last-child { - padding-right: 0; - } - - ul.actions.small li { - padding: 0 0.5em 0 0; - } - - ul.actions.vertical li { - display: block; - padding: 1em 0 0 0; - } - - ul.actions.vertical li:first-child { - padding-top: 0; - } - - ul.actions.vertical li > * { - margin-bottom: 0; - } - - ul.actions.vertical.small li { - padding: 0.5em 0 0 0; - } - - ul.actions.vertical.small li:first-child { - padding-top: 0; - } - - ul.actions.fit { - display: table; - margin-left: -1em; - padding: 0; - table-layout: fixed; - width: calc(100% + 1em); - } - - ul.actions.fit li { - display: table-cell; - padding: 0 0 0 1em; - } - - ul.actions.fit li > * { - margin-bottom: 0; - } - - ul.actions.fit.small { - margin-left: -0.5em; - width: calc(100% + 0.5em); - } - - ul.actions.fit.small li { - padding: 0 0 0 0.5em; - } - - @media screen and (max-width: 480px) { - - ul.actions { - margin: 0 0 2em 0; - } - - ul.actions li { - padding: 1em 0 0 0; - display: block; - text-align: center; - width: 100%; - } - - ul.actions li:first-child { - padding-top: 0; - } - - ul.actions li > * { - width: 100%; - margin: 0 !important; - } - - ul.actions li > *.icon:before { - margin-left: -2em; - } - - ul.actions.small li { - padding: 0.5em 0 0 0; - } - - ul.actions.small li:first-child { - padding-top: 0; - } - - } - - dl { - margin: 0 0 2em 0; - } - - dl dt { - display: block; - font-weight: 600; - margin: 0 0 1em 0; - } - - dl dd { - margin-left: 2em; - } - -/* Table */ - - .table-wrapper { - -webkit-overflow-scrolling: touch; - overflow-x: auto; - } - - table { - margin: 0 0 2em 0; - width: 100%; - } - - table tbody tr { - border: solid 1px #dbdbdb; - border-left: 0; - border-right: 0; - } - - table tbody tr:nth-child(2n + 1) { - background-color: rgba(144, 144, 144, 0.075); - } - - table td { - padding: 0.75em 0.75em; - } - - table th { - color: #555; - font-size: 0.9em; - font-weight: 600; - padding: 0 0.75em 0.75em 0.75em; - text-align: left; - } - - table thead { - border-bottom: solid 2px #dbdbdb; - } - - table tfoot { - border-top: solid 2px #dbdbdb; - } - - table.alt { - border-collapse: separate; - } - - table.alt tbody tr td { - border: solid 1px #dbdbdb; - border-left-width: 0; - border-top-width: 0; - } - - table.alt tbody tr td:first-child { - border-left-width: 1px; - } - - table.alt tbody tr:first-child td { - border-top-width: 1px; - } - - table.alt thead { - border-bottom: 0; - } - - table.alt tfoot { - border-top: 0; - } - -/* Button */ - - input[type="submit"], - input[type="reset"], - input[type="button"], - button, - .button { - -moz-appearance: none; - -webkit-appearance: none; - -ms-appearance: none; - appearance: none; - -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; - -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; - -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; - transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; - background-color: transparent; - box-shadow: inset 0 0 0 3px #2842a6; - color: #2842a6 !important; - border-radius: 30px; - border: 0; - cursor: pointer; - display: inline-block; - font-size: .75em; - font-weight: 400; - height: 3.75em; - line-height: 3.85em; - letter-spacing: 2px; - padding: 0 4em; - text-align: center; - text-decoration: none; - text-transform: uppercase; - white-space: nowrap; - } - - input[type="submit"]:hover, - input[type="reset"]:hover, - input[type="button"]:hover, - button:hover, - .button:hover { - background-color: rgba(108, 192, 145, 0.15); - } - - input[type="submit"]:active, - input[type="reset"]:active, - input[type="button"]:active, - button:active, - .button:active { - background-color: rgba(108, 192, 145, 0.15); - } - - input[type="submit"].icon, - input[type="reset"].icon, - input[type="button"].icon, - button.icon, - .button.icon { - padding-left: 1.35em; - } - - input[type="submit"].icon:before, - input[type="reset"].icon:before, - input[type="button"].icon:before, - button.icon:before, - .button.icon:before { - margin-right: 0.5em; - } - - input[type="submit"].fit, - input[type="reset"].fit, - input[type="button"].fit, - button.fit, - .button.fit { - display: block; - margin: 0 0 1em 0; - width: 100%; - } - - input[type="submit"].small, - input[type="reset"].small, - input[type="button"].small, - button.small, - .button.small { - font-size: 0.8em; - } - - input[type="submit"].big, - input[type="reset"].big, - input[type="button"].big, - button.big, - .button.big { - font-size: 1.35em; - } - - input[type="submit"].alt, - input[type="reset"].alt, - input[type="button"].alt, - button.alt, - .button.alt { - background-color: transparent; - box-shadow: inset 0 0 0 3px #FFF; - color: #fff !important; - } - - input[type="submit"].alt:hover, - input[type="reset"].alt:hover, - input[type="button"].alt:hover, - button.alt:hover, - .button.alt:hover { - background-color: #7ec89e; - } - - input[type="submit"].alt:active, - input[type="reset"].alt:active, - input[type="button"].alt:active, - button.alt:active, - .button.alt:active { - background-color: #7ec89e; - } - - input[type="submit"].alt.icon:before, - input[type="reset"].alt.icon:before, - input[type="button"].alt.icon:before, - button.alt.icon:before, - .button.alt.icon:before { - color: #bbb; - } - - input[type="submit"].special, - input[type="reset"].special, - input[type="button"].special, - button.special, - .button.special { - background-color: #2842a6; - color: #ffffff !important; - } - - input[type="submit"].special:hover, - input[type="reset"].special:hover, - input[type="button"].special:hover, - button.special:hover, - .button.special:hover { - background-color: #7ec89e; - } - - input[type="submit"].special:active, - input[type="reset"].special:active, - input[type="button"].special:active, - button.special:active, - .button.special:active { - background-color: #5ab884; - } - - input[type="submit"].disabled, input[type="submit"]:disabled, - input[type="reset"].disabled, - input[type="reset"]:disabled, - input[type="button"].disabled, - input[type="button"]:disabled, - button.disabled, - button:disabled, - .button.disabled, - .button:disabled { - background-color: #9a9a9a !important; - box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15); - color: #fff !important; - cursor: default; - opacity: 0.25; - } - - @media screen and (max-width: 480px) { - - input[type="submit"], - input[type="reset"], - input[type="button"], - button, - .button { - padding: 0; - width: 100%; - } - - } - -/* Header */ - - .subpage { - padding-top: 44px; - } - - .subpage #header { - background: #2842a6; - top: 0; - height: 44px; - line-height: 44px; - position: fixed; - } - - #header { - color: #fff; - cursor: default; - height: 3.25em; - left: 0; - line-height: 3.25em; - position: absolute; - text-align: right; - top: 2em; - width: 100%; - z-index: 10001; - } - - #header .inner { - margin: 0 auto; - position: relative; - } - - #header .logo { - color: #ffffff; - display: inline-block; - font-weight: 400; - height: inherit; - left: 0; - line-height: inherit; - margin: 0; - padding: 0; - position: absolute; - top: 0; - font-size: 1em; - } - - #header .logo strong { - color: #ffffff; - font-weight: 600; - } - - #header a { - -moz-transition: color 0.2s ease-in-out; - -webkit-transition: color 0.2s ease-in-out; - -ms-transition: color 0.2s ease-in-out; - transition: color 0.2s ease-in-out; - display: inline-block; - padding: 0 0.75em; - color: inherit; - text-decoration: none; - font-size: 1em; - } - - #header a:hover { - color: #ffffff; - } - - #header a:last-child { - padding-right: 0; - } - - #header a.navPanelToggle { - display: none; - text-decoration: none; - height: 4em; - width: 4em; - z-index: 10003; - } - - #header a.navPanelToggle .fa { - font-size: 1.25em; - } - - @media screen and (max-width: 980px) { - - #header a.navPanelToggle { - display: inline-block; - } - - } - - @media screen and (max-width: 736px) { - - #header a { - padding: 0 0.5em; - } - - } - - @media screen and (max-width: 980px) { - - #header { - top: 1em; - } - - } - - @media screen and (max-width: 736px) { - - #header { - top: .5em; - } - - } - - @media screen and (max-width: 480px) { - - #header { - font-size: .9em; - } - - } - -/* Nav */ - - @media screen and (max-width: 980px) { - - #nav { - display: none; - } - - } - - #navPanel { - -moz-transform: translatex(20em); - -webkit-transform: translatex(20em); - -ms-transform: translatex(20em); - transform: translatex(20em); - -moz-transition: -moz-transform 0.2s ease-in-out, visibility 0.2s ease-in-out; - -webkit-transition: -webkit-transform 0.2s ease-in-out, visibility 0.2s ease-in-out; - -ms-transition: -ms-transform 0.2s ease-in-out, visibility 0.2s ease-in-out; - transition: transform 0.2s ease-in-out, visibility 0.2s ease-in-out; - -webkit-overflow-scrolling: touch; - visibility: hidden; - overflow-y: auto; - position: fixed; - right: 0; - top: 0; - background: #2842a6; - color: #daefe3; - height: 100%; - max-width: 80%; - width: 20em; - padding: 0.5em 1.25em; - z-index: 10010; - } - - #navPanel.visible { - -moz-transform: translatex(0); - -webkit-transform: translatex(0); - -ms-transform: translatex(0); - transform: translatex(0); - box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2); - visibility: visible; - } - - #navPanel a:not(.close) { - border-top: solid 1px #8dcca9; - color: #daefe3; - font-weight: 600; - display: block; - padding: 0.75em 0; - text-decoration: none; - font-weight: 400; - } - - #navPanel a:not(.close):first-child { - border: none; - } - - #navPanel .close { - text-decoration: none; - -moz-transition: color 0.2s ease-in-out; - -webkit-transition: color 0.2s ease-in-out; - -ms-transition: color 0.2s ease-in-out; - transition: color 0.2s ease-in-out; - -webkit-tap-highlight-color: transparent; - border: 0; - color: #daefe3; - cursor: pointer; - display: block; - height: 4em; - padding-right: 1.25em; - position: absolute; - right: 0; - text-align: right; - top: 0; - vertical-align: middle; - width: 5em; - } - - #navPanel .close:before { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - text-transform: none !important; - content: '\f00d'; - width: 3em; - height: 3em; - line-height: 3em; - display: block; - position: absolute; - right: 0; - top: 0; - text-align: center; - } - - #navPanel .close:hover { - color: inherit; - } - -/* Banner */ - - #banner { - padding: 8em 0 9em 0; - /*background-image: url(../../images/banner.jpg);*/ - background-size: cover; - background-position: bottom; - background-attachment: fixed; - background-repeat: no-repeat; - text-align: center; - position: relative; - } - - #banner:before { - content: ''; - background: rgba(75, 75, 93, 0.85); - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - } - - #banner .inner { - border-top: 2px solid rgba(255, 255, 255, 0.2); - position: relative; - z-index: 10005; - padding-top: 8em; - } - - #banner h1 { - font-size: 3.5em; - font-weight: 400; - color: #fff; - line-height: 1em; - margin: 0 0 1em 0; - padding: 0; - } - - #banner h3 { - font-weight: 400; - color: #fff; - margin: 0; - font-size: 1.5em; - } - - #banner .icon { - color: #2842a6; - font-size: 2em; - } - - #banner p { - font-size: 1em; - color: rgba(255, 255, 255, 0.55); - margin-bottom: 1.75em; - } - - #banner .flex { - -ms-flex-pack: center; - -moz-justify-content: center; - -webkit-justify-content: center; - -ms-justify-content: center; - justify-content: center; - text-align: center; - margin: 0 auto 4em auto; - } - - #banner .flex div { - border-right: 2px solid rgba(255, 255, 255, 0.2); - padding: 0 8em; - } - - #banner .flex div:last-child { - border: none; - padding-right: 0; - } - - #banner .flex div:first-child { - padding-left: 0; - } - - #banner .flex div p { - margin: 0; - } - - @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { - - #banner { - background-attachment: scroll; - } - - } - - @media screen and (max-width: 1680px) { - - #banner .flex div { - padding: 0 6em; - } - - } - - @media screen and (max-width: 1280px) { - - #banner { - padding: 7em 0 6em 0; - } - - #banner .inner { - padding-top: 6em; - } - - #banner h1 { - font-size: 3em; - } - - #banner h3 { - font-size: 1.25em; - } - - #banner .flex div { - padding: 0 3em; - } - - } - - @media screen and (max-width: 980px) { - - #banner { - background-attachment: scroll; - padding: 5em 0 4em 0; - } - - #banner .inner { - padding-top: 4em; - } - - #banner h1 { - font-size: 2.5em; - } +.glyphicon-gift:before { + content: "\e102"; } - #banner h3 { - font-size: 1.25em; - } +.glyphicon-leaf:before { + content: "\e103"; } - #banner .flex div { - font-size: .85em; - padding: 0 1.5em; - } +.glyphicon-fire:before { + content: "\e104"; } - } +.glyphicon-eye-open:before { + content: "\e105"; } - @media screen and (max-width: 736px) { +.glyphicon-eye-close:before { + content: "\e106"; } - #banner { - padding: 4em 0 3em 0; - } +.glyphicon-warning-sign:before { + content: "\e107"; } - #banner .inner { - padding-top: 3em; - } +.glyphicon-plane:before { + content: "\e108"; } - #banner h1 { - font-size: 2em; - } +.glyphicon-calendar:before { + content: "\e109"; } - #banner h3 { - font-size: 1.25em; - } +.glyphicon-random:before { + content: "\e110"; } - #banner .flex { - -moz-flex-direction: column; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0 auto 2em auto; - } +.glyphicon-comment:before { + content: "\e111"; } - #banner .flex div { - font-size: .85em; - padding: 0; - border: none; - margin-bottom: 1em; - } +.glyphicon-magnet:before { + content: "\e112"; } - } +.glyphicon-chevron-up:before { + content: "\e113"; } - @media screen and (max-width: 480px) { +.glyphicon-chevron-down:before { + content: "\e114"; } - #banner h1 { - font-size: 1.5em; - } +.glyphicon-retweet:before { + content: "\e115"; } - } +.glyphicon-shopping-cart:before { + content: "\e116"; } -/* Footer */ +.glyphicon-folder-close:before { + content: "\e117"; } - #footer { - padding: 6em 0; - background: #2842a6; - color: #fff; - text-align: center; - } +.glyphicon-folder-open:before { + content: "\e118"; } - #footer h3 { - color: #FFF; - margin-bottom: 2em !important; - } +.glyphicon-resize-vertical:before { + content: "\e119"; } - #footer label { - text-align: left; - color: #FFF; - } +.glyphicon-resize-horizontal:before { + content: "\e120"; } - #footer .copyright { - color: rgba(255, 255, 255, 0.5); - font-size: 0.8em; - margin: 0 0 2em 0; - padding: 0; - } +.glyphicon-hdd:before { + content: "\e121"; } - #footer .copyright a { - color: rgba(255, 255, 255, 0.5); - text-decoration: none; - } +.glyphicon-bullhorn:before { + content: "\e122"; } - #footer .copyright a:hover { - color: #FFF; - } +.glyphicon-bell:before { + content: "\e123"; } - @media screen and (max-width: 980px) { +.glyphicon-certificate:before { + content: "\e124"; } - #footer { - padding: 4em 0; - } +.glyphicon-thumbs-up:before { + content: "\e125"; } - } +.glyphicon-thumbs-down:before { + content: "\e126"; } - @media screen and (max-width: 736px) { +.glyphicon-hand-right:before { + content: "\e127"; } - #footer { - padding: 3em 0; - } +.glyphicon-hand-left:before { + content: "\e128"; } - } +.glyphicon-hand-up:before { + content: "\e129"; } + +.glyphicon-hand-down:before { + content: "\e130"; } + +.glyphicon-circle-arrow-right:before { + content: "\e131"; } + +.glyphicon-circle-arrow-left:before { + content: "\e132"; } + +.glyphicon-circle-arrow-up:before { + content: "\e133"; } + +.glyphicon-circle-arrow-down:before { + content: "\e134"; } + +.glyphicon-globe:before { + content: "\e135"; } + +.glyphicon-wrench:before { + content: "\e136"; } + +.glyphicon-tasks:before { + content: "\e137"; } + +.glyphicon-filter:before { + content: "\e138"; } + +.glyphicon-briefcase:before { + content: "\e139"; } + +.glyphicon-fullscreen:before { + content: "\e140"; } + +.glyphicon-dashboard:before { + content: "\e141"; } + +.glyphicon-paperclip:before { + content: "\e142"; } + +.glyphicon-heart-empty:before { + content: "\e143"; } + +.glyphicon-link:before { + content: "\e144"; } + +.glyphicon-phone:before { + content: "\e145"; } + +.glyphicon-pushpin:before { + content: "\e146"; } + +.glyphicon-usd:before { + content: "\e148"; } + +.glyphicon-gbp:before { + content: "\e149"; } + +.glyphicon-sort:before { + content: "\e150"; } + +.glyphicon-sort-by-alphabet:before { + content: "\e151"; } + +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; } + +.glyphicon-sort-by-order:before { + content: "\e153"; } + +.glyphicon-sort-by-order-alt:before { + content: "\e154"; } + +.glyphicon-sort-by-attributes:before { + content: "\e155"; } + +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; } + +.glyphicon-unchecked:before { + content: "\e157"; } + +.glyphicon-expand:before { + content: "\e158"; } + +.glyphicon-collapse-down:before { + content: "\e159"; } + +.glyphicon-collapse-up:before { + content: "\e160"; } + +.glyphicon-log-in:before { + content: "\e161"; } + +.glyphicon-flash:before { + content: "\e162"; } + +.glyphicon-log-out:before { + content: "\e163"; } + +.glyphicon-new-window:before { + content: "\e164"; } + +.glyphicon-record:before { + content: "\e165"; } + +.glyphicon-save:before { + content: "\e166"; } + +.glyphicon-open:before { + content: "\e167"; } + +.glyphicon-saved:before { + content: "\e168"; } + +.glyphicon-import:before { + content: "\e169"; } + +.glyphicon-export:before { + content: "\e170"; } + +.glyphicon-send:before { + content: "\e171"; } + +.glyphicon-floppy-disk:before { + content: "\e172"; } + +.glyphicon-floppy-saved:before { + content: "\e173"; } + +.glyphicon-floppy-remove:before { + content: "\e174"; } + +.glyphicon-floppy-save:before { + content: "\e175"; } + +.glyphicon-floppy-open:before { + content: "\e176"; } + +.glyphicon-credit-card:before { + content: "\e177"; } + +.glyphicon-transfer:before { + content: "\e178"; } + +.glyphicon-cutlery:before { + content: "\e179"; } + +.glyphicon-header:before { + content: "\e180"; } + +.glyphicon-compressed:before { + content: "\e181"; } + +.glyphicon-earphone:before { + content: "\e182"; } + +.glyphicon-phone-alt:before { + content: "\e183"; } + +.glyphicon-tower:before { + content: "\e184"; } + +.glyphicon-stats:before { + content: "\e185"; } + +.glyphicon-sd-video:before { + content: "\e186"; } + +.glyphicon-hd-video:before { + content: "\e187"; } + +.glyphicon-subtitles:before { + content: "\e188"; } + +.glyphicon-sound-stereo:before { + content: "\e189"; } + +.glyphicon-sound-dolby:before { + content: "\e190"; } + +.glyphicon-sound-5-1:before { + content: "\e191"; } + +.glyphicon-sound-6-1:before { + content: "\e192"; } + +.glyphicon-sound-7-1:before { + content: "\e193"; } + +.glyphicon-copyright-mark:before { + content: "\e194"; } + +.glyphicon-registration-mark:before { + content: "\e195"; } + +.glyphicon-cloud-download:before { + content: "\e197"; } + +.glyphicon-cloud-upload:before { + content: "\e198"; } + +.glyphicon-tree-conifer:before { + content: "\e199"; } + +.glyphicon-tree-deciduous:before { + content: "\e200"; } + +.glyphicon-cd:before { + content: "\e201"; } + +.glyphicon-save-file:before { + content: "\e202"; } + +.glyphicon-open-file:before { + content: "\e203"; } + +.glyphicon-level-up:before { + content: "\e204"; } + +.glyphicon-copy:before { + content: "\e205"; } + +.glyphicon-paste:before { + content: "\e206"; } + +.glyphicon-alert:before { + content: "\e209"; } + +.glyphicon-equalizer:before { + content: "\e210"; } + +.glyphicon-king:before { + content: "\e211"; } + +.glyphicon-queen:before { + content: "\e212"; } + +.glyphicon-pawn:before { + content: "\e213"; } + +.glyphicon-bishop:before { + content: "\e214"; } + +.glyphicon-knight:before { + content: "\e215"; } + +.glyphicon-baby-formula:before { + content: "\e216"; } + +.glyphicon-tent:before { + content: "\26fa"; } + +.glyphicon-blackboard:before { + content: "\e218"; } + +.glyphicon-bed:before { + content: "\e219"; } + +.glyphicon-apple:before { + content: "\f8ff"; } + +.glyphicon-erase:before { + content: "\e221"; } + +.glyphicon-hourglass:before { + content: "\231b"; } + +.glyphicon-lamp:before { + content: "\e223"; } + +.glyphicon-duplicate:before { + content: "\e224"; } + +.glyphicon-piggy-bank:before { + content: "\e225"; } + +.glyphicon-scissors:before { + content: "\e226"; } + +.glyphicon-bitcoin:before { + content: "\e227"; } + +.glyphicon-btc:before { + content: "\e227"; } + +.glyphicon-xbt:before { + content: "\e227"; } + +.glyphicon-yen:before { + content: "\00a5"; } + +.glyphicon-jpy:before { + content: "\00a5"; } + +.glyphicon-ruble:before { + content: "\20bd"; } + +.glyphicon-rub:before { + content: "\20bd"; } + +.glyphicon-scale:before { + content: "\e230"; } + +.glyphicon-ice-lolly:before { + content: "\e231"; } + +.glyphicon-ice-lolly-tasted:before { + content: "\e232"; } + +.glyphicon-education:before { + content: "\e233"; } + +.glyphicon-option-horizontal:before { + content: "\e234"; } + +.glyphicon-option-vertical:before { + content: "\e235"; } + +.glyphicon-menu-hamburger:before { + content: "\e236"; } + +.glyphicon-modal-window:before { + content: "\e237"; } + +.glyphicon-oil:before { + content: "\e238"; } + +.glyphicon-grain:before { + content: "\e239"; } + +.glyphicon-sunglasses:before { + content: "\e240"; } + +.glyphicon-text-size:before { + content: "\e241"; } + +.glyphicon-text-color:before { + content: "\e242"; } + +.glyphicon-text-background:before { + content: "\e243"; } + +.glyphicon-object-align-top:before { + content: "\e244"; } + +.glyphicon-object-align-bottom:before { + content: "\e245"; } + +.glyphicon-object-align-horizontal:before { + content: "\e246"; } + +.glyphicon-object-align-left:before { + content: "\e247"; } + +.glyphicon-object-align-vertical:before { + content: "\e248"; } + +.glyphicon-object-align-right:before { + content: "\e249"; } + +.glyphicon-triangle-right:before { + content: "\e250"; } + +.glyphicon-triangle-left:before { + content: "\e251"; } + +.glyphicon-triangle-bottom:before { + content: "\e252"; } + +.glyphicon-triangle-top:before { + content: "\e253"; } + +.glyphicon-console:before { + content: "\e254"; } + +.glyphicon-superscript:before { + content: "\e255"; } + +.glyphicon-subscript:before { + content: "\e256"; } + +.glyphicon-menu-left:before { + content: "\e257"; } + +.glyphicon-menu-right:before { + content: "\e258"; } + +.glyphicon-menu-down:before { + content: "\e259"; } + +.glyphicon-menu-up:before { + content: "\e260"; } + +* { + box-sizing: border-box; } + +*:before, +*:after { + box-sizing: border-box; } + +html { + font-size: 10px; + -webkit-tap-highlight-color: transparent; } + +body { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 20px; + line-height: 1.846; + color: #666; + background-color: #fff; } + +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; } + +a { + color: #2196F3; + text-decoration: none; } + a:hover, a:focus { + color: #0a6ebd; + text-decoration: underline; } + a:focus { + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +figure { + margin: 0; } + +img { + vertical-align: middle; } + +.img-responsive { + display: block; + max-width: 100%; + height: auto; } + +.img-rounded { + border-radius: 3px; } + +.img-thumbnail { + padding: 4px; + line-height: 1.846; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 3px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; } + +.img-circle { + border-radius: 50%; } + +hr { + margin-top: 36px; + margin-bottom: 36px; + border: 0; + border-top: 1px solid #eeeeee; } + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + 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; } + +[role="button"] { + cursor: pointer; } + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + font-family: inherit; + font-weight: 400; + line-height: 1.1; + color: #444; } + h1 small, + h1 .small, h2 small, + h2 .small, h3 small, + h3 .small, h4 small, + h4 .small, h5 small, + h5 .small, h6 small, + h6 .small, + .h1 small, + .h1 .small, .h2 small, + .h2 .small, .h3 small, + .h3 .small, .h4 small, + .h4 .small, .h5 small, + .h5 .small, .h6 small, + .h6 .small { + font-weight: normal; + line-height: 1; + color: #bbb; } + +h1, .h1, +h2, .h2, +h3, .h3 { + margin-top: 36px; + margin-bottom: 18px; } + h1 small, + h1 .small, .h1 small, + .h1 .small, + h2 small, + h2 .small, .h2 small, + .h2 .small, + h3 small, + h3 .small, .h3 small, + .h3 .small { + font-size: 65%; } + +h4, .h4, +h5, .h5, +h6, .h6 { + margin-top: 18px; + margin-bottom: 18px; } + h4 small, + h4 .small, .h4 small, + .h4 .small, + h5 small, + h5 .small, .h5 small, + .h5 .small, + h6 small, + h6 .small, .h6 small, + .h6 .small { + font-size: 75%; } + +h1, .h1 { + font-size: 56px; } + +h2, .h2 { + font-size: 45px; } + +h3, .h3 { + font-size: 34px; } + +h4, .h4 { + font-size: 24px; } + +h5, .h5 { + font-size: 20px; } + +h6, .h6 { + font-size: 14px; } + +p { + margin: 0 0 18px; } + +.lead { + margin-bottom: 36px; + font-size: 23px; + font-weight: 300; + line-height: 1.4; } + @media (min-width: 768px) { + .lead { + font-size: 30px; } } + +small, +.small { + font-size: 85%; } + +mark, +.mark { + background-color: #ffe0b2; + padding: .2em; } + +.text-left { + text-align: left; } + +.text-right { + text-align: right; } + +.text-center { + text-align: center; } + +.text-justify { + text-align: justify; } + +.text-nowrap { + white-space: nowrap; } + +.text-lowercase { + text-transform: lowercase; } + +.text-uppercase, .initialism { + text-transform: uppercase; } + +.text-capitalize { + text-transform: capitalize; } + +.text-muted { + color: #bbb; } + +.text-primary { + color: #2196F3; } + +a.text-primary:hover, +a.text-primary:focus { + color: #0c7cd5; } + +.text-success { + color: #4CAF50; } + +a.text-success:hover, +a.text-success:focus { + color: #3d8b40; } + +.text-info { + color: #9C27B0; } + +a.text-info:hover, +a.text-info:focus { + color: #771e86; } + +.text-warning { + color: #ff9800; } + +a.text-warning:hover, +a.text-warning:focus { + color: #cc7a00; } + +.text-danger { + color: #e51c23; } + +a.text-danger:hover, +a.text-danger:focus { + color: #b9151b; } + +.bg-primary { + color: #fff; } + +.bg-primary { + background-color: #2196F3; } + +a.bg-primary:hover, +a.bg-primary:focus { + background-color: #0c7cd5; } + +.bg-success { + background-color: #dff0d8; } + +a.bg-success:hover, +a.bg-success:focus { + background-color: #c1e2b3; } + +.bg-info { + background-color: #e1bee7; } + +a.bg-info:hover, +a.bg-info:focus { + background-color: #d099d9; } + +.bg-warning { + background-color: #ffe0b2; } + +a.bg-warning:hover, +a.bg-warning:focus { + background-color: #ffcb7f; } + +.bg-danger { + background-color: #f9bdbb; } + +a.bg-danger:hover, +a.bg-danger:focus { + background-color: #f5908c; } + +.page-header { + padding-bottom: 17px; + margin: 72px 0 36px; + border-bottom: 1px solid #eeeeee; } + +ul, +ol { + margin-top: 0; + margin-bottom: 18px; } + ul ul, + ul ol, + ol ul, + ol ol { + margin-bottom: 0; } + +.list-unstyled { + padding-left: 0; + list-style: none; } + +.list-inline { + padding-left: 0; + list-style: none; + margin-left: -5px; } + .list-inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; } + +dl { + margin-top: 0; + margin-bottom: 36px; } + +dt, +dd { + line-height: 1.846; } + +dt { + font-weight: bold; } + +dd { + margin-left: 0; } + +.dl-horizontal dd:before, .dl-horizontal dd:after { + content: " "; + display: table; } + +.dl-horizontal dd:after { + clear: both; } + +@media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + .dl-horizontal dd { + margin-left: 180px; } } + +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #bbb; } + +.initialism { + font-size: 90%; } + +blockquote { + padding: 18px 36px; + margin: 0 0 36px; + font-size: 25px; + border-left: 5px solid #eeeeee; } + blockquote p:last-child, + blockquote ul:last-child, + blockquote ol:last-child { + margin-bottom: 0; } + blockquote footer, + blockquote small, + blockquote .small { + display: block; + font-size: 80%; + line-height: 1.846; + color: #bbb; } + blockquote footer:before, + blockquote small:before, + blockquote .small:before { + content: '\2014 \00A0'; } + +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; + text-align: right; } + .blockquote-reverse footer:before, + .blockquote-reverse small:before, + .blockquote-reverse .small:before, + blockquote.pull-right footer:before, + blockquote.pull-right small:before, + blockquote.pull-right .small:before { + content: ''; } + .blockquote-reverse footer:after, + .blockquote-reverse small:after, + .blockquote-reverse .small:after, + blockquote.pull-right footer:after, + blockquote.pull-right small:after, + blockquote.pull-right .small:after { + content: '\00A0 \2014'; } + +address { + margin-bottom: 36px; + font-style: normal; + line-height: 1.846; } + +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } + +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + background-color: #f9f2f4; + border-radius: 3px; } + +kbd { + padding: 2px 4px; + font-size: 90%; + color: #fff; + background-color: #333; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } + kbd kbd { + padding: 0; + font-size: 100%; + font-weight: bold; + box-shadow: none; } + +pre { + display: block; + padding: 17.5px; + margin: 0 0 18px; + font-size: 19px; + line-height: 1.846; + word-break: break-all; + word-wrap: break-word; + color: #212121; + background-color: #f5f5f5; + border: 1px solid #ccc; + border-radius: 3px; } + pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; } + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; } + +.container { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; } + .container:before, .container:after { + content: " "; + display: table; } + .container:after { + clear: both; } + @media (min-width: 768px) { + .container { + width: 750px; } } + @media (min-width: 992px) { + .container { + width: 970px; } } + @media (min-width: 1200px) { + .container { + width: 1170px; } } + +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; } + .container-fluid:before, .container-fluid:after { + content: " "; + display: table; } + .container-fluid:after { + clear: both; } + +.row { + margin-left: -15px; + margin-right: -15px; } + .row:before, .row:after { + content: " "; + display: table; } + .row:after { + clear: both; } + +.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; } + +.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 { + float: left; } + +.col-xs-1 { + width: 8.3333333333%; } + +.col-xs-2 { + width: 16.6666666667%; } + +.col-xs-3 { + width: 25%; } + +.col-xs-4 { + width: 33.3333333333%; } + +.col-xs-5 { + width: 41.6666666667%; } + +.col-xs-6 { + width: 50%; } + +.col-xs-7 { + width: 58.3333333333%; } + +.col-xs-8 { + width: 66.6666666667%; } + +.col-xs-9 { + width: 75%; } + +.col-xs-10 { + width: 83.3333333333%; } + +.col-xs-11 { + width: 91.6666666667%; } + +.col-xs-12 { + width: 100%; } + +.col-xs-pull-0 { + right: auto; } + +.col-xs-pull-1 { + right: 8.3333333333%; } + +.col-xs-pull-2 { + right: 16.6666666667%; } + +.col-xs-pull-3 { + right: 25%; } + +.col-xs-pull-4 { + right: 33.3333333333%; } + +.col-xs-pull-5 { + right: 41.6666666667%; } + +.col-xs-pull-6 { + right: 50%; } + +.col-xs-pull-7 { + right: 58.3333333333%; } + +.col-xs-pull-8 { + right: 66.6666666667%; } + +.col-xs-pull-9 { + right: 75%; } + +.col-xs-pull-10 { + right: 83.3333333333%; } + +.col-xs-pull-11 { + right: 91.6666666667%; } + +.col-xs-pull-12 { + right: 100%; } + +.col-xs-push-0 { + left: auto; } + +.col-xs-push-1 { + left: 8.3333333333%; } + +.col-xs-push-2 { + left: 16.6666666667%; } + +.col-xs-push-3 { + left: 25%; } + +.col-xs-push-4 { + left: 33.3333333333%; } + +.col-xs-push-5 { + left: 41.6666666667%; } + +.col-xs-push-6 { + left: 50%; } + +.col-xs-push-7 { + left: 58.3333333333%; } + +.col-xs-push-8 { + left: 66.6666666667%; } + +.col-xs-push-9 { + left: 75%; } + +.col-xs-push-10 { + left: 83.3333333333%; } + +.col-xs-push-11 { + left: 91.6666666667%; } + +.col-xs-push-12 { + left: 100%; } + +.col-xs-offset-0 { + margin-left: 0%; } + +.col-xs-offset-1 { + margin-left: 8.3333333333%; } + +.col-xs-offset-2 { + margin-left: 16.6666666667%; } + +.col-xs-offset-3 { + margin-left: 25%; } + +.col-xs-offset-4 { + margin-left: 33.3333333333%; } + +.col-xs-offset-5 { + margin-left: 41.6666666667%; } + +.col-xs-offset-6 { + margin-left: 50%; } + +.col-xs-offset-7 { + margin-left: 58.3333333333%; } + +.col-xs-offset-8 { + margin-left: 66.6666666667%; } + +.col-xs-offset-9 { + margin-left: 75%; } + +.col-xs-offset-10 { + margin-left: 83.3333333333%; } + +.col-xs-offset-11 { + margin-left: 91.6666666667%; } + +.col-xs-offset-12 { + margin-left: 100%; } + +@media (min-width: 768px) { + .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 { + float: left; } + .col-sm-1 { + width: 8.3333333333%; } + .col-sm-2 { + width: 16.6666666667%; } + .col-sm-3 { + width: 25%; } + .col-sm-4 { + width: 33.3333333333%; } + .col-sm-5 { + width: 41.6666666667%; } + .col-sm-6 { + width: 50%; } + .col-sm-7 { + width: 58.3333333333%; } + .col-sm-8 { + width: 66.6666666667%; } + .col-sm-9 { + width: 75%; } + .col-sm-10 { + width: 83.3333333333%; } + .col-sm-11 { + width: 91.6666666667%; } + .col-sm-12 { + width: 100%; } + .col-sm-pull-0 { + right: auto; } + .col-sm-pull-1 { + right: 8.3333333333%; } + .col-sm-pull-2 { + right: 16.6666666667%; } + .col-sm-pull-3 { + right: 25%; } + .col-sm-pull-4 { + right: 33.3333333333%; } + .col-sm-pull-5 { + right: 41.6666666667%; } + .col-sm-pull-6 { + right: 50%; } + .col-sm-pull-7 { + right: 58.3333333333%; } + .col-sm-pull-8 { + right: 66.6666666667%; } + .col-sm-pull-9 { + right: 75%; } + .col-sm-pull-10 { + right: 83.3333333333%; } + .col-sm-pull-11 { + right: 91.6666666667%; } + .col-sm-pull-12 { + right: 100%; } + .col-sm-push-0 { + left: auto; } + .col-sm-push-1 { + left: 8.3333333333%; } + .col-sm-push-2 { + left: 16.6666666667%; } + .col-sm-push-3 { + left: 25%; } + .col-sm-push-4 { + left: 33.3333333333%; } + .col-sm-push-5 { + left: 41.6666666667%; } + .col-sm-push-6 { + left: 50%; } + .col-sm-push-7 { + left: 58.3333333333%; } + .col-sm-push-8 { + left: 66.6666666667%; } + .col-sm-push-9 { + left: 75%; } + .col-sm-push-10 { + left: 83.3333333333%; } + .col-sm-push-11 { + left: 91.6666666667%; } + .col-sm-push-12 { + left: 100%; } + .col-sm-offset-0 { + margin-left: 0%; } + .col-sm-offset-1 { + margin-left: 8.3333333333%; } + .col-sm-offset-2 { + margin-left: 16.6666666667%; } + .col-sm-offset-3 { + margin-left: 25%; } + .col-sm-offset-4 { + margin-left: 33.3333333333%; } + .col-sm-offset-5 { + margin-left: 41.6666666667%; } + .col-sm-offset-6 { + margin-left: 50%; } + .col-sm-offset-7 { + margin-left: 58.3333333333%; } + .col-sm-offset-8 { + margin-left: 66.6666666667%; } + .col-sm-offset-9 { + margin-left: 75%; } + .col-sm-offset-10 { + margin-left: 83.3333333333%; } + .col-sm-offset-11 { + margin-left: 91.6666666667%; } + .col-sm-offset-12 { + margin-left: 100%; } } + +@media (min-width: 992px) { + .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 { + float: left; } + .col-md-1 { + width: 8.3333333333%; } + .col-md-2 { + width: 16.6666666667%; } + .col-md-3 { + width: 25%; } + .col-md-4 { + width: 33.3333333333%; } + .col-md-5 { + width: 41.6666666667%; } + .col-md-6 { + width: 50%; } + .col-md-7 { + width: 58.3333333333%; } + .col-md-8 { + width: 66.6666666667%; } + .col-md-9 { + width: 75%; } + .col-md-10 { + width: 83.3333333333%; } + .col-md-11 { + width: 91.6666666667%; } + .col-md-12 { + width: 100%; } + .col-md-pull-0 { + right: auto; } + .col-md-pull-1 { + right: 8.3333333333%; } + .col-md-pull-2 { + right: 16.6666666667%; } + .col-md-pull-3 { + right: 25%; } + .col-md-pull-4 { + right: 33.3333333333%; } + .col-md-pull-5 { + right: 41.6666666667%; } + .col-md-pull-6 { + right: 50%; } + .col-md-pull-7 { + right: 58.3333333333%; } + .col-md-pull-8 { + right: 66.6666666667%; } + .col-md-pull-9 { + right: 75%; } + .col-md-pull-10 { + right: 83.3333333333%; } + .col-md-pull-11 { + right: 91.6666666667%; } + .col-md-pull-12 { + right: 100%; } + .col-md-push-0 { + left: auto; } + .col-md-push-1 { + left: 8.3333333333%; } + .col-md-push-2 { + left: 16.6666666667%; } + .col-md-push-3 { + left: 25%; } + .col-md-push-4 { + left: 33.3333333333%; } + .col-md-push-5 { + left: 41.6666666667%; } + .col-md-push-6 { + left: 50%; } + .col-md-push-7 { + left: 58.3333333333%; } + .col-md-push-8 { + left: 66.6666666667%; } + .col-md-push-9 { + left: 75%; } + .col-md-push-10 { + left: 83.3333333333%; } + .col-md-push-11 { + left: 91.6666666667%; } + .col-md-push-12 { + left: 100%; } + .col-md-offset-0 { + margin-left: 0%; } + .col-md-offset-1 { + margin-left: 8.3333333333%; } + .col-md-offset-2 { + margin-left: 16.6666666667%; } + .col-md-offset-3 { + margin-left: 25%; } + .col-md-offset-4 { + margin-left: 33.3333333333%; } + .col-md-offset-5 { + margin-left: 41.6666666667%; } + .col-md-offset-6 { + margin-left: 50%; } + .col-md-offset-7 { + margin-left: 58.3333333333%; } + .col-md-offset-8 { + margin-left: 66.6666666667%; } + .col-md-offset-9 { + margin-left: 75%; } + .col-md-offset-10 { + margin-left: 83.3333333333%; } + .col-md-offset-11 { + margin-left: 91.6666666667%; } + .col-md-offset-12 { + margin-left: 100%; } } + +@media (min-width: 1200px) { + .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 { + float: left; } + .col-lg-1 { + width: 8.3333333333%; } + .col-lg-2 { + width: 16.6666666667%; } + .col-lg-3 { + width: 25%; } + .col-lg-4 { + width: 33.3333333333%; } + .col-lg-5 { + width: 41.6666666667%; } + .col-lg-6 { + width: 50%; } + .col-lg-7 { + width: 58.3333333333%; } + .col-lg-8 { + width: 66.6666666667%; } + .col-lg-9 { + width: 75%; } + .col-lg-10 { + width: 83.3333333333%; } + .col-lg-11 { + width: 91.6666666667%; } + .col-lg-12 { + width: 100%; } + .col-lg-pull-0 { + right: auto; } + .col-lg-pull-1 { + right: 8.3333333333%; } + .col-lg-pull-2 { + right: 16.6666666667%; } + .col-lg-pull-3 { + right: 25%; } + .col-lg-pull-4 { + right: 33.3333333333%; } + .col-lg-pull-5 { + right: 41.6666666667%; } + .col-lg-pull-6 { + right: 50%; } + .col-lg-pull-7 { + right: 58.3333333333%; } + .col-lg-pull-8 { + right: 66.6666666667%; } + .col-lg-pull-9 { + right: 75%; } + .col-lg-pull-10 { + right: 83.3333333333%; } + .col-lg-pull-11 { + right: 91.6666666667%; } + .col-lg-pull-12 { + right: 100%; } + .col-lg-push-0 { + left: auto; } + .col-lg-push-1 { + left: 8.3333333333%; } + .col-lg-push-2 { + left: 16.6666666667%; } + .col-lg-push-3 { + left: 25%; } + .col-lg-push-4 { + left: 33.3333333333%; } + .col-lg-push-5 { + left: 41.6666666667%; } + .col-lg-push-6 { + left: 50%; } + .col-lg-push-7 { + left: 58.3333333333%; } + .col-lg-push-8 { + left: 66.6666666667%; } + .col-lg-push-9 { + left: 75%; } + .col-lg-push-10 { + left: 83.3333333333%; } + .col-lg-push-11 { + left: 91.6666666667%; } + .col-lg-push-12 { + left: 100%; } + .col-lg-offset-0 { + margin-left: 0%; } + .col-lg-offset-1 { + margin-left: 8.3333333333%; } + .col-lg-offset-2 { + margin-left: 16.6666666667%; } + .col-lg-offset-3 { + margin-left: 25%; } + .col-lg-offset-4 { + margin-left: 33.3333333333%; } + .col-lg-offset-5 { + margin-left: 41.6666666667%; } + .col-lg-offset-6 { + margin-left: 50%; } + .col-lg-offset-7 { + margin-left: 58.3333333333%; } + .col-lg-offset-8 { + margin-left: 66.6666666667%; } + .col-lg-offset-9 { + margin-left: 75%; } + .col-lg-offset-10 { + margin-left: 83.3333333333%; } + .col-lg-offset-11 { + margin-left: 91.6666666667%; } + .col-lg-offset-12 { + margin-left: 100%; } } + +table { + background-color: transparent; } + +caption { + padding-top: 8px; + padding-bottom: 8px; + color: #bbb; + text-align: left; } + +th { + text-align: left; } + +.table { + width: 100%; + max-width: 100%; + margin-bottom: 36px; } + .table > thead > tr > th, + .table > thead > tr > td, + .table > tbody > tr > th, + .table > tbody > tr > td, + .table > tfoot > tr > th, + .table > tfoot > tr > td { + padding: 8px; + line-height: 1.846; + vertical-align: top; + border-top: 1px solid #ddd; } + .table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #ddd; } + .table > caption + thead > tr:first-child > th, + .table > caption + thead > tr:first-child > td, + .table > colgroup + thead > tr:first-child > th, + .table > colgroup + thead > tr:first-child > td, + .table > thead:first-child > tr:first-child > th, + .table > thead:first-child > tr:first-child > td { + border-top: 0; } + .table > tbody + tbody { + border-top: 2px solid #ddd; } + .table .table { + background-color: #fff; } + +.table-condensed > thead > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > th, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > th, +.table-condensed > tfoot > tr > td { + padding: 5px; } + +.table-bordered { + border: 1px solid #ddd; } + .table-bordered > thead > tr > th, + .table-bordered > thead > tr > td, + .table-bordered > tbody > tr > th, + .table-bordered > tbody > tr > td, + .table-bordered > tfoot > tr > th, + .table-bordered > tfoot > tr > td { + border: 1px solid #ddd; } + .table-bordered > thead > tr > th, + .table-bordered > thead > tr > td { + border-bottom-width: 2px; } + +.table-striped > tbody > tr:nth-of-type(odd) { + background-color: #f9f9f9; } + +.table-hover > tbody > tr:hover { + background-color: #f5f5f5; } + +table col[class*="col-"] { + position: static; + float: none; + display: table-column; } + +table td[class*="col-"], +table th[class*="col-"] { + position: static; + float: none; + display: table-cell; } + +.table > thead > tr > td.active, +.table > thead > tr > th.active, +.table > thead > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr > td.active, +.table > tbody > tr > th.active, +.table > tbody > tr.active > td, +.table > tbody > tr.active > th, +.table > tfoot > tr > td.active, +.table > tfoot > tr > th.active, +.table > tfoot > tr.active > td, +.table > tfoot > tr.active > th { + background-color: #f5f5f5; } + +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, +.table-hover > tbody > tr.active:hover > td, +.table-hover > tbody > tr:hover > .active, +.table-hover > tbody > tr.active:hover > th { + background-color: #e8e8e8; } + +.table > thead > tr > td.success, +.table > thead > tr > th.success, +.table > thead > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr > td.success, +.table > tbody > tr > th.success, +.table > tbody > tr.success > td, +.table > tbody > tr.success > th, +.table > tfoot > tr > td.success, +.table > tfoot > tr > th.success, +.table > tfoot > tr.success > td, +.table > tfoot > tr.success > th { + background-color: #dff0d8; } + +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, +.table-hover > tbody > tr.success:hover > td, +.table-hover > tbody > tr:hover > .success, +.table-hover > tbody > tr.success:hover > th { + background-color: #d0e9c6; } + +.table > thead > tr > td.info, +.table > thead > tr > th.info, +.table > thead > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr > td.info, +.table > tbody > tr > th.info, +.table > tbody > tr.info > td, +.table > tbody > tr.info > th, +.table > tfoot > tr > td.info, +.table > tfoot > tr > th.info, +.table > tfoot > tr.info > td, +.table > tfoot > tr.info > th { + background-color: #e1bee7; } + +.table-hover > tbody > tr > td.info:hover, +.table-hover > tbody > tr > th.info:hover, +.table-hover > tbody > tr.info:hover > td, +.table-hover > tbody > tr:hover > .info, +.table-hover > tbody > tr.info:hover > th { + background-color: #d8abe0; } + +.table > thead > tr > td.warning, +.table > thead > tr > th.warning, +.table > thead > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr > td.warning, +.table > tbody > tr > th.warning, +.table > tbody > tr.warning > td, +.table > tbody > tr.warning > th, +.table > tfoot > tr > td.warning, +.table > tfoot > tr > th.warning, +.table > tfoot > tr.warning > td, +.table > tfoot > tr.warning > th { + background-color: #ffe0b2; } + +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, +.table-hover > tbody > tr.warning:hover > td, +.table-hover > tbody > tr:hover > .warning, +.table-hover > tbody > tr.warning:hover > th { + background-color: #ffd699; } + +.table > thead > tr > td.danger, +.table > thead > tr > th.danger, +.table > thead > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr > td.danger, +.table > tbody > tr > th.danger, +.table > tbody > tr.danger > td, +.table > tbody > tr.danger > th, +.table > tfoot > tr > td.danger, +.table > tfoot > tr > th.danger, +.table > tfoot > tr.danger > td, +.table > tfoot > tr.danger > th { + background-color: #f9bdbb; } + +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, +.table-hover > tbody > tr.danger:hover > td, +.table-hover > tbody > tr:hover > .danger, +.table-hover > tbody > tr.danger:hover > th { + background-color: #f7a6a4; } + +.table-responsive { + overflow-x: auto; + min-height: 0.01%; } + @media screen and (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 27px; + overflow-y: hidden; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #ddd; } + .table-responsive > .table { + margin-bottom: 0; } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > tfoot > tr > td { + white-space: nowrap; } + .table-responsive > .table-bordered { + border: 0; } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; } } + +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0; } + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 36px; + font-size: 30px; + line-height: inherit; + color: #212121; + border: 0; + border-bottom: 1px solid #e5e5e5; } + +label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-weight: bold; } + +input[type="search"] { + box-sizing: border-box; } + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; } + +input[type="file"] { + display: block; } + +input[type="range"] { + display: block; + width: 100%; } + +select[multiple], +select[size] { + height: auto; } + +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + +output { + display: block; + padding-top: 7px; + font-size: 20px; + line-height: 1.846; + color: #666; } + +.form-control { + display: block; + width: 100%; + height: 50px; + padding: 6px 16px; + font-size: 20px; + line-height: 1.846; + color: #666; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 3px; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } + .form-control:focus { + border-color: #66afe9; + outline: 0; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } + .form-control::-moz-placeholder { + color: #bbb; + opacity: 1; } + .form-control:-ms-input-placeholder { + color: #bbb; } + .form-control::-webkit-input-placeholder { + color: #bbb; } + .form-control::-ms-expand { + border: 0; + background-color: transparent; } + .form-control[disabled], .form-control[readonly], + fieldset[disabled] .form-control { + background-color: transparent; + opacity: 1; } + .form-control[disabled], + fieldset[disabled] .form-control { + cursor: not-allowed; } + +textarea.form-control { + height: auto; } + +input[type="search"] { + -webkit-appearance: none; } + +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"].form-control, + input[type="time"].form-control, + input[type="datetime-local"].form-control, + input[type="month"].form-control { + line-height: 50px; } + input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control, + .input-group-sm > input[type="date"].input-group-addon, + .input-group-sm > .input-group-btn > input[type="date"].btn, + .input-group-sm input[type="date"], + input[type="time"].input-sm, + .input-group-sm > input[type="time"].form-control, + .input-group-sm > input[type="time"].input-group-addon, + .input-group-sm > .input-group-btn > input[type="time"].btn, + .input-group-sm + input[type="time"], + input[type="datetime-local"].input-sm, + .input-group-sm > input[type="datetime-local"].form-control, + .input-group-sm > input[type="datetime-local"].input-group-addon, + .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, + .input-group-sm + input[type="datetime-local"], + input[type="month"].input-sm, + .input-group-sm > input[type="month"].form-control, + .input-group-sm > input[type="month"].input-group-addon, + .input-group-sm > .input-group-btn > input[type="month"].btn, + .input-group-sm + input[type="month"] { + line-height: 37px; } + input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control, + .input-group-lg > input[type="date"].input-group-addon, + .input-group-lg > .input-group-btn > input[type="date"].btn, + .input-group-lg input[type="date"], + input[type="time"].input-lg, + .input-group-lg > input[type="time"].form-control, + .input-group-lg > input[type="time"].input-group-addon, + .input-group-lg > .input-group-btn > input[type="time"].btn, + .input-group-lg + input[type="time"], + input[type="datetime-local"].input-lg, + .input-group-lg > input[type="datetime-local"].form-control, + .input-group-lg > input[type="datetime-local"].input-group-addon, + .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, + .input-group-lg + input[type="datetime-local"], + input[type="month"].input-lg, + .input-group-lg > input[type="month"].form-control, + .input-group-lg > input[type="month"].input-group-addon, + .input-group-lg > .input-group-btn > input[type="month"].btn, + .input-group-lg + input[type="month"] { + line-height: 56px; } } + +.form-group { + margin-bottom: 15px; } + +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; } + .radio label, + .checkbox label { + min-height: 36px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; } + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; } + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; } + +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; } + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; } + +input[type="radio"][disabled], input[type="radio"].disabled, +fieldset[disabled] input[type="radio"], +input[type="checkbox"][disabled], +input[type="checkbox"].disabled, +fieldset[disabled] +input[type="checkbox"] { + cursor: not-allowed; } + +.radio-inline.disabled, +fieldset[disabled] .radio-inline, +.checkbox-inline.disabled, +fieldset[disabled] +.checkbox-inline { + cursor: not-allowed; } + +.radio.disabled label, +fieldset[disabled] .radio label, +.checkbox.disabled label, +fieldset[disabled] +.checkbox label { + cursor: not-allowed; } + +.form-control-static { + padding-top: 7px; + padding-bottom: 7px; + margin-bottom: 0; + min-height: 56px; } + .form-control-static.input-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, .form-control-static.input-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 { + padding-left: 0; + padding-right: 0; } + +.input-sm, .input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + height: 37px; + padding: 5px 10px; + font-size: 17px; + line-height: 1.5; + border-radius: 3px; } + +select.input-sm, .input-group-sm > select.form-control, +.input-group-sm > select.input-group-addon, +.input-group-sm > .input-group-btn > select.btn { + height: 37px; + line-height: 37px; } + +textarea.input-sm, .input-group-sm > textarea.form-control, +.input-group-sm > textarea.input-group-addon, +.input-group-sm > .input-group-btn > textarea.btn, +select[multiple].input-sm, +.input-group-sm > select[multiple].form-control, +.input-group-sm > select[multiple].input-group-addon, +.input-group-sm > .input-group-btn > select[multiple].btn { + height: auto; } + +.form-group-sm .form-control { + height: 37px; + padding: 5px 10px; + font-size: 17px; + line-height: 1.5; + border-radius: 3px; } + +.form-group-sm select.form-control { + height: 37px; + line-height: 37px; } + +.form-group-sm textarea.form-control, +.form-group-sm select[multiple].form-control { + height: auto; } + +.form-group-sm .form-control-static { + height: 37px; + min-height: 53px; + padding: 6px 10px; + font-size: 17px; + line-height: 1.5; } + +.input-lg, .input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + height: 56px; + padding: 10px 16px; + font-size: 25px; + line-height: 1.3333333; + border-radius: 3px; } + +select.input-lg, .input-group-lg > select.form-control, +.input-group-lg > select.input-group-addon, +.input-group-lg > .input-group-btn > select.btn { + height: 56px; + line-height: 56px; } + +textarea.input-lg, .input-group-lg > textarea.form-control, +.input-group-lg > textarea.input-group-addon, +.input-group-lg > .input-group-btn > textarea.btn, +select[multiple].input-lg, +.input-group-lg > select[multiple].form-control, +.input-group-lg > select[multiple].input-group-addon, +.input-group-lg > .input-group-btn > select[multiple].btn { + height: auto; } + +.form-group-lg .form-control { + height: 56px; + padding: 10px 16px; + font-size: 25px; + line-height: 1.3333333; + border-radius: 3px; } + +.form-group-lg select.form-control { + height: 56px; + line-height: 56px; } + +.form-group-lg textarea.form-control, +.form-group-lg select[multiple].form-control { + height: auto; } + +.form-group-lg .form-control-static { + height: 56px; + min-height: 61px; + padding: 11px 16px; + font-size: 25px; + line-height: 1.3333333; } + +.has-feedback { + position: relative; } + .has-feedback .form-control { + padding-right: 62.5px; } + +.form-control-feedback { + position: absolute; + top: 0; + right: 0; + z-index: 2; + display: block; + width: 50px; + height: 50px; + line-height: 50px; + text-align: center; + pointer-events: none; } + +.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, +.input-group-lg > .input-group-addon + .form-control-feedback, +.input-group-lg > .input-group-btn > .btn + .form-control-feedback, +.input-group-lg + .form-control-feedback, +.form-group-lg .form-control + .form-control-feedback { + width: 56px; + height: 56px; + line-height: 56px; } + +.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, +.input-group-sm > .input-group-addon + .form-control-feedback, +.input-group-sm > .input-group-btn > .btn + .form-control-feedback, +.input-group-sm + .form-control-feedback, +.form-group-sm .form-control + .form-control-feedback { + width: 37px; + height: 37px; + line-height: 37px; } + +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { + color: #4CAF50; } + +.has-success .form-control { + border-color: #4CAF50; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .has-success .form-control:focus { + border-color: #3d8b40; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #92cf94; } + +.has-success .input-group-addon { + color: #4CAF50; + border-color: #4CAF50; + background-color: #dff0d8; } + +.has-success .form-control-feedback { + color: #4CAF50; } + +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #ff9800; } + +.has-warning .form-control { + border-color: #ff9800; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .has-warning .form-control:focus { + border-color: #cc7a00; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffc166; } + +.has-warning .input-group-addon { + color: #ff9800; + border-color: #ff9800; + background-color: #ffe0b2; } + +.has-warning .form-control-feedback { + color: #ff9800; } + +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { + color: #e51c23; } + +.has-error .form-control { + border-color: #e51c23; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .has-error .form-control:focus { + border-color: #b9151b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ef787c; } + +.has-error .input-group-addon { + color: #e51c23; + border-color: #e51c23; + background-color: #f9bdbb; } + +.has-error .form-control-feedback { + color: #e51c23; } + +.has-feedback label ~ .form-control-feedback { + top: 41px; } + +.has-feedback label.sr-only ~ .form-control-feedback { + top: 0; } + +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #a6a6a6; } + +@media (min-width: 768px) { + .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 .control-label { + margin-bottom: 0; + vertical-align: middle; } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } + .form-inline .has-feedback .form-control-feedback { + top: 0; } } + +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; } + +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 43px; } + +.form-horizontal .form-group { + margin-left: -15px; + margin-right: -15px; } + .form-horizontal .form-group:before, .form-horizontal .form-group:after { + content: " "; + display: table; } + .form-horizontal .form-group:after { + clear: both; } + +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + margin-bottom: 0; + padding-top: 7px; } } + +.form-horizontal .has-feedback .form-control-feedback { + right: 15px; } + +@media (min-width: 768px) { + .form-horizontal .form-group-lg .control-label { + padding-top: 11px; + font-size: 25px; } } + +@media (min-width: 768px) { + .form-horizontal .form-group-sm .control-label { + padding-top: 6px; + font-size: 17px; } } + +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 16px; + font-size: 20px; + line-height: 1.846; + border-radius: 3px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .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:hover, .btn:focus, .btn.focus { + color: #444; + text-decoration: none; } + .btn:active, .btn.active { + outline: 0; + background-image: none; + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + .btn.disabled, .btn[disabled], + fieldset[disabled] .btn { + cursor: not-allowed; + opacity: 0.65; + filter: alpha(opacity=65); + box-shadow: none; } + +a.btn.disabled, +fieldset[disabled] a.btn { + pointer-events: none; } + +.btn-default { + color: #444; + background-color: #fff; + border-color: transparent; } + .btn-default:focus, .btn-default.focus { + color: #444; + background-color: #e6e6e6; + border-color: transparent; } + .btn-default:hover { + color: #444; + background-color: #e6e6e6; + border-color: transparent; } + .btn-default:active, .btn-default.active, + .open > .btn-default.dropdown-toggle { + color: #444; + background-color: #e6e6e6; + border-color: transparent; } + .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, + .open > .btn-default.dropdown-toggle:hover, + .open > .btn-default.dropdown-toggle:focus, + .open > .btn-default.dropdown-toggle.focus { + color: #444; + background-color: #d4d4d4; + border-color: transparent; } + .btn-default:active, .btn-default.active, + .open > .btn-default.dropdown-toggle { + background-image: none; } + .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, + fieldset[disabled] .btn-default:hover, + fieldset[disabled] .btn-default:focus, + fieldset[disabled] .btn-default.focus { + background-color: #fff; + border-color: transparent; } + .btn-default .badge { + color: #fff; + background-color: #444; } + +.btn-primary { + color: #fff; + background-color: #2196F3; + border-color: transparent; } + .btn-primary:focus, .btn-primary.focus { + color: #fff; + background-color: #0c7cd5; + border-color: transparent; } + .btn-primary:hover { + color: #fff; + background-color: #0c7cd5; + border-color: transparent; } + .btn-primary:active, .btn-primary.active, + .open > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #0c7cd5; + border-color: transparent; } + .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: #0a68b4; + border-color: transparent; } + .btn-primary:active, .btn-primary.active, + .open > .btn-primary.dropdown-toggle { + background-image: none; } + .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, + fieldset[disabled] .btn-primary:hover, + fieldset[disabled] .btn-primary:focus, + fieldset[disabled] .btn-primary.focus { + background-color: #2196F3; + border-color: transparent; } + .btn-primary .badge { + color: #2196F3; + background-color: #fff; } + +.btn-success { + color: #fff; + background-color: #4CAF50; + border-color: transparent; } + .btn-success:focus, .btn-success.focus { + color: #fff; + background-color: #3d8b40; + border-color: transparent; } + .btn-success:hover { + color: #fff; + background-color: #3d8b40; + border-color: transparent; } + .btn-success:active, .btn-success.active, + .open > .btn-success.dropdown-toggle { + color: #fff; + background-color: #3d8b40; + border-color: transparent; } + .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: #327334; + border-color: transparent; } + .btn-success:active, .btn-success.active, + .open > .btn-success.dropdown-toggle { + background-image: none; } + .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, + fieldset[disabled] .btn-success:hover, + fieldset[disabled] .btn-success:focus, + fieldset[disabled] .btn-success.focus { + background-color: #4CAF50; + border-color: transparent; } + .btn-success .badge { + color: #4CAF50; + background-color: #fff; } + +.btn-info { + color: #fff; + background-color: #9C27B0; + border-color: transparent; } + .btn-info:focus, .btn-info.focus { + color: #fff; + background-color: #771e86; + border-color: transparent; } + .btn-info:hover { + color: #fff; + background-color: #771e86; + border-color: transparent; } + .btn-info:active, .btn-info.active, + .open > .btn-info.dropdown-toggle { + color: #fff; + background-color: #771e86; + border-color: transparent; } + .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: #5d1769; + border-color: transparent; } + .btn-info:active, .btn-info.active, + .open > .btn-info.dropdown-toggle { + background-image: none; } + .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, + fieldset[disabled] .btn-info:hover, + fieldset[disabled] .btn-info:focus, + fieldset[disabled] .btn-info.focus { + background-color: #9C27B0; + border-color: transparent; } + .btn-info .badge { + color: #9C27B0; + background-color: #fff; } + +.btn-warning { + color: #fff; + background-color: #ff9800; + border-color: transparent; } + .btn-warning:focus, .btn-warning.focus { + color: #fff; + background-color: #cc7a00; + border-color: transparent; } + .btn-warning:hover { + color: #fff; + background-color: #cc7a00; + border-color: transparent; } + .btn-warning:active, .btn-warning.active, + .open > .btn-warning.dropdown-toggle { + color: #fff; + background-color: #cc7a00; + border-color: transparent; } + .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: #a86400; + border-color: transparent; } + .btn-warning:active, .btn-warning.active, + .open > .btn-warning.dropdown-toggle { + background-image: none; } + .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, + fieldset[disabled] .btn-warning:hover, + fieldset[disabled] .btn-warning:focus, + fieldset[disabled] .btn-warning.focus { + background-color: #ff9800; + border-color: transparent; } + .btn-warning .badge { + color: #ff9800; + background-color: #fff; } + +.btn-danger { + color: #fff; + background-color: #e51c23; + border-color: transparent; } + .btn-danger:focus, .btn-danger.focus { + color: #fff; + background-color: #b9151b; + border-color: transparent; } + .btn-danger:hover { + color: #fff; + background-color: #b9151b; + border-color: transparent; } + .btn-danger:active, .btn-danger.active, + .open > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #b9151b; + border-color: transparent; } + .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: #991216; + border-color: transparent; } + .btn-danger:active, .btn-danger.active, + .open > .btn-danger.dropdown-toggle { + background-image: none; } + .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, + fieldset[disabled] .btn-danger:hover, + fieldset[disabled] .btn-danger:focus, + fieldset[disabled] .btn-danger.focus { + background-color: #e51c23; + border-color: transparent; } + .btn-danger .badge { + color: #e51c23; + background-color: #fff; } + +.btn-link { + color: #2196F3; + font-weight: normal; + border-radius: 0; } + .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], + fieldset[disabled] .btn-link { + background-color: transparent; + box-shadow: none; } + .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { + border-color: transparent; } + .btn-link:hover, .btn-link:focus { + color: #0a6ebd; + text-decoration: underline; + background-color: transparent; } + .btn-link[disabled]:hover, .btn-link[disabled]:focus, + fieldset[disabled] .btn-link:hover, + fieldset[disabled] .btn-link:focus { + color: #bbb; + text-decoration: none; } + +.btn-lg, .btn-group-lg > .btn { + padding: 10px 16px; + font-size: 25px; + line-height: 1.3333333; + border-radius: 3px; } + +.btn-sm, .btn-group-sm > .btn { + padding: 5px 10px; + font-size: 17px; + line-height: 1.5; + border-radius: 3px; } + +.btn-xs, .btn-group-xs > .btn { + padding: 1px 5px; + font-size: 17px; + line-height: 1.5; + border-radius: 3px; } + +.btn-block { + display: block; + width: 100%; } + +.btn-block + .btn-block { + margin-top: 5px; } + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; } + +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } + .fade.in { + opacity: 1; } + +.collapse { + display: none; } + .collapse.in { + display: block; } + +tr.collapse.in { + display: table-row; } + +tbody.collapse.in { + display: table-row-group; } + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition-property: height, visibility; + transition-property: height, visibility; + -webkit-transition-duration: 0.35s; + transition-duration: 0.35s; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; } + +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px dashed; + border-top: 4px solid \9; + border-right: 4px solid transparent; + border-left: 4px solid transparent; } + +.dropup, +.dropdown { + position: relative; } + +.dropdown-toggle:focus { + outline: 0; } + +.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; + list-style: none; + font-size: 20px; + text-align: left; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 3px; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + background-clip: padding-box; } + .dropdown-menu.pull-right { + right: 0; + left: auto; } + .dropdown-menu .divider { + height: 1px; + margin: 17px 0; + overflow: hidden; + background-color: #e5e5e5; } + .dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.846; + color: #666; + white-space: nowrap; } + +.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { + text-decoration: none; + color: #141414; + background-color: #eeeeee; } + +.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { + color: #fff; + text-decoration: none; + outline: 0; + background-color: #2196F3; } + +.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { + color: #bbb; } + +.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: not-allowed; } + +.open > .dropdown-menu { + display: block; } + +.open > a { + outline: 0; } + +.dropdown-menu-right { + left: auto; + right: 0; } + +.dropdown-menu-left { + left: 0; + right: auto; } + +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 17px; + line-height: 1.846; + color: #bbb; + white-space: nowrap; } + +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; } + +.pull-right > .dropdown-menu { + right: 0; + left: auto; } + +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px dashed; + border-bottom: 4px solid \9; + content: ""; } + +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 2px; } + +@media (min-width: 768px) { + .navbar-right .dropdown-menu { + right: 0; + left: auto; } + .navbar-right .dropdown-menu-left { + left: 0; + right: auto; } } + +.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:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, + .btn-group-vertical > .btn:hover, + .btn-group-vertical > .btn:focus, + .btn-group-vertical > .btn:active, + .btn-group-vertical > .btn.active { + 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: -5px; } + .btn-toolbar:before, .btn-toolbar:after { + content: " "; + display: table; } + .btn-toolbar:after { + clear: both; } + .btn-toolbar .btn, + .btn-toolbar .btn-group, + .btn-toolbar .input-group { + float: left; } + .btn-toolbar > .btn, + .btn-toolbar > .btn-group, + .btn-toolbar > .input-group { + margin-left: 5px; } + +.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-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; } + +.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; } + +.btn-group.open .dropdown-toggle { + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + .btn-group.open .dropdown-toggle.btn-link { + box-shadow: none; } + +.btn .caret { + margin-left: 0; } + +.btn-lg .caret, .btn-group-lg > .btn .caret { + border-width: 5px 5px 0; + border-bottom-width: 0; } + +.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { + border-width: 0 5px 5px; } + +.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:before, .btn-group-vertical > .btn-group:after { + content: " "; + display: table; } + +.btn-group-vertical > .btn-group:after { + 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-top-right-radius: 3px; + border-top-left-radius: 3px; + 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; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; } + +.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; } + +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; } + .btn-group-justified > .btn, + .btn-group-justified > .btn-group { + float: none; + display: table-cell; + width: 1%; } + .btn-group-justified > .btn-group .btn { + width: 100%; } + .btn-group-justified > .btn-group .dropdown-menu { + left: auto; } + +[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; + display: table; + border-collapse: separate; } + .input-group[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; } + .input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; } + .input-group .form-control:focus { + 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: 6px 16px; + font-size: 20px; + font-weight: normal; + line-height: 1; + color: #666; + text-align: center; + background-color: transparent; + border: 1px solid transparent; + border-radius: 3px; } + .input-group-addon.input-sm, + .input-group-sm > .input-group-addon, + .input-group-sm > .input-group-btn > .input-group-addon.btn { + padding: 5px 10px; + font-size: 17px; + border-radius: 3px; } + .input-group-addon.input-lg, + .input-group-lg > .input-group-addon, + .input-group-lg > .input-group-btn > .input-group-addon.btn { + padding: 10px 16px; + font-size: 25px; + border-radius: 3px; } + .input-group-addon input[type="radio"], + .input-group-addon input[type="checkbox"] { + margin-top: 0; } + +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } + +.input-group-addon:first-child { + border-right: 0; } + +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } + +.input-group-addon:last-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:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { + z-index: 2; } + .input-group-btn:first-child > .btn, + .input-group-btn:first-child > .btn-group { + margin-right: -1px; } + .input-group-btn:last-child > .btn, + .input-group-btn:last-child > .btn-group { + z-index: 2; + margin-left: -1px; } + +.nav { + margin-bottom: 0; + padding-left: 0; + list-style: none; } + .nav:before, .nav:after { + content: " "; + display: table; } + .nav:after { + clear: both; } + .nav > li { + position: relative; + display: block; } + .nav > li > a { + position: relative; + display: block; + padding: 10px 15px; } + .nav > li > a:hover, .nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee; } + .nav > li.disabled > a { + color: #bbb; } + .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { + color: #bbb; + text-decoration: none; + background-color: transparent; + cursor: not-allowed; } + .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { + background-color: #eeeeee; + border-color: #2196F3; } + .nav .nav-divider { + height: 1px; + margin: 17px 0; + overflow: hidden; + background-color: #e5e5e5; } + .nav > li > a > img { + max-width: none; } + +.nav-tabs { + border-bottom: 1px solid transparent; } + .nav-tabs > li { + float: left; + margin-bottom: -1px; } + .nav-tabs > li > a { + margin-right: 2px; + line-height: 1.846; + border: 1px solid transparent; + border-radius: 3px 3px 0 0; } + .nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee transparent; } + .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + color: #666; + background-color: transparent; + border: 1px solid transparent; + border-bottom-color: transparent; + cursor: default; } + +.nav-pills > li { + float: left; } + .nav-pills > li > a { + border-radius: 3px; } + .nav-pills > li + li { + margin-left: 2px; } + .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { + color: #fff; + background-color: #2196F3; } + +.nav-stacked > li { + float: none; } + .nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; } + +.nav-justified, .nav-tabs.nav-justified { + width: 100%; } + .nav-justified > li, .nav-tabs.nav-justified > li { + float: none; } + .nav-justified > li > a, .nav-tabs.nav-justified > li > a { + text-align: center; + margin-bottom: 5px; } + .nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; } + @media (min-width: 768px) { + .nav-justified > li, .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; } + .nav-justified > li > a, .nav-tabs.nav-justified > li > a { + margin-bottom: 0; } } + +.nav-tabs-justified, .nav-tabs.nav-justified { + border-bottom: 0; } + .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 3px; } + .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, + .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { + border: 1px solid transparent; } + @media (min-width: 768px) { + .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid transparent; + border-radius: 3px 3px 0 0; } + .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, + .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #fff; } } + +.tab-content > .tab-pane { + display: none; } + +.tab-content > .active { + display: block; } + +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; } + +.navbar { + position: relative; + min-height: 64px; + margin-bottom: 36px; + border: 1px solid transparent; } + .navbar:before, .navbar:after { + content: " "; + display: table; } + .navbar:after { + clear: both; } + @media (min-width: 768px) { + .navbar { + border-radius: 3px; } } + +.navbar-header:before, .navbar-header:after { + content: " "; + display: table; } + +.navbar-header:after { + clear: both; } + +@media (min-width: 768px) { + .navbar-header { + float: left; } } + +.navbar-collapse { + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-overflow-scrolling: touch; } + .navbar-collapse:before, .navbar-collapse:after { + content: " "; + display: table; } + .navbar-collapse:after { + clear: both; } + .navbar-collapse.in { + overflow-y: auto; } + @media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; } + .navbar-collapse.in { + overflow-y: visible; } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; } } + +.navbar-fixed-top .navbar-collapse, +.navbar-fixed-bottom .navbar-collapse { + max-height: 340px; } + @media (max-device-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; } } + +.container > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-header, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; } + @media (min-width: 768px) { + .container > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-header, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; } } + +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; } + @media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; } } + +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; } + @media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; } } + +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; } + +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; } + +.navbar-brand { + float: left; + padding: 14px 15px; + font-size: 25px; + line-height: 36px; + height: 64px; } + .navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; } + .navbar-brand > img { + display: block; } + @media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; } } + +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 15px; + margin-bottom: 15px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 3px; } + .navbar-toggle:focus { + outline: 0; } + .navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; } + .navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; } + @media (min-width: 768px) { + .navbar-toggle { + display: none; } } + +.navbar-nav { + margin: 7px -15px; } + .navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 36px; } + @media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 36px; } + .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; } } + @media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; } + .navbar-nav > li { + float: left; } + .navbar-nav > li > a { + padding-top: 14px; + padding-bottom: 14px; } } + +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 7px; + margin-bottom: 7px; } + @media (min-width: 768px) { + .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; } + .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle; } + .navbar-form .form-control-static { + display: inline-block; } + .navbar-form .input-group { + display: inline-table; + vertical-align: middle; } + .navbar-form .input-group .input-group-addon, + .navbar-form .input-group .input-group-btn, + .navbar-form .input-group .form-control { + width: auto; } + .navbar-form .input-group > .form-control { + width: 100%; } + .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle; } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; } + .navbar-form .radio label, + .navbar-form .checkbox label { + padding-left: 0; } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; } + .navbar-form .has-feedback .form-control-feedback { + top: 0; } } + @media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; } + .navbar-form .form-group:last-child { + margin-bottom: 0; } } + @media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + box-shadow: none; } } + +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; } + +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + margin-bottom: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + +.navbar-btn { + margin-top: 7px; + margin-bottom: 7px; } + .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { + margin-top: 13.5px; + margin-bottom: 13.5px; } + .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { + margin-top: 21px; + margin-bottom: 21px; } + +.navbar-text { + margin-top: 14px; + margin-bottom: 14px; } + @media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px; } } + +@media (min-width: 768px) { + .navbar-left { + float: left !important; } + .navbar-right { + float: right !important; + margin-right: -15px; } + .navbar-right ~ .navbar-right { + margin-right: 0; } } + +.navbar-default { + background-color: #fff; + border-color: transparent; } + .navbar-default .navbar-brand { + color: #666; } + .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { + color: #212121; + background-color: transparent; } + .navbar-default .navbar-text { + color: #bbb; } + .navbar-default .navbar-nav > li > a { + color: #666; } + .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { + color: #212121; + background-color: transparent; } + .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { + color: #212121; + background-color: #eeeeee; } + .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { + color: #ccc; + background-color: transparent; } + .navbar-default .navbar-toggle { + border-color: transparent; } + .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { + background-color: transparent; } + .navbar-default .navbar-toggle .icon-bar { + background-color: rgba(0, 0, 0, 0.5); } + .navbar-default .navbar-collapse, + .navbar-default .navbar-form { + border-color: transparent; } + .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { + background-color: #eeeeee; + color: #212121; } + @media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #666; } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #212121; + background-color: transparent; } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #212121; + background-color: #eeeeee; } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #ccc; + background-color: transparent; } } + .navbar-default .navbar-link { + color: #666; } + .navbar-default .navbar-link:hover { + color: #212121; } + .navbar-default .btn-link { + color: #666; } + .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { + color: #212121; } + .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, + fieldset[disabled] .navbar-default .btn-link:hover, + fieldset[disabled] .navbar-default .btn-link:focus { + color: #ccc; } + +.navbar-inverse { + background-color: #2196F3; + border-color: transparent; } + .navbar-inverse .navbar-brand { + color: #b2dbfb; } + .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { + color: #fff; + background-color: transparent; } + .navbar-inverse .navbar-text { + color: #bbb; } + .navbar-inverse .navbar-nav > li > a { + color: #b2dbfb; } + .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { + color: #fff; + background-color: transparent; } + .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { + color: #fff; + background-color: #0c7cd5; } + .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { + color: #444; + background-color: transparent; } + .navbar-inverse .navbar-toggle { + border-color: transparent; } + .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { + background-color: transparent; } + .navbar-inverse .navbar-toggle .icon-bar { + background-color: rgba(0, 0, 0, 0.5); } + .navbar-inverse .navbar-collapse, + .navbar-inverse .navbar-form { + border-color: #0c84e4; } + .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { + background-color: #0c7cd5; + color: #fff; } + @media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: transparent; } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: transparent; } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #b2dbfb; } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: #fff; + background-color: transparent; } + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #fff; + background-color: #0c7cd5; } + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #444; + background-color: transparent; } } + .navbar-inverse .navbar-link { + color: #b2dbfb; } + .navbar-inverse .navbar-link:hover { + color: #fff; } + .navbar-inverse .btn-link { + color: #b2dbfb; } + .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { + color: #fff; } + .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, + fieldset[disabled] .navbar-inverse .btn-link:hover, + fieldset[disabled] .navbar-inverse .btn-link:focus { + color: #444; } + +.breadcrumb { + padding: 8px 15px; + margin-bottom: 36px; + list-style: none; + background-color: #f5f5f5; + border-radius: 3px; } + .breadcrumb > li { + display: inline-block; } + .breadcrumb > li + li:before { + content: "/ "; + padding: 0 5px; + color: #ccc; } + .breadcrumb > .active { + color: #bbb; } + +.pagination { + display: inline-block; + padding-left: 0; + margin: 36px 0; + border-radius: 3px; } + .pagination > li { + display: inline; } + .pagination > li > a, + .pagination > li > span { + position: relative; + float: left; + padding: 6px 16px; + line-height: 1.846; + text-decoration: none; + color: #2196F3; + background-color: #fff; + border: 1px solid #ddd; + margin-left: -1px; } + .pagination > li:first-child > a, + .pagination > li:first-child > span { + margin-left: 0; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } + .pagination > li:last-child > a, + .pagination > li:last-child > span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; } + .pagination > li > a:hover, .pagination > li > a:focus, + .pagination > li > span:hover, + .pagination > li > span:focus { + z-index: 2; + color: #0a6ebd; + background-color: #eeeeee; + border-color: #ddd; } + .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, + .pagination > .active > span, + .pagination > .active > span:hover, + .pagination > .active > span:focus { + z-index: 3; + color: #fff; + background-color: #2196F3; + border-color: #2196F3; + cursor: default; } + .pagination > .disabled > span, + .pagination > .disabled > span:hover, + .pagination > .disabled > span:focus, + .pagination > .disabled > a, + .pagination > .disabled > a:hover, + .pagination > .disabled > a:focus { + color: #bbb; + background-color: #fff; + border-color: #ddd; + cursor: not-allowed; } + +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 16px; + font-size: 25px; + line-height: 1.3333333; } + +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } + +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; } + +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 5px 10px; + font-size: 17px; + line-height: 1.5; } + +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } + +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; } + +.pager { + padding-left: 0; + margin: 36px 0; + list-style: none; + text-align: center; } + .pager:before, .pager:after { + content: " "; + display: table; } + .pager:after { + clear: both; } + .pager li { + display: inline; } + .pager li > a, + .pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; } + .pager li > a:hover, + .pager li > a:focus { + text-decoration: none; + background-color: #eeeeee; } + .pager .next > a, + .pager .next > span { + float: right; } + .pager .previous > a, + .pager .previous > span { + float: left; } + .pager .disabled > a, + .pager .disabled > a:hover, + .pager .disabled > a:focus, + .pager .disabled > span { + color: #bbb; + background-color: #fff; + cursor: not-allowed; } + +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; } + .label:empty { + display: none; } + .btn .label { + position: relative; + top: -1px; } + +a.label:hover, a.label:focus { + color: #fff; + text-decoration: none; + cursor: pointer; } + +.label-default { + background-color: #bbb; } + .label-default[href]:hover, .label-default[href]:focus { + background-color: #a2a2a2; } + +.label-primary { + background-color: #2196F3; } + .label-primary[href]:hover, .label-primary[href]:focus { + background-color: #0c7cd5; } + +.label-success { + background-color: #4CAF50; } + .label-success[href]:hover, .label-success[href]:focus { + background-color: #3d8b40; } + +.label-info { + background-color: #9C27B0; } + .label-info[href]:hover, .label-info[href]:focus { + background-color: #771e86; } + +.label-warning { + background-color: #ff9800; } + .label-warning[href]:hover, .label-warning[href]:focus { + background-color: #cc7a00; } + +.label-danger { + background-color: #e51c23; } + .label-danger[href]:hover, .label-danger[href]:focus { + background-color: #b9151b; } + +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 17px; + font-weight: normal; + color: #fff; + line-height: 1; + vertical-align: middle; + white-space: nowrap; + text-align: center; + background-color: #bbb; + border-radius: 10px; } + .badge:empty { + display: none; } + .btn .badge { + position: relative; + top: -1px; } + .btn-xs .badge, .btn-group-xs > .btn .badge, + .btn-group-xs > .btn .badge { + top: 0; + padding: 1px 5px; } + .list-group-item.active > .badge, + .nav-pills > .active > a > .badge { + color: #2196F3; + background-color: #fff; } + .list-group-item > .badge { + float: right; } + .list-group-item > .badge + .badge { + margin-right: 5px; } + .nav-pills > li > a > .badge { + margin-left: 3px; } + +a.badge:hover, a.badge:focus { + color: #fff; + text-decoration: none; + cursor: pointer; } + +.jumbotron { + padding-top: 30px; + padding-bottom: 30px; + margin-bottom: 30px; + color: inherit; + background-color: #f9f9f9; } + .jumbotron h1, + .jumbotron .h1 { + color: #444; } + .jumbotron p { + margin-bottom: 15px; + font-size: 30px; + font-weight: 200; } + .jumbotron > hr { + border-top-color: #e0e0e0; } + .container .jumbotron, + .container-fluid .jumbotron { + border-radius: 3px; + padding-left: 15px; + padding-right: 15px; } + .jumbotron .container { + max-width: 100%; } + @media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; } + .container .jumbotron, + .container-fluid .jumbotron { + padding-left: 60px; + padding-right: 60px; } + .jumbotron h1, + .jumbotron .h1 { + font-size: 90px; } } + +.thumbnail { + display: block; + padding: 4px; + margin-bottom: 36px; + line-height: 1.846; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 3px; + -webkit-transition: border 0.2s ease-in-out; + transition: border 0.2s ease-in-out; } + .thumbnail > img, + .thumbnail a > img { + display: block; + max-width: 100%; + height: auto; + margin-left: auto; + margin-right: auto; } + .thumbnail .caption { + padding: 9px; + color: #666; } + +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: #2196F3; } + +.alert { + padding: 15px; + margin-bottom: 36px; + border: 1px solid transparent; + border-radius: 3px; } + .alert h4 { + margin-top: 0; + color: inherit; } + .alert .alert-link { + font-weight: bold; } + .alert > p, + .alert > ul { + margin-bottom: 0; } + .alert > p + p { + margin-top: 5px; } + +.alert-dismissable, +.alert-dismissible { + padding-right: 35px; } + .alert-dismissable .close, + .alert-dismissible .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; } + +.alert-success { + background-color: #dff0d8; + border-color: #d6e9c6; + color: #4CAF50; } + .alert-success hr { + border-top-color: #c9e2b3; } + .alert-success .alert-link { + color: #3d8b40; } + +.alert-info { + background-color: #e1bee7; + border-color: #cba4dd; + color: #9C27B0; } + .alert-info hr { + border-top-color: #c191d6; } + .alert-info .alert-link { + color: #771e86; } + +.alert-warning { + background-color: #ffe0b2; + border-color: #ffc599; + color: #ff9800; } + .alert-warning hr { + border-top-color: #ffb67f; } + .alert-warning .alert-link { + color: #cc7a00; } + +.alert-danger { + background-color: #f9bdbb; + border-color: #f7a4af; + color: #e51c23; } + .alert-danger hr { + border-top-color: #f58c9a; } + .alert-danger .alert-link { + color: #b9151b; } + +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; } + to { + background-position: 0 0; } } + +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; } + to { + background-position: 0 0; } } + +.progress { + overflow: hidden; + height: 36px; + margin-bottom: 36px; + background-color: #f5f5f5; + border-radius: 3px; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } + +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: 17px; + line-height: 36px; + color: #fff; + text-align: center; + background-color: #2196F3; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; } + +.progress-striped .progress-bar, +.progress-bar-striped { + background-image: -webkit-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-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: 40px 40px; } + +.progress.active .progress-bar, +.progress-bar.active { + -webkit-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; } + +.progress-bar-success { + background-color: #4CAF50; } + .progress-striped .progress-bar-success { + background-image: -webkit-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-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); } + +.progress-bar-info { + background-color: #9C27B0; } + .progress-striped .progress-bar-info { + background-image: -webkit-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-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); } + +.progress-bar-warning { + background-color: #ff9800; } + .progress-striped .progress-bar-warning { + background-image: -webkit-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-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); } + +.progress-bar-danger { + background-color: #e51c23; } + .progress-striped .progress-bar-danger { + background-image: -webkit-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-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); } + +.media { + margin-top: 15px; } + .media:first-child { + margin-top: 0; } + +.media, +.media-body { + zoom: 1; + overflow: hidden; } + +.media-body { + width: 10000px; } + +.media-object { + display: block; } + .media-object.img-thumbnail { + max-width: none; } + +.media-right, +.media > .pull-right { + padding-left: 10px; } + +.media-left, +.media > .pull-left { + padding-right: 10px; } + +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; } + +.media-middle { + vertical-align: middle; } + +.media-bottom { + vertical-align: bottom; } + +.media-heading { + margin-top: 0; + margin-bottom: 5px; } + +.media-list { + padding-left: 0; + list-style: none; } + +.list-group { + margin-bottom: 20px; + padding-left: 0; } + +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid #ddd; } + .list-group-item:first-child { + border-top-right-radius: 3px; + border-top-left-radius: 3px; } + .list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; } + +a.list-group-item, +button.list-group-item { + color: #555; } + a.list-group-item .list-group-item-heading, + button.list-group-item .list-group-item-heading { + color: #333; } + a.list-group-item:hover, a.list-group-item:focus, + button.list-group-item:hover, + button.list-group-item:focus { + text-decoration: none; + color: #555; + background-color: #f5f5f5; } + +button.list-group-item { + width: 100%; + text-align: left; } + +.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { + background-color: #eeeeee; + color: #bbb; + cursor: not-allowed; } + .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { + color: inherit; } + .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { + color: #bbb; } + +.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { + z-index: 2; + color: #fff; + background-color: #2196F3; + border-color: #2196F3; } + .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: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, .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 { + color: inherit; } + .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { + color: #e3f2fd; } + +.list-group-item-success { + color: #4CAF50; + background-color: #dff0d8; } + +a.list-group-item-success, +button.list-group-item-success { + color: #4CAF50; } + 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:hover, a.list-group-item-success:focus, + button.list-group-item-success:hover, + button.list-group-item-success:focus { + color: #4CAF50; + background-color: #d0e9c6; } + a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, + button.list-group-item-success.active, + button.list-group-item-success.active:hover, + button.list-group-item-success.active:focus { + color: #fff; + background-color: #4CAF50; + border-color: #4CAF50; } + +.list-group-item-info { + color: #9C27B0; + background-color: #e1bee7; } + +a.list-group-item-info, +button.list-group-item-info { + color: #9C27B0; } + 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:hover, a.list-group-item-info:focus, + button.list-group-item-info:hover, + button.list-group-item-info:focus { + color: #9C27B0; + background-color: #d8abe0; } + a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, + button.list-group-item-info.active, + button.list-group-item-info.active:hover, + button.list-group-item-info.active:focus { + color: #fff; + background-color: #9C27B0; + border-color: #9C27B0; } + +.list-group-item-warning { + color: #ff9800; + background-color: #ffe0b2; } + +a.list-group-item-warning, +button.list-group-item-warning { + color: #ff9800; } + 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:hover, a.list-group-item-warning:focus, + button.list-group-item-warning:hover, + button.list-group-item-warning:focus { + color: #ff9800; + background-color: #ffd699; } + a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, + button.list-group-item-warning.active, + button.list-group-item-warning.active:hover, + button.list-group-item-warning.active:focus { + color: #fff; + background-color: #ff9800; + border-color: #ff9800; } + +.list-group-item-danger { + color: #e51c23; + background-color: #f9bdbb; } + +a.list-group-item-danger, +button.list-group-item-danger { + color: #e51c23; } + 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:hover, a.list-group-item-danger:focus, + button.list-group-item-danger:hover, + button.list-group-item-danger:focus { + color: #e51c23; + background-color: #f7a6a4; } + a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, + button.list-group-item-danger.active, + button.list-group-item-danger.active:hover, + button.list-group-item-danger.active:focus { + color: #fff; + background-color: #e51c23; + border-color: #e51c23; } + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; } + +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; } + +.panel { + margin-bottom: 36px; + background-color: #fff; + border: 1px solid transparent; + border-radius: 3px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } + +.panel-body { + padding: 15px; } + .panel-body:before, .panel-body:after { + content: " "; + display: table; } + .panel-body:after { + clear: both; } + +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-right-radius: 2px; + border-top-left-radius: 2px; } + .panel-heading > .dropdown .dropdown-toggle { + color: inherit; } + +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 23px; + color: inherit; } + .panel-title > a, + .panel-title > small, + .panel-title > .small, + .panel-title > small > a, + .panel-title > .small > a { + color: inherit; } + +.panel-footer { + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; } + +.panel > .list-group, +.panel > .panel-collapse > .list-group { + margin-bottom: 0; } + .panel > .list-group .list-group-item, + .panel > .panel-collapse > .list-group .list-group-item { + border-width: 1px 0; + border-radius: 0; } + .panel > .list-group:first-child .list-group-item:first-child, + .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { + border-top: 0; + border-top-right-radius: 2px; + border-top-left-radius: 2px; } + .panel > .list-group:last-child .list-group-item:last-child, + .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { + border-bottom: 0; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; } + +.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; } + +.panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; } + +.list-group + .panel-footer { + border-top-width: 0; } + +.panel > .table, +.panel > .table-responsive > .table, +.panel > .panel-collapse > .table { + margin-bottom: 0; } + .panel > .table caption, + .panel > .table-responsive > .table caption, + .panel > .panel-collapse > .table caption { + padding-left: 15px; + padding-right: 15px; } + +.panel > .table:first-child, +.panel > .table-responsive:first-child > .table:first-child { + border-top-right-radius: 2px; + border-top-left-radius: 2px; } + .panel > .table:first-child > thead:first-child > tr:first-child, + .panel > .table:first-child > tbody:first-child > tr:first-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, + .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, + .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, + .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { + border-top-left-radius: 2px; } + .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, + .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, + .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, + .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, + .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, + .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-right-radius: 2px; } + +.panel > .table:last-child, +.panel > .table-responsive:last-child > .table:last-child { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; } + .panel > .table:last-child > tbody:last-child > tr:last-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, + .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: 2px; } + .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, + .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, + .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, + .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, + .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: 2px; } + +.panel > .panel-body + .table, +.panel > .panel-body + .table-responsive, +.panel > .table + .panel-body, +.panel > .table-responsive + .panel-body { + border-top: 1px solid #ddd; } + +.panel > .table > tbody:first-child > tr:first-child th, +.panel > .table > tbody:first-child > tr:first-child td { + border-top: 0; } + +.panel > .table-bordered, +.panel > .table-responsive > .table-bordered { + border: 0; } + .panel > .table-bordered > thead > tr > th:first-child, + .panel > .table-bordered > thead > tr > td:first-child, + .panel > .table-bordered > tbody > tr > th:first-child, + .panel > .table-bordered > tbody > tr > td:first-child, + .panel > .table-bordered > tfoot > tr > th:first-child, + .panel > .table-bordered > tfoot > tr > td:first-child, + .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, + .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, + .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, + .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, + .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; } + .panel > .table-bordered > thead > tr > th:last-child, + .panel > .table-bordered > thead > tr > td:last-child, + .panel > .table-bordered > tbody > tr > th:last-child, + .panel > .table-bordered > tbody > tr > td:last-child, + .panel > .table-bordered > tfoot > tr > th:last-child, + .panel > .table-bordered > tfoot > tr > td:last-child, + .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, + .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, + .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, + .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, + .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; } + .panel > .table-bordered > thead > tr:first-child > td, + .panel > .table-bordered > thead > tr:first-child > th, + .panel > .table-bordered > tbody > tr:first-child > td, + .panel > .table-bordered > tbody > tr:first-child > th, + .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, + .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, + .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, + .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { + border-bottom: 0; } + .panel > .table-bordered > tbody > tr:last-child > td, + .panel > .table-bordered > tbody > tr:last-child > th, + .panel > .table-bordered > tfoot > tr:last-child > td, + .panel > .table-bordered > tfoot > tr:last-child > th, + .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, + .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, + .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, + .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { + border-bottom: 0; } + +.panel > .table-responsive { + border: 0; + margin-bottom: 0; } + +.panel-group { + margin-bottom: 36px; } + .panel-group .panel { + margin-bottom: 0; + border-radius: 3px; } + .panel-group .panel + .panel { + margin-top: 5px; } + .panel-group .panel-heading { + border-bottom: 0; } + .panel-group .panel-heading + .panel-collapse > .panel-body, + .panel-group .panel-heading + .panel-collapse > .list-group { + border-top: 1px solid #ddd; } + .panel-group .panel-footer { + border-top: 0; } + .panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #ddd; } + +.panel-default { + border-color: #ddd; } + .panel-default > .panel-heading { + color: #212121; + background-color: #f5f5f5; + border-color: #ddd; } + .panel-default > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #ddd; } + .panel-default > .panel-heading .badge { + color: #f5f5f5; + background-color: #212121; } + .panel-default > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #ddd; } + +.panel-primary { + border-color: #2196F3; } + .panel-primary > .panel-heading { + color: #fff; + background-color: #2196F3; + border-color: #2196F3; } + .panel-primary > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #2196F3; } + .panel-primary > .panel-heading .badge { + color: #2196F3; + background-color: #fff; } + .panel-primary > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #2196F3; } + +.panel-success { + border-color: #d6e9c6; } + .panel-success > .panel-heading { + color: #fff; + background-color: #4CAF50; + border-color: #d6e9c6; } + .panel-success > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #d6e9c6; } + .panel-success > .panel-heading .badge { + color: #4CAF50; + background-color: #fff; } + .panel-success > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #d6e9c6; } + +.panel-info { + border-color: #cba4dd; } + .panel-info > .panel-heading { + color: #fff; + background-color: #9C27B0; + border-color: #cba4dd; } + .panel-info > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #cba4dd; } + .panel-info > .panel-heading .badge { + color: #9C27B0; + background-color: #fff; } + .panel-info > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #cba4dd; } + +.panel-warning { + border-color: #ffc599; } + .panel-warning > .panel-heading { + color: #fff; + background-color: #ff9800; + border-color: #ffc599; } + .panel-warning > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #ffc599; } + .panel-warning > .panel-heading .badge { + color: #ff9800; + background-color: #fff; } + .panel-warning > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #ffc599; } + +.panel-danger { + border-color: #f7a4af; } + .panel-danger > .panel-heading { + color: #fff; + background-color: #e51c23; + border-color: #f7a4af; } + .panel-danger > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #f7a4af; } + .panel-danger > .panel-heading .badge { + color: #e51c23; + background-color: #fff; } + .panel-danger > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #f7a4af; } + +.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; + left: 0; + bottom: 0; + height: 100%; + width: 100%; + border: 0; } + +.embed-responsive-16by9 { + padding-bottom: 56.25%; } + +.embed-responsive-4by3 { + padding-bottom: 75%; } + +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f9f9f9; + border: 1px solid transparent; + border-radius: 3px; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } + .well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); } + +.well-lg { + padding: 24px; + border-radius: 3px; } + +.well-sm { + padding: 9px; + border-radius: 3px; } + +.close { + float: right; + font-size: 30px; + font-weight: normal; + line-height: 1; + color: #000; + text-shadow: none; + opacity: 0.2; + filter: alpha(opacity=20); } + .close:hover, .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); } + +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; } + +.modal-open { + overflow: hidden; } + +.modal { + display: none; + overflow: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + -webkit-overflow-scrolling: touch; + outline: 0; } + .modal.fade .modal-dialog { + -webkit-transform: translate(0, -25%); + transform: translate(0, -25%); + -webkit-transition: -webkit-transform 0.3s ease-out; + transition: -webkit-transform 0.3s ease-out; + transition: transform 0.3s ease-out; + transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } + .modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + 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; + border: 1px solid #999; + border: 1px solid transparent; + border-radius: 3px; + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + background-clip: padding-box; + 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; + filter: alpha(opacity=0); } + .modal-backdrop.in { + opacity: 0.5; + filter: alpha(opacity=50); } + +.modal-header { + padding: 15px; + border-bottom: 1px solid transparent; } + .modal-header:before, .modal-header:after { + content: " "; + display: table; } + .modal-header:after { + clear: both; } + +.modal-header .close { + margin-top: -2px; } + +.modal-title { + margin: 0; + line-height: 1.846; } + +.modal-body { + position: relative; + padding: 15px; } + +.modal-footer { + padding: 15px; + text-align: right; + border-top: 1px solid transparent; } + .modal-footer:before, .modal-footer:after { + content: " "; + display: table; } + .modal-footer:after { + clear: both; } + .modal-footer .btn + .btn { + margin-left: 5px; + margin-bottom: 0; } + .modal-footer .btn-group .btn + .btn { + margin-left: -1px; } + .modal-footer .btn-block + .btn-block { + margin-left: 0; } + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; } + +@media (min-width: 768px) { + .modal-dialog { + width: 600px; + margin: 30px auto; } + .modal-content { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } + .modal-sm { + width: 300px; } } + +@media (min-width: 992px) { + .modal-lg { + width: 900px; } } + +.tooltip { + position: absolute; + z-index: 1070; + display: block; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + line-break: auto; + line-height: 1.846; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + font-size: 17px; + opacity: 0; + filter: alpha(opacity=0); } + .tooltip.in { + opacity: 0.9; + filter: alpha(opacity=90); } + .tooltip.top { + margin-top: -3px; + padding: 5px 0; } + .tooltip.right { + margin-left: 3px; + padding: 0 5px; } + .tooltip.bottom { + margin-top: 3px; + padding: 5px 0; } + .tooltip.left { + margin-left: -3px; + padding: 0 5px; } + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + background-color: #727272; + border-radius: 3px; } + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; } + +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #727272; } + +.tooltip.top-left .tooltip-arrow { + bottom: 0; + right: 5px; + margin-bottom: -5px; + border-width: 5px 5px 0; + border-top-color: #727272; } + +.tooltip.top-right .tooltip-arrow { + bottom: 0; + left: 5px; + margin-bottom: -5px; + border-width: 5px 5px 0; + border-top-color: #727272; } + +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #727272; } + +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #727272; } + +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #727272; } + +.tooltip.bottom-left .tooltip-arrow { + top: 0; + right: 5px; + margin-top: -5px; + border-width: 0 5px 5px; + border-bottom-color: #727272; } + +.tooltip.bottom-right .tooltip-arrow { + top: 0; + left: 5px; + margin-top: -5px; + border-width: 0 5px 5px; + border-bottom-color: #727272; } + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: none; + max-width: 276px; + padding: 1px; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + line-break: auto; + line-height: 1.846; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + white-space: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + font-size: 20px; + background-color: #fff; + background-clip: padding-box; + border: 1px solid transparent; + border: 1px solid transparent; + border-radius: 3px; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } + .popover.top { + margin-top: -10px; } + .popover.right { + margin-left: 10px; } + .popover.bottom { + margin-top: 10px; } + .popover.left { + margin-left: -10px; } + +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 20px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 2px 2px 0 0; } + +.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 { + border-width: 10px; + content: ""; } + +.popover.top > .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: transparent; + border-top-color: fadein(transparent, 7.5%); + bottom: -11px; } + .popover.top > .arrow:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #fff; } + +.popover.right > .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: transparent; + border-right-color: fadein(transparent, 7.5%); } + .popover.right > .arrow:after { + content: " "; + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #fff; } + +.popover.bottom > .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: transparent; + border-bottom-color: fadein(transparent, 7.5%); + top: -11px; } + .popover.bottom > .arrow:after { + content: " "; + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #fff; } + +.popover.left > .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: transparent; + border-left-color: fadein(transparent, 7.5%); } + .popover.left > .arrow:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: #fff; + bottom: -10px; } + +.carousel { + position: relative; } + +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; } + .carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; } + .carousel-inner > .item > img, + .carousel-inner > .item > a > img { + display: block; + max-width: 100%; + height: auto; + line-height: 1; } + @media all and (transform-3d), (-webkit-transform-3d) { + .carousel-inner > .item { + -webkit-transition: -webkit-transform 0.6s ease-in-out; + transition: -webkit-transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000px; + perspective: 1000px; } + .carousel-inner > .item.next, .carousel-inner > .item.active.right { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + left: 0; } + .carousel-inner > .item.prev, .carousel-inner > .item.active.left { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + left: 0; } + .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + left: 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; + left: 0; + bottom: 0; + width: 15%; + opacity: 0.5; + filter: alpha(opacity=50); + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + background-color: transparent; } + .carousel-control.left { + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + 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 { + left: auto; + right: 0; + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + 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:hover, .carousel-control:focus { + outline: 0; + color: #fff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); } + .carousel-control .icon-prev, + .carousel-control .icon-next, + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + margin-top: -10px; + z-index: 5; + display: inline-block; } + .carousel-control .icon-prev, + .carousel-control .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; } + .carousel-control .icon-next, + .carousel-control .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; } + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 20px; + height: 20px; + line-height: 1; + font-family: serif; } + .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%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; } + .carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid #fff; + border-radius: 10px; + cursor: pointer; + background-color: #000 \9; + background-color: transparent; } + .carousel-indicators .active { + margin: 0; + width: 12px; + height: 12px; + background-color: #fff; } + +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + 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 screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -10px; + font-size: 30px; } + .carousel-control .glyphicon-chevron-left, + .carousel-control .icon-prev { + margin-left: -10px; } + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-next { + margin-right: -10px; } + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; } + .carousel-indicators { + bottom: 20px; } } + +.clearfix:before, .clearfix:after { + content: " "; + display: table; } + +.clearfix:after { + clear: both; } + +.center-block { + display: block; + margin-left: auto; + margin-right: auto; } + +.pull-right { + float: right !important; } + +.pull-left { + float: left !important; } + +.hide { + display: none !important; } + +.show { + display: block !important; } + +.invisible { + visibility: hidden; } + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; } + +.hidden { + display: none !important; } + +.affix { + position: fixed; } + +@-ms-viewport { + width: device-width; } + +.visible-xs { + display: none !important; } + +.visible-sm { + display: none !important; } + +.visible-md { + display: none !important; } + +.visible-lg { + display: none !important; } + +.visible-xs-block, +.visible-xs-inline, +.visible-xs-inline-block, +.visible-sm-block, +.visible-sm-inline, +.visible-sm-inline-block, +.visible-md-block, +.visible-md-inline, +.visible-md-inline-block, +.visible-lg-block, +.visible-lg-inline, +.visible-lg-inline-block { + display: none !important; } + +@media (max-width: 767px) { + .visible-xs { + display: block !important; } + table.visible-xs { + display: table !important; } + tr.visible-xs { + display: table-row !important; } + th.visible-xs, + td.visible-xs { + display: table-cell !important; } } + +@media (max-width: 767px) { + .visible-xs-block { + display: block !important; } } + +@media (max-width: 767px) { + .visible-xs-inline { + display: inline !important; } } + +@media (max-width: 767px) { + .visible-xs-inline-block { + display: inline-block !important; } } + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; } + table.visible-sm { + display: table !important; } + tr.visible-sm { + display: table-row !important; } + th.visible-sm, + td.visible-sm { + display: table-cell !important; } } + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-block { + display: block !important; } } + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline { + display: inline !important; } } + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline-block { + display: inline-block !important; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; } + table.visible-md { + display: table !important; } + tr.visible-md { + display: table-row !important; } + th.visible-md, + td.visible-md { + display: table-cell !important; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-block { + display: block !important; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline { + display: inline !important; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline-block { + display: inline-block !important; } } + +@media (min-width: 1200px) { + .visible-lg { + display: block !important; } + table.visible-lg { + display: table !important; } + tr.visible-lg { + display: table-row !important; } + th.visible-lg, + td.visible-lg { + display: table-cell !important; } } + +@media (min-width: 1200px) { + .visible-lg-block { + display: block !important; } } + +@media (min-width: 1200px) { + .visible-lg-inline { + display: inline !important; } } + +@media (min-width: 1200px) { + .visible-lg-inline-block { + display: inline-block !important; } } + +@media (max-width: 767px) { + .hidden-xs { + display: none !important; } } + +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; } } + +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; } } + +@media (min-width: 1200px) { + .hidden-lg { + display: none !important; } } + +.visible-print { + display: none !important; } + +@media print { + .visible-print { + display: block !important; } + table.visible-print { + display: table !important; } + tr.visible-print { + display: table-row !important; } + th.visible-print, + td.visible-print { + display: table-cell !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; } } + +.navbar { + border: none; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + .navbar-brand { + font-size: 24px; } + .navbar-inverse .navbar-form input[type=text], + .navbar-inverse .navbar-form input[type=password] { + color: #fff; + box-shadow: inset 0 -1px 0 #b2dbfb; } + .navbar-inverse .navbar-form input[type=text]::-moz-placeholder, + .navbar-inverse .navbar-form input[type=password]::-moz-placeholder { + color: #b2dbfb; + opacity: 1; } + .navbar-inverse .navbar-form input[type=text]:-ms-input-placeholder, + .navbar-inverse .navbar-form input[type=password]:-ms-input-placeholder { + color: #b2dbfb; } + .navbar-inverse .navbar-form input[type=text]::-webkit-input-placeholder, + .navbar-inverse .navbar-form input[type=password]::-webkit-input-placeholder { + color: #b2dbfb; } + .navbar-inverse .navbar-form input[type=text]:focus, + .navbar-inverse .navbar-form input[type=password]:focus { + box-shadow: inset 0 -2px 0 #fff; } + +.btn-default { + background-size: 200% 200%; + background-position: 50%; } + .btn-default:focus { + background-color: #fff; } + .btn-default:hover, .btn-default:active:hover { + background-color: #f0f0f0; } + .btn-default:active { + background-color: #e0e0e0; + background-image: -webkit-radial-gradient(circle, #e0e0e0 10%, #fff 11%); + background-image: radial-gradient(circle, #e0e0e0 10%, #fff 11%); + background-repeat: no-repeat; + background-size: 1000% 1000%; + box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); } + +.btn-primary { + background-size: 200% 200%; + background-position: 50%; } + .btn-primary:focus { + background-color: #2196F3; } + .btn-primary:hover, .btn-primary:active:hover { + background-color: #0d87e9; } + .btn-primary:active { + background-color: #0b76cc; + background-image: -webkit-radial-gradient(circle, #0b76cc 10%, #2196F3 11%); + background-image: radial-gradient(circle, #0b76cc 10%, #2196F3 11%); + background-repeat: no-repeat; + background-size: 1000% 1000%; + box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); } + +.btn-success { + background-size: 200% 200%; + background-position: 50%; } + .btn-success:focus { + background-color: #4CAF50; } + .btn-success:hover, .btn-success:active:hover { + background-color: #439a46; } + .btn-success:active { + background-color: #39843c; + background-image: -webkit-radial-gradient(circle, #39843c 10%, #4CAF50 11%); + background-image: radial-gradient(circle, #39843c 10%, #4CAF50 11%); + background-repeat: no-repeat; + background-size: 1000% 1000%; + box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); } + +.btn-info { + background-size: 200% 200%; + background-position: 50%; } + .btn-info:focus { + background-color: #9C27B0; } + .btn-info:hover, .btn-info:active:hover { + background-color: #862197; } + .btn-info:active { + background-color: #701c7e; + background-image: -webkit-radial-gradient(circle, #701c7e 10%, #9C27B0 11%); + background-image: radial-gradient(circle, #701c7e 10%, #9C27B0 11%); + background-repeat: no-repeat; + background-size: 1000% 1000%; + box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); } + +.btn-warning { + background-size: 200% 200%; + background-position: 50%; } + .btn-warning:focus { + background-color: #ff9800; } + .btn-warning:hover, .btn-warning:active:hover { + background-color: #e08600; } + .btn-warning:active { + background-color: #c27400; + background-image: -webkit-radial-gradient(circle, #c27400 10%, #ff9800 11%); + background-image: radial-gradient(circle, #c27400 10%, #ff9800 11%); + background-repeat: no-repeat; + background-size: 1000% 1000%; + box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); } + +.btn-danger { + background-size: 200% 200%; + background-position: 50%; } + .btn-danger:focus { + background-color: #e51c23; } + .btn-danger:hover, .btn-danger:active:hover { + background-color: #cb171e; } + .btn-danger:active { + background-color: #b0141a; + background-image: -webkit-radial-gradient(circle, #b0141a 10%, #e51c23 11%); + background-image: radial-gradient(circle, #b0141a 10%, #e51c23 11%); + background-repeat: no-repeat; + background-size: 1000% 1000%; + box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); } + +.btn-link { + background-size: 200% 200%; + background-position: 50%; } + .btn-link:focus { + background-color: #fff; } + .btn-link:hover, .btn-link:active:hover { + background-color: #f0f0f0; } + .btn-link:active { + background-color: #e0e0e0; + background-image: -webkit-radial-gradient(circle, #e0e0e0 10%, #fff 11%); + background-image: radial-gradient(circle, #e0e0e0 10%, #fff 11%); + background-repeat: no-repeat; + background-size: 1000% 1000%; + box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); } + +.btn { + text-transform: uppercase; + border: none; + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.4s; + transition: all 0.4s; } + .btn-link { + border-radius: 3px; + box-shadow: none; + color: #444; } + .btn-link:hover, .btn-link:focus { + box-shadow: none; + color: #444; + text-decoration: none; } + .btn-default.disabled { + background-color: rgba(0, 0, 0, 0.1); + color: rgba(0, 0, 0, 0.4); + opacity: 1; } + +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: 0; } + +.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: 0; } + +body { + -webkit-font-smoothing: antialiased; + letter-spacing: .1px; } + +p { + margin: 0 0 1em; } + +input, +button { + -webkit-font-smoothing: antialiased; + letter-spacing: .1px; } + +a { + -webkit-transition: all 0.2s; + transition: all 0.2s; } + +.table-hover > tbody > tr, +.table-hover > tbody > tr > th, +.table-hover > tbody > tr > td { + -webkit-transition: all 0.2s; + transition: all 0.2s; } + +label { + font-weight: normal; } + +textarea, +textarea.form-control, +input.form-control, +input[type=text], +input[type=password], +input[type=email], +input[type=number], +[type=text].form-control, +[type=password].form-control, +[type=email].form-control, +[type=tel].form-control, +[contenteditable].form-control { + padding: 0; + border: none; + border-radius: 0; + -webkit-appearance: none; + box-shadow: inset 0 -1px 0 #ddd; + font-size: 16px; } + textarea:focus, + textarea.form-control:focus, + input.form-control:focus, + input[type=text]:focus, + input[type=password]:focus, + input[type=email]:focus, + input[type=number]:focus, + [type=text].form-control:focus, + [type=password].form-control:focus, + [type=email].form-control:focus, + [type=tel].form-control:focus, + [contenteditable].form-control:focus { + box-shadow: inset 0 -2px 0 #2196F3; } + textarea[disabled], textarea[readonly], + textarea.form-control[disabled], + textarea.form-control[readonly], + input.form-control[disabled], + input.form-control[readonly], + input[type=text][disabled], + input[type=text][readonly], + input[type=password][disabled], + input[type=password][readonly], + input[type=email][disabled], + input[type=email][readonly], + input[type=number][disabled], + input[type=number][readonly], + [type=text].form-control[disabled], + [type=text].form-control[readonly], + [type=password].form-control[disabled], + [type=password].form-control[readonly], + [type=email].form-control[disabled], + [type=email].form-control[readonly], + [type=tel].form-control[disabled], + [type=tel].form-control[readonly], + [contenteditable].form-control[disabled], + [contenteditable].form-control[readonly] { + box-shadow: none; + border-bottom: 1px dotted #ddd; } + textarea.input-sm, .input-group-sm > textarea.form-control, + .input-group-sm > textarea.input-group-addon, + .input-group-sm > .input-group-btn > textarea.btn, + textarea.form-control.input-sm, + .input-group-sm > textarea.form-control, + .input-group-sm > .input-group-btn > textarea.form-control.btn, + input.form-control.input-sm, + .input-group-sm > input.form-control, + .input-group-sm > .input-group-btn > input.form-control.btn, + input[type=text].input-sm, + .input-group-sm > input[type=text].form-control, + .input-group-sm > input[type=text].input-group-addon, + .input-group-sm > .input-group-btn > input[type=text].btn, + input[type=password].input-sm, + .input-group-sm > input[type=password].form-control, + .input-group-sm > input[type=password].input-group-addon, + .input-group-sm > .input-group-btn > input[type=password].btn, + input[type=email].input-sm, + .input-group-sm > input[type=email].form-control, + .input-group-sm > input[type=email].input-group-addon, + .input-group-sm > .input-group-btn > input[type=email].btn, + input[type=number].input-sm, + .input-group-sm > input[type=number].form-control, + .input-group-sm > input[type=number].input-group-addon, + .input-group-sm > .input-group-btn > input[type=number].btn, + [type=text].form-control.input-sm, + .input-group-sm > [type=text].form-control, + .input-group-sm > .input-group-btn > [type=text].form-control.btn, + [type=password].form-control.input-sm, + .input-group-sm > [type=password].form-control, + .input-group-sm > .input-group-btn > [type=password].form-control.btn, + [type=email].form-control.input-sm, + .input-group-sm > [type=email].form-control, + .input-group-sm > .input-group-btn > [type=email].form-control.btn, + [type=tel].form-control.input-sm, + .input-group-sm > [type=tel].form-control, + .input-group-sm > .input-group-btn > [type=tel].form-control.btn, + [contenteditable].form-control.input-sm, + .input-group-sm > [contenteditable].form-control, + .input-group-sm > .input-group-btn > [contenteditable].form-control.btn { + font-size: 17px; } + textarea.input-lg, .input-group-lg > textarea.form-control, + .input-group-lg > textarea.input-group-addon, + .input-group-lg > .input-group-btn > textarea.btn, + textarea.form-control.input-lg, + .input-group-lg > textarea.form-control, + .input-group-lg > .input-group-btn > textarea.form-control.btn, + input.form-control.input-lg, + .input-group-lg > input.form-control, + .input-group-lg > .input-group-btn > input.form-control.btn, + input[type=text].input-lg, + .input-group-lg > input[type=text].form-control, + .input-group-lg > input[type=text].input-group-addon, + .input-group-lg > .input-group-btn > input[type=text].btn, + input[type=password].input-lg, + .input-group-lg > input[type=password].form-control, + .input-group-lg > input[type=password].input-group-addon, + .input-group-lg > .input-group-btn > input[type=password].btn, + input[type=email].input-lg, + .input-group-lg > input[type=email].form-control, + .input-group-lg > input[type=email].input-group-addon, + .input-group-lg > .input-group-btn > input[type=email].btn, + input[type=number].input-lg, + .input-group-lg > input[type=number].form-control, + .input-group-lg > input[type=number].input-group-addon, + .input-group-lg > .input-group-btn > input[type=number].btn, + [type=text].form-control.input-lg, + .input-group-lg > [type=text].form-control, + .input-group-lg > .input-group-btn > [type=text].form-control.btn, + [type=password].form-control.input-lg, + .input-group-lg > [type=password].form-control, + .input-group-lg > .input-group-btn > [type=password].form-control.btn, + [type=email].form-control.input-lg, + .input-group-lg > [type=email].form-control, + .input-group-lg > .input-group-btn > [type=email].form-control.btn, + [type=tel].form-control.input-lg, + .input-group-lg > [type=tel].form-control, + .input-group-lg > .input-group-btn > [type=tel].form-control.btn, + [contenteditable].form-control.input-lg, + .input-group-lg > [contenteditable].form-control, + .input-group-lg > .input-group-btn > [contenteditable].form-control.btn { + font-size: 25px; } + +select, +select.form-control { + border: 0; + border-radius: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding-left: 0; + padding-right: 0\9; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=); + background-size: 13px; + background-repeat: no-repeat; + background-position: right center; + box-shadow: inset 0 -1px 0 #ddd; + font-size: 16px; + line-height: 1.5; } + select::-ms-expand, + select.form-control::-ms-expand { + display: none; } + select.input-sm, .input-group-sm > select.form-control, + .input-group-sm > select.input-group-addon, + .input-group-sm > .input-group-btn > select.btn, + select.form-control.input-sm, + .input-group-sm > select.form-control, + .input-group-sm > .input-group-btn > select.form-control.btn { + font-size: 17px; } + select.input-lg, .input-group-lg > select.form-control, + .input-group-lg > select.input-group-addon, + .input-group-lg > .input-group-btn > select.btn, + select.form-control.input-lg, + .input-group-lg > select.form-control, + .input-group-lg > .input-group-btn > select.form-control.btn { + font-size: 25px; } + select:focus, + select.form-control:focus { + box-shadow: inset 0 -2px 0 #2196F3; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEUhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISF8S9ewAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=); } + select[multiple], + select.form-control[multiple] { + background: none; } + +.radio label, +.radio-inline label, +.checkbox label, +.checkbox-inline label { + padding-left: 25px; } + +.radio input[type="radio"], +.radio input[type="checkbox"], +.radio-inline input[type="radio"], +.radio-inline input[type="checkbox"], +.checkbox input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="radio"], +.checkbox-inline input[type="checkbox"] { + margin-left: -25px; } + +input[type="radio"], +.radio input[type="radio"], +.radio-inline input[type="radio"] { + position: relative; + margin-top: 6px; + margin-right: 4px; + vertical-align: top; + border: none; + background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + cursor: pointer; } + input[type="radio"]:focus, + .radio input[type="radio"]:focus, + .radio-inline input[type="radio"]:focus { + outline: none; } + input[type="radio"]:before, input[type="radio"]:after, + .radio input[type="radio"]:before, + .radio input[type="radio"]:after, + .radio-inline input[type="radio"]:before, + .radio-inline input[type="radio"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + border-radius: 50%; + -webkit-transition: 240ms; + transition: 240ms; } + input[type="radio"]:before, + .radio input[type="radio"]:before, + .radio-inline input[type="radio"]:before { + position: absolute; + left: 0; + top: -3px; + background-color: #2196F3; + -webkit-transform: scale(0); + transform: scale(0); } + input[type="radio"]:after, + .radio input[type="radio"]:after, + .radio-inline input[type="radio"]:after { + position: relative; + top: -3px; + border: 2px solid #666; } + input[type="radio"]:checked:before, + .radio input[type="radio"]:checked:before, + .radio-inline input[type="radio"]:checked:before { + -webkit-transform: scale(0.5); + transform: scale(0.5); } + input[type="radio"]:disabled:checked:before, + .radio input[type="radio"]:disabled:checked:before, + .radio-inline input[type="radio"]:disabled:checked:before { + background-color: #bbb; } + input[type="radio"]:checked:after, + .radio input[type="radio"]:checked:after, + .radio-inline input[type="radio"]:checked:after { + border-color: #2196F3; } + input[type="radio"]:disabled:after, input[type="radio"]:disabled:checked:after, + .radio input[type="radio"]:disabled:after, + .radio input[type="radio"]:disabled:checked:after, + .radio-inline input[type="radio"]:disabled:after, + .radio-inline input[type="radio"]:disabled:checked:after { + border-color: #bbb; } + +input[type="checkbox"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: relative; + border: none; + margin-bottom: -4px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + cursor: pointer; } + input[type="checkbox"]:focus, + .checkbox input[type="checkbox"]:focus, + .checkbox-inline input[type="checkbox"]:focus { + outline: none; } + input[type="checkbox"]:focus:after, + .checkbox input[type="checkbox"]:focus:after, + .checkbox-inline input[type="checkbox"]:focus:after { + border-color: #2196F3; } + input[type="checkbox"]:after, + .checkbox input[type="checkbox"]:after, + .checkbox-inline input[type="checkbox"]:after { + content: ""; + display: block; + width: 18px; + height: 18px; + margin-top: -2px; + margin-right: 5px; + border: 2px solid #666; + border-radius: 2px; + -webkit-transition: 240ms; + transition: 240ms; } + input[type="checkbox"]:checked:before, + .checkbox input[type="checkbox"]:checked:before, + .checkbox-inline input[type="checkbox"]:checked:before { + content: ""; + position: absolute; + top: 0; + left: 6px; + display: table; + width: 6px; + height: 12px; + border: 2px solid #fff; + border-top-width: 0; + border-left-width: 0; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } + input[type="checkbox"]:checked:after, + .checkbox input[type="checkbox"]:checked:after, + .checkbox-inline input[type="checkbox"]:checked:after { + background-color: #2196F3; + border-color: #2196F3; } + input[type="checkbox"]:disabled:after, + .checkbox input[type="checkbox"]:disabled:after, + .checkbox-inline input[type="checkbox"]:disabled:after { + border-color: #bbb; } + input[type="checkbox"]:disabled:checked:after, + .checkbox input[type="checkbox"]:disabled:checked:after, + .checkbox-inline input[type="checkbox"]:disabled:checked:after { + background-color: #bbb; + border-color: transparent; } + +.has-warning input:not([type=checkbox]), +.has-warning .form-control, +.has-warning input.form-control[readonly], +.has-warning input[type=text][readonly], +.has-warning [type=text].form-control[readonly], +.has-warning input:not([type=checkbox]):focus, +.has-warning .form-control:focus { + border-bottom: none; + box-shadow: inset 0 -2px 0 #ff9800; } + +.has-error input:not([type=checkbox]), +.has-error .form-control, +.has-error input.form-control[readonly], +.has-error input[type=text][readonly], +.has-error [type=text].form-control[readonly], +.has-error input:not([type=checkbox]):focus, +.has-error .form-control:focus { + border-bottom: none; + box-shadow: inset 0 -2px 0 #e51c23; } + +.has-success input:not([type=checkbox]), +.has-success .form-control, +.has-success input.form-control[readonly], +.has-success input[type=text][readonly], +.has-success [type=text].form-control[readonly], +.has-success input:not([type=checkbox]):focus, +.has-success .form-control:focus { + border-bottom: none; + box-shadow: inset 0 -2px 0 #4CAF50; } + +.has-warning .input-group-addon, .has-error .input-group-addon, .has-success .input-group-addon { + color: #666; + border-color: transparent; + background-color: transparent; } + +.form-group-lg select, +.form-group-lg select.form-control { + line-height: 1.5; } + +.nav-tabs > li > a, +.nav-tabs > li > a:focus { + margin-right: 0; + background-color: transparent; + border: none; + color: #666; + box-shadow: inset 0 -1px 0 #ddd; + -webkit-transition: all 0.2s; + transition: all 0.2s; } + .nav-tabs > li > a:hover, + .nav-tabs > li > a:focus:hover { + background-color: transparent; + box-shadow: inset 0 -2px 0 #2196F3; + color: #2196F3; } + +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:focus { + border: none; + box-shadow: inset 0 -2px 0 #2196F3; + color: #2196F3; } + .nav-tabs > li.active > a:hover, + .nav-tabs > li.active > a:focus:hover { + border: none; + color: #2196F3; } + +.nav-tabs > li.disabled > a { + box-shadow: inset 0 -1px 0 #ddd; } + +.nav-tabs.nav-justified > li > a, .nav-tabs.nav-justified > li > a:hover, .nav-tabs.nav-justified > li > a:focus, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { + border: none; } + +.nav-tabs .dropdown-menu { + margin-top: 0; } + +.dropdown-menu { + margin-top: 0; + border: none; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } + +.alert { + border: none; + color: #fff; } + .alert-success { + background-color: #4CAF50; } + .alert-info { + background-color: #9C27B0; } + .alert-warning { + background-color: #ff9800; } + .alert-danger { + background-color: #e51c23; } + .alert a:not(.close):not(.btn), + .alert .alert-link { + color: #fff; + font-weight: bold; } + .alert .close { + color: #fff; } + +.badge { + padding: 4px 6px 4px; } + +.progress { + position: relative; + z-index: 1; + height: 6px; + border-radius: 0; + box-shadow: none; } + .progress-bar { + box-shadow: none; } + .progress-bar:last-child { + border-radius: 0 3px 3px 0; } + .progress-bar:last-child:before { + display: block; + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + right: 0; + z-index: -1; + background-color: #cae6fc; } + .progress-bar-success:last-child.progress-bar:before { + background-color: #c7e7c8; } + .progress-bar-info:last-child.progress-bar:before { + background-color: #edc9f3; } + .progress-bar-warning:last-child.progress-bar:before { + background-color: #ffe0b3; } + .progress-bar-danger:last-child.progress-bar:before { + background-color: #f28e92; } + +.close { + font-size: 34px; + font-weight: 300; + line-height: 24px; + opacity: 0.6; + -webkit-transition: all 0.2s; + transition: all 0.2s; } + .close:hover { + opacity: 1; } + +.list-group-item { + padding: 15px; } + +.list-group-item-text { + color: #bbb; } + +.well { + border-radius: 0; + box-shadow: none; } + +.panel { + border: none; + border-radius: 2px; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } + .panel-heading { + border-bottom: none; } + .panel-footer { + border-top: none; } + +.popover { + border: none; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } + +.carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6 { + color: inherit; } + +/* Page header */ +#banner .banner .item { + position: relative; + height: 700px; } + #banner .banner .item img { + width: 100%; + height: 700px; + overflow: hidden; + display: block; + background-size: cover; + background-position: center; } + #banner .banner .item .caption { + position: absolute; + bottom: 20px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + margin: 0 auto; + background-color: rgba(249, 249, 249, 0.8); + padding: 30px; } + +#header .logo { + font-size: 0px; + background: url(images/public-health-logo.png) no-repeat top left; + width: 350px; + height: 100px; + background-size: 100% auto; } + +#banner .inner { + padding-top: 1em; + border-top: none; } + +#banner h3, #banner p, #header a, #banner button { + color: #333; } + +.slick-prev::before, .slick-next::before { + color: inherit; } + +.slick-dots li button { + box-shadow: none; } + +#banner:before { + background: #e0e0e0; } + +#banner p { + font-size: 90%; + text-align: left; + color: #777; + -webkit-hyphens: manual; + -ms-hyphens: manual; + hyphens: manual; } + +#banner { + padding-bottom: 4em; } + +#banner footer p { + color: black; + text-align: left; + font-size: 110%; + margin-top: 4em; } + +#three img { + width: 300px; + height: 300px; } + +/* Responsive image/video classes */ +.rich-text img { + max-width: 100%; + height: auto; } + +.richtext-image.left { + float: left; } + +.richtext-image.right { + float: right; } + +.responsive-object { + position: relative; } + +.responsive-object iframe, +.responsive-object object, +.responsive-object embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } diff --git a/publichealth/static/mockup/assets/css/slick.css b/publichealth/static/mockup/assets/css/slick.css new file mode 100644 index 0000000..552185c --- /dev/null +++ b/publichealth/static/mockup/assets/css/slick.css @@ -0,0 +1,204 @@ +@charset "UTF-8"; +/* Slider */ +.slick-slider { + position: relative; + display: block; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; } + +.slick-list { + position: relative; + overflow: hidden; + display: block; + margin: 0; + padding: 0; } + .slick-list:focus { + outline: none; } + .slick-list.dragging { + cursor: pointer; + cursor: hand; } + +.slick-slider .slick-track, +.slick-slider .slick-list { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + +.slick-track { + position: relative; + left: 0; + top: 0; + display: block; } + .slick-track:before, .slick-track:after { + content: ""; + display: table; } + .slick-track:after { + clear: both; } + .slick-loading .slick-track { + visibility: hidden; } + +.slick-slide { + float: left; + height: 100%; + min-height: 1px; + display: none; } + [dir="rtl"] .slick-slide { + float: right; } + .slick-slide img { + display: block; } + .slick-slide.slick-loading img { + display: none; } + .slick-slide.dragging img { + pointer-events: none; } + .slick-initialized .slick-slide { + display: block; } + .slick-loading .slick-slide { + visibility: hidden; } + .slick-vertical .slick-slide { + display: block; + height: auto; + border: 1px solid transparent; } + +.slick-arrow.slick-hidden { + display: none; } + +/* Slider */ +.slick-loading .slick-list { + background: #fff url("./ajax-loader.gif") center center no-repeat; } + +/* Icons */ +@font-face { + font-family: "slick"; + src: url("../fonts/slick.eot"); + src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg"); + font-weight: normal; + font-style: normal; } + +/* Arrows */ +.slick-prev, +.slick-next { + z-index: 1; + position: absolute; + display: block; + height: 30px; + width: 30px; + line-height: 0px; + font-size: 0px; + cursor: pointer; + background: transparent; + color: transparent; + top: 50%; + -webkit-transform: translate(0, -50%); + -ms-transform: translate(0, -50%); + transform: translate(0, -50%); + padding: 0; + border: none; + outline: none; } + .slick-prev:hover, .slick-prev:focus, + .slick-next:hover, + .slick-next:focus { + outline: none; + background: transparent; + color: transparent; } + .slick-prev:hover:before, .slick-prev:focus:before, + .slick-next:hover:before, + .slick-next:focus:before { + opacity: 1; } + .slick-prev.slick-disabled:before, + .slick-next.slick-disabled:before { + opacity: 0.25; } + .slick-prev:before, + .slick-next:before { + font-family: "slick"; + font-size: 30px; + line-height: 1; + color: white; + opacity: 0.75; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +.slick-prev { + left: 25px; } + [dir="rtl"] .slick-prev { + left: auto; + right: -25px; } + .slick-prev:before { + content: "←"; } + [dir="rtl"] .slick-prev:before { + content: "→"; } + +.slick-next { + right: 25px; } + [dir="rtl"] .slick-next { + left: -25px; + right: auto; } + .slick-next:before { + content: "→"; } + [dir="rtl"] .slick-next:before { + content: "←"; } + +/* Dots */ +.slick-dotted.slick-slider { + margin-bottom: 30px; } + +.slick-dots { + position: absolute; + bottom: -25px; + list-style: none; + display: block; + text-align: center; + padding: 0; + margin: 0; + width: 100%; } + .slick-dots li { + position: relative; + display: inline-block; + height: 20px; + width: 20px; + margin: 0 5px; + padding: 0; + cursor: pointer; } + .slick-dots li button { + border: 0; + background: transparent; + display: block; + height: 20px; + width: 20px; + outline: none; + line-height: 0px; + font-size: 0px; + color: transparent; + padding: 5px; + cursor: pointer; } + .slick-dots li button:hover, .slick-dots li button:focus { + outline: none; } + .slick-dots li button:hover:before, .slick-dots li button:focus:before { + opacity: 1; } + .slick-dots li button:before { + position: absolute; + top: 0; + left: 0; + content: "•"; + width: 20px; + height: 20px; + font-family: "slick"; + font-size: 10px; + line-height: 20px; + text-align: center; + color: black; + opacity: 0.25; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + .slick-dots li.slick-active button:before { + color: black; + opacity: 0.75; } diff --git a/publichealth/static/mockup/assets/fonts/slick.eot b/publichealth/static/mockup/assets/fonts/slick.eot new file mode 100644 index 0000000..2cbab9c Binary files /dev/null and b/publichealth/static/mockup/assets/fonts/slick.eot differ diff --git a/publichealth/static/mockup/assets/fonts/slick.svg b/publichealth/static/mockup/assets/fonts/slick.svg new file mode 100644 index 0000000..b36a66a --- /dev/null +++ b/publichealth/static/mockup/assets/fonts/slick.svg @@ -0,0 +1,14 @@ + + + +Generated by Fontastic.me + + + + + + + + + + diff --git a/publichealth/static/mockup/assets/fonts/slick.ttf b/publichealth/static/mockup/assets/fonts/slick.ttf new file mode 100644 index 0000000..9d03461 Binary files /dev/null and b/publichealth/static/mockup/assets/fonts/slick.ttf differ diff --git a/publichealth/static/mockup/assets/fonts/slick.woff b/publichealth/static/mockup/assets/fonts/slick.woff new file mode 100644 index 0000000..8ee9972 Binary files /dev/null and b/publichealth/static/mockup/assets/fonts/slick.woff differ diff --git a/publichealth/static/mockup/index.html b/publichealth/static/mockup/index.html index f56cd16..98cbc59 100755 --- a/publichealth/static/mockup/index.html +++ b/publichealth/static/mockup/index.html @@ -4,24 +4,35 @@ Public Health Schweiz + - - - +