body.wp-admin {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1d2327;
  background: #f0f0f1;
}
body.wp-admin #wpcontent {
  padding-left: 20px;
}
body.wp-admin #wpbody-content {
  padding-bottom: 40px;
}
body.wp-admin h1, body.wp-admin h2, body.wp-admin h3, body.wp-admin h4, body.wp-admin h5, body.wp-admin h6 {
  font-weight: 600;
  margin-bottom: 0.8em;
  color: #1d2327;
}
body.wp-admin p {
  line-height: 1.6;
}

#adminmenu {
  background: #23282d;
}
#adminmenu li.menu-top {
  transition: all 0.2s ease-in-out;
}
#adminmenu li.menu-top:hover {
  background: #32373c;
}
#adminmenu li.wp-has-current-submenu,
#adminmenu li.current {
  background: #2271b1;
}
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.wp-has-current-submenu a.current,
#adminmenu li.current a.wp-has-current-submenu,
#adminmenu li.current a.current {
  background: #2271b1;
  font-weight: 500;
}
#adminmenu a {
  color: #f0f0f1;
  transition: all 0.2s ease-in-out;
}
#adminmenu a:hover {
  color: white;
}
#adminmenu .wp-submenu {
  background: #32373c;
  border-radius: 0 0 4px 4px;
}
#adminmenu .wp-submenu a {
  padding: 8px 12px;
}
#adminmenu .wp-submenu a:hover {
  background: rgba(255, 255, 255, 0.05);
}
#adminmenu .wp-submenu li.current a {
  color: white;
  font-weight: 500;
}

.wp-core-ui .button {
  border-radius: 4px;
  border: 1px solid #c3c4c7;
  transition: all 0.2s ease-in-out;
  padding: 0 12px;
  height: 34px;
  line-height: 32px;
  font-size: 13px;
}
.wp-core-ui .button:hover {
  background: #f6f7f7;
  border-color: #50575e;
}
.wp-core-ui .button-primary {
  background: #2271b1;
  border-color: #2271b1;
  color: white;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
  background: #135e96;
  border-color: #135e96;
}
.wp-core-ui .button-success {
  background: #00a32a;
  border-color: #00a32a;
  color: white;
}
.wp-core-ui .button-success:hover {
  background: #00701d;
  border-color: #00701d;
}
.wp-core-ui .button-warning {
  background: #dba617;
  border-color: #dba617;
  color: white;
}
.wp-core-ui .button-warning:hover {
  background: #ad8312;
  border-color: #ad8312;
}
.wp-core-ui .button-error {
  background: #d63638;
  border-color: #d63638;
  color: white;
}
.wp-core-ui .button-error:hover {
  background: #b42527;
  border-color: #b42527;
}

.postbox {
  border-radius: 4px;
  border: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}
.postbox .postbox-header {
  border-bottom: 1px solid #f0f0f1;
  padding: 12px 16px;
}
.postbox .postbox-header h2 {
  font-size: 14px;
  font-weight: 600;
}
.postbox .inside {
  padding: 16px;
}

.wp-list-table {
  border: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.wp-list-table thead th {
  font-weight: 600;
  padding: 10px 8px;
  border-bottom: 1px solid #f0f0f1;
}
.wp-list-table tbody tr {
  transition: all 0.2s ease-in-out;
}
.wp-list-table tbody tr:hover {
  background-color: rgba(34, 113, 177, 0.03);
}
.wp-list-table tbody td {
  padding: 12px 8px;
  vertical-align: middle;
}
.wp-list-table .alternate {
  background-color: #f9f9f9;
}

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=url],
select,
textarea {
  border-radius: 4px;
  border: 1px solid #c3c4c7;
  padding: 8px 12px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease-in-out;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
  border-color: #2271b1;
  box-shadow: 0 0 0 1px #2271b1;
  outline: none;
}

.notice {
  border-radius: 4px;
  border-left-width: 4px;
  padding: 12px 16px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  margin: 16px 0;
}
.notice p {
  margin: 0.5em 0;
}
.notice.notice-success {
  border-left-color: #00a32a;
}
.notice.notice-warning {
  border-left-color: #dba617;
}
.notice.notice-error {
  border-left-color: #d63638;
}
.notice.notice-info {
  border-left-color: #2271b1;
}

#wpadminbar {
  background: #23282d;
}
#wpadminbar .ab-item {
  color: #f0f0f1 !important;
}
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item {
  background: #32373c;
  color: white !important;
}
#wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
  border-radius: 50%;
}

#dashboard-widgets .postbox .hndle {
  border-bottom: 1px solid #f0f0f1;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
}
#dashboard-widgets .postbox .inside {
  padding: 16px;
}
#dashboard-widgets .postbox .inside ul {
  padding-left: 16px;
}
#dashboard-widgets .postbox .inside ul li {
  margin-bottom: 8px;
}

.media-modal {
  border-radius: 4px;
}
.media-modal .media-frame-title,
.media-modal .media-frame-content,
.media-modal .media-frame-toolbar {
  border-color: #f0f0f1;
}
.media-modal .media-frame-title h1 {
  font-size: 18px;
  font-weight: 600;
}

.nav-tab-wrapper {
  border-bottom: 1px solid #c3c4c7;
  margin-bottom: 20px;
}
.nav-tab-wrapper .nav-tab {
  border-radius: 4px 4px 0 0;
  border: 1px solid #c3c4c7;
  margin-right: 4px;
  padding: 8px 12px;
  font-size: 13px;
  transition: all 0.2s ease-in-out;
}
.nav-tab-wrapper .nav-tab:hover {
  background-color: #f6f7f7;
}
.nav-tab-wrapper .nav-tab.nav-tab-active {
  border-bottom-color: #f0f0f1;
  background: white;
  font-weight: 500;
}

.wp-editor-container {
  border-radius: 4px;
  border: 1px solid #c3c4c7;
}
.wp-editor-container textarea.wp-editor-area {
  border-radius: 0 0 4px 4px;
}

.postbox-container .postbox .handlediv {
  color: #50575e;
}
.postbox-container .postbox .handlediv:hover {
  color: #1d2327;
}

.tablenav .tablenav-pages a, .tablenav .tablenav-pages span {
  border-radius: 4px;
  padding: 4px 8px;
  border: 1px solid #c3c4c7;
  transition: all 0.2s ease-in-out;
}
.tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages span:hover {
  background: #f6f7f7;
  border-color: #50575e;
}
.tablenav .tablenav-pages a.current, .tablenav .tablenav-pages span.current {
  background: #2271b1;
  border-color: #2271b1;
  color: white;
}