@import "webstatic:/static/global.less";

@hexSpacing: @baseSpacing * 6;
@maxSafeDialogWidth: 350px;

#confirm-switch-mode {
    text-align: center;

    button {
        margin-top: @baseSpacing;
    }

    .aui-inline-dialog-contents {
        max-width: @maxSafeDialogWidth;
    }
}

.mirror-all {
    padding: @hexSpacing 0 @doubleSpacing 0;
    text-align: center;

    .mirror-all-icon {
        @icon-height: 120px;
        background: url(mirror-global.svg) no-repeat center / auto @icon-height;
        height: @icon-height;
    }

    .sync-text {
        color: @secondaryTextColor;
    }
}

#mirror-error {
    text-align: center;
    padding-top: @hexSpacing 0 @doubleSpacing 0;

    @warningSize: 200px;
    .missing-icon {
        background: url(mirror-missing.svg) no-repeat center / auto @warningSize;
        margin: @tripleSpacing 0;
        height: @warningSize;
    }

    p {
        color: @secondaryTextColor;
    }
}

#projects-table {
    &.no-rows {
        display: block;
    }
    margin-top: @baseSpacing;
}

#mirror-sync-progress-bar {
    width: 100%;
}

#mirror-sync-progress-description {
    padding-top: @baseSpacing;
    display: inline-block;
    text-align: center;
    width: 100%;
    color: @secondaryTextColor;
    font-size: @font-size-small;
}

.mirror-sync-progress .aui-item {
    &.progress {
        vertical-align: middle;
    }

    &.progress-description {
        @rightGroupItemWidth: 150px;
        width: @rightGroupItemWidth;

        #mirror-sync-progress-description {
            padding-top: 0;
        }
    }
}