﻿.ns-right{float:right; padding-right:10px;}
.ns-link{color:#1EB6F1; cursor:pointer;z-index:130;}
.ns-link:hover{
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

#ns-container-control{
    position: fixed;
    right: 5px;
    top:10px;
    z-index:2000;
}
/*@media (max-width: 768px) {
    #ns-container-control{
        right: 65px;
    }
}*/
    #ns-container-control #ns-control {
        background-image: url('images/messages.png');
        background-repeat: no-repeat;
        background-position: 0 4px;
        width:25px;
        height:30px;
       
    }
        #ns-container-control #ns-control:hover {
            cursor:pointer;
            -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
            -o-transform: scale(1.05);
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }
#ns-container-action {
    position: fixed;
    right: 0;
    top: 60px;
    bottom: 36px;
    background-color:rgb(243, 243, 243);
    width:320px;
    z-index:100;
    display:none;
}
#ns-container-action>.ns-link{padding:5px;position: relative;}
    #ns-container-action > .ns-title {
        font-size: 1.1em;
        background-color: #0078D7;
        color: white;
        padding: 0 0 5px 5px;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

#ns-container-action .ns-item{
    border-top-color:#fff;
    clear:both;
    width:100%;
}
#ns-container-action .ns-item:hover{
    border-top-color:#fff;
    background-color: #ada8a8;
}
#ns-action-messages{
    position:relative;
    top:10px;
    width:100%;
}
#ns-container-messages {
    position: fixed;
    top: 90px;
    right:-30px;
    z-index:110;
    width:330px;
}
.ns-item{
    border:1px solid;
    padding: 5px;
    width: 300px;
    margin-top:5px;
    z-index:110;
}
.ns-title {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.ns-message {
    color: #faebd7;
}

.ns-warning .ns-message {
    color: black;
}

.ns-danger .ns-message {
    /*color: #faebd7;*/
    color: #fff;
}

.ns-message a {
    color: #1eb6f1;
    text-decoration: underline;
}

.ns-important {
    background-image: url('images/ns-important-25.png');
    background-repeat:no-repeat;
    background-position:1px 3px;
}
.ns-important .ns-title{padding-left:30px}

.ns-active {
    background-image: url('images/ns-wait-25.gif');
    background-repeat:no-repeat;
    background-position:1px 3px;
}
.ns-active .ns-title{padding-left:30px}


/*notifications styles*/
.ns-info{
    border-color:gray;
    background-color: #808080;
}
    .ns-info .ns-title {
        color: #fff;
    }

.ns-danger {
    border-color: gray;
    background-color: #8b0000;
}
    .ns-danger .ns-title {
        color: #fff;
        font-weight: bold;
    }
   
.ns-success{
    border-color:gray;
    background-color: forestgreen;
}
    .ns-success .ns-title {
        color: #fff;
    }

.ns-warning{
    border-color:gray;
    background-color: gold;
}
    .ns-warning .ns-title,
    .ns-warning .ns-ns-message-box {
        color: #000;
        font-weight: bold;
    }
    
/*Message Box styling*/

#ns-message-box {
    position: absolute;
    top: 90px;
    bottom: 0;
    left: 40px;
    right: 0;
    z-index: 210;
    display: none;
}

#ns-message-box-shadow {
    background-color: #eee;
    opacity: .7;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 200;
}

#ns-message-box-container {
    background-color: #eee;
    border: 1px solid #1664a7;
    position: fixed;
    top: 70px;
    z-index: 210;
    width: 500px;
}

#ns-message-box-title {
    background-color: #1664a7;
    color: #fff;
    padding: 5px;
    text-transform: uppercase;
}

#ns-message-box-body {
    color: #8a8a8a;
    min-height: 100px;
    position: relative;
    padding: 10px;
}

#ns-message-box-buttons {
    padding: 10px;
    text-align: right;
}

    #ns-message-box-buttons button {
        margin-left: 10px;
    }