nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/jquery/modal/jquery.modal.css

/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
    Styles for the Nifi dialog.
*/

.dialog {
    background-color: #ffffff;
    box-shadow: 0 5px 8px rgba(0,0,0,0.30);
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
}

.small-dialog {
    max-height: 32%;
    max-width: 23%;
    min-height: 250px;
    min-width: 320px;
    font-size: 13px;
    line-height: 1.3;
}

.medium-dialog {
    max-height: 55%;
    max-width: 34%;
    min-height: 420px;
    min-width: 470px;
}

.medium-short-dialog {
    max-height: 32%;
    max-width: 34%;
    min-height: 250px;
    min-width: 440px;
    font-size: 13px;
    line-height: 1.3;
}

.large-dialog {
    max-height: 72%;
    max-width: 55%;
    min-height: 560px;
    min-width: 760px;
}

.modal-glass {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.65;
}

.dialog-header {
    height: 56px;
    background-color: #728E9B;
    overflow: hidden;
}

.dialog-header-text {
    color: #fff;
    font-size: 18px;
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: bold;
    line-height: 56px;
    padding-left: 20px;
    text-overflow: ellipsis;
}

.dialog-content {
    position: absolute;
    top: 76px;
    bottom: 52px;
    left: 20px;
    right: 20px;
    overflow-y: auto;
    word-wrap: break-word;
}

.dialog-buttons {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 32px;
}