+.notice,
+div.updated,
+div.error {
+ background: #fff;
+ border-right: 4px solid #fff;
+ -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
+ box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
+ margin: 5px 15px 2px;
+ padding: 1px 12px;
+}
+
+div[class="update-message"] { /* back-compat for pre-4.6 */
+ padding: 0.5em 0 0.5em 12px;
+}
+
+.notice p,
+.notice-title,
+div.updated p,
+div.error p,
+.form-table td .notice p {
+ margin: 0.5em 0;
+ padding: 2px;
+}
+
+.error a {
+ text-decoration: underline;
+}
+
+.updated a {
+ padding-bottom: 2px;
+}
+
+.notice-alt {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.notice-large {
+ padding: 10px 20px;
+}
+
+.notice-title {
+ display: inline-block;
+ color: #23282d;
+ font-size: 18px;
+}
+
+.wp-core-ui .notice.is-dismissible {
+ padding-left: 38px;
+ position: relative;
+}
+
+.notice-dismiss {
+ position: absolute;
+ top: 0;
+ left: 1px;
+ border: none;
+ margin: 0;
+ padding: 9px;
+ background: none;
+ color: #b4b9be;
+ cursor: pointer;
+}
+
+.notice-dismiss:hover:before,
+.notice-dismiss:active:before,
+.notice-dismiss:focus:before {
+ color: #c00;
+}
+
+.notice-dismiss:focus {
+ outline: none;
+ -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+ box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
+.ie8 .notice-dismiss:focus {
+ outline: 1px solid #5b9dd9;
+}
+
+.notice-success,
+div.updated {
+ border-right-color: #46b450;
+}
+
+.notice-success.notice-alt {
+ background-color: #ecf7ed;
+}
+
+.notice-warning {
+ border-right-color: #ffb900;
+}
+
+.notice-warning.notice-alt {
+ background-color: #fff8e5;
+}
+
+.notice-error,
+div.error {
+ border-right-color: #dc3232;
+}
+
+.notice-error.notice-alt {
+ background-color: #fbeaea;
+}
+
+.notice-info {
+ border-right-color: #00a0d2;
+}
+
+.notice-info.notice-alt {
+ background-color: #e5f5fa;
+}
+
+.update-message p:before,
+.updating-message p:before,
+.updated-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.updated-message:before,
+.button.installed:before,
+.button.installing:before {
+ display: inline-block;
+ font: normal 20px/1 'dashicons';
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ vertical-align: top;
+}
+
+.wrap .notice,
+.wrap div.updated,
+.wrap div.error,
+.media-upload-form .notice,
+.media-upload-form div.error {
+ margin: 5px 0 15px;
+}
+
+/* Update icon. */
+.update-message p:before,
+.updating-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.installing:before {
+ color: #f56e28;
+ content: "\f463";
+}
+
+/* Spins the update icon. */
+.updating-message p:before,
+.import-php .updating-message:before,
+.button.updating-message:before,
+.button.installing:before {
+ -webkit-animation: rotation 2s infinite linear;
+ animation: rotation 2s infinite linear;
+}
+
+/* Updated icon (check mark). */
+.updated-message p:before,
+.installed p:before,
+.button.updated-message:before {
+ color: #79ba49;
+ content: '\f147';
+}
+
+/* Error icon. */
+.update-message.notice-error p:before {
+ color: #dc3232;
+ content: "\f534";
+}
+
+.wrap .notice p:before,
+.import-php .updating-message:before {
+ margin-left: 6px;
+ vertical-align: bottom;
+}
+