.RadTile_CnMaterial {
    color: #ffffff;
    background-color: #8BC34A;
}

.RadTile_CnMaterial .rtilePeekContent {
    background-color: #8BC34A;
}

.RadTile_CnMaterial .rtileBadgeIcon {
    color: #ffffff;
}

.RadTile_CnMaterial.rtileSelected .rtileSelectedIcon {
    background-color: #f8fafb;
    color: #03A9F4;
}

.RadTile_CnMaterial.rtileHovered {
    border-color: #689F38;
}

.RadTile_CnMaterial.rtileSelected {
    border-color: #f8fafb;
}

.RadTile_CnMaterial.rtileSelected.rtileHovered {
    border-color: rgba(104, 159, 56, 0.7);
}

.RadTile_CnMaterial.rtileLoading,
.RadTile_CnMaterial .rtileLoading {
    background-image: url(" ");
}

    .RadTile_CnMaterial .rtileBadgeIcon:before {
        font-family: var(--font-icons);
        font-size: 24px;
    }

.RadTile_CnMaterial .rtileAlertBadge:before {
    content: "\E7F5";
}

.RadTile_CnMaterial .rtileAttentionBadge:before {
    content: "\E001";
}

.RadTile_CnMaterial .rtileErrorBadge:before {
    content: "\E888";
}

.RadTile_CnMaterial .rtilePausedBadge::before {
    content: "\E036";
}

.RadTile_CnMaterial .rtileActivityBadge:before {
    content: "\E5D5";
}

.RadTile_CnMaterial .rtileNewMessageBadge:before {
    content: "\E0E1";
}

.RadTile_CnMaterial .rtilePlayingBadge:before {
    content: "\E039";
}