@font-face {
    font-family: "dicons";
    src: url("fonts/dicons.woff2") format("woff2"),
         url("fonts/dicons.woff") format("woff"),
         url("fonts/dicons.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.dicons:before {
    font-family: "dicons" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    content: "\f000";
    display: inline-block;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dicons-ok-siyah:before {
    content: "\f000";
    color: #3c3c3c;
}

.dicons-ok-mavi:before {
    content: "\f001";
    color: var(--wd-alternative-color)
}

.dicons-ok-beyaz {
}
.dicons-ok-beyaz:before {
    content: "\f002";
    color: #fff;
    transform: translateY(2px);
}