/*
      modalnotifier v1

      by Ryan E. Anderson

      Copyright (C) 2016 Plain Macaron
*/

.ui-notification-mask {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
    z-index: 99997;
}

.ui-modal-notifier-container {
    position: fixed;
    left: 50%;
    top: 50%;
    display: none;
    float: left;
    padding: 15px;
    background-color: #ACDDEA;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 99998;
}

.ui-notification-message {
    display: block;
    width: 100%;
    padding: 0;
}

.ui-notification-button-container {
    display: block;
    z-index: 99999;
}

.ui-notification-close-button {
    display: inline-block;
    border-width: 1px;
    border-style: dotted;
    border-color: transparent;
}

.ui-notification-close-button:link {
    text-decoration: none;
}

.ui-notification-close-button:visited {
    text-decoration: none;
}

.ui-notification-close-button:hover {
    text-decoration: none;
    border-width: 1px;
    border-style: dotted;
    border-color: #283437;
}

.ui-notification-close-button:active {
    text-decoration: none;
    border-width: 1px;
    border-style: dotted;
    border-color: #283437;
}

.ui-notification-close-icon {
    display: block;
}