/*!
 * Copyright (c) 2016-2017 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 *
 * Clarity v0.10.23 | MIT license | https://github.com/vmware/clarity
 *
 */
clr-icon {
  display: inline-block;
  margin: 0;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  fill: currentColor; }
  clr-icon .transparent-fill-stroke {
    stroke: currentColor; }
  clr-icon.is-green, clr-icon.is-success {
    fill: #318700; }
    clr-icon.is-green .transparent-fill-stroke, clr-icon.is-success .transparent-fill-stroke {
      stroke: #318700; }
  clr-icon.is-red, clr-icon.is-danger, clr-icon.is-error {
    fill: #e62700; }
    clr-icon.is-red .transparent-fill-stroke, clr-icon.is-danger .transparent-fill-stroke, clr-icon.is-error .transparent-fill-stroke {
      stroke: #e62700; }
  clr-icon.is-warning {
    fill: #fac400; }
    clr-icon.is-warning .transparent-fill-stroke {
      stroke: #fac400; }
  clr-icon.is-blue, clr-icon.is-info {
    fill: #007CBB; }
    clr-icon.is-blue .transparent-fill-stroke, clr-icon.is-info .transparent-fill-stroke {
      stroke: #007CBB; }
  clr-icon.is-white, clr-icon.is-inverse {
    fill: #FFFFFF; }
    clr-icon.is-white .transparent-fill-stroke, clr-icon.is-inverse .transparent-fill-stroke {
      stroke: #FFFFFF; }
  clr-icon.is-highlight {
    fill: #007CBB; }
    clr-icon.is-highlight .transparent-fill-stroke {
      stroke: #007CBB; }
  clr-icon[shape$=" up"] svg, clr-icon[dir="up"] svg {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  clr-icon[shape$=" down"] svg, clr-icon[dir="down"] svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  clr-icon[shape$=" right"] svg, clr-icon[dir="right"] svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  clr-icon[shape$=" left"] svg, clr-icon[dir="left"] svg {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  clr-icon[flip="horizontal"] svg {
    -webkit-transform: scale(-1) rotateX(180deg);
    transform: scale(-1) rotateX(180deg); }
  clr-icon[flip="vertical"] svg {
    -webkit-transform: scale(-1) rotateY(180deg);
    transform: scale(-1) rotateY(180deg); }
  clr-icon .clr-i-badge {
    fill: #e62700; }
    clr-icon .clr-i-badge .transparent-fill-stroke {
      stroke: #e62700; }
  clr-icon > * {
    height: 100%;
    width: 100%;
    display: block;
    pointer-events: none; }
  clr-icon > svg {
    transition: inherit; }
    clr-icon > svg title {
      display: none; }
  clr-icon .clr-i-solid,
  clr-icon .clr-i-solid--badged,
  clr-icon .clr-i-solid--alerted {
    display: none; }
  clr-icon .clr-i-outline--alerted:not(.clr-i-outline),
  clr-icon .clr-i-outline--badged:not(.clr-i-outline) {
    display: none; }
  clr-icon[class*="has-alert"] .can-alert .clr-i-outline--alerted {
    display: block; }
  clr-icon[class*="has-alert"] .can-alert .clr-i-outline:not(.clr-i-outline--alerted) {
    display: none; }
  clr-icon[class*="has-badge"] .can-badge .clr-i-outline--badged {
    display: block; }
  clr-icon[class*="has-badge"] .can-badge .clr-i-outline:not(.clr-i-outline--badged) {
    display: none; }
  clr-icon.is-solid .has-solid .clr-i-solid {
    display: block; }
  clr-icon.is-solid .has-solid .clr-i-outline,
  clr-icon.is-solid .has-solid .clr-i-outline--badged {
    display: none; }
  clr-icon.is-solid .has-solid .clr-i-solid--alerted:not(.clr-i-solid),
  clr-icon.is-solid .has-solid .clr-i-solid--badged:not(.clr-i-solid) {
    display: none; }
  clr-icon.is-solid[class*="has-badge"] .can-badge.has-solid .clr-i-solid--badged {
    display: block; }
  clr-icon.is-solid[class*="has-badge"] .can-badge.has-solid .clr-i-outline,
  clr-icon.is-solid[class*="has-badge"] .can-badge.has-solid .clr-i-outline--badged,
  clr-icon.is-solid[class*="has-badge"] .can-badge.has-solid .clr-i-solid:not(.clr-i-solid--badged) {
    display: none; }
  clr-icon.is-solid[class*="has-alert"] .can-alert.has-solid .clr-i-solid--alerted {
    display: block; }
  clr-icon.is-solid[class*="has-alert"] .can-alert.has-solid .clr-i-outline,
  clr-icon.is-solid[class*="has-alert"] .can-alert.has-solid .clr-i-outline--alerted,
  clr-icon.is-solid[class*="has-alert"] .can-alert.has-solid .clr-i-solid:not(.clr-i-solid--alerted) {
    display: none; }
  clr-icon.has-badge--success .clr-i-badge {
    fill: #318700; }
    clr-icon.has-badge--success .clr-i-badge .transparent-fill-stroke {
      stroke: #318700; }
  clr-icon.has-badge--error .clr-i-badge {
    fill: #e62700; }
    clr-icon.has-badge--error .clr-i-badge .transparent-fill-stroke {
      stroke: #e62700; }
  clr-icon.has-badge--info .clr-i-badge {
    fill: #007CBB; }
    clr-icon.has-badge--info .clr-i-badge .transparent-fill-stroke {
      stroke: #007CBB; }
  clr-icon.has-alert .clr-i-alert {
    fill: #fac400; }
    clr-icon.has-alert .clr-i-alert .transparent-fill-stroke {
      stroke: #fac400; }
  clr-icon .is-off-screen {
    position: fixed !important;
    border: none !important;
    height: 1px !important;
    width: 1px !important;
    left: 0px !important;
    top: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 0 -1px 0 !important; }

/*# sourceMappingURL=clarity-icons.css.map*/