/*
ADN notification mimic CHROME push notifications
 */


/*applied to the jqxNotification.*/
.jqx-notification-info, .jqx-info
{
    box-shadow: 0px 2px 0 darkgrey;
    z-index: 99999;
    opacity: 1;
    width: 400px;
    height: 100% !important;
    margin-bottom: 5px;
    font-size: 18px !important;
    box-sizing: border-box;
    pointer-events: auto;
    justify-content: end;
    padding:10px !important;
    color: #000000  !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)  !important;
    background-color: #ffffff  !important;
    *background-color: #ffffff  !important;
    border-color : #9a9898 !important;
    min-height:75px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    pointer-events: auto;
}


/*applied to the notifications container.*/
.jqx-notification-container
{
    right: 10px;
    top: 50px;
    position: fixed;
    height: auto;
    width: auto;
    pointer-events: none;
    min-height:75px;
}

/*applied to the notification's icon.*/
.jqx-notification-icon-info
{
    background-image: url('images/info.png');
    background-size : 50px 50px;
    width: 50px;
    height: 50px;
    center: inherit;
    position: absolute;
}

/*applied to the notification's content.*/
.jqx-notification-content
{
    padding-left: 55px;
}
jqx-notification-content-info
{
    top: 1px;
}

.jqx-title-notification-info
{
    font-weight: 600;
    font-size: 15px;
    /*padding-left: 80px;*/
}

/*applied to the notification's close button.*/
.jqx-notification-close-button-ltr
{
    right: 1px;
    background-position: right top;

}
.jqx-notification-close-button
{
    position: relative;
    top: -1px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('images/close.png');
}