/** /* # Variables /* -------------------------------------------------- */ :root { /* ## Colors */ /* ### Gray and brand colors for use across Bootstrap. */ --global-gray-base: #000; --global-gray-darkest: #222; --global-gray-darker: #333; --global-gray-dark: #444; --global-gray: #777; --global-gray-light: #999; --global-gray-lighter: #eee; --global-gray-lightest: #f7f7f7; --global-brand-accent: #eb15b0; --global-brand-accent-lighter: #f15bc8; --global-brand-accent-darker: #a50e7c; --global-brand-accent-inverse: #fff; --global-brand-accent-inverse-lighter: #ffffff; --global-brand-accent-inverse-darker: #d9d9d9; --global-brand-default: #777; --global-brand-default-lighter: #9d9d9d; --global-brand-default-darker: #515151; --global-brand-default-inverse: #fff; --global-brand-default-inverse-lighter: #ffffff; --global-brand-default-inverse-darker: #d9d9d9; --global-brand-primary: #1b8ca0; --global-brand-primary-lighter: #2cc1db; --global-brand-primary-darker: #10535f; --global-brand-primary-inverse: #fff; --global-brand-primary-inverse-lighter: #ffffff; --global-brand-primary-inverse-darker: #d9d9d9; --global-brand-success: #7fbb45; --global-brand-success-lighter: #a6cf7d; --global-brand-success-darker: #598330; --global-brand-success-inverse: #fff; --global-brand-success-inverse-lighter: #ffffff; --global-brand-success-inverse-darker: #d9d9d9; --global-brand-danger: #d9534f; --global-brand-danger-lighter: #e7908e; --global-brand-danger-darker: #b52b27; --global-brand-danger-inverse: #fff; --global-brand-danger-inverse-lighter: #ffffff; --global-brand-danger-inverse-darker: #d9d9d9; --global-brand-warning: #f04b66; --global-brand-warning-lighter: #f692a2; --global-brand-warning-darker: #dc1233; --global-brand-warning-inverse: #fff; --global-brand-warning-inverse-lighter: #ffffff; --global-brand-warning-inverse-darker: #d9d9d9; --global-brand-info: #5bc0de; --global-brand-info-lighter: #9bd8eb; --global-brand-info-darker: #28a1c5; --global-brand-info-inverse: #fff; --global-brand-info-inverse-lighter: #ffffff; --global-brand-info-inverse-darker: #d9d9d9; /* ### States colors for use across Bootstrap. */ --global-state-info-text: #5bc0de; --global-state-info-bg: #fff; --global-state-info-border: #28a1c5; --global-state-warning-text: #f04b66; --global-state-warning-bg: #fff; --global-state-warning-border: #dc1233; --global-state-danger-text: #d9534f; --global-state-danger-bg: #fff; --global-state-danger-border: #b52b27; --global-state-success-text: #7fbb45; --global-state-success-bg: #fff; --global-state-success-border: #598330; --global-state-yes-text: #7fbb45; --global-state-yes-bg: #fff; --global-state-yes-border: #598330; --global-state-no-text: #d9534f; --global-state-no-bg: #fff; --global-state-no-border: #b52b27; --global-state-default-text: #777; --global-state-default-bg: #fff; --global-state-default-border: #515151; /* ## Scaffolding */ /* ### Settings for some of the most global styles. */ /* #### Background color for ``. */ --global-body-bg: #fff; --global-content-bg: #fff; /* #### Global text color on ``. */ --global-text-color: #000; /* #### Global text muted color. */ --global-text-muted: #999; --global-text-color-lighter: #404040; --global-text-color-darker: #000000; --global-text-muted-inverse: rgba(255, 255, 255, 0.5); --global-text-color-inverse: #fff; --global-text-color-inverse-lighter: #ffffff; --global-text-color-inverse-darker: #bfbfbf; /* #### Global textual link color. */ --global-link-color: #007299; --global-link-decoration: none; --global-link-hover-color: #0090BB; --global-link-hover-decoration: underline; --global-link-focus-color: #007299; --global-link-focus-decoration: none; --global-link-focus-outline: none; --global-link-active-color: #27A8BF; --global-link-visited-color: #007299; --global-link-color-inverse: #fff; --global-link-hover-color-inverse: #d9d9d9; --global-link-active-color-inverse: #d9d9d9; --global-link-focus-color-inverse: #fff; --global-link-visited-color-inverse: #fff; /* ## Typography */ /* ### Font, line-height, and color for body text, headings, and more. */ --global-font-family-sans-serif: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --global-font-family-serif: Georgia, "Times New Roman", Times, serif; /* #### Default monospace fonts for `

`, ``, and ``. */
  --global-font-family-base: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --global-font-size-base: 15px;
  --global-font-size-large: 18px;
  --global-font-size-small: 12px;
  --global-font-size-h1: 1.8rem;
  --global-font-size-h2: 1.6rem;
  --global-font-size-h3: 1.4rem;
  --global-font-size-h4: 19.5px;
  --global-font-size-h5: 15px;
  --global-font-size-h6: 12.75px;
  /* #### Unit-less `line-height` for use in components like buttons. */
  --global-line-height-base: 1.55;
  /* #### Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. */
  --global-line-height-computed: 23px;
  /* #### By default, this inherits from the ``. */
  --global-headings-font-family: inherit;
  --global-headings-font-weight: bold;
  --global-headings-line-height: 1.1;
  --global-headings-color: inherit;
  --global-headings-small-color: #999;
  /* ## Components

  /* ### Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). */
  --global-padding-base-vertical: 6px;
  --global-padding-base-horizontal: 12px;
  --global-padding-large-vertical: 10px;
  --global-padding-large-horizontal: 16px;
  --global-padding-small-vertical: 5px;
  --global-padding-small-horizontal: 10px;
  --global-padding-xs-vertical: 1px;
  --global-padding-xs-horizontal: 7px;
  --global-line-height-large: 1.3333333;
  --global-line-height-small: 1.5;
  --global-border-radius-base: 4px;
  --global-border-radius-large: 6px;
  --global-border-radius-small: 3px;
  /* ### Global color for active items (e.g., navs or dropdowns). */
  --global-component-active-color: #fff;
  /* ### Global background color for active items (e.g., navs or dropdowns). */
  --global-component-active-bg: #1b8ca0;
  /* ### Width of the `border` for generating carets that indicate dropdowns. */
  --global-caret-width-base: 4px;
  /* ### Carets increase slightly  in size for larger components. */
  --global-caret-width-large: 5px;
  /* ## Alerts */
  /* ### For each of Bootstrap's alert, define text, background and border color. */
  --global-alert-padding: 15px;
  --global-alert-border-radius: 4px;
  --global-alert-link-font-weight: bold;
  --global-alert-success-text-color: #7fbb45;
  --global-alert-success-link-color: #669637;
  --global-alert-success-bg: #fff;
  --global-alert-success-border: #598330;
  --global-alert-success-hr-color: #3b5720;
  --global-alert-danger-text-color: #d9534f;
  --global-alert-danger-link-color: #c9302c;
  --global-alert-danger-bg: #fff;
  --global-alert-danger-border: #b52b27;
  --global-alert-danger-hr-color: #821f1c;
  --global-alert-warning-text-color: #f04b66;
  --global-alert-warning-link-color: #ec1c3e;
  --global-alert-warning-bg: #fff;
  --global-alert-warning-border: #dc1233;
  --global-alert-warning-hr-color: #a40e26;
  --global-alert-info-text-color: #5bc0de;
  --global-alert-info-link-color: #31b0d5;
  --global-alert-info-bg: #fff;
  --global-alert-info-border: #28a1c5;
  --global-alert-info-hr-color: #1d7792;
  /* ## Panels */
  /* ### Panels common */
  --global-panel-bg: #fff;
  --global-panel-body-padding: 15px;
  --global-panel-heading-padding: 10px 15px;
  --global-panel-footer-padding: 10px 15px;
  --global-panel-border-radius: 4px;
  --global-panel-inner-border: #ddd;
  --global-panel-footer-bg: #f5f5f5;
  /* ### Panels variants */
  --global-panel-default-text: #444;
  --global-panel-default-border: #ddd;
  --global-panel-default-heading-bg: #f5f5f5;
  --global-panel-primary-text: #fff;
  --global-panel-primary-border: #1b8ca0;
  --global-panel-primary-heading-bg: #1b8ca0;
  --global-panel-success-text: #7fbb45;
  --global-panel-success-border: #598330;
  --global-panel-success-heading-bg: #fff;
  --global-panel-info-text: #5bc0de;
  --global-panel-info-border: #28a1c5;
  --global-panel-info-heading-bg: #fff;
  --global-panel-warning-text: #f04b66;
  --global-panel-warning-border: #dc1233;
  --global-panel-warning-heading-bg: #fff;
  --global-panel-danger-text: #d9534f;
  --global-panel-danger-border: #b52b27;
  --global-panel-danger-heading-bg: #fff;
  /* ## Blocks */
  /* ### Blocks common */
  --global-block-bg: #fff;
  --global-block-body-padding: 15px;
  --global-block-heading-padding: 10px 15px;
  --global-block-heading-font-size: 1.6rem;
  --global-block-footer-padding: 10px 15px;
  --global-block-border: #eee;
  --global-block-border-width: 1px;
  --global-block-border-style: solid;
  --global-block-border-radius: 4px;
  --global-block-inner-border: #eee;
  --global-block-inner-border-width: 1px;
  --global-block-inner-border-style: solid;
  --global-block-footer-bg: #f5f5f5;
  /* ### Blocks variants */
  --global-block-default-heading-color: #444;
  --global-block-default-heading-bg: #f5f5f5;
  --global-block-default-border: #ddd;
  --global-block-primary-heading-color: #fff;
  --global-block-primary-heading-bg: #1b8ca0;
  --global-block-primary-border: #1b8ca0;
  --global-block-success-heading-color: #7fbb45;
  --global-block-success-heading-bg: #fff;
  --global-block-success-border: #598330;
  --global-block-info-heading-color: #5bc0de;
  --global-block-info-heading-bg: #fff;
  --global-block-info-border: #28a1c5;
  --global-block-warning-heading-color: #f04b66;
  --global-block-warning-heading-bg: #fff;
  --global-block-warning-border: #dc1233;
  --global-block-danger-heading-color: #d9534f;
  --global-block-danger-heading-bg: #fff;
  --global-block-danger-border: #b52b27;
  /* ## Buttons */
  /* ### For each of Bootstrap's buttons, define text, background and border color. */
  --global-btn-font-weight: normal;
  --global-btn-default-color: #444;
  --global-btn-default-color-hover: #373737;
  --global-btn-default-color-active: #373737;
  --global-btn-default-color-focus: #2b2b2b;
  --global-btn-default-bg: #f7f7f7;
  --global-btn-default-bg-hover: #eaeaea;
  --global-btn-default-bg-active: #eaeaea;
  --global-btn-default-bg-focus: #dedede;
  --global-btn-default-border: #eee;
  --global-btn-default-border-hover: #e1e1e1;
  --global-btn-default-border-active: #e1e1e1;
  --global-btn-default-border-focus: #d5d5d5;
  --global-btn-primary-color: #fff;
  --global-btn-primary-color-hover: #fff;
  --global-btn-primary-color-active: #fff;
  --global-btn-primary-color-focus: #fff;
  --global-btn-primary-bg: #1b8ca0;
  --global-btn-primary-bg-hover: #146674;
  --global-btn-primary-bg-active: #146674;
  --global-btn-primary-bg-focus: #0e4b56;
  --global-btn-primary-border: transparent;
  --global-btn-primary-border-hover: rgba(0, 0, 0, 0);
  --global-btn-primary-border-active: rgba(0, 0, 0, 0);
  --global-btn-primary-border-focus: rgba(0, 0, 0, 0);
  --global-btn-accent-color: #fff;
  --global-btn-accent-color-hover: #fff;
  --global-btn-accent-color-active: #fff;
  --global-btn-accent-color-focus: #fff;
  --global-btn-accent-bg: #eb15b0;
  --global-btn-accent-bg-hover: #bd108d;
  --global-btn-accent-bg-active: #bd108d;
  --global-btn-accent-bg-focus: #9c0d75;
  --global-btn-accent-border: transparent;
  --global-btn-accent-border-hover: rgba(0, 0, 0, 0);
  --global-btn-accent-border-active: rgba(0, 0, 0, 0);
  --global-btn-accent-border-focus: rgba(0, 0, 0, 0);
  --global-btn-success-color: #fff;
  --global-btn-success-color-hover: #fff;
  --global-btn-success-color-active: #fff;
  --global-btn-success-color-focus: #fff;
  --global-btn-success-bg: #7fbb45;
  --global-btn-success-bg-hover: #669637;
  --global-btn-success-bg-active: #669637;
  --global-btn-success-bg-focus: #547c2d;
  --global-btn-success-border: transparent;
  --global-btn-success-border-hover: rgba(0, 0, 0, 0);
  --global-btn-success-border-active: rgba(0, 0, 0, 0);
  --global-btn-success-border-focus: rgba(0, 0, 0, 0);
  --global-btn-info-color: #fff;
  --global-btn-info-color-hover: #fff;
  --global-btn-info-color-active: #fff;
  --global-btn-info-color-focus: #fff;
  --global-btn-info-bg: #5bc0de;
  --global-btn-info-bg-hover: #31b0d5;
  --global-btn-info-bg-active: #31b0d5;
  --global-btn-info-bg-focus: #269abc;
  --global-btn-info-border: transparent;
  --global-btn-info-border-hover: rgba(0, 0, 0, 0);
  --global-btn-info-border-active: rgba(0, 0, 0, 0);
  --global-btn-info-border-focus: rgba(0, 0, 0, 0);
  --global-btn-warning-color: #fff;
  --global-btn-warning-color-hover: #fff;
  --global-btn-warning-color-active: #fff;
  --global-btn-warning-color-focus: #fff;
  --global-btn-warning-bg: #f04b66;
  --global-btn-warning-bg-hover: #ec1c3e;
  --global-btn-warning-bg-active: #ec1c3e;
  --global-btn-warning-bg-focus: #d31231;
  --global-btn-warning-border: transparent;
  --global-btn-warning-border-hover: rgba(0, 0, 0, 0);
  --global-btn-warning-border-active: rgba(0, 0, 0, 0);
  --global-btn-warning-border-focus: rgba(0, 0, 0, 0);
  --global-btn-danger-color: #fff;
  --global-btn-danger-color-hover: #fff;
  --global-btn-danger-color-active: #fff;
  --global-btn-danger-color-focus: #fff;
  --global-btn-danger-bg: #d9534f;
  --global-btn-danger-bg-hover: #c9302c;
  --global-btn-danger-bg-active: #c9302c;
  --global-btn-danger-bg-focus: #ac2925;
  --global-btn-danger-border: transparent;
  --global-btn-danger-border-hover: rgba(0, 0, 0, 0);
  --global-btn-danger-border-active: rgba(0, 0, 0, 0);
  --global-btn-danger-border-focus: rgba(0, 0, 0, 0);
  --global-btn-link-disabled-color: #999;
  /* ### For each of Bootstrap's buttons, define sizes. */
  --global-btn-size-base-padding-vertical: 6px;
  --global-btn-size-base-padding-horizontal: 12px;
  --global-btn-size-base-font-size: 15px;
  --global-btn-size-base-line-height: 1.55;
  --global-btn-size-base-border-radius: 4px;
  --global-btn-size-lg-padding-vertical: 10px;
  --global-btn-size-lg-padding-horizontal: 16px;
  --global-btn-size-lg-font-size: 18px;
  --global-btn-size-lg-line-height: 1.3333333;
  --global-btn-size-lg-border-radius: 6px;
  --global-btn-size-sm-padding-vertical: 5px;
  --global-btn-size-sm-padding-horizontal: 10px;
  --global-btn-size-sm-font-size: 12px;
  --global-btn-size-sm-line-height: 1.5;
  --global-btn-size-sm-border-radius: 3px;
  --global-btn-size-xs-padding-vertical: 1px;
  --global-btn-size-xs-padding-horizontal: 7px;
  --global-btn-size-xs-font-size: 12px;
  --global-btn-size-xs-line-height: 1.5;
  --global-btn-size-xs-border-radius: 3px;
  /* ### Allows for customizing button radius independently from global border radius */
  --global-btn-border-radius-base: 4px;
  --global-btn-border-radius-large: 6px;
  --global-btn-border-radius-small: 3px;
  /* ## Tables */
  --global-table-cell-padding: 8px;
  --global-table-condensed-cell-padding: 5px;
  --global-table-bg: transparent;
  --global-table-bg-accent: #f9f9f9;
  --global-table-bg-hover: #f5f5f5;
  --global-table-bg-active: #f5f5f5;
  --global-table-border-color: #ddd;
  /* ## Forms */
  --global-input-bg: #fff;
  --global-input-bg-disabled: #eee;
  --global-input-color: #777;
  --global-input-border: #ccc;
  --global-input-border-radius: 4px;
  --global-input-border-radius-large: 6px;
  --global-input-border-radius-small: 3px;
  --global-input-border-focus: #1b8ca0;
  --global-input-box-shadow-focus: none;
  --global-input-color-placeholder: #999;
  --global-input-height-base: 37px;
  --global-input-height-large: 46px;
  --global-input-height-small: 30px;
  --global-form-group-margin-bottom: 15px;
  --global-legend-color: #444;
  --global-legend-border-color: #e5e5e5;
  --global-input-group-addon-bg: #eee;
  --global-input-group-addon-border-color: #ccc;
  --global-cursor-disabled: not-allowed;
  --global-dropdown-bg: #fff;
  --global-dropdown-border: rgba(0, 0, 0, 0.15);
  --global-dropdown-divider-bg: #e5e5e5;
  --global-dropdown-link-color: #444;
  --global-dropdown-link-hover-color: #373737;
  --global-dropdown-link-hover-bg: #f5f5f5;
  --global-dropdown-link-active-color: #fff;
  --global-dropdown-link-active-bg: #1b8ca0;
  --global-dropdown-link-disabled-color: #999;
  --global-dropdown-header-color: #999;
  --global-breadcrumb-padding-vertical: 8px;
  --global-breadcrumb-padding-horizontal: 15px;
  --global-breadcrumb-bg: #f5f5f5;
  --global-breadcrumb-color: #ccc;
  --global-breadcrumb-active-color: #999;
  --global-breadcrumb-separator: "/";
  --global-pagination-color: #007299;
  --global-pagination-bg: #fff;
  --global-pagination-border: #ddd;
  --global-pagination-hover-color: #0090BB;
  --global-pagination-hover-bg: #eee;
  --global-pagination-hover-border: #ddd;
  --global-pagination-active-color: #fff;
  --global-pagination-active-bg: #1b8ca0;
  --global-pagination-active-border: #1b8ca0;
  --global-pagination-disabled-color: #999;
  --global-pagination-disabled-bg: #fff;
  --global-pagination-disabled-border: #ddd;
  --global-pager-bg: #fff;
  --global-pager-border: #ddd;
  --global-pager-border-radius: 15px;
  --global-pager-hover-bg: #eee;
  --global-pager-active-bg: #1b8ca0;
  --global-pager-active-color: #fff;
  --global-pager-disabled-color: #999;
  --global-label-default-bg: #999;
  --global-label-primary-bg: #1b8ca0;
  --global-label-success-bg: #7fbb45;
  --global-label-info-bg: #5bc0de;
  --global-label-warning-bg: #f04b66;
  --global-label-danger-bg: #d9534f;
  --global-label-color: #fff;
  --global-label-hover-color: #fff;
  --global-badge-color: #fff;
  --global-badge-link-hover-color: #fff;
  --global-badge-bg: #d9534f;
  --global-badge-active-color: #fff;
  --global-badge-active-bg: #d9534f;
  --global-badge-font-weight: normal;
  --global-badge-line-height: 1;
  --global-badge-border-radius: 3px;
}