.sprite-dreisc--shopware-seo-crawler-icon {
    background: url('../images/icons/seo-crawler-icon.png') no-repeat !important;
    width: 16px;
}

.sprite-dreisc--shopware-seo-crawler-icon-document-search-result {
     background: url('../images/icons/document-search-result.png') no-repeat !important;
     width: 16px;
 }

.sprite-dreisc--shopware-seo-crawler-icon-eye {
     background: url('../images/icons/eye.png') no-repeat !important;
     width: 16px;
 }

.sprite-dreisc--shopware-seo-crawler-icon-eye-close {
     background: url('../images/icons/eye-close.png') no-repeat !important;
     width: 16px;
 }

.sprite-dreisc--shopware-seo-crawler-icon-eye-half {
     background: url('../images/icons/eye-half.png') no-repeat !important;
     width: 16px;
 }

/**
 * Grid inline icons
 */
.sprite-dreisc--grid-search-icon {
    background: url('../images/icons/magnifier-left.png') no-repeat !important;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: relative;
    top: 4px;
    left: 2px;
    padding: 8px;
}

.sprite-dreisc--grid-index-icon {
    background: url('../images/icons/eye.png') no-repeat !important;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: relative;
    top: 4px;
    left: 2px;
    padding: 8px;
}

.sprite-dreisc--grid-noindex-icon {
    background: url('../images/icons/eye-close.png') no-repeat !important;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: relative;
    top: 4px;
    left: 2px;
    padding: 8px;
}

.sprite-dreisc--grid-icon {
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: relative;
    top: 4px;
    left: 2px;
    padding: 8px;
}

/**
 * Doku Button
 */
.seo-crawler-doku-btn {
    position: relative;
    left: -385px;
    top: -15px;
}

.seo-crawler-doku-btn button {
    height: 24px;
}

@supports (-moz-appearance:none) {
    .seo-crawler-doku-btn {
        top: -4px;
    }
}

/**
 * ExtJS Panel
 */
.dreisc--info-panel {
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 10px 0;
    background-color: #fafafa;
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    position: relative;
    text-align: start;
}

.dreisc--info-panel .x-panel-header {
    background: none;
}

.dreisc--info-panel .headline {
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #475c6a;
    padding: 10px 15px;
    border-bottom: 2px solid #ededed;
}
.dreisc--info-panel .headline.description-is-set {
    border-bottom-width: 0px;
    padding-bottom: 0px;
}

.dreisc--info-panel .description {
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 13px;
    color: #475c6a;
    padding: 0px 15px 10px 15px;
    border-bottom: 2px solid #ededed;
}

.dreisc--info-panel .dreisc--inner-items {
    padding: 10px 20px;
}

.dreisc--info-panel .dreisc--inner-items.grid-padding {
    padding: 10px 10px;
}

.dreisc--info-panel .dreisc--inner-items .x-form-item-label {
    font-size: 12px;
}

/**
 * ExtJS Analyse Item
 */
.dreisc--analysis-item .sprite {
    display: block;
    height: 16px;
    width: 16px;
}

.dreisc--analysis-item .title-field,
.dreisc--analysis-item .headline-field,
.dreisc--analysis-item .description-field {
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 13px;
    color: #475c6a;
}

.dreisc--analysis-item .title-field {
    font-weight: 600;
}

.dreisc--analysis-item .description-field {
    color: rgb(115, 115, 115);
    font-size: 12px;
}

.dreisc--inner-items .dreisc--analysis-item {
    padding-bottom: 10px;
}

.dreisc--inner-items .dreisc--analysis-item img {
    padding: 8px;
}

/**
 * Buttons
 */
.button-padding {
    padding: 0px 3px 3px 3px;
}

.dreisc-button {
    color: #ffffff;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border: 0;
    padding: 5px;
    font-size: 13px;
    width: 100%;
    cursor: pointer;
}
.dreisc-button .big-text {
    font-size: 16px;
    padding-top: 2px;
    display: block;
}

.dreisc-button.button-success {
    background: rgb(28, 184, 65);
}

.dreisc-button.button-check {
    background: #CCCC00; /* this is an orange */
}

.dreisc-button.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.dreisc-button.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.dreisc-button.button-blue {
    background: rgb(66, 184, 221); /* this is a light blue */
}

.dreisc-button.is--disabled {
    opacity: 0.5;
}

/**
 * Progress Bar
 */
.dreisc--progressbar .progress-headline {
    color: #475c6a;
    font-size: 11px;
    position: relative;
    top: 2px;
}