.colored-icon .icon {fontSize:19px;}

.colored-icon {backgroundColor:#ebebf2;borderRadius:50%;height:38px;width:38px;display:flex;alignItems:center;justifyContent:center;marginRight:15px;color:var(--title-color);}

.colored-icon.blue {color:#0091de;backgroundColor:rgba(0,145,222,.1);}

.colored-icon.green {color:#19b48e;backgroundColor:rgba(25,180,142,.1);}

.colored-icon.orange {color:#ee8f30;backgroundColor:rgba(255,156,60,.16);}

.colored-icon.pink {color:#e2206e;backgroundColor:rgba(226,32,95,.1);}

.colored-icon.purple {color:#9146da;backgroundColor:rgba(145,70,218,.15);}

.colored-icon.red {color:#d8422e;backgroundColor:rgba(216,66,46,.13);}

.colored-icon.yellow {color:#e5b32d;backgroundColor:rgba(229,179,45,.2);}

.colored-icons-list a {justifyContent:flex-start;padding:11px var(--f7-list-item-padding-horizontal);height:auto;}

.dark .colored-icon.blue {backgroundColor:rgba(0,145,222,.25);}

.dark .colored-icon.green {backgroundColor:rgba(25,180,142,.2);}

.dark .colored-icon.orange {backgroundColor:rgba(255,156,60,.2);}

.dark .colored-icon.pink {backgroundColor:rgba(226,32,95,.2);}

.dark .colored-icon.purple {backgroundColor:rgba(145,70,218,.3);}

.dark .colored-icon.red {backgroundColor:rgba(216,66,46,.3);}

.dark .colored-icon.yellow {backgroundColor:rgba(229,179,45,.2);}

html[dir=rtl] .colored-icon {marginRight:0;marginLeft:10px;}

.bg-color-primary {backgroundColor:var(--f7-theme-color) !important;}

.color-dark {--f7-theme-color:#1e2b47;--f7-theme-color-rgb:30,43,71;--f7-theme-color-shade:#121a2a;--f7-theme-color-tint:#2a3c64;}

.color-light-gray {--f7-button-text-color:var(--title-color);--f7-theme-color:#ecf1f5;--f7-theme-color-rgb:236,241,245;--f7-theme-color-shade:#d1dde7;--f7-theme-color-tint:#f6f8fa;--f7-badge-text-color:var(--title-color);}

.color-light-gray {--f7-text-color:var(--title-color);}