.js-note{margin:0 0 1.5em;overflow:hidden;padding:20px;border:1px solid transparent}.js-note .note-icon{font-size:32px;margin-right:10px;vertical-align:middle;line-height:32px}.js-note-inner>:first-child{margin-top:0}.js-note-inner>:last-child{margin-bottom:0}.js-note-inner:empty{display:none}.js-note-success{color:#629031;background-color:#cef0ab;border-color:#b7e086}.js-note-info{color:#218bb2;background-color:#96ddfa;border-color:#71c6e5}.js-note-warning{color:#c6901f;background-color:#fddd9e;border-color:#edc471}.js-note-danger{color:#c14029;background-color:#fdaa9a;border-color:#ea8676}.js-note-success.js-note-style2{color:#fff;background-color:#8cc152;border-color:#8cc152}.js-note-info.js-note-style2{color:#fff;background-color:#3bafda;border-color:#3bafda}.js-note-warning.js-note-style2{color:#fff;background-color:#f6bb42;border-color:#f6bb42}.js-note-danger.js-note-style2{color:#fff;background-color:#e9573f;border-color:#e9573f}.js-note-style2 a{color:#fff!important}.js-note.js-note-style3{background:#fff;border:none;border-bottom:3px solid transparent;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(0,0,0,.1)}.js-note-success.js-note-style3{border-bottom-color:#8cc152}.js-note-info.js-note-style3{border-bottom-color:#3bafda}.js-note-warning.js-note-style3{border-bottom-color:#f6bb42}.js-note-danger.js-note-style3{border-bottom-color:#e9573f}.js-note.js-note-style4{background:#fff;border:none;border-left:5px solid transparent}.js-note-success.js-note-style4{border-left-color:#8cc152;background-color:rgba(140,193,82,.05)}.js-note-info.js-note-style4{border-left-color:#3bafda;background-color:rgba(59,175,218,.05)}.js-note-warning.js-note-style4{border-left-color:#f6bb42;background-color:rgba(246,187,66,.05)}.js-note-danger.js-note-style4{border-left-color:#e9573f;background-color:rgba(233,87,63,.05)}.js-note.js-note-style5{background:#fff;border:none;position:relative}.js-note.js-note-style5:before{content:"";position:absolute;width:100px;height:18px;margin-top:-21px;margin-left:-66px;transform:rotate(-45deg)}.js-note-success.js-note-style5{background-color:rgba(140,193,82,.05)}.js-note-info.js-note-style5{background-color:rgba(59,175,218,.05)}.js-note-warning.js-note-style5{background-color:rgba(246,187,66,.05)}.js-note-danger.js-note-style5{background-color:rgba(233,87,63,.05)}.js-note-success.js-note-style5:before{background-color:#8cc152}.js-note-info.js-note-style5:before{background-color:#3bafda}.js-note-warning.js-note-style5:before{background-color:#f6bb42}.js-note-danger.js-note-style5:before{background-color:#e9573f}.js-note-style5.js-note-icon .js-note-inner{margin-left:0}.js-note-style5.js-note-icon:after{right:-13px;font-size:110px;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);top:50px}.js-note-success.js-note-style5.js-note-icon:after{color:rgba(140,193,82,.25)}.js-note-info.js-note-style5.js-note-icon:after{color:rgba(59,175,218,.25)}.js-note-warning.js-note-style5.js-note-icon:after{color:rgba(246,187,66,.25)}.js-note-danger.js-note-style5.js-note-icon:after{color:rgba(233,87,63,.25)}.js-note.js-note-style6{border:none;border-top:5px solid transparent;border-radius:0!important}.js-note-success.js-note-style6{border-top-color:#8cc152;background-color:rgba(140,193,82,.05)}.js-note-info.js-note-style6{border-top-color:#3bafda;background-color:rgba(59,175,218,.05)}.js-note-warning.js-note-style6{border-top-color:#f6bb42;background-color:rgba(246,187,66,.05)}.js-note-danger.js-note-style6{border-top-color:#e9573f;background-color:rgba(233,87,63,.05)}.js-note-icon{position:relative}.js-note-icon .js-note-inner{margin-left:40px}.js-note-icon:after{font-size:24px;line-height:24px;font-family:FontAwesome;position:absolute;top:50%;margin-top:-12px}.js-note-success.js-note-icon:after{content:"\f058"}.js-note-info.js-note-icon:after{content:"\f05a"}.js-note-warning.js-note-icon:after{content:"\f071"}.js-note-danger.js-note-icon:after{content:"\f057"}.js-note a{font-weight:700}.js-note-success a,.js-note-success a:hover{color:#2b542c}.js-note-info a,.js-note-info a:hover{color:#245269}.js-note-warning a,.js-note-warning a:hover{color:#66512c}.js-note-danger a,.js-note-danger a:hover{color:#843534}