.infobox-container {
 text-align:center;
 font-size:0
}
.infobox {
 display:inline-block;
 width:200px;
 height:52px;
 color:#555;
 background-color:#FFF;
 box-shadow:none;
 border-radius:0;
 margin:-1px 0 0 -1px;
 padding:8px 3px 6px 9px;
 border:1px dotted;
 border-color:#d8d8d8!important;
 vertical-align:middle;
 text-align:left;
 position:relative
}
.infobox>.infobox-icon {
 display:inline-block;
 vertical-align:top;
 width:44px
}
.infobox>.infobox-icon>[class*="fa"] {
 display:inline-block;
 height:42px;
 margin:0;
 padding:1px 1px 0 2px;
 background-color:transparent;
 border:0;
 text-align:center;
 position:relative;
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 border-radius:100%;
 -webkit-box-shadow:1px 1px 0 rgba(0,0,0,0.2);
 -moz-box-shadow:1px 1px 0 rgba(0,0,0,0.2);
 box-shadow:1px 1px 0 rgba(0,0,0,0.2)
}
.infobox>.infobox-icon>[class*="fa"]:before {
 font-size:24px;
 display:block;
 padding:6px 0 7px;
 width:40px;
 text-align:center;
 -webkit-border-radius:100%;
 -moz-border-radius:100%;
 border-radius:100%;
 color:rgba(255,255,255,0.9);
 background-color:rgba(255,255,255,0.2);
 text-shadow:1px 1px 1px rgba(0,0,0,0.14)
}
.infobox .infobox-content {
 color:#555
}
.infobox .infobox-content:first-child {
 font-weight:bold
}
.infobox>.infobox-data {
 display:inline-block;
 border:0;
 border-top-width:0;
 font-size:13px;
 text-align:left;
 line-height:21px;
 min-width:130px;
 padding-left:8px;
 position:relative;
 top:0
}
.infobox>.infobox-data>.infobox-data-number {
 display:block;
 font-size:22px;
 margin:2px 0 4px;
 position:relative;
 text-shadow:1px 1px 0 rgba(0,0,0,0.15)
}
.infobox>.infobox-data>.infobox-text {
 display:block;
 font-size:16px;
 margin:2px 0 4px;
 position:relative;
 text-shadow:none
}
.infobox.no-border {
 border:none!important
}
.infobox-purple {
 color:#6f3cc4;
 border-color:#6f3cc4
}
.infobox-purple>.infobox-icon>[class*="fa"] {
 background-color:#6f3cc4
}
.infobox-purple.infobox-dark {
 background-color:#6f3cc4;
 border-color:#6f3cc4
}
.infobox-purple2 {
 color:#5f47b0;
 border-color:#5f47b0
}
.infobox-purple2>.infobox-icon>[class*="fa"] {
 background-color:#5f47b0
}
.infobox-purple2.infobox-dark {
 background-color:#5f47b0;
 border-color:#5f47b0
}
.infobox-pink {
 color:#cb6fd7;
 border-color:#cb6fd7
}
.infobox-pink>.infobox-icon>[class*="fa"] {
 background-color:#cb6fd7
}
.infobox-pink.infobox-dark {
 background-color:#cb6fd7;
 border-color:#cb6fd7
}
.infobox-blue {
 color:#6fb3e0;
 border-color:#6fb3e0
}
.infobox-blue>.infobox-icon>[class*="fa"] {
 background-color:#6fb3e0
}
.infobox-blue.infobox-dark {
 background-color:#6fb3e0;
 border-color:#6fb3e0
}
.infobox-blue2 {
 color:#3983c2;
 border-color:#3983c2
}
.infobox-blue2>.infobox-icon>[class*="fa"] {
 background-color:#3983c2
}
.infobox-blue2.infobox-dark {
 background-color:#3983c2;
 border-color:#3983c2
}
.infobox-blue3 {
 color:#1144eb;
 border-color:#1144eb
}
.infobox-blue3>.infobox-icon>[class*="fa"] {
 background-color:#1144eb
}
.infobox-blue3.infobox-dark {
 background-color:#1144eb;
 border-color:#1144eb
}
.infobox-red {
 color:#d53f40;
 border-color:#d53f40
}
.infobox-red>.infobox-icon>[class*="fa"] {
 background-color:#d53f40
}
.infobox-red.infobox-dark {
 background-color:#d53f40;
 border-color:#d53f40
}
.infobox-brown {
 color:#c67a3e;
 border-color:#c67a3e
}
.infobox-brown>.infobox-icon>[class*="fa"] {
 background-color:#c67a3e
}
.infobox-brown.infobox-dark {
 background-color:#c67a3e;
 border-color:#c67a3e
}
.infobox-wood {
 color:#7b3f25;
 border-color:#7b3f25
}
.infobox-wood>.infobox-icon>[class*="fa"] {
 background-color:#7b3f25
}
.infobox-wood.infobox-dark {
 background-color:#7b3f25;
 border-color:#7b3f25
}
.infobox-light-brown {
 color:#cebea5;
 border-color:#cebea5
}
.infobox-light-brown>.infobox-icon>[class*="fa"] {
 background-color:#cebea5
}
.infobox-light-brown.infobox-dark {
 background-color:#cebea5;
 border-color:#cebea5
}
.infobox-orange {
 color:#e8b110;
 border-color:#e8b110
}
.infobox-orange>.infobox-icon>[class*="fa"] {
 background-color:#e8b110
}
.infobox-orange.infobox-dark {
 background-color:#e8b110;
 border-color:#e8b110
}
.infobox-orange2 {
 color:#f79263;
 border-color:#f79263
}
.infobox-orange2>.infobox-icon>[class*="fa"] {
 background-color:#f79263
}
.infobox-orange2.infobox-dark {
 background-color:#f79263;
 border-color:#f79263
}
.infobox-green {
 color:#9abc32;
 border-color:#9abc32
}
.infobox-green>.infobox-icon>[class*="fa"] {
 background-color:#9abc32
}
.infobox-green.infobox-dark {
 background-color:#9abc32;
 border-color:#9abc32
}
.infobox-green2 {
 color:#0490a6;
 border-color:#0490a6
}
.infobox-green2>.infobox-icon>[class*="fa"] {
 background-color:#0490a6
}
.infobox-green2.infobox-dark {
 background-color:#0490a6;
 border-color:#0490a6
}
.infobox-grey {
 color:#999;
 border-color:#999
}
.infobox-grey>.infobox-icon>[class*="fa"] {
 background-color:#999
}
.infobox-grey.infobox-dark {
 background-color:#999;
 border-color:#999
}
.infobox-black {
 color:#393939;
 border-color:#393939
}
.infobox-black>.infobox-icon>[class*="fa"] {
 background-color:#393939
}
.infobox-black.infobox-dark {
 background-color:#393939;
 border-color:#393939
}
.infobox-dark {
 margin:1px 1px 0 0;
 border-color:transparent!important;
 border:0;
 color:#FFF;
 padding:4px
}
.infobox-dark>.infobox-icon>[class*="fa"],
.infobox-dark>.infobox-icon>[class*="fa"]:before {
 background-color:transparent;
 box-shadow:none;
 text-shadow:none;
 border-radius:0;
 font-size:30px
}
.infobox-dark>.infobox-icon>[class*="fa"]:before {
 opacity:1;
 filter:alpha(opacity=100)
}
.infobox-dark .infobox-content {
 color:#FFF
}
.infobox>.infobox-progress {
 padding-top:0;
 display:inline-block;
 vertical-align:top;
 width:44px
}
.infobox>.infobox-chart {
 padding-top:0;
 display:inline-block;
 vertical-align:text-bottom;
 width:44px;
 text-align:center
}
.infobox>.infobox-chart>.sparkline {
 font-size:24px
}
.infobox>.infobox-chart canvas {
 vertical-align:middle!important
}
.infobox>.stat {
 display:inline-block;
 position:absolute;
 right:20px;
 top:11px;
 text-shadow:none;
 color:#abbac3;
 font-size:13px;
 font-weight:bold;
 padding-right:18px;
 padding-top:3px
}
.infobox>.stat:before {
 display:inline-block;
 content:"";
 width:8px;
 height:11px;
 background-color:#abbac3;
 position:absolute;
 right:4px;
 top:7px
}
.infobox>.stat:after {
 display:inline-block;
 content:"";
 position:absolute;
 right:1px;
 top:-8px;
 border:12px solid transparent;
 border-width:8px 7px;
 border-bottom-color:#abbac3
}
.infobox>.stat.stat-success {
 color:#77c646
}
.infobox>.stat.stat-success:before {
 background-color:#77c646
}
.infobox>.stat.stat-success:after {
 border-bottom-color:#77c646
}
.infobox>.stat.stat-important {
 color:#e4564f
}
.infobox>.stat.stat-important:before {
 background-color:#e4564f;
 top:3px
}
.infobox>.stat.stat-important:after {
 border-top-color:#e4564f;
 border-bottom-color:transparent;
 bottom:-6px;
 top:auto
}
.infobox.infobox-dark>.stat {
 color:#FFF
}
.infobox.infobox-dark>.stat:before {
 background-color:#e1e5e8
}
.infobox.infobox-dark>.stat:after {
 border-bottom-color:#e1e5e8
}
.infobox.infobox-dark>.stat.stat-success {
 color:#FFF
}
.infobox.infobox-dark>.stat.stat-success:before {
 background-color:#d0e29e
}
.infobox.infobox-dark>.stat.stat-success:after {
 border-bottom-color:#d0e29e
}
.infobox.infobox-dark>.stat.stat-important {
 color:#FFF
}
.infobox.infobox-dark>.stat.stat-important:before {
 background-color:#ff8482;
 top:3px
}
.infobox.infobox-dark>.stat.stat-important:after {
 border-top-color:#ff8482;
 border-bottom-color:transparent;
 bottom:-6px;
 top:auto
}
.infobox>.badge {
 position:absolute;
 right:20px;
 top:11px;
 border-radius:0;
 text-shadow:none;
 color:#FFF;
 font-size:11px;
 font-weight:bold;
 line-height:15px;
 height:16px;
 padding:0 1px
}
.infobox.infobox-dark>.badge {
 color:#FFF;
 background-color:rgba(255,255,255,0.2)!important;
 border:1px solid #f1f1f1;
 top:2px;
 right:2px
}
.infobox.infobox-dark>.badge.badge-success>[class*="fa"] {
 color:#c6e9a1
}
.infobox.infobox-dark>.badge.badge-important>[class*="fa"] {
 color:#ecb792
}
.infobox.infobox-dark>.badge.badge-warning>[class*="fa"] {
 color:#ecb792
}
.infobox-small {
 width:125px;
 height:45px;
 text-align:left;
 padding-bottom:5px
}
.infobox-small>.infobox-icon,
.infobox-small>.infobox-chart,
.infobox-small>.infobox-progress {
 display:inline-block;
 width:40px;
 max-width:40px;
 height:42px;
 line-height:38px;
 vertical-align:middle
}
.infobox-small>.infobox-data {
 display:inline-block;
 text-align:left;
 vertical-align:middle;
 max-width:72px;
 min-width:0
}
.infobox-small>.infobox-chart>.sparkline {
 font-size:14px;
 margin-left:2px
}
.percentage {
 font-size:14px;
 font-weight:bold;
 display:inline-block;
 vertical-align:top
}
.infobox-small .percentage {
 font-size:13px;
 font-weight:normal;
 margin-top:2px;
 margin-left:2px
}