﻿/**
* angular-popeye
* A simple modal library for AngularJS applications

* @author Pathgather <tech@pathgather.com>
* @copyright Pathgather 2015
* @license MIT
* @link https://github.com/Pathgather/popeye
* @version 1.0.5
*/

body.popeye-modal-open {
    overflow: hidden;
}

.popeye-modal-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1003;
    overflow-y: auto;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    /* "ghost" element to use for vertical alignment
    (see https://css-tricks.com/centering-in-the-unknown/) */
}

    .popeye-modal-container.ng-enter {
        -webkit-animation: fade-in 0.15s;
        animation: fade-in 0.15s;
    }

    .popeye-modal-container.ng-leave {
        -webkit-animation: fade-out 0.15s;
        animation: fade-out 0.15s;
    }

    .popeye-modal-container::before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .popeye-modal-container .popeye-modal {
        position: relative;
        vertical-align: top;
        margin: auto;
        margin-top: 11.7vh;
        padding: 2.5vh 2.5vw 2.5vh 2.5vw;
        border-radius: 4px;
        box-shadow: 0 0 0 8px rgba(0,0,0,0.3);
        background: #fff;
        text-align: left;
        display: inline-block;
        border: none;
        z-index: 1004;
    }
