body { 
    padding-top: 30px;
    padding-bottom: 40px;
    background-color: rgb(245, 245, 245);
}

.footer {
    min-height: 30px;
    height: 30px;;
}

.footer.navbar-text {
        margin-top: 8px;
        margin-bottom: 8px;
}

.panel200 {
    height: 200px;
    overflow: auto;
}

.panel140 {
    height: 145px;
    overflow: auto;
}

.btn-panel-title {
    margin-top: -7px;
}

.list-group-item-sm {
	padding: 3px 10px;
	margin-bottom: -1px;
	background-color: #fff;
    border: 0px solid #ddd;
}

.bg-color-cgired  {
	background-color: #e31937;
}

.bg-color-honey {
	background-color: #f2a200;
}

.bg-color-ice {
    background-color: #a1c4d0;
}

.bg-color-pumpkin {
	background-color: #ff6a00;
}

.bg-color-green {
	background-color: #53d192 !important;
}

.panel-heading {
  padding: 5px 15px;
}

.panel-title {
  font-size: 14px;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: white;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.badge-parent.badge-smaller .badge {
    font-size: 9px;
    padding: 5px;
    border-radius: 10px;
}
.badge-parent.badge-smaller .badge .fa {
    min-width: 9px;
}


ol.breadcrumb li a {
  color:#73ab55
}

.label-filter {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 75%;
	vertical-align: middle;
}

.top-buffer { margin-top:10px; }

.tile-heading {
    color: #909090 !important;
    font-size: 50px !important;
    margin-bottom: 0px !important;
    margin-top: 2px !important;
}

.tile-text {
	color: #0e0e0e !important;
	font-size: 15px !important;
	font-weight: bold;
	margin-top: 12px;

}



/**
 * For SVG dougnuts
 * 1. The `reverse` animation direction plays the animation backwards
 *    which makes it start at the stroke offset 100 which means displaying
 *    no stroke at all and animating it to the value defined in the SVG
 *    via the inline `stroke-dashoffset` attribute.
 * 2. Rotate by -90 degree to make the starting point of the
 *    stroke the top of the circle.
 * 3. Using CSS transforms on SVG elements is not supported by Internet Explorer
 *    and Edge, use the transform attribute directly on the SVG element as a
 * .  workaround (https://markus.oberlehner.net/blog/pure-css-animated-svg-circle-chart/#part-4-internet-explorer-strikes-back).
 */
 .circle-chart__circle {
    animation: circle-chart-fill 2s reverse; /* 1 */ 
    transform: rotate(-90deg); /* 2, 3 */
    transform-origin: center; /* 4 */
  }
  
  /**
   * 1. Rotate by -90 degree to make the starting point of the
   *    stroke the top of the circle.
   * 2. Scaling mirrors the circle to make the stroke move right
   *    to mark a positive chart value.
   * 3. Using CSS transforms on SVG elements is not supported by Internet Explorer
   *    and Edge, use the transform attribute directly on the SVG element as a
   * .  workaround (https://markus.oberlehner.net/blog/pure-css-animated-svg-circle-chart/#part-4-internet-explorer-strikes-back).
   */
  .circle-chart__circle--negative {
    transform: rotate(-90deg) scale(1,-1); /* 1, 2, 3 */
  }
  
  .circle-chart__info {
    animation: circle-chart-appear 2s forwards;
    opacity: 0;
    transform: translateY(0.3em);
  }
  
  @keyframes circle-chart-fill {
    to { stroke-dasharray: 0 100; }
  }
  
  @keyframes circle-chart-appear {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Markdow CSS */
  div#markdown > h1,
h2,
h3 {
  color: #991f3d;
}
div#markdown > h1 {
  font-size: 28px;
}
div#markdown > p {
  font-size: 14px;
  text-align: justify;
}
div#markdown > ul {
  font-size: 14px;
  list-style-type: disc;
}
div#markdown > h1,
h2,
h3 {
  color: #991f3d;
  margin: 10px 0 10px 0;
}
div#markdown > h1 {
  font-size: 28px;
}
div#markdown > h2 {
  font-size: 24px;
}
div#markdown > h3 {
  font-size: 16px;
}
div#markdown > p {
  font-size: 14px;
  text-align: justify;
}
div#markdown > ul li ul {
  list-style-type: circle;
}
#markdown > ul li > ul li > ul li {
  list-style-type: square;
}
#markdown ol li {
  list-style-type: decimal;
}
div#markdown > table {
  width: 100%;
  overflow: auto;
  border-spacing: 0;
  border-collapse: collapse;
}
div#markdown ol > ol li {
  list-style-type: lower-alpha;
}
div#markdown > table td {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
}
div#markdown > table th {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
}
div#markdown > table tr {
  background-color: #fff;
  border-top: 1px solid #c6cbd1;
}
div#markdown > table > thead > tr {
  background: #991f3d none repeat scroll 0 0 !important;
  color: #fff;
  font-weight: normal;
}
div#markdown > p > img {
  max-width: 100%;
  max-height: 100%;
}

@media print {
    table.table tfoot {
        display: table-row-group;
    }
}