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