.progress {
    -webkit-box-shadow: none;
    background: #dadada;
    border-radius: 0;
    box-shadow: none;
    height: 18px;
}

.progress .progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 18px;
}

.progress[data-percent] { position: relative; }

.progress[data-percent]:after {
    bottom: 0;
    color: #FFF;
    content: attr(data-percent);
    display: inline-block;
    font-family: Verdana;
    font-size: 12px;
    left: 0;
    line-height: 16px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.progress.progress-yellow[data-percent]:after { color: #963; }

.progress.progress-small { height: 12px; }

.progress.progress-small .progress-bar {
    font-size: 11px;
    line-height: 10px;
}

.progress.progress-small[data-percent]:after {
    font-size: 11px;
    line-height: 10px;
}

.progress.progress-mini { height: 9px; }

.progress.progress-mini .progress-bar {
    font-size: 11px;
    line-height: 8px;
}

.progress.progress-mini[data-percent]:after {
    font-size: 11px;
    line-height: 8px;
}

.progress-bar { background-color: #2a91d8; }

.progress-striped .progress-bar {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger { background-color: #ca5952; }

.progress-striped .progress-bar-danger {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-success { background-color: #59a84b; }

.progress-striped .progress-bar-success {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning { background-color: #f2bb46; }

.progress-striped .progress-bar-warning {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-pink { background-color: #d6487e; }

.progress-striped .progress-bar-pink {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-purple { background-color: #9585bf; }

.progress-striped .progress-bar-purple {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-yellow { background-color: #ffd259; }

.progress-striped .progress-bar-yellow {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-inverse { background-color: #404040; }

.progress-striped .progress-bar-inverse {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-grey { background-color: #8a8a8a; }

.progress-striped .progress-bar-grey {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress { position: relative; }

.progress:before {
    /* ReSharper disable once InvalidValue */
    background: radial-gradient(9px 9px 0deg, circle cover, #0ff 0, rgba(0, 0, 255, 0) 100%, #00f 95%);
    bottom: 0;
    content: "";
    display: inline-block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.infobox-container {
    font-size: 0;
    text-align: center;
}

.infobox {
    background-color: #FFF;
    border: 1px dotted;
    border-color: #d8d8d8 !important;
    border-radius: 0;
    box-shadow: none;
    color: #555;
    display: inline-block;
    height: 66px;
    margin: -1px 0 0 -1px;
    padding: 8px 3px 6px 9px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 250px;
}

.infobox > .infobox-icon {
    display: inline-block;
    vertical-align: top;
    width: auto;
}

.infobox > .infobox-icon > [class*="icon-"] {
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    background-color: transparent;
    border: 0;
    border-radius: 100%;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
    height: 42px;
    margin: 0;
    padding: 1px 1px 0 2px;
    /*position: relative;*/
    text-align: center;
}

.infobox > .infobox-icon > [class*="icon-"]:before {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    color: rgba(255, 255, 255, 0.9);
    display: block;
    font-size: 24px;
    padding: 6px 0 7px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14);
    width: auto;
}

.infobox .infobox-content { color: #555; }

.infobox .infobox-content:first-child { font-weight: bold; }

.infobox > .infobox-data {
    border: 0;
    border-top-width: 0;
    display: inline-block;
    font-size: 13px;
    line-height: 21px;
    /*min-width: 130px;*/
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    text-align: left;
    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; }

@media only screen and (max-width: 460px) {
    .infobox {
        margin-bottom: 2px;
        margin-top: 2px;
        min-width: 95%;
    }
}

.infobox-purple {
    border-color: #6f3cc4;
    color: #6f3cc4;
}

.infobox-purple > .infobox-icon > [class*="icon-"] { background-color: #6f3cc4; }

.infobox-purple.infobox-dark {
    background-color: #6f3cc4;
    border-color: #6f3cc4;
}

.infobox-purple2 {
    border-color: #5f47b0;
    color: #5f47b0;
}

.infobox-purple2 > .infobox-icon > [class*="icon-"] { background-color: #5f47b0; }

.infobox-purple2.infobox-dark {
    background-color: #5f47b0;
    border-color: #5f47b0;
}

.infobox-pink {
    border-color: #cb6fd7;
    color: #cb6fd7;
}

.infobox-pink > .infobox-icon > [class*="icon-"] { background-color: #cb6fd7; }

.infobox-pink.infobox-dark {
    background-color: #cb6fd7;
    border-color: #cb6fd7;
}

.infobox-blue {
    border-color: #6fb3e0;
    color: #6fb3e0;
}

.infobox-blue > .infobox-icon > [class*="icon-"] { background-color: #6fb3e0; }

.infobox-blue.infobox-dark {
    background-color: #6fb3e0;
    border-color: #6fb3e0;
}

.infobox-blue2 {
    border-color: #3983c2;
    color: #3983c2;
}

.infobox-blue2 > .infobox-icon > [class*="icon-"] { background-color: #3983c2; }

.infobox-blue2.infobox-dark {
    background-color: #3983c2;
    border-color: #3983c2;
}

.infobox-blue3 {
    border-color: #1144eb;
    color: #1144eb;
}

.infobox-blue3 > .infobox-icon > [class*="icon-"] { background-color: #1144eb; }

.infobox-blue3.infobox-dark {
    background-color: #1144eb;
    border-color: #1144eb;
}

.infobox-red {
    border-color: #d53f40;
    color: #d53f40;
}

.infobox-red > .infobox-icon > [class*="icon-"] { background-color: #d53f40; }

.infobox-red.infobox-dark {
    background-color: #d53f40;
    border-color: #d53f40;
}

.infobox-brown {
    border-color: #c67a3e;
    color: #c67a3e;
}

.infobox-brown > .infobox-icon > [class*="icon-"] { background-color: #c67a3e; }

.infobox-brown.infobox-dark {
    background-color: #c67a3e;
    border-color: #c67a3e;
}

.infobox-wood {
    border-color: #7b3f25;
    color: #7b3f25;
}

.infobox-wood > .infobox-icon > [class*="icon-"] { background-color: #7b3f25; }

.infobox-wood.infobox-dark {
    background-color: #7b3f25;
    border-color: #7b3f25;
}

.infobox-lightbrown {
    border-color: #cebea5;
    color: #cebea5;
}

.infobox-lightbrown > .infobox-icon > [class*="icon-"] { background-color: #cebea5; }

.infobox-lightbrown.infobox-dark {
    background-color: #cebea5;
    border-color: #cebea5;
}

.infobox-orange {
    border-color: #e8b110;
    color: #e8b110;
}

.infobox-orange > .infobox-icon > [class*="icon-"] { background-color: #e8b110; }

.infobox-orange.infobox-dark {
    background-color: #e8b110;
    border-color: #e8b110;
}

.infobox-orange2 {
    border-color: #f79263;
    color: #f79263;
}

.infobox-orange2 > .infobox-icon > [class*="icon-"] { background-color: #f79263; }

.infobox-orange2.infobox-dark {
    background-color: #f79263;
    border-color: #f79263;
}

.infobox-green {
    border-color: #9abc32;
    color: #9abc32;
}

.infobox-green > .infobox-icon > [class*="icon-"] { background-color: #9abc32; }

.infobox-green.infobox-dark {
    background-color: #9abc32;
    border-color: #9abc32;
}

.infobox-green2 {
    border-color: #0490a6;
    color: #0490a6;
}

.infobox-green2 > .infobox-icon > [class*="icon-"] { background-color: #0490a6; }

.infobox-green2.infobox-dark {
    background-color: #0490a6;
    border-color: #0490a6;
}

.infobox-grey {
    border-color: #999;
    color: #999;
}

.infobox-grey > .infobox-icon > [class*="icon-"] { background-color: #999; }

.infobox-grey.infobox-dark {
    background-color: #999;
    border-color: #999;
}

.infobox-black {
    border-color: #393939;
    color: #393939;
}

.infobox-black > .infobox-icon > [class*="icon-"] { background-color: #393939; }

.infobox-black.infobox-dark {
    background-color: #393939;
    border-color: #393939;
}

.infobox-dark {
    border: 0;
    border-color: transparent !important;
    color: #FFF;
    margin: 1px 1px 0 0;
    padding: 4px;
}

.infobox-dark > .infobox-icon > [class*="icon-"], .infobox-dark > .infobox-icon > [class*="icon-"]:before {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    font-size: 30px;
    text-shadow: none;
}

.infobox-dark > .infobox-icon > [class*="icon-"]:before {
    filter: alpha(opacity=100);
    opacity: 1;
}

.infobox-dark .infobox-content { color: #FFF; }

.infobox > .infobox-progress {
    display: inline-block;
    padding-top: 0;
    vertical-align: top;
    width: 44px;
}

.infobox > .infobox-chart {
    display: inline-block;
    padding-top: 0;
    text-align: center;
    vertical-align: text-bottom;
    width: 44px;
}

.infobox > .infobox-chart > .sparkline { font-size: 24px; }

.infobox > .infobox-chart canvas { vertical-align: middle !important; }

.infobox > .stat {
    color: #abbac3;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding-right: 18px;
    padding-top: 3px;
    position: absolute;
    right: 20px;
    text-shadow: none;
    top: 11px;
}

.infobox > .stat:before {
    background-color: #abbac3;
    content: "";
    display: inline-block;
    height: 11px;
    position: absolute;
    right: 4px;
    top: 7px;
    width: 8px;
}

.infobox > .stat:after {
    border: 12px solid transparent;
    border-bottom-color: #abbac3;
    border-width: 8px 7px;
    content: "";
    display: inline-block;
    position: absolute;
    right: 1px;
    top: -8px;
}

.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-bottom-color: transparent;
    border-top-color: #e4564f;
    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-bottom-color: transparent;
    border-top-color: #ff8482;
    bottom: -6px;
    top: auto;
}

.infobox > .badge {
    border-radius: 0;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    height: 16px;
    line-height: 15px;
    padding: 0 1px;
    position: absolute;
    right: 20px;
    text-shadow: none;
    top: 11px;
}

.infobox.infobox-dark > .badge {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid #f1f1f1;
    color: #FFF;
    right: 2px;
    top: 2px;
}

.infobox.infobox-dark > .badge.badge-success > [class*="icon-"] { color: #c6e9a1; }

.infobox.infobox-dark > .badge.badge-important > [class*="icon-"] { color: #ecb792; }

.infobox.infobox-dark > .badge.badge-warning > [class*="icon-"] { color: #ecb792; }

.infobox-small {
    height: 52px;
    padding-bottom: 5px;
    text-align: left;
    width: 135px;
}

.infobox-small > .infobox-icon, .infobox-small > .infobox-chart, .infobox-small > .infobox-progress {
    display: inline-block;
    height: 42px;
    line-height: 38px;
    max-width: 40px;
    vertical-align: middle;
    width: 40px;
}

.infobox-small > .infobox-data {
    display: inline-block;
    max-width: 72px;
    min-width: 0;
    text-align: left;
    vertical-align: middle;
}

.infobox-small > .infobox-chart > .sparkline {
    font-size: 14px;
    margin-left: 2px;
}

.percentage {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
}

.infobox-small .percentage {
    font-size: 13px;
    font-weight: normal;
    margin-left: 2px;
    margin-top: 2px;
}

.easyPieChart {
    position: relative;
    text-align: center;
}

.easyPieChart canvas {
    left: 0;
    position: absolute;
    top: 0;
}

.tile-progress {
    background-color: #303641;
    color: #fff;
}

.tile-progress {
    -moz-background-clip: padding;
    -moz-border-radius: 5px;
    -moz-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 3px;
    background: #00a65b;
    background-clip: padding-box;
    border-radius: 5px;
    border-radius: 3px;
    color: #fff;
    margin-bottom: 20px;
}

.tile-progress .tile-header { padding: 15px 20px; }

.tile-progress .tile-progressbar {
    background: rgba(0, 0, 0, 0.18);
    height: 2px;
    margin: 0;
}

.tile-progress .tile-progressbar span { background: #fff; }

.tile-progress .tile-progressbar span {
    -moz-transition: all 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -o-transition: all 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -webkit-transition: all 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    background: #fff;
    display: block;
    height: 100%;
    transition: all 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    width: 0;
}

.tile-progress .tile-footer {
    -moz-background-clip: padding;
    -moz-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    background: rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
    border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    padding: 20px;
    text-align: right;
}

.tile-progress.tile-red {
    background-color: #f56954;
    color: #fff;
}

.tile-progress {
    background-color: #303641;
    color: #fff;
}

.tile-progress.tile-blue {
    background-color: #0073b7;
    color: #fff;
}

.tile-progress.tile-aqua {
    background-color: #00c0ef;
    color: #fff;
}

.tile-progress.tile-green {
    background-color: #00a65a;
    color: #fff;
}

.tile-progress.tile-cyan {
    background-color: #00b29e;
    color: #fff;
}

.tile-progress.tile-purple {
    background-color: #ba79cb;
    color: #fff;
}

.tile-progress.tile-pink {
    background-color: #ec3b83;
    color: #fff;
}

.progress2 {
    height: 25px;
    position: relative;
}

.progress2 > .progress-type {
    background-color: rgba(25, 25, 25, 0.11);
    color: #303641;
    font-weight: 800;
    left: 0px;
    padding: 3px 30px 2px 10px;
    position: absolute;
}

.progress2 > .progress-completed {
    font-weight: 600;
    padding: 3px 10px 2px;
    position: absolute;
    right: 0px;
}