@import "../config.less";

.vis-instance {
    
    @cover-message-background-color: rgba(255, 255, 255, 0.8);
    
    &__content {
        .position_absolute_everywhere();
    }

    &__cover {
        .position_absolute_everywhere();
        .cursor_std();
        background: rgba(255, 255, 255, 0.5);
        display: none;
    }

    &__cover_visible {
        display: block;
    }

    &__cover_category_error {
        color: red;
    }

    &__cover_category_warning {
        //color: @config-grid--color_panel-label;
        color: mix(#fdbb84, #666, 80%);
    }

    &__cover_category_process {
        color: @config-grid--color_panel-label;
    }
    &__cover_category_info {
        color: @config-grid--color_panel-label;
    }

    .config-grid_type_collection &__cover_category_notice {
        //color: @config-grid_collection--color_header;
        color: @config-grid_collection--color_main;
    }
    .config-grid_type_recording &__cover_category_notice {
        //color: @config-grid_recording--color_header;
        color: @config-grid_recording--color_main;
    }

    &__cover-message {
        .font_small();
        display: block;
        margin: 10px auto 0;
        padding: 3px 0 5px;
        text-align: center;
        position: relative;
        min-width: 100px;
        max-width: 60%;
        background: @cover-message-background-color;
        .box-shadow(0px 0px 10px @cover-message-background-color);
        .border-radius(10px);
    }
}