﻿div.nsa_notice {
    max-width: 600px; 
    background-color: white; 
    padding: 20px; 
    font-size: 18px; 
    line-height: 23px; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); 
    margin: 25px 0 25px 50px;
}

div.nsa_notification {
    position: relative;
    background: #fff;
    -webkit-box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.1 );
    box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.1 );
    margin: 15px 0;
    padding: 0;
}
div.nsa_notification.red, div.nsa_notice.red { border-left: 4px solid rgb(160,0,0); }
div.nsa_notification.green, div.nsa_notice.green { border-left: 4px solid #1A8E00; }
div.nsa_notification.yellow, div.nsa_notice.yellow { border-left: 4px solid #E1E500; }


div.nsa_notification.nsa-dismissible {
    padding-right: 95px;
}


div.nsa_notification .dismiss_nsa_notice {
    position: absolute;
    visibility: hidden;
    top: 0;
    right: 20px;
    border: none;
    margin: 0;
    padding: 9px 0 9px 25px;
    background: none;
    color: #b4b9be;
    cursor: pointer;
    text-decoration: none;
}
div.nsa_notification .dismiss_nsa_notice:hover { color: #c00; }
div.nsa_notification .dismiss_nsa_notice:hover::before { color: #c00; }
div.nsa_notification.nsa-dismissible .dismiss_nsa_notice {visibility: visible; }
div.nsa_notification .dismiss_nsa_notice:before {
    background: none;
    color: #b4b9be;
    content: "\f153";
    position: absolute;
    top: 9px;
    left: 0;
    font: normal 16px/20px dashicons;
    speak: none;
    height: 20px;
    text-align: center;
    width: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

div.nsa_notification .nsa_notice_header {
    font-weight: 400;
    font-size: 1.25em;
    padding: 5px 0 5px 15px;
}
div.nsa_notification .nsa_notice_header_border {
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 75%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 75%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    height: 2px;
}
div.nsa_notification.red .nsa_notice_header_border {
    background: -moz-linear-gradient(left,  rgba(160,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(160,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(160,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a00000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    height: 2px;
}
div.nsa_notification.green .nsa_notice_header_border {
    background: -moz-linear-gradient(left,  rgba(26,142,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(26,142,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(26,142,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a61a8e00', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    height: 2px;
}
div.nsa_notification.yellow .nsa_notice_header_border {
    background: -moz-linear-gradient(left,  rgba(225,229,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(225,229,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(225,229,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e1e500', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
    height: 2px;
}




div.nsa_notification .nsa_notice_message {
    padding: 5px 0 5px 15px;
}
