/*
 * 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.
 */
@modal-backdrop-bg: mix(black, mix(grey, @primary-500, 30%), 30%);
@modal-backdrop-opacity: 0.75;
@modal-inner-padding: 25px;
@modal-title-padding: 15px 25px 12px 24px;

.modal-dialog {
    box-shadow: 0px 1px rgba(0, 0, 0, 0.2), 0px 1px 18px 1px rgba(0, 0, 0, 0.11);
    border: none;

    .modal-header {
        background: mix(white, @primary-50, 90%);

        -webkit-font-smoothing: antialiased;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;

        br-svg {
            width: 38px;
            height: 38px;
            padding: 10px;
            margin: -6px;
            opacity: 0.2;
            cursor: pointer;
            &:hover,
            &:focus {
                opacity: 0.5;
            }
            &:active {
                opacity: 0.8;
            }

            .br-icon-close-bar {
                stroke: black;
                stroke-linecap: round;
                stroke-width: 1.6px;
            }
        }

        h3 {
            color: @brand-primary;
            font-weight: bold;
            font-size: 18px;
        }
    }
    .modal-content {
        color: mix(black, white, 70%);
    }
    .modal-footer {
        padding-top: 15px;
        padding-bottom: 15px;
    }

}
