/* Copyright (C) 2016 NooBaa */

modal-manager {
    .modals-backdrop {
        display: block;
        z-index: 999;
        background-color: rgba(var(--shadow1));
    }

    .modal-heading {
        padding: 0 @gutter;
        line-height: 3 * @gutter;
        text-align: left;
        border-bottom: 1px solid rgb(var(--color20));
        font-weight: @font-light;

        svg-icon {
            margin-right: @gutter/2;
        }

        &.info {
            border-color: rgb(var(--color23));
        }

        &.success  {
            border-color: rgb(var(--color27));
        }

        &.warning {
            border-color: rgb(var(--color26));
        }

        &.error {
            border-color: rgb(var(--color31));
        }
    }

    .modal {
        display: none;
        width: 610px;
        height: 455px;
        transition: all 250ms ease-in-out;
        outline: none;
        background-color: rgb(var(--color01));

        &:last-child {
            display: flex;
        }

        &.modal-xsmall {
            width: 570px;
            height: 330px;
        }

        &.modal-medium {
            width: 610px;
            height: 560px;
        }

        &.modal-large {
            width: 750px;
            height: 560px;
        }

        &.modal-xlarge {
            width: 900px;
            height: 560px;
        }

        &.modal-auto-height {
            width: 900px;
            height: 80%;
            min-height: 560px;
        }
    }

    .close-btn {
        padding: 0;

        > svg-icon {
            width :12px;
            height: 12px;
        }
    }
}
