UNPKG

calcite-bootstrap

Version:

Calcite Theme for Bootstrap 3.x

2,297 lines (1,797 loc) 178 kB
@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 {