calcite-bootstrap
Version:
Calcite Theme for Bootstrap 3.x
2,297 lines (1,797 loc) • 178 kB
CSS
@charset "UTF-8";
/*
SCSS Color Methods for Accessibility
================================================================================
Adjust given colors to ensure that those color combination provide sufficient
contrast.
@version 0.1
@link http://eye48.com/go/scsscontrast
@license http://www.gnu.org/licenses/lgpl.html GNU Lesser General Public License (LGPL)
@author Michael Haschke, http://michael.haschke.biz/
Usage
--------------------------------------------------------------------------------
Import contrast.scss first, then use method ``color_adjust_contrast_AERT``.
```(scss)
@import 'libs/contrast';
.my-element {
background-color: #eee;
color: color_adjust_contrast_AERT(#ccc, #eee); // get grey with good contrast on #eee
}
```
How it works
--------------------------------------------------------------------------------
It tests for sufficent difference on brightness and color of two values. If it
is not enough contrats regarding test formulas of accessible guidelines then one
color is adjusted on lightness and saturation.
Methods using calculations from:
* "Techniques For Accessibility Evaluation And Repair Tools (AERT)" working draft,
@see http://www.w3.org/TR/AERT#color-contrast
* TODO: add methods to test with WCAG2 formulas
*/
/**
* calcite-bootstrap.scss
*
* This is the Calcite Theme for Boostrap using strictly Bootstrap variables.
* To get a closer look to the Calcite Web brand, you may also want to include
* the calcite-bootstrap-expansion-vars and calcite-bootstrap-expansion files.
**/
/*
Key for A11y:
AA=LargeText (14px/bold+ or 18px/regular+)
aa=RegularText (any size)
*/
/* Specify custom location and filename of the included Glyphicons icon font.
Useful for those including Bootstrap via Bower.
Load fonts from this directory.*/
/*// [converter] If $bootstrap-sass-asset-helper if used,
provide path relative to the assets load path.
// [converter] This is because some asset helpers,
such as Sprockets, do not work with file-relative paths.
$icon-font-path: if($bootstrap-sass-asset-helper,
"bootstrap/", "../fonts/bootstrap/") !default;*/
/* NOTE: Grid variables are commented out so that Calcite Web relies
on the defaults presented by Bootstrap, since there are no custom
changes to the grid at this time. */
/*
// Small screen / tablet
$container-tablet: (720px + $grid-gutter-width) !default;
//## For `$screen-sm-min` and up.
$container-sm: $container-tablet !default;
// Medium screen / desktop
$container-desktop: (940px + $grid-gutter-width) !default;
//## For `$screen-md-min` and up.
$container-md: $container-desktop !default;
// Large screen / wide desktop
$container-large-desktop: (1140px + $grid-gutter-width) !default;
//## For `$screen-lg-min` and up.
$container-lg: $container-large-desktop !default;
*/
/*$zindex-navbar: 1000;
$zindex-dropdown: 1000;
$zindex-popover: 1060;
$zindex-tooltip: 1070;
$zindex-navbar-fixed: 1030;
$zindex-modal-background: 1040;
$zindex-modal: 1050;*/
/*
//== Extra small screen / phone
//## Deprecated `$screen-xs` as of v3.0.1
$screen-xs: 480px !default;
//## Deprecated `$screen-xs-min` as of v3.2.0
$screen-xs-min: $screen-xs !default;
//## Deprecated `$screen-phone` as of v3.0.1
$screen-phone: $screen-xs-min !default;
//== Small screen / tablet
//## Deprecated `$screen-sm` as of v3.0.1
$screen-sm: 768px !default;
$screen-sm-min: $screen-sm !default;
//## Deprecated `$screen-tablet` as of v3.0.1
$screen-tablet: $screen-sm-min !default;
//== Medium screen / desktop
//## Deprecated `$screen-md` as of v3.0.1
$screen-md: 992px !default;
$screen-md-min: $screen-md !default;
//## Deprecated `$screen-desktop` as of v3.0.1
$screen-desktop: $screen-md-min !default;
//== Large screen / wide desktop
//## Deprecated `$screen-lg` as of v3.0.1
$screen-lg: 1200px !default;
$screen-lg-min: $screen-lg !default;
//## Deprecated `$screen-lg-desktop` as of v3.0.1
$screen-lg-desktop: $screen-lg-min !default;
// So media queries don't overlap when required, provide a maximum
$screen-xs-max: ($screen-sm-min - 1) !default;
$screen-sm-max: ($screen-md-min - 1) !default;
$screen-md-max: ($screen-lg-min - 1) !default;
*/
/*
// ┌───────┐
// │ Grid │
// └───────┘
//## Define your custom responsive grid.
//## Number of columns in the grid.
$grid-columns: 12 !default;
//## Padding between columns. Gets divided in half for the left and right.
$grid-gutter-width: 30px !default;
// Navbar collapse
//## Point at which the navbar becomes uncollapsed.
$grid-float-breakpoint: $screen-sm-min !default;
//## Point at which the navbar begins collapsing.
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
*/
/**
* Bootstrap Variables
* bootstrap-expansion.scss
*
* This is the full set of Bootstrap variables. Load in after pulling in theme.
* Default set to accept org's ArcGIS Online theme variables.
*
* Requires: sass-functions.scss mixin
**/
/* Specify custom location and filename of the included Glyphicons icon font.
Useful for those including Bootstrap via Bower.
Load fonts from this directory.*/
/*// [converter] If $bootstrap-sass-asset-helper if used,
provide path relative to the assets load path.
// [converter] This is because some asset helpers,
such as Sprockets, do not work with file-relative paths.
$icon-font-path: if($bootstrap-sass-asset-helper,
"bootstrap/", "../fonts/bootstrap/") !default;*/
/*
* calcite-bootstrap-expansion-vars.scss
* (These are not Bootstrap variables - these are used to extend the Calcite Web look
* in conjunction with calcite-bootstrap-expansion.scss & hub-expansion.scss.)
*/
/**
* calcite-bootstrap-expansion.scss
* Requires: calcite-bootstrap-expansion-vars.scss
**/
/*KS: These !important are a necessary override of Bootstrap's scaffording file.
I'm not applying outlines on a <a> basis through the app & webkit's
default outline color is too dark on dark themes*/
a:focus {
outline-color: #0079c1;
outline: thin dotted;
outline: 5px auto #0079c1;
outline-offset: -2px; }
.nav-pills > a > .badge,
.nav-pills > .active > a > .badge {
background-color: #0079c1;
color: #ffffff;
padding: 2px 7px; }
.nav-pills > .active > a > .badge {
border: 1px solid #0079c1; }
.breadcrumb > .active {
font-weight: 500; }
.btn {
box-shadow: none;
border-radius: 0px; }
a.btn-default:hover,
a.btn-default:focus,
a.btn-default:active,
button.btn-default:hover,
button.btn-default:focus,
button.btn-default:active,
button.btn-default.active,
button.open > .dropdown-toggle.btn-default,
button.btn-default:active:focus {
border-color: #00598e;
background-color: #00598e;
color: #ffffff; }
a.btn-default.disabled,
button.btn-default.disabled {
border: 1px solid #6e6e6e;
color: #6e6e6e; }
/*
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
*/
.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:focus,
button[disabled],
button[disabled]:hover,
button[disabled]:focus,
button[disabled]:active,
button[disabled]:active:focus,
a.btn-default.disabled:hover,
a.btn-default.disabled:focus,
a.btn-default.disabled:active,
button.btn-default.disabled:hover,
button.btn-default.disabled:focus,
button.btn-default.disabled:active,
button.btn-default.disabled.active,
button.btn-default.disabled:active:focus {
border: 1px solid;
border-color: #6e6e6e;
color: #6e6e6e;
background-color: transparent; }
a.btn-primary.disabled,
a.btn-primary.disabled:hover,
a.btn-primary.disabled:focus,
button.btn-primary.disabled,
button.btn-primary.disabled:hover,
button.btn-primary.disabled:focus {
border-color: #0079c1;
background-color: #0079c1;
color: #ffffff; }
a.btn-success.disabled,
a.btn-success.disabled:hover,
a.btn-success.disabled:focus,
button.btn-success.disabled,
button.btn-success.disabled:hover,
button.btn-success.disabled:focus {
border-color: #338033;
background-color: #338033;
color: #ffffff; }
a.btn-warning.disabled,
a.btn-warning.disabled:hover,
a.btn-warning.disabled:focus,
button.btn-warning.disabled,
button.btn-warning.disabled:hover,
button.btn-warning.disabled:focus {
border-color: #E4D154;
background-color: #E4D154;
color: #4c4c4c; }
a.btn-info.disabled,
a.btn-info.disabled:hover,
a.btn-info.disabled:focus,
button.btn-info.disabled,
button.btn-info.disabled:hover,
button.btn-info.disabled:focus {
border-color: transparent;
color: #6e6e6e;
background-color: transparent; }
.btn-link.disabled,
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
border: 0px;
color: #6e6e6e; }
a.btn-danger:hover,
a.btn-danger:focus,
a.btn-danger:active,
button.btn-danger:hover,
button.btn-danger:focus,
button.btn-danger:active,
button.btn-danger.active,
button.open > .dropdown-toggle.btn-danger,
button.btn-danger:active:focus {
border-color: #DE2900;
background-color: #DE2900;
color: #ffffff; }
a.btn-danger.disabled:hover,
a.btn-danger.disabled:focus,
a.btn-danger.disabled:active,
button.btn-danger.disabled:hover,
button.btn-danger.disabled:focus,
button.btn-danger.disabled:active,
button.btn-danger.disabled.active,
button.btn-danger.disabled:active:focus,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus {
border-color: #E4A793;
color: #E4A793;
background-color: #ffffff; }
ul.dropdown-menu {
padding-top: 0px;
border: 1px solid;
border-color: #e2e2e2;
-webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05); }
li.dropdown-header {
margin-bottom: 5px;
background-color: #efefef;
color: #4c4c4c;
font-size: 14px;
border-bottom: 1px solid;
border-color: #e2e2e2; }
ol.carousel-indicators .active {
background-color: #4c4c4c; }
ol.carousel-indicators li {
border-color: #4c4c4c; }
.carousel-caption {
background: rgba(255, 255, 255, 0.7); }
.close:focus {
outline: auto; }
ul.dropdown-menu {
margin: 0px;
-webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05); }
ul.dropdown-menu > li {
margin-bottom: 0px; }
ul.dropdown-menu > li > a {
padding: 10px 20px; }
ul.dropdown-menu .dropdown-header {
padding: 10px 20px;
margin-bottom: 0px; }
input.form-control:focus {
border-color: #0079c1; }
.has-success label,
.has-success label.control-label,
.has-success span .help-block,
.has-success div.help-block,
.has-success span.help-block,
.has-success span .glyphicon {
color: #338033; }
.has-success input.form-control,
.has-success input.form-control:focus,
.has-success span.input-group-addon {
background-color: #ffffff;
border-color: #338033; }
.has-warning label,
.has-warning label.control-label,
.has-warning span .help-block,
.has-warning div.help-block,
.has-warning span.help-block,
.has-warning span .glyphicon {
color: #796916; }
.has-warning input.form-control,
.has-warning span.input-group-addon {
background-color: #ffffff;
border-color: #796916; }
.has-error label,
.has-error label.control-label,
.has-error span .help-block,
.has-error div.help-block,
.has-error span.help-block,
.has-error span .glyphicon {
color: #AB3C16; }
.has-error input.form-control,
.has-error input.form-control:focus,
.has-error span.input-group-addon {
background-color: #ffffff;
border-color: #AB3C16; }
.has-error input.with-addon-alert,
.has-warning input.with-addon-alert,
.has-success input.with-addon-alert {
box-shadow: none;
border-right: 0px; }
.has-error .input-group-btn .btn-default,
.has-warning .input-group-btn .btn-default,
.has-success .input-group-btn .btn-default {
color: #0079c1; }
.has-error .input-group-btn .btn-default .glyphicon,
.has-warning .input-group-btn .btn-default .glyphicon,
.has-success .input-group-btn .btn-default .glyphicon {
color: #0079c1; }
.has-error .input-group-btn .btn-primary,
.has-warning .input-group-btn .btn-primary,
.has-success .input-group-btn .btn-primary {
color: #ffffff; }
.has-error .input-group-btn .btn-primary .glyphicon,
.has-warning .input-group-btn .btn-primary .glyphicon,
.has-success .input-group-btn .btn-primary .glyphicon {
color: #ffffff; }
.has-error .input-group-btn .btn-success,
.has-warning .input-group-btn .btn-success,
.has-success .input-group-btn .btn-success {
color: #ffffff; }
.has-error .input-group-btn .btn-success .glyphicon,
.has-warning .input-group-btn .btn-success .glyphicon,
.has-success .input-group-btn .btn-success .glyphicon {
color: #ffffff; }
.has-error .input-group-btn .btn-warning,
.has-warning .input-group-btn .btn-warning,
.has-success .input-group-btn .btn-warning {
color: #4c4c4c; }
.has-error .input-group-btn .btn-warning .glyphicon,
.has-warning .input-group-btn .btn-warning .glyphicon,
.has-success .input-group-btn .btn-warning .glyphicon {
color: #4c4c4c; }
.has-error .input-group-btn .btn-error,
.has-warning .input-group-btn .btn-error,
.has-success .input-group-btn .btn-error {
color: #DE2900; }
.has-error .input-group-btn .btn-error .glyphicon,
.has-warning .input-group-btn .btn-error .glyphicon,
.has-success .input-group-btn .btn-error .glyphicon {
color: #DE2900; }
.has-error .input-group-btn .btn-info,
.has-warning .input-group-btn .btn-info,
.has-success .input-group-btn .btn-info {
color: #4c4c4c; }
.has-error .input-group-btn .btn-info .glyphicon,
.has-warning .input-group-btn .btn-info .glyphicon,
.has-success .input-group-btn .btn-info .glyphicon {
color: #4c4c4c; }
.form-control[disabled] {
background-color: #efefef; }
span.label {
border-radius: 3px;
font-weight: normal; }
span.label-default,
span.label-info,
span.label-warning {
color: #4c4c4c; }
.list-group .list-group-item.active .list-group-item-text,
.list-group .list-group-item.active:hover .list-group-item-text {
color: #595959; }
.modal-dialog .modal-content {
border-radius: 0px;
box-shadow: none;
color: #595959; }
.modal-dialog .modal-content .modal-header h4 {
font-size: 30px;
font-weight: normal; }
.modal-dialog .modal-content .modal-header .close {
color: #0079c1;
opacity: 1;
font-weight: normal;
font-size: 36px; }
.modal-dialog .modal-content .modal-header .close:hover {
color: #00598e; }
.navbar,
.navbar-default,
.navbar-inverse {
border: 0px;
border-style: none; }
.navbar-default .navbar-nav {
color: #4c4c4c; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active {
color: #0079c1;
background-image: linear-gradient(to bottom, transparent 92%, #0079c1 93%, #0079c1 100%);
text-decoration: none;
outline: 0px; }
.navbar-default .navbar-nav li.active a,
.navbar-default .navbar-nav li a.active,
.navbar-default .navbar-nav li.active a:hover {
color: #0079c1;
background-image: linear-gradient(to bottom, transparent 92%, #0079c1 93%, #0079c1 100%);
text-decoration: none;
outline: 0px; }
.navbar-inverse .navbar-nav {
color: #ffffff; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a.active {
color: #ffffff;
background-image: linear-gradient(to bottom, transparent 92%, #ffffff 93%, #ffffff 100%);
text-decoration: none;
outline: 0px; }
.navbar-inverse .navbar-nav li.active a,
.navbar-inverse .navbar-nav li a.active {
color: #ffffff;
background-image: linear-gradient(to bottom, transparent 92%, #ffffff 93%, #ffffff 100%);
text-decoration: none;
outline: 0px; }
.secondary-nav {
background-color: #005E95;
min-height: 40px;
padding: 10px 10px 0px 10px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #005E95; }
.nav-tabs[role="navigation"] > li > a,
.nav-tabs[role="tablist"] > li > a {
background-color: #0079c1;
color: #ffffff; }
.nav-tabs[role="navigation"] > li > a:hover, .nav-tabs[role="navigation"] > li > a:focus, .nav-tabs[role="navigation"] > li > a.focus,
.nav-tabs[role="tablist"] > li > a:hover,
.nav-tabs[role="tablist"] > li > a:focus,
.nav-tabs[role="tablist"] > li > a.focus {
background-color: #00598e;
border-bottom-color: #00598e;
text-decoration: none;
box-shadow: 0 2px 0 #ffffff inset; }
.nav-tabs[role="navigation"] > li.active > a,
.nav-tabs[role="navigation"] > li.active > a:focus,
.nav-tabs[role="navigation"] > li.active > a:hover,
.nav-tabs[role="tablist"] > li.active > a,
.nav-tabs[role="tablist"] > li.active > a:focus,
.nav-tabs[role="tablist"] > li.active > a:hover {
background-color: #ffffff;
color: #4c4c4c; }
.nav-tabs[role="tablist"] {
border-bottom: 1px solid #cccccc; }
.secondary-nav .nav-tabs {
border-bottom: 0px; }
.tab-pane {
margin-top: 20px; }
.nav-pills[role="tablist"] > li > a {
color: #0079c1;
border-bottom: 2px solid #ffffff;
outline: none; }
.nav-pills[role="tablist"] > li > a:hover {
background-color: #ffffff;
color: #0079c1;
border-bottom: 2px solid #0079c1; }
.nav-pills[role="tablist"] > li > a:active, .nav-pills[role="tablist"] > li > a.focus, .nav-pills[role="tablist"] > li > a:focus {
background-color: #ffffff;
color: #0079c1;
border-bottom: 2px solid #0079c1;
outline: none; }
.nav-pills[role="tablist"] > li.active > a {
background-color: #ffffff;
color: #4c4c4c;
border-bottom: 2px solid #0079c1; }
.nav-pills[role="tablist"] > li.active > a:hover {
background-color: #ffffff;
color: #4c4c4c;
border-bottom: 2px solid #0079c1; }
.nav-pills[role="tablist"] > li.active > a:focus, .nav-pills[role="tablist"] > li.active > a.focus {
background-color: #ffffff;
color: #4c4c4c;
border-bottom: 2px solid #0079c1;
outline: none; }
.pager .next > a,
.pager .previous > a {
color: #0079c1; }
.pager .next > a:hover,
.pager .next > a:focus,
.pager .previous > a:hover,
.pager .previous > a:focus {
background-color: #0079c1;
color: #ffffff; }
.pagination > li > a {
border: 0px; }
.panel {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 16px 0 rgba(0, 0, 0, 0.05);
border: none; }
div.popover {
padding: 0px;
border-radius: 0px; }
table {
color: #4c4c4c;
background-color: white; }
table thead {
background-color: #efefef; }
table.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #ffffff; }
table.table-striped > tbody > tr:nth-of-type(even) {
background-color: #efefef; }
table.table > thead > tr > th {
border-bottom: 1px solid #cccccc; }
table.table-blue thead tr {
background-color: #0079c1;
color: #ffffff; }
table.table-blue thead > tr > th,
table.table-blue tbody > tr > td {
border: 1px solid;
border-color: #0079c1; }
.tooltip .tooltip-inner {
border-bottom-color: #4c4c4c;
opacity: 0.95;
border-radius: 2px; }
.well {
color: #4c4c4c;
border-radius: 3px;
box-shadow: none; }
.cards-list {
margin: 0;
padding: 0; }
.cards-list li {
float: left;
padding: 0 13px;
list-style: none; }
.cards-list .card {
position: relative;
display: inline-block;
padding: 20px;
margin-bottom: 40px;
background-color: #ffffff;
border: 1px solid;
border-color: #a9a9a9;
color: #4c4c4c;
text-align: center;
width: 255px;
height: 296px; }
.cards-list .card img {
height: 133px;
max-width: 200px; }
.cards-list .card h3 {
font-size: 25px;
color: #4c4c4c; }
.cards-list .card h6 {
font-weight: 500;
color: #595959;
font-size: 18px;
margin-top: 30px; }
.cards-list .card-options {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
color: #ffffff;
opacity: 0;
background: linear-gradient(rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0.6) 172px, transparent 173px, rgba(255, 255, 255, 0) 100%);
transition: opacity ease-in-out 400ms; }
.cards-list .card-options:hover, .cards-list .card-options:active, .cards-list .card-options:focus {
opacity: 1;
cursor: pointer;
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2); }
.cards-list .card-options a {
margin-top: 25%; }
.calcite-web .card-base {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
background: #ffffff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 16px 0 rgba(0, 0, 0, 0.05);
margin-bottom: 15px; }
.calcite-web .card-image-wrap {
width: 100%;
position: relative;
margin-bottom: 0;
-webkit-box-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.calcite-web .card-image {
width: 100%;
display: block; }
.calcite-web .card-image-caption {
width: 100%;
box-sizing: border-box;
position: absolute;
bottom: 0;
font-size: 14px;
padding: 9px;
color: #4c4c4c;
background: rgba(255, 255, 255, 0.8); }
.calcite-web .card-last {
margin-bottom: auto; }
.calcite-web .card-content {
padding: 1.429rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
word-wrap: break-word; }
.calcite-web .card-shaped {
box-shadow: none;
background: transparent; }
.calcite-web .card-shaped .card-content {
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.05);
padding-top: 4rem; }
.calcite-web .card-shaped .card-image-wrap {
margin-bottom: -3rem;
padding: 0 1.25rem;
box-sizing: border-box; }
.calcite-web .card-wide {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.calcite-web .card-wide .card-content {
display: block;
-webkit-box-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%; }
.calcite-web .card-wide-image-wrap {
position: relative;
top: 0;
left: 0;
bottom: 0;
width: 25%;
overflow: hidden;
margin-bottom: 0; }
.calcite-web .card-wide-image {
width: auto;
min-width: 100%;
max-width: none;
height: 100%;
margin: 0;
display: block;
position: absolute; }
.calcite-web .card-bar-blue-lightest {
border-top: 3px solid #D2E9F9; }
.calcite-web .card-bar-blue-lighter {
border-top: 3px solid #BCDAED; }
.calcite-web .card-bar-blue-light {
border-top: 3px solid #56A5D8; }
.calcite-web .card-bar-blue-core {
border-top: 3px solid #0079c1; }
.calcite-web .card-bar-blue-darl {
border-top: 3px solid #005E95; }
.calcite-web .card-bar-green-light {
border-top: 3px solid #9BC19C; }
.calcite-web .card-bar-green-core {
border-top: 3px solid #5A9359; }
.calcite-web .card-bar-green-dark {
border-top: 3px solid #338033; }
.calcite-web .card-bar-red-light {
border-top: 3px solid #E4A793; }
.calcite-web .card-bar-red-core {
border-top: 3px solid #DE2900; }
.calcite-web .card-bar-red-dark {
border-top: 3px solid #AB3C16; }
.calcite-web .card-bar-orange-light {
border-top: 3px solid #E8912E; }
.calcite-web .card-bar-orange-core {
border-top: 3px solid #D17E21; }
.calcite-web .card-bar-orange-dark {
border-top: 3px solid #AD6511; }
.calcite-web .card-bar-yellow-light {
border-top: 3px solid #EFE397; }
.calcite-web .card-bar-yellow-core {
border-top: 3px solid #E4D154; }
.calcite-web .card-bar-yellow-dark {
border-top: 3px solid #D9BF2B; }
.calcite-web .card-bar-purple-light {
border-top: 3px solid #C4BCDC; }
.calcite-web .card-bar-purple-core {
border-top: 3px solid #9081BC; }
.calcite-web .card-bar-purple-dark {
border-top: 3px solid #7461A8; }
.calcite-web .card-bar-brown-light {
border-top: 3px solid #D2B38F; }
.calcite-web .card-bar-brown-core {
border-top: 3px solid #A57946; }
.calcite-web .card-bar-brown-dark {
border-top: 3px solid #A57946; }
.calcite-web .card-profile .card-image-wrap img {
border-radius: 50%;
margin-top: 20px; }
.calcite-web .measure-card {
overflow: hidden; }
.calcite-web .measure-card h3 {
font-size: 18px;
margin: 5px 0px 5px 0px;
padding-right: 45px;
text-align: left; }
.calcite-web .measure-card h4 {
font-size: 42px; }
.calcite-web .measure-card .measure-icon {
position: absolute;
top: 0px;
right: 0px;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center; }
.calcite-web .measure-card .measure-icon span {
position: absolute;
z-index: 8;
top: -40px;
left: 5px;
width: 100px;
height: 100px;
line-height: 120px;
border-radius: 50%; }
.calcite-web .measure-card .measure-icon .glyphicon {
padding-left: 10px;
color: #ffffff;
z-index: 9;
font-size: 24px; }
.calcite-web .measure-card .status-failing-bg {
background-color: #DE2900; }
.calcite-web .measure-card .status-failing i, .calcite-web .measure-card .status-failing h4 {
color: #DE2900; }
.calcite-web .measure-card .status-info-bg {
background-color: #0079c1; }
.calcite-web .measure-card .status-info i, .calcite-web .measure-card .status-info h4 {
color: #0079c1; }
.calcite-web .measure-card .status-ontrack-bg {
background-color: #338033; }
.calcite-web .measure-card .status-ontrack i, .calcite-web .measure-card .status-ontrack h4 {
color: #338033; }
.calcite-web .measure-card .citation {
font-size: 12px; }
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
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; }
@font-face {
font-family: 'Glyphicons Halflings';
src: url("../fonts/glyphicons-halflings-regular.eot");
src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/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"; }
.glyphicon-film:before {
content: "\e009"; }
.glyphicon-th-large:before {
content: "\e010"; }
.glyphicon-th:before {
content: "\e011"; }
.glyphicon-th-list:before {
content: "\e012"; }
.glyphicon-ok:before {
content: "\e013"; }
.glyphicon-remove:before {
content: "\e014"; }
.glyphicon-zoom-in:before {
content: "\e015"; }
.glyphicon-zoom-out:before {
content: "\e016"; }
.glyphicon-off:before {
content: "\e017"; }
.glyphicon-signal:before {
content: "\e018"; }
.glyphicon-cog:before {
content: "\e019"; }
.glyphicon-trash:before {
content: "\e020"; }
.glyphicon-home:before {
content: "\e021"; }
.glyphicon-file:before {
content: "\e022"; }
.glyphicon-time:before {
content: "\e023"; }
.glyphicon-road:before {
content: "\e024"; }
.glyphicon-download-alt:before {
content: "\e025"; }
.glyphicon-download:before {
content: "\e026"; }
.glyphicon-upload:before {
content: "\e027"; }
.glyphicon-inbox:before {
content: "\e028"; }
.glyphicon-play-circle:before {
content: "\e029"; }
.glyphicon-repeat:before {
content: "\e030"; }
.glyphicon-refresh:before {
content: "\e031"; }
.glyphicon-list-alt:before {
content: "\e032"; }
.glyphicon-lock:before {
content: "\e033"; }
.glyphicon-flag:before {
content: "\e034"; }
.glyphicon-headphones:before {
content: "\e035"; }
.glyphicon-volume-off:before {
content: "\e036"; }
.glyphicon-volume-down:before {
content: "\e037"; }
.glyphicon-volume-up:before {
content: "\e038"; }
.glyphicon-qrcode:before {
content: "\e039"; }
.glyphicon-barcode:before {
content: "\e040"; }
.glyphicon-tag:before {
content: "\e041"; }
.glyphicon-tags:before {
content: "\e042"; }
.glyphicon-book:before {
content: "\e043"; }
.glyphicon-bookmark:before {
content: "\e044"; }
.glyphicon-print:before {
content: "\e045"; }
.glyphicon-camera:before {
content: "\e046"; }
.glyphicon-font:before {
content: "\e047"; }
.glyphicon-bold:before {
content: "\e048"; }
.glyphicon-italic:before {
content: "\e049"; }
.glyphicon-text-height:before {
content: "\e050"; }
.glyphicon-text-width:before {
content: "\e051"; }
.glyphicon-align-left:before {
content: "\e052"; }
.glyphicon-align-center:before {
content: "\e053"; }
.glyphicon-align-right:before {
content: "\e054"; }
.glyphicon-align-justify:before {
content: "\e055"; }
.glyphicon-list:before {
content: "\e056"; }
.glyphicon-indent-left:before {
content: "\e057"; }
.glyphicon-indent-right:before {
content: "\e058"; }
.glyphicon-facetime-video:before {
content: "\e059"; }
.glyphicon-picture:before {
content: "\e060"; }
.glyphicon-map-marker:before {
content: "\e062"; }
.glyphicon-adjust:before {
content: "\e063"; }
.glyphicon-tint:before {
content: "\e064"; }
.glyphicon-edit:before {
content: "\e065"; }
.glyphicon-share:before {
content: "\e066"; }
.glyphicon-check:before {
content: "\e067"; }
.glyphicon-move:before {
content: "\e068"; }
.glyphicon-step-backward:before {
content: "\e069"; }
.glyphicon-fast-backward:before {
content: "\e070"; }
.glyphicon-backward:before {
content: "\e071"; }
.glyphicon-play:before {
content: "\e072"; }
.glyphicon-pause:before {
content: "\e073"; }
.glyphicon-stop:before {
content: "\e074"; }
.glyphicon-forward:before {
content: "\e075"; }
.glyphicon-fast-forward:before {
content: "\e076"; }
.glyphicon-step-forward:before {
content: "\e077"; }
.glyphicon-eject:before {
content: "\e078"; }
.glyphicon-chevron-left:before {
content: "\e079"; }
.glyphicon-chevron-right:before {
content: "\e080"; }
.glyphicon-plus-sign:before {
content: "\e081"; }
.glyphicon-minus-sign:before {
content: "\e082"; }
.glyphicon-remove-sign:before {
content: "\e083"; }
.glyphicon-ok-sign:before {
content: "\e084"; }
.glyphicon-question-sign:before {
content: "\e085"; }
.glyphicon-info-sign:before {
content: "\e086"; }
.glyphicon-screenshot:before {
content: "\e087"; }
.glyphicon-remove-circle:before {
content: "\e088"; }
.glyphicon-ok-circle:before {
content: "\e089"; }
.glyphicon-ban-circle:before {
content: "\e090"; }
.glyphicon-arrow-left:before {
content: "\e091"; }
.glyphicon-arrow-right:before {
content: "\e092"; }
.glyphicon-arrow-up:before {
content: "\e093"; }
.glyphicon-arrow-down:before {
content: "\e094"; }
.glyphicon-share-alt:before {
content: "\e095"; }
.glyphicon-resize-full:before {
content: "\e096"; }
.glyphicon-resize-small:before {
content: "\e097"; }
.glyphicon-exclamation-sign:before {
content: "\e101"; }
.glyphicon-gift:before {
content: "\e102"; }
.glyphicon-leaf:before {
content: "\e103"; }
.glyphicon-fire:before {
content: "\e104"; }
.glyphicon-eye-open:before {
content: "\e105"; }
.glyphicon-eye-close:before {
content: "\e106"; }
.glyphicon-warning-sign:before {
content: "\e107"; }
.glyphicon-plane:before {
content: "\e108"; }
.glyphicon-calendar:before {
content: "\e109"; }
.glyphicon-random:before {
content: "\e110"; }
.glyphicon-comment:before {
content: "\e111"; }
.glyphicon-magnet:before {
content: "\e112"; }
.glyphicon-chevron-up:before {
content: "\e113"; }
.glyphicon-chevron-down:before {
content: "\e114"; }
.glyphicon-retweet:before {
content: "\e115"; }
.glyphicon-shopping-cart:before {
content: "\e116"; }
.glyphicon-folder-close:before {
content: "\e117"; }
.glyphicon-folder-open:before {
content: "\e118"; }
.glyphicon-resize-vertical:before {
content: "\e119"; }
.glyphicon-resize-horizontal:before {
content: "\e120"; }
.glyphicon-hdd:before {
content: "\e121"; }
.glyphicon-bullhorn:before {
content: "\e122"; }
.glyphicon-bell:before {
content: "\e123"; }
.glyphicon-certificate:before {
content: "\e124"; }
.glyphicon-thumbs-up:before {
content: "\e125"; }
.glyphicon-thumbs-down:before {
content: "\e126"; }
.glyphicon-hand-right:before {
content: "\e127"; }
.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"; }
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent; }
body {
font-family: "Avenir Next W01", "Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857;
color: #4c4c4c;
background-color: #ffffff; }
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit; }
a {
color: #0079c1;
text-decoration: none; }
a:hover, a:focus {
color: #00598e;
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: 0px; }
.img-thumbnail {
padding: 4px;
line-height: 1.42857;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 0px;
-webkit-transition: all 0.2s ease-in-out;
-o-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: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #959595; }
.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: inherit; }
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: #595959; }
h1, .h1,
h2, .h2,
h3, .h3 {
margin-top: 20px;
margin-bottom: 10px; }
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: 10px;
margin-bottom: 10px; }
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: 36px; }
h2, .h2 {
font-size: 30px; }
h3, .h3 {
font-size: 28px; }
h4, .h4 {
font-size: 24px; }
h5, .h5 {
font-size: 22px; }
h6, .h6 {
font-size: 16px; }
p {
margin: 0 0 10px; }
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4; }
@media (min-width: 768px) {
.lead {
font-size: 21px; } }
small,
.small {
font-size: 85%; }
mark,
.mark {
background-color: #fdfbef;
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: #6e6e6e; }
.text-primary {
color: #0079c1; }
a.text-primary:hover,
a.text-primary:focus {
color: #00598e; }
.text-success {
color: #4c4c4c; }
a.text-success:hover,
a.text-success:focus {
color: #333333; }
.text-info {
color: #4c4c4c; }
a.text-info:hover,
a.text-info:focus {
color: #333333; }
.text-warning {
color: #4c4c4c; }
a.text-warning:hover,
a.text-warning:focus {
color: #333333; }
.text-danger {
color: #4c4c4c; }
a.text-danger:hover,
a.text-danger:focus {
color: #333333; }
.bg-primary {
color: #fff; }
.bg-primary {
background-color: #0079c1; }
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #00598e; }
.bg-success {
background-color: #dae8da; }
a.bg-success:hover,
a.bg-success:focus {
background-color: #bad5bb; }
.bg-info {
background-color: #d0e5f2; }
a.bg-info:hover,
a.bg-info:focus {
background-color: #a8cfe8; }
.bg-warning {
background-color: #fdfbef; }
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f6efc3; }
.bg-danger {
background-color: #f8e9e5; }
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #eec8bc; }
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #cccccc; }
ul,
ol {
margin-top: 0;
margin-bottom: 10px; }
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: 20px; }
dt,
dd {
line-height: 1.42857; }
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 #959595; }
.initialism {
font-size: 90%; }
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #C4BCDC; }
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.42857;
color: #595959; }
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 #C4BCDC;
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: 20px;
font-style: normal;
line-height: 1.42857; }
code,
kbd,
pre,
samp {