.gc-icon-head-zertifikate {
    margin-left: calc(100%/12 + 24px);
    width: 120px;
    height: 75px;
    position: absolute;
    bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
}
.gc-icon-head-verarbeiten {
    margin-left: calc((100%/12) + 180px);
    width: 120px;
    height: 75px;
    position: absolute;
    bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
}

.gc-icon-head-auswertungen {
    margin-left: calc((100%/12) + 180px);
    width: 120px;
    height: 75px;
    position: absolute;
    bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
}

.gc-icon-grid-document-text {
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    background: url(icons/document_text.svg);
    background-size: 24px 24px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    cursor: pointer;
}

.gc-icon-grid-check {
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    background: url(icons/check.svg);
    background-size: 24px 24px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    cursor: pointer;
}

.gc-icon-grid-edit {
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    background: url(icons/pencil.svg);
    background-size: 24px 24px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    cursor: pointer;
}
.gc-icon-grid-edit:hover {
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    background: url(icons/pencil_hover.svg);
    background-size: 24px 24px;
    cursor: pointer;
 }
.gc-icon-grid-eyeglasses {
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    background: url(icons/eyeglasses.svg);
    background-size: 24px 24px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    cursor: pointer;
}
.gc-icon-grid-garbage-can {
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    background: url(icons/garbage_can.svg);
    background-size: 24px 24px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    cursor: pointer;
}
.gc-icon-head-third {
    margin-left: calc((100%/6) + 300px);
    width: 120px;
    height: 75px;
    position: absolute;
    bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
}
.gc-icon-chart-column {
    margin-left: 24px;
    display: block;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    background: url(icons/chart_column.svg);
    background-size: 50px 50px;
}

.gc-icon-document-text {
    margin-left: 24px;
    display: block;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    background: url(icons/document_text.svg);
    background-size: 50px 50px;
}

.gc-icon-gearwheels {
    margin-left: 24px;
    display: block;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    background: url(icons/gearwheels.svg);
    background-size: 50px 50px;
}

.mde-icon-md-pause{
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    background: url(icons/media_pause.svg);
    background-size: 16px 16px;
}
.mde-icon-md-play {
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    background: url(icons/media_play.svg);
    background-size: 16px 16px;
}
.mde-icon-md-stop {
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    background: url(icons/media_stop.svg);
    background-size: 16px 16px;
}
.mde-icon-md-dynerfassung {
    display: block;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    background: url(icons/dynerfassung.svg);
    background-size: 50px 50px;
}
.mde-icon-md-pencil {
    display: block;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    background: url(icons/pencil.svg);
    background-size: 50px 50px;
}
.mde-icon-md-delete {
    display: block;
    text-indent: -9999px;
    width: 38px;
    height: 38px;
    background: url(icons/delete.svg);
    background-size: 38px 38px;
}