.progressbar {
border: 15px solid #e6e6e6;
background-color: #e6e6e6;
border-radius: 20px;
position: relative;
.value {
@include gradient-vertical($start-color: #de0e21, $end-color: #8c010e, $start-percent: 0%, $end-percent: 100%);
height: 35px;
border-radius: 10px;
height: 35px;
float: left;
}
.value-bg {
@include box-shadow (1px 3px 3px rgba(0,0,0,0.25) inset);
@include gradient-horizontal($start-color: #fca13a, $end-color: #ff7402, $start-percent: 0%, $end-percent: 100%);
border-radius: 10px;
height: 35px;
width: 100%;
}
.value-max {
background-color: #e10f21;
border-radius: 10px;
display: block;
position: absolute;
right: -15px;
top: -15px;
font-family: Oswald, sans-serif;
font-size: 24px;
line-height: 32px;
padding: 15px 15px;
color: #fff;
strong {
font-size: 32px;
line-height: 32px;
}
}
}
.table-striped {
>thead>tr>th {
background-color: #bbb;
font-family: Oswald, sans-serif;
font-size: 16px;
line-height: 16px;
padding-top: 20px;
padding-bottom: 20px;
}
a {
color: #a90000;
}
>thead>tr>th,
>tbody>tr>td {
border: none;
}
}
.icon-store-download-app {
display: inline-block;
margin: 10px 32px;
}
@media(max-width: 500px) {
.icon-store-download-app {
display: block;
margin: 10px 0;
}
}