:root{
  --blue-a:#1572A1;
  --red-a:#D45079;
  --yellow-a:#EEBB4D;
  --blue-main:#0F62C8;
  --blue-sub:#4EA1CB;
  --red-chart:#D24545;
  --yellow-chart:#DD8816;
  --blue-chart:#525CEB;
  --grey-chart:#9F9F9F;
  --grey-shade-1:#DDDDDD;
  --scroller-color:#0F62C8;
}

.blue-a{
    background-color: var(--blue-a);
}
.blue-a-text{
    color: var(--blue-a);
}
.blue-a-border{
    border-style:solid;
    border-color: var(--blue-a);
}
.red-a{
    background-color: var(--red-a);
}
.red-a-text{
    color: var(--red-a);
}
.red-a-border{
    border-style:solid;
    border-color: var(--red-a);
}
.yellow-a{
    background-color: var(--yellow-a);
}
.yellow-a-text{
    color: var(--yellow-a);
}
.yellow-a-border{
    border-style:solid;
    border-color: var(--yellow-a);
}
.blue-main{
    background-color: var(--blue-main);
}
.blue-main-text{
    color: var(--blue-main);
}
.blue-main-border{
    border-style:solid;
    border-color: var(--blue-main);
}
.blue-sub{
    background-color: var(--blue-sub);
}
.blue-sub-text{
    color: var(--blue-sub);
}
.blue-sub-border{
    border-style:solid;
    border-color: var(--blue-sub);
}
.red-chart{
    background-color: var(--red-chart);
}
.red-chart-text{
    color: var(--red-chart);
}
.red-chart-border{
    border-style:solid;
    border-color: var(--red-chart);
}
.yellow-chart{
    background-color: var(--yellow-chart);
}
.yellow-chart-text{
    color: var(--yellow-chart);
}
.yellow-chart-border{
    border-style:solid;
    border-color: var(--yellow-chart);
}
.blue-chart{
    background-color: var(--blue-chart);
}
.blue-chart-text{
    color: var(--blue-chart);
}
.blue-chart-border{
    border-style:solid;
    border-color: var(--blue-chart);
}
.grey-chart{
    background-color: var(--grey-chart);
}
.grey-chart-text{
    color: var(--grey-chart);
}
.grey-chart-border{
    border-style:solid;
    border-color: var(--grey-chart);
}
.grey-shade-1{
    background-color: var(--grey-shade-1);
}
.grey-shade-1-text{
    color: var(--grey-shade-1);
}
.grey-shade-1-border{
    border-style:solid;
    border-color: var(--grey-shade-1);
}
.zz{
    background-color: var(--zz);
}
.zz-text{
    color: var(--zz);
}
.zz-border{
    border-style:solid;
    border-color: var(--zz);
}

.btn-yellow {
    background-color: #FFB800 !important;
}

.btn-green {
    background-color: #72CC50 !important;
}