#wrap .app-front-admin a,
#wrap .app-front-admin a:hover {
  text-decoration: unset;
 }

/* edit */
.app-front-admin #poststuff {
  padding-top: 10px;
  min-width: 763px;
}
.app-front-admin #poststuff #post-body {
  padding: 0;
}
.app-front-admin #poststuff .postbox-container {
  width: 100%;
}
.app-front-admin #poststuff #post-body.columns-2 {
  margin-right: 300px;
  /*------------------------------------------------------------------------------
   11.0 - Write/Edit Post Screen
   ------------------------------------------------------------------------------*/
}
.app-front-admin #show-comments {
  overflow: hidden;
}
.app-front-admin #save-action .spinner, .app-front-admin #show-comments a {
  float: left;
}
.app-front-admin #show-comments .spinner {
  float: none;
  margin-top: 0;
}
.app-front-admin #lost-connection-notice .spinner {
  visibility: visible;
  float: left;
  margin: 0 5px 0 0;
}
.app-front-admin #titlediv {
  position: relative;
}
.app-front-admin #titlediv label {
  cursor: text;
}
.app-front-admin #titlediv div.inside {
  margin: 0;
}
.app-front-admin #poststuff #titlewrap {
  border: 0;
  padding: 0;
}
.app-front-admin #titlediv #title {
  padding: 3px 8px;
  font-size: 1.7em;
  line-height: 100%;
  height: 1.7em;
  width: 100%;
  outline: none;
  margin: 0 0 3px;
  background-color: #fff;
}
.app-front-admin #titlediv #title-prompt-text {
  color: #646970;
  position: absolute;
  font-size: 1.7em;
  padding: 10px;
  pointer-events: none;
}
.app-front-admin input#link_description, .app-front-admin input#link_url {
  width: 100%;
}
.app-front-admin #pending {
  background: 0 none;
  border: 0 none;
  padding: 0;
  font-size: 11px;
  margin-top: -1px;
}
.app-front-admin #edit-slug-box, .app-front-admin #comment-link-box {
  line-height: 1.84615384;
  min-height: 25px;
  margin-top: 5px;
  padding: 0 10px;
  color: #646970;
}
.app-front-admin #sample-permalink {
  display: inline-block;
  max-width: 100%;
  word-wrap: break-word;
}
.app-front-admin #edit-slug-box .cancel {
  margin-right: 10px;
  padding: 0;
  font-size: 11px;
}
.app-front-admin #comment-link-box {
  margin: 5px 0;
  padding: 0 5px;
}
.app-front-admin #editable-post-name-full {
  display: none;
}
.app-front-admin #editable-post-name {
  font-weight: 600;
}
.app-front-admin #editable-post-name input {
  font-size: 13px;
  font-weight: 400;
  height: 24px;
  margin: 0;
  width: 16em;
}
.app-front-admin .postarea h3 label {
  float: left;
}
.app-front-admin body.post-new-php .submitbox .submitdelete {
  display: none;
}
.app-front-admin .submitbox .submit a:hover {
  text-decoration: underline;
}
.app-front-admin .submitbox .submit input {
  margin-bottom: 8px;
  margin-right: 4px;
  padding: 6px;
}
.app-front-admin #post-status-select {
  margin-top: 3px;
}
.app-front-admin body.post-type-wp_navigation div#minor-publishing, .app-front-admin body.post-type-wp_navigation .inline-edit-status {
  display: none;
  /* Post Screen */
  /* Only highlight drop zones when dragging and only in the 2 columns layout. */
}
.app-front-admin .is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables {
  outline: 3px dashed #646970;
  /* Prevent margin on the child from collapsing with margin on the parent. */
  display: flow-root;
  /*
   * This min-height is meant to limit jumpiness while dragging. It's equivalent
   * to the minimum height of the sortable-placeholder which is given by the height
   * of a collapsed post box (36px + 1px top and bottom borders) + the placeholder
   * bottom margin (20px) + 2 additional pixels to compensate browsers rounding.
   */
  min-height: 60px;
  margin-bottom: 20px;
}
.app-front-admin .postbox {
  position: relative;
  min-width: 255px;
  border: 1px solid #c3c4c7;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  background: #fff;
}
.app-front-admin #trackback_url {
  width: 99%;
}
.app-front-admin #normal-sortables .postbox .submit {
  background: transparent none;
  border: 0 none;
  float: right;
  padding: 0 12px;
  margin: 0;
}
.app-front-admin .category-add input[type="text"], .app-front-admin .category-add select {
  width: 100%;
  max-width: 260px;
  vertical-align: baseline;
}
.app-front-admin #side-sortables .category-add input[type="text"], .app-front-admin #side-sortables .category-add select {
  margin: 0 0 1em;
}
.app-front-admin ul.category-tabs li, .app-front-admin #side-sortables .add-menu-item-tabs li, .app-front-admin .wp-tab-bar li {
  display: inline;
  line-height: 1.35;
}
.app-front-admin .no-js .category-tabs li.hide-if-no-js {
  display: none;
}
.app-front-admin .category-tabs a, .app-front-admin #side-sortables .add-menu-item-tabs a, .app-front-admin .wp-tab-bar a {
  text-decoration: none;
  /* @todo: do these really need to be so specific? */
}
.app-front-admin #side-sortables .category-tabs .tabs a, .app-front-admin #side-sortables .add-menu-item-tabs .tabs a, .app-front-admin .wp-tab-bar .wp-tab-active a, .app-front-admin #post-body ul.category-tabs li.tabs a, .app-front-admin #post-body ul.add-menu-item-tabs li.tabs a {
  color: #2c3338;
}
.app-front-admin .category-tabs {
  margin: 8px 0 5px;
  /* Back-compat for pre-4.4 */
}
.app-front-admin #category-adder h4 {
  margin: 0;
}
.app-front-admin .taxonomy-add-new {
  display: inline-block;
  margin: 10px 0;
  font-weight: 600;
}
.app-front-admin #side-sortables .add-menu-item-tabs, .app-front-admin .wp-tab-bar {
  margin-bottom: 3px;
}
.app-front-admin #normal-sortables .postbox #replyrow .submit {
  float: none;
  margin: 0;
  padding: 5px 7px 10px;
  overflow: hidden;
}
.app-front-admin #side-sortables .submitbox .submit input, .app-front-admin #side-sortables .submitbox .submit .preview, .app-front-admin #side-sortables .submitbox .submit a.preview:hover {
  border: 0 none;
  /* @todo: make this a more generic class */
}
.app-front-admin ul.category-tabs, .app-front-admin ul.add-menu-item-tabs, .app-front-admin ul.wp-tab-bar {
  margin-top: 12px;
}
.app-front-admin ul.category-tabs li, .app-front-admin ul.add-menu-item-tabs li {
  border: solid 1px transparent;
  position: relative;
}
.app-front-admin ul.category-tabs li.tabs, .app-front-admin ul.add-menu-item-tabs li.tabs, .app-front-admin .wp-tab-active {
  border: 1px solid #dcdcde;
  border-bottom-color: #fff;
  background-color: #fff;
}
.app-front-admin ul.category-tabs li, .app-front-admin ul.add-menu-item-tabs li, .app-front-admin ul.wp-tab-bar li {
  padding: 3px 5px 6px;
}
.app-front-admin #set-post-thumbnail {
  display: inline-block;
  max-width: 100%;
}
.app-front-admin #postimagediv .inside img {
  max-width: 100%;
  height: auto;
  width: auto;
  vertical-align: top;
  background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
}
.app-front-admin form#tags-filter {
  position: relative;
  /* Global classes */
}
.app-front-admin .wp-hidden-children .wp-hidden-child, .app-front-admin .ui-tabs-hide {
  display: none;
}
.app-front-admin #post-body .tagsdiv #newtag {
  margin-right: 5px;
  width: 16em;
}
.app-front-admin #side-sortables input#post_password {
  width: 94%;
}
.app-front-admin #side-sortables .tagsdiv #newtag {
  width: 68%;
}
.app-front-admin #post-status-info {
  width: 100%;
  border-spacing: 0;
  border: 1px solid #c3c4c7;
  border-top: none;
  background-color: #f6f7f7;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  z-index: 999;
}
.app-front-admin #post-status-info td {
  font-size: 12px;
}
.app-front-admin .autosave-info {
  padding: 2px 10px;
  text-align: right;
}
.app-front-admin #editorcontent #post-status-info {
  border: none;
}
.app-front-admin #content-resize-handle {
  background: transparent url(../images/resize.gif) no-repeat scroll right bottom;
  width: 12px;
  cursor: row-resize;
  /*rtl:ignore*/
}
.app-front-admin .rtl #content-resize-handle {
  background-image: url(../images/resize-rtl.gif);
  background-position: left bottom;
}
.app-front-admin .wp-editor-expand #content-resize-handle {
  display: none;
}
.app-front-admin #postdivrich #content {
  resize: none;
}
.app-front-admin #wp-word-count {
  padding: 2px 10px;
}
.app-front-admin #wp-content-editor-container {
  position: relative;
}
.app-front-admin .wp-editor-expand #wp-content-editor-tools {
  z-index: 1000;
  border-bottom: 1px solid #c3c4c7;
}
.app-front-admin .wp-editor-expand #wp-content-editor-container {
  box-shadow: none;
  margin-top: -1px;
}
.app-front-admin .wp-editor-expand #wp-content-editor-container {
  border-bottom: 0 none;
}
.app-front-admin .wp-editor-expand div.mce-statusbar {
  z-index: 1;
}
.app-front-admin .wp-editor-expand #post-status-info {
  border-top: 1px solid #c3c4c7;
}
.app-front-admin .wp-editor-expand div.mce-toolbar-grp {
  z-index: 999;
  /* TinyMCE native fullscreen mode override */
}
.app-front-admin .mce-fullscreen #wp-content-wrap .mce-menubar, .app-front-admin .mce-fullscreen #wp-content-wrap .mce-toolbar-grp, .app-front-admin .mce-fullscreen #wp-content-wrap .mce-edit-area, .app-front-admin .mce-fullscreen #wp-content-wrap .mce-statusbar {
  position: static !important;
  width: auto !important;
  padding: 0 !important;
}
.app-front-admin .mce-fullscreen #wp-content-wrap .mce-statusbar {
  visibility: visible !important;
}
.app-front-admin .mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw {
  display: none;
}
.app-front-admin .post-php.mce-fullscreen #wpadminbar, .app-front-admin .mce-fullscreen #wp-content-wrap .mce-wp-dfw {
  display: none;
  /* End TinyMCE native fullscreen mode override */
}
.app-front-admin #wp-content-editor-tools {
  background-color: #f0f0f1;
  padding-top: 20px;
}
.app-front-admin #poststuff #post-body.columns-2 #side-sortables {
  width: 280px;
}
.app-front-admin #timestampdiv select {
  vertical-align: top;
  font-size: 12px;
  line-height: 2.33333333;
  /* 28px */
}
.app-front-admin #aa, .app-front-admin #jj, .app-front-admin #hh, .app-front-admin #mn {
  padding: 6px 1px;
  font-size: 12px;
  line-height: 1.16666666;
  /* 14px */
}
.app-front-admin #jj, .app-front-admin #hh, .app-front-admin #mn {
  width: 2em;
}
.app-front-admin #aa {
  width: 3.4em;
}
.app-front-admin .curtime #timestamp {
  padding: 2px 0 1px;
  display: inline !important;
  height: auto !important;
}
.app-front-admin #post-body .misc-pub-post-status:before, .app-front-admin #post-body #visibility:before, .app-front-admin .curtime #timestamp:before, .app-front-admin #post-body .misc-pub-uploadedby:before, .app-front-admin #post-body .misc-pub-uploadedto:before, .app-front-admin #post-body .misc-pub-revisions:before, .app-front-admin #post-body .misc-pub-response-to:before, .app-front-admin #post-body .misc-pub-comment-status:before {
  color: #8c8f94;
}
.app-front-admin #post-body .misc-pub-post-status:before, .app-front-admin #post-body #visibility:before, .app-front-admin .curtime #timestamp:before, .app-front-admin #post-body .misc-pub-uploadedby:before, .app-front-admin #post-body .misc-pub-uploadedto:before, .app-front-admin #post-body .misc-pub-revisions:before, .app-front-admin #post-body .misc-pub-response-to:before, .app-front-admin #post-body .misc-pub-comment-status:before {
  font: normal 20px/1 dashicons;
  speak: never;
  display: inline-block;
  margin-left: -1px;
  padding-right: 3px;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.app-front-admin #post-body .misc-pub-post-status:before, .app-front-admin #post-body .misc-pub-comment-status:before {
  content: "\f173";
}
.app-front-admin #post-body #visibility:before {
  content: "\f177";
}
.app-front-admin .curtime #timestamp:before {
  content: "\f145";
  position: relative;
  top: -1px;
}
.app-front-admin #post-body .misc-pub-uploadedby:before {
  content: "\f110";
  position: relative;
  top: -1px;
}
.app-front-admin #post-body .misc-pub-uploadedto:before {
  content: "\f318";
  position: relative;
  top: -1px;
}
.app-front-admin #post-body .misc-pub-revisions:before {
  content: "\f321";
}
.app-front-admin #post-body .misc-pub-response-to:before {
  content: "\f101";
}
.app-front-admin #timestampdiv {
  padding-top: 5px;
  line-height: 1.76923076;
}
.app-front-admin #timestampdiv p {
  margin: 8px 0 6px;
}
.app-front-admin #timestampdiv input {
  text-align: center;
}
.app-front-admin .notification-dialog {
  position: fixed;
  top: 30%;
  max-height: 70%;
  left: 50%;
  width: 450px;
  margin-left: -225px;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  line-height: 1.5;
  z-index: 1000005;
  overflow-y: auto;
}
.app-front-admin .notification-dialog-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  z-index: 1000000;
}
.app-front-admin #post-lock-dialog .post-locked-message, .app-front-admin #post-lock-dialog .post-taken-over {
  margin: 25px;
}
.app-front-admin #post-lock-dialog .post-locked-message a.button, .app-front-admin #file-editor-warning .button {
  margin-right: 10px;
}
.app-front-admin #post-lock-dialog .post-locked-avatar {
  float: left;
  margin: 0 20px 20px 0;
}
.app-front-admin #post-lock-dialog .wp-tab-first {
  outline: 0;
}
.app-front-admin #post-lock-dialog .locked-saving img {
  float: left;
  margin-right: 3px;
}
.app-front-admin #post-lock-dialog.saving .locked-saving, .app-front-admin #post-lock-dialog.saved .locked-saved {
  display: inline;
}
.app-front-admin #excerpt {
  display: block;
  margin: 12px 0 0;
  height: 4em;
  width: 100%;
}
.app-front-admin .tagchecklist {
  margin-left: 14px;
  font-size: 12px;
  overflow: auto;
}
.app-front-admin .tagchecklist br {
  display: none;
}
.app-front-admin .tagchecklist strong {
  margin-left: -8px;
  position: absolute;
}
.app-front-admin .tagchecklist > li {
  float: left;
  margin-right: 25px;
  font-size: 13px;
  line-height: 1.8;
  cursor: default;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-front-admin .tagchecklist .ntdelbutton {
  position: absolute;
  width: 24px;
  height: 24px;
  border: none;
  margin: 0 0 0 -19px;
  padding: 0;
  background: none;
  cursor: pointer;
  text-indent: 0;
}
.app-front-admin #poststuff h3.hndle, .app-front-admin #poststuff .stuffbox > h3, .app-front-admin #poststuff h2 {
  /* Back-compat for pre-4.4 */
  /* Back-compat for pre-4.4 */
  font-size: 14px;
  padding: 8px 12px;
  margin: 0;
  line-height: 1.4;
}
.app-front-admin #poststuff .stuffbox h2 {
  padding: 8px 10px;
}
.app-front-admin #poststuff .stuffbox > h2 {
  border-bottom: 1px solid #f0f0f1;
}
.app-front-admin #poststuff .inside {
  margin: 6px 0 0;
}
.app-front-admin .link-php #poststuff .inside, .app-front-admin .link-add-php #poststuff .inside {
  margin-top: 12px;
}
.app-front-admin #poststuff .stuffbox .inside {
  margin: 0;
}
.app-front-admin #poststuff .inside #parent_id, .app-front-admin #poststuff .inside #page_template {
  max-width: 100%;
}
.app-front-admin .post-attributes-label-wrapper {
  margin-bottom: 0.5em;
}
.app-front-admin .post-attributes-label {
  vertical-align: baseline;
  font-weight: 600;
}
.app-front-admin #post-visibility-select, .app-front-admin #comment-status-radio {
  line-height: 1.5;
  margin-top: 3px;
}
.app-front-admin #linksubmitdiv .inside, .app-front-admin #poststuff #submitdiv .inside {
  /* Old Link Manager back-compat. */
  margin: 0;
  padding: 0;
}
.app-front-admin #post-body-content, .app-front-admin .edit-form-section {
  margin-bottom: 20px;
}
.app-front-admin .wp_attachment_details .attachment-content-description {
  margin-top: 0.5385em;
  display: inline-block;
  min-height: 1.6923em;
}
.app-front-admin .form-wrap label {
  display: block;
  padding: 2px 0;
}
.app-front-admin .form-field input[type="text"], .app-front-admin .form-field input[type="password"], .app-front-admin .form-field input[type="email"], .app-front-admin .form-field input[type="number"], .app-front-admin .form-field input[type="search"], .app-front-admin .form-field input[type="tel"], .app-front-admin .form-field input[type="url"], .app-front-admin .form-field textarea {
  border-style: solid;
  border-width: 1px;
  width: 95%;
}
.app-front-admin .form-field select, .app-front-admin .form-field p {
  max-width: 95%;
}
.app-front-admin p.description, .app-front-admin .form-wrap p {
  margin: 2px 0 5px;
  color: #646970;
}
.app-front-admin p.help, .app-front-admin p.description, .app-front-admin span.description, .app-front-admin .form-wrap p {
  font-size: 13px;
}
.app-front-admin p.description code {
  font-style: normal;
}
.app-front-admin .form-wrap .form-field {
  margin: 1em 0;
  padding: 0;
}
.app-front-admin .col-wrap h2 {
  margin: 12px 0;
  font-size: 1.1em;
}
.app-front-admin .col-wrap p.submit {
  margin-top: -10px;
}
.app-front-admin .edit-term-notes {
  margin-top: 2em;
  /* links tables */
}
.app-front-admin table.links-table {
  width: 100%;
  border-spacing: 0;
}
.app-front-admin .links-table th {
  font-weight: 400;
  text-align: left;
  vertical-align: top;
  min-width: 80px;
  width: 20%;
  word-wrap: break-word;
}
.app-front-admin .links-table th, .app-front-admin .links-table td {
  padding: 5px 0;
}
.app-front-admin .links-table td label {
  margin-right: 8px;
}
.app-front-admin .links-table td input[type="text"], .app-front-admin .links-table td textarea {
  width: 100%;
}
.app-front-admin .links-table #link_rel {
  max-width: 280px;
  /* DFW 2
   -------------------------------------------------------------- */
}
.app-front-admin #qt_content_dfw {
  display: none;
}
.app-front-admin .wp-editor-expand #qt_content_dfw {
  display: inline-block;
}
.app-front-admin .focus-on .wrap > h1, .app-front-admin .focus-on .page-title-action, .app-front-admin .focus-on #wpfooter, .app-front-admin .focus-on .postbox-container > *, .app-front-admin .focus-on div.updated, .app-front-admin .focus-on div.error, .app-front-admin .focus-on div.notice, .app-front-admin .focus-on .update-nag, .app-front-admin .focus-on #wp-toolbar, .app-front-admin .focus-on #screen-meta-links, .app-front-admin .focus-on #screen-meta {
  opacity: 0;
  transition-duration: 0.6s;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
}
.app-front-admin .focus-on #wp-toolbar {
  opacity: 0.3;
}
.app-front-admin .focus-off .wrap > h1, .app-front-admin .focus-off .page-title-action, .app-front-admin .focus-off #wpfooter, .app-front-admin .focus-off .postbox-container > *, .app-front-admin .focus-off div.updated, .app-front-admin .focus-off div.error, .app-front-admin .focus-off div.notice, .app-front-admin .focus-off .update-nag, .app-front-admin .focus-off #wp-toolbar, .app-front-admin .focus-off #screen-meta-links, .app-front-admin .focus-off #screen-meta {
  opacity: 1;
  transition-duration: 0.2s;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
}
.app-front-admin .focus-off #wp-toolbar {
  -webkit-transform: translate(0, 0);
}
.app-front-admin .focus-on #adminmenuback, .app-front-admin .focus-on #adminmenuwrap {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: ease-in-out;
}
.app-front-admin .focus-on #adminmenuback, .app-front-admin .focus-on #adminmenuwrap {
  transform: translateX(-100%);
}
.app-front-admin .focus-off #adminmenuback, .app-front-admin .focus-off #adminmenuwrap {
  transform: translateX(0);
  transition-duration: 0.2s;
  transition-property: transform;
  transition-timing-function: ease-in-out;
  /* =Media Queries
   -------------------------------------------------------------- */
  /**
   * HiDPI Displays
   */
}
@media print, (min-resolution: 120dpi) {
  /*
   * The edit attachment screen auto-switches to one column layout when the
   * viewport is smaller than 1200 pixels.
   */
  .app-front-admin #content-resize-handle, .app-front-admin #post-body .wp_themeSkin .mceStatusbar a.mceResize {
    background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom;
    background-size: 11px 11px;
    /*rtl:ignore*/
  }
  .app-front-admin .rtl #content-resize-handle, .app-front-admin .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
    background-image: url(../images/resize-rtl-2x.gif);
    background-position: left bottom;
  }
}
@media only screen and (max-width: 1200px) {
  /* one column on the post write/edit screen */
  .app-front-admin .post-type-attachment #poststuff {
    min-width: 0;
  }
  .app-front-admin .post-type-attachment #wpbody-content #poststuff #post-body {
    margin: 0;
  }
  .app-front-admin .post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1 {
    margin-right: 0;
    width: 100%;
  }
  .app-front-admin .post-type-attachment #poststuff #postbox-container-1 .empty-container, .app-front-admin .post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty {
    outline: none;
    height: 0;
    min-height: 0;
  }
  .app-front-admin .post-type-attachment #poststuff #post-body.columns-2 #side-sortables {
    min-height: 0;
    width: auto;
  }
  .app-front-admin .is-dragging-metaboxes.post-type-attachment #post-body .meta-box-sortables {
    outline: none;
    min-height: 0;
    margin-bottom: 0;
    /* hide the radio buttons for column prefs */
  }
  .app-front-admin .post-type-attachment .screen-layout, .app-front-admin .post-type-attachment .columns-prefs {
    display: none;
  }
}
@media only screen and (max-width: 850px) {
  .app-front-admin #poststuff {
    min-width: 0;
  }
  .app-front-admin #wpbody-content #poststuff #post-body {
    margin: 0;
  }
  .app-front-admin #wpbody-content #post-body.columns-2 #postbox-container-1 {
    margin-right: 0;
    width: 100%;
  }
  .app-front-admin #poststuff #postbox-container-1 .empty-container, .app-front-admin #poststuff #postbox-container-1 #side-sortables:empty {
    height: 0;
    min-height: 0;
  }
  .app-front-admin #poststuff #post-body.columns-2 #side-sortables {
    min-height: 0;
    width: auto;
    /* Increase min-height while dragging for the #side-sortables and any potential sortables area with custom ID. */
  }
  .app-front-admin .is-dragging-metaboxes #poststuff #postbox-container-1 .empty-container, .app-front-admin .is-dragging-metaboxes #poststuff #postbox-container-1 #side-sortables:empty, .app-front-admin .is-dragging-metaboxes #poststuff #post-body.columns-2 #side-sortables, .app-front-admin .is-dragging-metaboxes #poststuff #post-body.columns-2 .meta-box-sortables {
    height: auto;
    min-height: 60px;
    /* hide the radio buttons for column prefs */
  }
  .app-front-admin .screen-layout, .app-front-admin .columns-prefs {
    display: none;
  }
}
@media screen and (max-width: 782px) {
  /* buttons */
  .app-front-admin .wp-core-ui .edit-tag-actions .button-primary {
    margin-bottom: 0;
  }
  .app-front-admin #post-body-content {
    min-width: 0;
  }
  .app-front-admin #titlediv #title-prompt-text {
    padding: 10px;
  }
  .app-front-admin #poststuff .stuffbox .inside {
    padding: 0 2px 4px 0;
  }
  .app-front-admin #poststuff h3.hndle, .app-front-admin #poststuff .stuffbox > h3, .app-front-admin #poststuff h2 {
    /* Back-compat for pre-4.4 */
    /* Back-compat for pre-4.4 */
    padding: 12px;
  }
  .app-front-admin #namediv.stuffbox .editcomment.form-table td {
    padding: 5px 10px;
  }
  .app-front-admin .post-format-options {
    padding-right: 0;
  }
  .app-front-admin .post-format-options a {
    margin-right: 5px;
    margin-bottom: 5px;
    min-width: 52px;
  }
  .app-front-admin .post-format-options .post-format-title {
    font-size: 11px;
  }
  .app-front-admin .post-format-options a div {
    height: 28px;
    width: 28px;
  }
  .app-front-admin .post-format-options a div:before {
    font-size: 26px !important;
    /* Publish Metabox Options */
  }
  .app-front-admin #post-visibility-select {
    line-height: 280%;
  }
  .app-front-admin .wp-core-ui .save-post-visibility, .app-front-admin .wp-core-ui .save-timestamp {
    vertical-align: middle;
    margin-right: 15px;
  }
  .app-front-admin .timestamp-wrap select#mm {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .app-front-admin .timestamp-wrap #jj, .app-front-admin .timestamp-wrap #aa, .app-front-admin .timestamp-wrap #hh, .app-front-admin .timestamp-wrap #mn {
    padding: 12px 3px;
    font-size: 14px;
    margin-bottom: 5px;
    width: auto;
    text-align: center;
    /* Categories Metabox */
  }
  .app-front-admin ul.category-tabs {
    margin: 30px 0 15px;
  }
  .app-front-admin ul.category-tabs li.tabs {
    padding: 15px;
  }
  .app-front-admin ul.categorychecklist li {
    margin-bottom: 15px;
  }
  .app-front-admin ul.categorychecklist ul {
    margin-top: 15px;
  }
  .app-front-admin .category-add input[type=text], .app-front-admin .category-add select {
    max-width: none;
    margin-bottom: 15px;
    /* Tags Metabox */
  }
  .app-front-admin .tagsdiv .newtag {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
  }
  .app-front-admin .tagchecklist {
    margin: 25px 10px;
  }
  .app-front-admin .tagchecklist > li {
    font-size: 16px;
    line-height: 1.4;
    /* Discussion */
  }
  .app-front-admin #commentstatusdiv p {
    line-height: 2.8;
    /* TinyMCE Adjustments */
  }
  .app-front-admin .mceToolbar * {
    white-space: normal !important;
  }
  .app-front-admin .mceToolbar tr, .app-front-admin .mceToolbar td {
    float: left !important;
  }
  .app-front-admin .wp_themeSkin a.mceButton {
    width: 30px;
    height: 30px;
  }
  .app-front-admin .wp_themeSkin .mceButton .mceIcon {
    margin-top: 5px;
    margin-left: 5px;
  }
  .app-front-admin .wp_themeSkin .mceSplitButton {
    margin-top: 1px;
  }
  .app-front-admin .wp_themeSkin .mceSplitButton td a.mceAction {
    padding: 6px 3px 6px 6px;
  }
  .app-front-admin .wp_themeSkin .mceSplitButton td a.mceOpen, .app-front-admin .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
    padding-top: 6px;
    padding-bottom: 6px;
    background-position: 1px 6px;
  }
  .app-front-admin .wp_themeSkin table.mceListBox {
    margin: 5px;
  }
  .app-front-admin div.quicktags-toolbar input {
    padding: 10px 20px;
  }
  .app-front-admin button.wp-switch-editor {
    font-size: 16px;
    line-height: 1;
    margin: 7px 0 0 7px;
    padding: 8px 12px;
  }
  .app-front-admin #wp-content-media-buttons a {
    font-size: 14px;
    padding: 6px 10px;
  }
  .app-front-admin .wp-media-buttons span.wp-media-buttons-icon, .app-front-admin .wp-media-buttons span.jetpack-contact-form-icon {
    width: 22px !important;
    margin-left: -2px !important;
  }
  .app-front-admin .wp-media-buttons .add_media span.wp-media-buttons-icon:before, .app-front-admin .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
    font-size: 20px !important;
  }
  .app-front-admin #content_wp_fullscreen {
    display: none;
  }
  .app-front-admin .misc-pub-section {
    padding: 20px 10px;
  }
  .app-front-admin #delete-action, .app-front-admin #publishing-action {
    line-height: 3.61538461;
  }
  .app-front-admin #publishing-action .spinner {
    float: none;
    margin-top: -2px;
    /* Half of the Publish button's bottom margin. */
    /* Moderate Comment */
  }
  .app-front-admin .comment-ays th, .app-front-admin .comment-ays td {
    padding-bottom: 0;
  }
  .app-front-admin .comment-ays td {
    padding-top: 6px;
    /* Links */
  }
  .app-front-admin .links-table #link_rel {
    max-width: none;
  }
  .app-front-admin .links-table th, .app-front-admin .links-table td {
    padding: 10px 0;
  }
  .app-front-admin .edit-term-notes {
    display: none;
  }
  .app-front-admin .privacy-text-box {
    width: auto;
  }
  .app-front-admin .privacy-text-box-toc {
    float: none;
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .app-front-admin .privacy-text-section .return-to-top {
    margin: 2em 0 0;
  }
}
.app-front-admin .wp-core-ui .button, .app-front-admin .wp-core-ui .button-primary, .app-front-admin .wp-core-ui .button-secondary {
  display: inline-block;
  text-decoration: none;
  font-size: 13px;
  line-height: 2.15384615;
  /* 28px */
  min-height: 30px;
  margin: 0;
  padding: 0 10px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  -webkit-appearance: none;
  border-radius: 3px;
  white-space: nowrap;
  box-sizing: border-box;
  /* Remove the dotted border on :focus and the extra padding in Firefox */
}
.app-front-admin .wp-core-ui button::-moz-focus-inner, .app-front-admin .wp-core-ui input[type="reset"]::-moz-focus-inner, .app-front-admin .wp-core-ui input[type="button"]::-moz-focus-inner, .app-front-admin .wp-core-ui input[type="submit"]::-moz-focus-inner {
  border-width: 0;
  border-style: none;
  padding: 0;
}
.app-front-admin .wp-core-ui .button.button-large, .app-front-admin .wp-core-ui .button-group.button-large .button {
  min-height: 32px;
  line-height: 2.30769231;
  /* 30px */
  padding: 0 12px;
}
.app-front-admin .wp-core-ui .button.button-small, .app-front-admin .wp-core-ui .button-group.button-small .button {
  min-height: 26px;
  line-height: 2.18181818;
  /* 24px */
  padding: 0 8px;
  font-size: 11px;
}
.app-front-admin .wp-core-ui .button.button-hero, .app-front-admin .wp-core-ui .button-group.button-hero .button {
  font-size: 14px;
  min-height: 46px;
  line-height: 3.14285714;
  padding: 0 36px;
}
.app-front-admin .wp-core-ui .button.hidden {
  display: none;
  /* Style Reset buttons as simple text links */
}
.app-front-admin .wp-core-ui input[type="reset"], .app-front-admin .wp-core-ui input[type="reset"]:hover, .app-front-admin .wp-core-ui input[type="reset"]:active, .app-front-admin .wp-core-ui input[type="reset"]:focus {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0 2px 1px;
  width: auto;
  /* ----------------------------------------------------------------------------
   2.0 - Default Button Style
   ---------------------------------------------------------------------------- */
}
.app-front-admin .wp-core-ui .button, .app-front-admin .wp-core-ui .button-secondary {
  color: #2271b1;
  border-color: #2271b1;
  background: #f6f7f7;
  vertical-align: top;
}
.app-front-admin .wp-core-ui p .button {
  vertical-align: baseline;
}
.app-front-admin .wp-core-ui .button.hover, .app-front-admin .wp-core-ui .button:hover, .app-front-admin .wp-core-ui .button-secondary:hover {
  background: #f0f0f1;
  border-color: #0a4b78;
  color: #0a4b78;
}
.app-front-admin .wp-core-ui .button.focus, .app-front-admin .wp-core-ui .button:focus, .app-front-admin .wp-core-ui .button-secondary:focus {
  background: #f6f7f7;
  border-color: #3582c4;
  color: #0a4b78;
  box-shadow: 0 0 0 1px #3582c4;
  /* Only visible in Windows High Contrast mode */
  outline: 2px solid transparent;
  /* Reset inherited offset from Gutenberg */
  outline-offset: 0;
  /* :active state */
}
.app-front-admin .wp-core-ui .button:active, .app-front-admin .wp-core-ui .button-secondary:active {
  background: #f6f7f7;
  border-color: #8c8f94;
  box-shadow: none;
  /* pressed state e.g. a selected setting */
}
.app-front-admin .wp-core-ui .button.active, .app-front-admin .wp-core-ui .button.active:hover {
  background-color: #dcdcde;
  color: #135e96;
  border-color: #0a4b78;
  box-shadow: inset 0 2px 5px -3px #0a4b78;
}
.app-front-admin .wp-core-ui .button.active:focus {
  border-color: #3582c4;
  box-shadow: inset 0 2px 5px -3px #0a4b78, 0 0 0 1px #3582c4;
}
.app-front-admin .wp-core-ui .button[disabled], .app-front-admin .wp-core-ui .button:disabled, .app-front-admin .wp-core-ui .button.disabled, .app-front-admin .wp-core-ui .button-secondary[disabled], .app-front-admin .wp-core-ui .button-secondary:disabled, .app-front-admin .wp-core-ui .button-secondary.disabled, .app-front-admin .wp-core-ui .button-disabled {
  color: #a7aaad !important;
  border-color: #dcdcde !important;
  background: #f6f7f7 !important;
  box-shadow: none !important;
  cursor: default;
  transform: none !important;
  /* Buttons that look like links, for a cross of good semantics with the visual */
}
.app-front-admin .wp-core-ui .button-link {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  background: none;
  cursor: pointer;
  text-align: left;
  /* Mimics the default link style in common.css */
  color: #2271b1;
  text-decoration: underline;
  transition-property: border, background, color;
  transition-duration: 0.05s;
  transition-timing-function: ease-in-out;
}
.app-front-admin .wp-core-ui .button-link:hover, .app-front-admin .wp-core-ui .button-link:active {
  color: #135e96;
}
.app-front-admin .wp-core-ui .button-link:focus {
  color: #043959;
  box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
  outline: 1px solid transparent;
  /* Only visible in Windows High Contrast mode */
}
.app-front-admin .wp-core-ui .button-link-delete {
  color: #d63638;
}
.app-front-admin .wp-core-ui .button-link-delete:hover, .app-front-admin .wp-core-ui .button-link-delete:focus {
  color: #d63638;
  background: transparent;
}
.app-front-admin .wp-core-ui .button-link-delete:disabled {
  /* overrides the default buttons disabled background */
  background: transparent !important;
  /* ----------------------------------------------------------------------------
   3.0 - Primary Button Style
   ---------------------------------------------------------------------------- */
}
.app-front-admin .wp-core-ui .button-primary {
  background: #2271b1;
  border-color: #2271b1;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
}
.app-front-admin .wp-core-ui .button-primary.hover, .app-front-admin .wp-core-ui .button-primary:hover, .app-front-admin .wp-core-ui .button-primary.focus, .app-front-admin .wp-core-ui .button-primary:focus {
  background: #135e96;
  border-color: #135e96;
  color: #fff;
}
.app-front-admin .wp-core-ui .button-primary.focus, .app-front-admin .wp-core-ui .button-primary:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
}
.app-front-admin .wp-core-ui .button-primary.active, .app-front-admin .wp-core-ui .button-primary.active:hover, .app-front-admin .wp-core-ui .button-primary.active:focus, .app-front-admin .wp-core-ui .button-primary:active {
  background: #135e96;
  border-color: #135e96;
  box-shadow: none;
  color: #fff;
}
.app-front-admin .wp-core-ui .button-primary[disabled], .app-front-admin .wp-core-ui .button-primary:disabled, .app-front-admin .wp-core-ui .button-primary-disabled, .app-front-admin .wp-core-ui .button-primary.disabled {
  color: #a7aaad !important;
  background: #f6f7f7 !important;
  border-color: #dcdcde !important;
  box-shadow: none !important;
  text-shadow: none !important;
  cursor: default;
  /* ----------------------------------------------------------------------------
   4.0 - Button Groups
   ---------------------------------------------------------------------------- */
}
.app-front-admin .wp-core-ui .button-group {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  font-size: 0;
  vertical-align: middle;
}
.app-front-admin .wp-core-ui .button-group > .button {
  display: inline-block;
  border-radius: 0;
  margin-right: -1px;
}
.app-front-admin .wp-core-ui .button-group > .button:first-child {
  border-radius: 3px 0 0 3px;
}
.app-front-admin .wp-core-ui .button-group > .button:last-child {
  border-radius: 0 3px 3px 0;
}
.app-front-admin .wp-core-ui .button-group > .button-primary + .button {
  border-left: 0;
}
.app-front-admin .wp-core-ui .button-group > .button:focus {
  position: relative;
  z-index: 1;
  /* pressed state e.g. a selected setting */
}
.app-front-admin .wp-core-ui .button-group > .button.active {
  background-color: #dcdcde;
  color: #135e96;
  border-color: #0a4b78;
  box-shadow: inset 0 2px 5px -3px #0a4b78;
}
.app-front-admin .wp-core-ui .button-group > .button.active:focus {
  border-color: #3582c4;
  box-shadow: inset 0 2px 5px -3px #0a4b78, 0 0 0 1px #3582c4;
  /* ----------------------------------------------------------------------------
   5.0 - Responsive Button Styles
   ---------------------------------------------------------------------------- */
}
@media screen and (max-width: 782px) {
  /* common */
  /* 2 column liquid layout */
  .app-front-admin .wp-core-ui .button, .app-front-admin .wp-core-ui .button.button-large, .app-front-admin .wp-core-ui .button.button-small, .app-front-admin input#publish, .app-front-admin input#save-post, .app-front-admin a.preview {
    padding: 0 14px;
    line-height: 2.71428571;
    /* 38px */
    font-size: 14px;
    vertical-align: middle;
    min-height: 40px;
    margin-bottom: 4px;
    /* Copy attachment URL button in the legacy edit media page. */
  }
  .app-front-admin .wp-core-ui .copy-to-clipboard-container .copy-attachment-url {
    margin-bottom: 0;
  }
  .app-front-admin #media-upload.wp-core-ui .button {
    padding: 0 10px 1px;
    min-height: 24px;
    line-height: 22px;
    font-size: 13px;
  }
  .app-front-admin .media-frame.mode-grid .bulk-select .button {
    margin-bottom: 0;
    /* Publish Metabox Options */
  }
  .app-front-admin .wp-core-ui .save-post-status.button {
    position: relative;
    margin: 0 14px 0 10px;
    /* 14px right margin to match all other buttons */
    /* Reset responsive styles in Press This, Customizer */
  }
  .app-front-admin .wp-core-ui.wp-customizer .button {
    font-size: 13px;
    line-height: 2.15384615;
    /* 28px */
    min-height: 30px;
    margin: 0;
    vertical-align: inherit;
  }
  .app-front-admin .media-modal-content .media-toolbar-primary .media-button {
    margin-top: 10px;
    margin-left: 5px;
    /* Reset responsive styles on Log in button on iframed login form */
  }
  .app-front-admin .interim-login .button.button-large {
    min-height: 30px;
    line-height: 2;
    padding: 0 12px 2px;
  }
}
.app-front-admin #wpwrap {
  height: auto;
  min-height: 100%;
  width: 100%;
  position: relative;
  -webkit-font-smoothing: subpixel-antialiased;
}
.app-front-admin #wpcontent {
  height: 100%;
  padding-left: 20px;
}
.app-front-admin #wpcontent, .app-front-admin #wpfooter {
  margin-left: 160px;
}
.app-front-admin .folded #wpcontent, .app-front-admin .folded #wpfooter {
  margin-left: 36px;
}
.app-front-admin #wpbody-content {
  padding-bottom: 65px;
  float: left;
  width: 100%;
  overflow: visible;
  /* inner 2 column liquid layout */
}
.app-front-admin .inner-sidebar {
  float: right;
  clear: right;
  display: none;
  width: 281px;
  position: relative;
}
.app-front-admin .columns-2 .inner-sidebar {
  margin-right: auto;
  width: 286px;
  display: block;
}
.app-front-admin .inner-sidebar #side-sortables, .app-front-admin .columns-2 .inner-sidebar #side-sortables {
  min-height: 300px;
  width: 280px;
  padding: 0;
}
.app-front-admin .has-right-sidebar .inner-sidebar {
  display: block;
}
.app-front-admin .has-right-sidebar #post-body {
  float: left;
  clear: left;
  width: 100%;
  margin-right: -2000px;
}
.app-front-admin .has-right-sidebar #post-body-content {
  margin-right: 300px;
  float: none;
  width: auto;
  /* 2 columns main area */
}
.app-front-admin #col-left {
  float: left;
  width: 35%;
}
.app-front-admin #col-right {
  float: right;
  width: 65%;
}
.app-front-admin #col-left .col-wrap {
  padding: 0 6px 0 0;
}
.app-front-admin #col-right .col-wrap {
  padding: 0 0 0 6px;
  /* utility classes */
}
.app-front-admin .alignleft {
  float: left;
}
.app-front-admin .alignright {
  float: right;
}
.app-front-admin .textleft {
  text-align: left;
}
.app-front-admin .textright {
  text-align: right;
}
.app-front-admin .clear {
  clear: both;
  /* modern clearfix */
}
.app-front-admin .wp-clearfix:after {
  content: "";
  display: table;
  clear: both;
  /* Hide visually but not from screen readers */
}
.app-front-admin .screen-reader-text, .app-front-admin .screen-reader-text span, .app-front-admin .ui-helper-hidden-accessible {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
  /* many screen reader and browser combinations announce broken words as they would appear visually */
}
.app-front-admin .button .screen-reader-text {
  height: auto;
  /* Fixes a Safari+VoiceOver bug, see ticket #42006 */
}
.app-front-admin .screen-reader-text + .dashicons-external {
  margin-top: -1px;
  margin-left: 2px;
}
.app-front-admin .screen-reader-shortcut {
  position: absolute;
  top: -1000em;
  left: 6px;
  height: auto;
  width: auto;
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding: 15px 23px 14px;
  /* Background and color set to prevent false positives in automated accessibility tests. */
  background: #f0f0f1;
  color: #2271b1;
  z-index: 100000;
  line-height: normal;
}
.app-front-admin .screen-reader-shortcut:focus {
  top: -25px;
  /* Overrides a:focus in the admin. See ticket #56789. */
  color: #2271b1;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  text-decoration: none;
  /* Only visible in Windows High Contrast mode */
  outline: 2px solid transparent;
  outline-offset: -2px;
}
.app-front-admin .hidden, .app-front-admin .js .closed .inside, .app-front-admin .js .hide-if-js, .app-front-admin .no-js .hide-if-no-js, .app-front-admin .js.wp-core-ui .hide-if-js, .app-front-admin .js .wp-core-ui .hide-if-js, .app-front-admin .no-js.wp-core-ui .hide-if-no-js, .app-front-admin .no-js .wp-core-ui .hide-if-no-js {
  display: none;
  /* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
}
.app-front-admin .widget-top, .app-front-admin .menu-item-handle, .app-front-admin .widget-inside, .app-front-admin #menu-settings-column .accordion-container, .app-front-admin #menu-management .menu-edit, .app-front-admin .manage-menus, .app-front-admin table.widefat, .app-front-admin .stuffbox, .app-front-admin p.popular-tags, .app-front-admin .widgets-holder-wrap, .app-front-admin .wp-editor-container, .app-front-admin .popular-tags, .app-front-admin .feature-filter, .app-front-admin .comment-ays {
  border: 1px solid #c3c4c7;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.app-front-admin table.widefat, .app-front-admin .wp-editor-container, .app-front-admin .stuffbox, .app-front-admin p.popular-tags, .app-front-admin .widgets-holder-wrap, .app-front-admin .popular-tags, .app-front-admin .feature-filter, .app-front-admin .comment-ays {
  background: #fff;
  /* general */
}
.app-front-admin *,
.app-front-admin :after,
.app-front-admin :before {
	box-sizing: border-box;
}
.app-front-admin td {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  /* Any change to the default link style must be applied to button-link too. */
}
.app-front-admin a {
  color: #2271b1;
  transition-property: border, background, color;
  transition-duration: 0.05s;
  transition-timing-function: ease-in-out;
}
.app-front-admin a, .app-front-admin div {
  outline: 0;
}
.app-front-admin a:hover, .app-front-admin a:active {
  color: #135e96;
}
.app-front-admin .screen-reader-text:focus {
  box-shadow: none;
  outline: none;
}
.app-front-admin blockquote, .app-front-admin q {
  quotes: none;
}
.app-front-admin blockquote:before, .app-front-admin blockquote:after, .app-front-admin q:before, .app-front-admin q:after {
  content: "";
  content: none;
}
.app-front-admin p, .app-front-admin .wp-die-message {
  font-size: 13px;
  line-height: 1.5;
  margin: 1em 0;
}
.app-front-admin blockquote {
  margin: 1em;
}
.app-front-admin li, .app-front-admin dd {
  margin-bottom: 6px;
}
.app-front-admin h1, .app-front-admin h2, .app-front-admin h3, .app-front-admin h4, .app-front-admin h5, .app-front-admin h6 {
  display: block;
  font-weight: 600;
}
.app-front-admin h1 {
  color: #1d2327;
  font-size: 2em;
  margin: 0.67em 0;
}
.app-front-admin h2, .app-front-admin h3 {
  color: #1d2327;
  font-size: 1.3em;
  margin: 1em 0;
}
.app-front-admin .update-core-php h2 {
  margin-top: 4em;
}
.app-front-admin .update-php h2, .app-front-admin .update-messages h2, .app-front-admin h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
.app-front-admin h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
.app-front-admin h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
.app-front-admin ul, .app-front-admin ol {
  padding: 0;
}
.app-front-admin ul {
  list-style: none;
}
.app-front-admin ol {
  list-style-type: decimal;
  margin-left: 2em;
}
.app-front-admin ul.ul-disc {
  list-style: disc outside;
}
.app-front-admin ul.ul-square {
  list-style: square outside;
}
.app-front-admin ol.ol-decimal {
  list-style: decimal outside;
}
.app-front-admin ul.ul-disc, .app-front-admin ul.ul-square, .app-front-admin ol.ol-decimal {
  margin-left: 1.8em;
}
.app-front-admin ul.ul-disc > li, .app-front-admin ul.ul-square > li, .app-front-admin ol.ol-decimal > li {
  margin: 0 0 0.5em;
  /* rtl:ignore */
}
.app-front-admin .ltr {
  direction: ltr;
  /* rtl:ignore */
}
.app-front-admin .code, .app-front-admin code {
  font-family: Consolas, Monaco, monospace;
  direction: ltr;
  unicode-bidi: embed;
}
.app-front-admin kbd, .app-front-admin code {
  padding: 3px 5px 2px;
  margin: 0 1px;
  background: #f0f0f1;
  background: rgba(0, 0, 0, 0.07);
  font-size: 13px;
}
.app-front-admin .subsubsub {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  font-size: 13px;
  float: left;
  color: #646970;
}
.app-front-admin .subsubsub a {
  line-height: 2;
  padding: 0.2em;
  text-decoration: none;
}
.app-front-admin .subsubsub a .count, .app-front-admin .subsubsub a.current .count {
  color: #50575e;
  /* #f1f1f1 background */
  font-weight: 400;
}
.app-front-admin .subsubsub a.current {
  font-weight: 600;
  border: none;
}
.app-front-admin .subsubsub li {
  display: inline-block;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  /* .widefat - main style for tables */
}
.app-front-admin .widefat {
  border-spacing: 0;
  width: 100%;
  clear: both;
  margin: 0;
}
.app-front-admin .widefat * {
  word-wrap: break-word;
}
.app-front-admin .widefat a, .app-front-admin .widefat button.button-link {
  text-decoration: none;
}
.app-front-admin .widefat td, .app-front-admin .widefat th {
  /* padding: 8px 10px; */
}
.app-front-admin .widefat thead th, .app-front-admin .widefat thead td {
  border-bottom: 1px solid #c3c4c7;
}
.app-front-admin .widefat tfoot th, .app-front-admin .widefat tfoot td {
  border-top: 1px solid #c3c4c7;
  border-bottom: none;
}
.app-front-admin .widefat .no-items td {
  border-bottom-width: 0;
}
.app-front-admin .widefat td {
  vertical-align: top;
}
.app-front-admin .widefat td, .app-front-admin .widefat td p, .app-front-admin .widefat td ol, .app-front-admin .widefat td ul {
  font-size: 13px;
  line-height: 1.5em;
}
.app-front-admin .widefat th, .app-front-admin .widefat thead td, .app-front-admin .widefat tfoot td {
  text-align: left;
  line-height: 1.3em;
  font-size: 14px;
}
.app-front-admin .widefat th input, .app-front-admin .updates-table td input, .app-front-admin .widefat thead td input, .app-front-admin .widefat tfoot td input {
  margin: 0 0 0 8px;
  padding: 0;
  vertical-align: text-top;
}
.app-front-admin .widefat .check-column {
  width: 2.2em;
  padding: 6px 0 25px;
  vertical-align: top;
}
.app-front-admin .widefat tbody th.check-column {
  padding: 9px 0 22px;
}
.app-front-admin td.column-delete.check-column {
	padding-left: 26px
}
.app-front-admin .widefat thead td.check-column, .app-front-admin .widefat tbody th.check-column, .app-front-admin .updates-table tbody td.check-column, .app-front-admin .widefat tfoot td.check-column {
  padding: 11px 0 0 3px;
}
.app-front-admin .widefat thead td.check-column, .app-front-admin .widefat tfoot td.check-column {
  padding-top: 4px;
  vertical-align: middle;
}
.app-front-admin .update-php div.updated, .app-front-admin .update-php div.error {
  margin-left: 0;
}
.app-front-admin .js-update-details-toggle .dashicons {
  text-decoration: none;
}
.app-front-admin .js-update-details-toggle[aria-expanded="true"] .dashicons::before {
  content: "\f142";
}
.app-front-admin .no-js .widefat thead .check-column input, .app-front-admin .no-js .widefat tfoot .check-column input {
  display: none;
}
.app-front-admin .widefat .num, .app-front-admin .column-comments, .app-front-admin .column-links, .app-front-admin .column-posts {
  text-align: center;
}
.app-front-admin .widefat th#comments {
  vertical-align: middle;
}
.app-front-admin .wrap {
  margin: 10px 20px 0 2px;
}
.app-front-admin .wrap > h2:first-child, .app-front-admin .wrap [class$="icon32"] + h2, .app-front-admin .postbox .inside h2, .app-front-admin .wrap h1 {
  /* Back-compat for pre-4.4 */
  /* Back-compat for pre-4.4 */
  /* Back-compat for pre-4.4 */
  font-size: 23px;
  font-weight: 400;
  margin: 0;
  padding: 9px 0 4px;
  line-height: 1.3;
}
.app-front-admin .wrap h1.wp-heading-inline {
  display: inline-block;
  margin-right: 5px;
}
.app-front-admin .wp-header-end {
  visibility: hidden;
  margin: -2px 0 0;
}
.app-front-admin .subtitle {
  margin: 0;
  padding-left: 25px;
  color: #50575e;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.app-front-admin .subtitle strong {
  word-break: break-all;
}
.app-front-admin .wrap .add-new-h2, .app-front-admin .wrap .add-new-h2:active, .app-front-admin .wrap .page-title-action, .app-front-admin .wrap .page-title-action:active {
  /* deprecated */
  /* deprecated */
  margin-left: 4px;
  padding: 4px 8px;
  position: relative;
  text-decoration: none;
  border: 1px solid #2271b1;
  border-radius: 2px;
  text-shadow: none;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.5;
  /* IE8-IE11 need this for buttons */
  color: #2271b1;
  /* use the standard color used for buttons */
  background: #f6f7f7;
  cursor: pointer;
}
.app-front-admin .wrap .wp-heading-inline + .page-title-action {
  margin-left: 0;
}
.app-front-admin .wrap .add-new-h2:hover, .app-front-admin .wrap .page-title-action:hover {
  /* deprecated */
  background: #f0f0f1;
  border-color: #0a4b78;
  color: #0a4b78;
  /* lower specificity: color needs to be overridden by :hover and :active */
}
.app-front-admin .page-title-action:focus {
  color: #0a4b78;
  /* Dashicon for language options on General Settings and Profile screens */
}
.app-front-admin .form-table th label[for="locale"] .dashicons, .app-front-admin .form-table th label[for="WPLANG"] .dashicons {
  margin-left: 5px;
}
.app-front-admin .wrap .page-title-action:focus {
  border-color: #3582c4;
  box-shadow: 0 0 0 1px #3582c4;
  /* Only visible in Windows High Contrast mode */
  outline: 2px solid transparent;
}
.app-front-admin .wrap h1.long-header {
  padding-right: 0;
}
.app-front-admin .wp-dialog {
  background-color: #fff;
}
.app-front-admin .widgets-chooser ul, .app-front-admin #widgets-left .widget-in-question .widget-top, .app-front-admin #available-widgets .widget-top:hover, .app-front-admin div#widgets-right .widget-top:hover, .app-front-admin #widgets-left .widget-top:hover {
  border-color: #8c8f94;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.app-front-admin .sorthelper {
  background-color: #c5d9ed;
}
.app-front-admin .ac_match, .app-front-admin .subsubsub a.current {
  color: #000;
}
.app-front-admin .striped > tbody > :nth-child(odd), .app-front-admin ul.striped > :nth-child(odd), .app-front-admin .alternate {
  background-color: #f6f7f7;
}
.app-front-admin .bar {
  background-color: #f0f0f1;
  border-right-color: #4f94d4;
  /* Helper classes for plugins to leverage the active WordPress color scheme */
}
.app-front-admin .highlight {
  background-color: #f0f6fc;
  color: #3c434a;
}
.app-front-admin .wp-ui-primary {
  color: #fff;
  background-color: #2c3338;
}
.app-front-admin .wp-ui-text-primary {
  color: #2c3338;
}
.app-front-admin .wp-ui-highlight {
  color: #fff;
  background-color: #2271b1;
}
.app-front-admin .wp-ui-text-highlight {
  color: #2271b1;
}
.app-front-admin .wp-ui-notification {
  color: #fff;
  background-color: #d63638;
}
.app-front-admin .wp-ui-text-notification {
  color: #d63638;
}
.app-front-admin .wp-ui-text-icon {
  color: #8c8f94;
  /* same as new icons */
  /* For emoji replacement images */
}
.app-front-admin img.emoji {
  display: inline !important;
  border: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  /*------------------------------------------------------------------------------
   1.0 - Text Styles
   ------------------------------------------------------------------------------*/
}
.app-front-admin .widget .widget-top, .app-front-admin .postbox .hndle, .app-front-admin .stuffbox .hndle, .app-front-admin .control-section .accordion-section-title, .app-front-admin .sidebar-name, .app-front-admin #nav-menu-header, .app-front-admin #nav-menu-footer, .app-front-admin .menu-item-handle, .app-front-admin .checkbox, .app-front-admin .side-info, .app-front-admin #your-profile #rich_editing, .app-front-admin .widefat thead th, .app-front-admin .widefat thead td, .app-front-admin .widefat tfoot th, .app-front-admin .widefat tfoot td {
  line-height: 1.4em;
}
.app-front-admin .widget .widget-top, .app-front-admin .menu-item-handle {
  background: #f6f7f7;
  color: #1d2327;
}
.app-front-admin .stuffbox .hndle {
  border-bottom: 1px solid #c3c4c7;
}
.app-front-admin .quicktags {
  background-color: #c3c4c7;
  color: #000;
  font-size: 12px;
}
.app-front-admin .icon32 {
  display: none;
  /* @todo can we combine these into a class or use an existing dashicon one? */
}
.app-front-admin .welcome-panel .welcome-panel-close:before, .app-front-admin .tagchecklist .ntdelbutton .remove-tag-icon:before, .app-front-admin #bulk-titles .ntdelbutton:before, .app-front-admin .notice-dismiss:before {
  background: none;
  color: #787c82;
  content: "\f153";
  display: block;
  font: normal 16px/20px dashicons;
  speak: never;
  height: 20px;
  text-align: center;
  width: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.app-front-admin .welcome-panel .welcome-panel-close:before {
  margin: 0;
}
.app-front-admin .tagchecklist .ntdelbutton .remove-tag-icon:before {
  margin-left: 2px;
  border-radius: 50%;
  color: #2271b1;
  /* vertically center the icon cross browsers */
  line-height: 1.28;
}
.app-front-admin .tagchecklist .ntdelbutton:focus {
  outline: 0;
}
.app-front-admin .tagchecklist .ntdelbutton:hover .remove-tag-icon:before, .app-front-admin .tagchecklist .ntdelbutton:focus .remove-tag-icon:before, .app-front-admin #bulk-titles .ntdelbutton:hover:before, .app-front-admin #bulk-titles .ntdelbutton:focus:before {
  color: #d63638;
}
.app-front-admin .tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
  box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
}
.app-front-admin .key-labels label {
  line-height: 24px;
}
.app-front-admin strong, .app-front-admin b {
  font-weight: 600;
}
.app-front-admin .pre {
  /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
  white-space: pre-wrap;
  /* css-3 */
  word-wrap: break-word;
  /* IE 5.5 - 7 */
}
.app-front-admin .howto {
  color: #646970;
  display: block;
}
.app-front-admin p.install-help {
  margin: 8px 0;
  font-style: italic;
}
.app-front-admin .no-break {
  white-space: nowrap;
}
.app-front-admin hr {
  border: 0;
  border-top: 1px solid #dcdcde;
  border-bottom: 1px solid #f6f7f7;
}
.app-front-admin .row-actions span.delete a, .app-front-admin .row-actions span.trash a, .app-front-admin .row-actions span.spam a, .app-front-admin .plugins a.delete, .app-front-admin #all-plugins-table .plugins a.delete, .app-front-admin #search-plugins-table .plugins a.delete, .app-front-admin .submitbox .submitdelete, .app-front-admin #media-items a.delete, .app-front-admin #media-items a.delete-permanently, .app-front-admin #nav-menu-footer .menu-delete, .app-front-admin #delete-link a.delete, .app-front-admin a#remove-post-thumbnail, .app-front-admin .privacy_requests .remove-personal-data .remove-personal-data-handle {
  color: #b32d2e;
}
.app-front-admin abbr.required, .app-front-admin span.required, .app-front-admin .file-error, .app-front-admin .row-actions .delete a:hover, .app-front-admin .row-actions .trash a:hover, .app-front-admin .row-actions .spam a:hover, .app-front-admin .plugins a.delete:hover, .app-front-admin #all-plugins-table .plugins a.delete:hover, .app-front-admin #search-plugins-table .plugins a.delete:hover, .app-front-admin .submitbox .submitdelete:hover, .app-front-admin #media-items a.delete:hover, .app-front-admin #media-items a.delete-permanently:hover, .app-front-admin #nav-menu-footer .menu-delete:hover, .app-front-admin #delete-link a.delete:hover, .app-front-admin a#remove-post-thumbnail:hover, .app-front-admin .privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
  color: #b32d2e;
  border: none;
  /*------------------------------------------------------------------------------
   3.0 - Actions
   ------------------------------------------------------------------------------*/
}
.app-front-admin #major-publishing-actions {
  padding: 10px;
  clear: both;
  border-top: 1px solid #dcdcde;
  background: #f6f7f7;
}
.app-front-admin #delete-action {
  float: left;
  line-height: 2.30769231;
  /* 30px */
}
.app-front-admin #delete-link {
  line-height: 2.30769231;
  /* 30px */
  vertical-align: middle;
  text-align: left;
  margin-left: 8px;
}
.app-front-admin #delete-link a {
  text-decoration: none;
}
.app-front-admin #publishing-action {
  text-align: right;
  float: right;
  line-height: 1.9;
}
.app-front-admin #publishing-action .spinner {
  float: none;
  margin-top: 5px;
}
.app-front-admin #misc-publishing-actions {
  padding: 6px 0 0;
}
.app-front-admin .misc-pub-section {
  padding: 6px 10px 8px;
}
.app-front-admin .word-wrap-break-word, .app-front-admin .misc-pub-filename {
  word-wrap: break-word;
}
.app-front-admin #minor-publishing-actions {
  padding: 10px 10px 0;
  text-align: right;
}
.app-front-admin #save-post {
  float: left;
}
.app-front-admin .preview {
  float: right;
}
.app-front-admin #sticky-span {
  margin-left: 18px;
}
.app-front-admin .approve, .app-front-admin .unapproved .unapprove {
  display: none;
}
.app-front-admin .unapproved .approve, .app-front-admin .spam .approve, .app-front-admin .trash .approve {
  display: inline;
}
.app-front-admin td.action-links, .app-front-admin th.action-links {
  text-align: right;
}
.app-front-admin #misc-publishing-actions .notice {
  margin-left: 10px;
  margin-right: 10px;
  /* Filter bar */
}
.app-front-admin .wp-filter {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  margin: 12px 0 25px;
  padding: 0 10px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  border: 1px solid #c3c4c7;
  background: #fff;
  color: #50575e;
  font-size: 13px;
}
.app-front-admin .wp-filter a {
  text-decoration: none;
}
.app-front-admin .filter-count {
  display: inline-block;
  vertical-align: middle;
  min-width: 4em;
}
.app-front-admin .title-count, .app-front-admin .filter-count .count {
  display: inline-block;
  position: relative;
  top: -1px;
  padding: 4px 10px;
  border-radius: 30px;
  background: #646970;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  /* not a part of filter bar, but derived from it, so here for now */
}
.app-front-admin .title-count {
  display: inline;
  top: -3px;
  margin-left: 5px;
  margin-right: 20px;
}
.app-front-admin .filter-items {
  float: left;
}
.app-front-admin .filter-links {
  display: inline-block;
  margin: 0;
}
.app-front-admin .filter-links li {
  display: inline-block;
  margin: 0;
}
.app-front-admin .filter-links li > a {
  display: inline-block;
  margin: 0 10px;
  padding: 15px 0;
  border-bottom: 4px solid #fff;
  color: #646970;
  cursor: pointer;
}
.app-front-admin .filter-links .current {
  box-shadow: none;
  border-bottom: 4px solid #646970;
  color: #1d2327;
}
.app-front-admin .filter-links li > a:hover, .app-front-admin .filter-links li > a:focus, .app-front-admin .show-filters .filter-links a.current:hover, .app-front-admin .show-filters .filter-links a.current:focus {
  color: #135e96;
}
.app-front-admin .wp-filter .search-form {
  float: right;
  margin: 10px 0;
}
.app-front-admin .wp-filter .search-form input[type="search"] {
  width: 280px;
  max-width: 100%;
}
.app-front-admin .wp-filter .search-form select {
  margin: 0;
  /* Use flexbox only on the plugins install page. The `filter-links` and search form children will become flex items. */
}
.app-front-admin .plugin-install-php .wp-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.app-front-admin .wp-filter .search-form.search-plugins {
  /* This element is a flex item: the inherited float won't have any effect. */
  margin-top: 0;
}
.app-front-admin .wp-filter .search-form.search-plugins select, .app-front-admin .wp-filter .search-form.search-plugins .wp-filter-search {
  display: inline-block;
  margin-top: 10px;
  vertical-align: top;
}
.app-front-admin .wp-filter .button.drawer-toggle {
  margin: 10px 9px 0;
  padding: 0 10px 0 6px;
  border-color: transparent;
  background-color: transparent;
  color: #646970;
  vertical-align: baseline;
  box-shadow: none;
}
.app-front-admin .wp-filter .drawer-toggle:before {
  content: "\f111";
  margin: 0 5px 0 0;
  color: #646970;
  font: normal 16px/1 dashicons;
  vertical-align: text-bottom;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.app-front-admin .wp-filter .button.drawer-toggle:hover, .app-front-admin .wp-filter .drawer-toggle:hover:before, .app-front-admin .wp-filter .button.drawer-toggle:focus, .app-front-admin .wp-filter .drawer-toggle:focus:before {
  background-color: transparent;
  color: #135e96;
}
.app-front-admin .wp-filter .button.drawer-toggle:hover, .app-front-admin .wp-filter .button.drawer-toggle:focus:active {
  border-color: transparent;
}
.app-front-admin .wp-filter .button.drawer-toggle:focus {
  border-color: #4f94d4;
}
.app-front-admin .wp-filter .button.drawer-toggle:active {
  background: transparent;
  box-shadow: none;
  transform: none;
}
.app-front-admin .wp-filter .drawer-toggle.current:before {
  color: #fff;
}
.app-front-admin .filter-drawer, .app-front-admin .wp-filter .favorites-form {
  display: none;
  margin: 0 -10px 0 -20px;
  padding: 20px;
  border-top: 1px solid #f0f0f1;
  background: #f6f7f7;
  overflow: hidden;
}
.app-front-admin .show-filters .filter-drawer, .app-front-admin .show-favorites-form .favorites-form {
  display: block;
}
.app-front-admin .show-filters .filter-links a.current {
  border-bottom: none;
}
.app-front-admin .show-filters .wp-filter .button.drawer-toggle {
  border-radius: 2px;
  background: #646970;
  color: #fff;
}
.app-front-admin .show-filters .wp-filter .drawer-toggle:hover, .app-front-admin .show-filters .wp-filter .drawer-toggle:focus {
  background: #2271b1;
}
.app-front-admin .show-filters .wp-filter .drawer-toggle:before {
  color: #fff;
}
.app-front-admin .filter-group {
  box-sizing: border-box;
  position: relative;
  float: left;
  margin: 0 1% 0 0;
  padding: 20px 10px 10px;
  width: 24%;
  background: #fff;
  border: 1px solid #dcdcde;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.app-front-admin .filter-group legend {
  position: absolute;
  top: 10px;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: 600;
}
.app-front-admin .filter-drawer .filter-group-feature {
  margin: 28px 0 0;
  list-style-type: none;
  font-size: 12px;
}
.app-front-admin .filter-drawer .filter-group-feature input, .app-front-admin .filter-drawer .filter-group-feature label {
  line-height: 1.4;
}
.app-front-admin .filter-drawer .filter-group-feature input {
  position: absolute;
  margin: 0;
}
.app-front-admin .filter-group .filter-group-feature label {
  display: block;
  margin: 14px 0 14px 23px;
}
.app-front-admin .filter-drawer .buttons {
  clear: both;
  margin-bottom: 20px;
}
.app-front-admin .filter-drawer .filter-group + .buttons {
  margin-bottom: 0;
  padding-top: 20px;
}
.app-front-admin .filter-drawer .buttons .button span {
  display: inline-block;
  opacity: 0.8;
  font-size: 12px;
  text-indent: 10px;
}
.app-front-admin .wp-filter .button.clear-filters {
  display: none;
  margin-left: 10px;
}
.app-front-admin .wp-filter .button-link.edit-filters {
  padding: 0 5px;
  line-height: 2.2;
}
.app-front-admin .filtered-by {
  display: none;
  margin: 0;
}
.app-front-admin .filtered-by > span {
  font-weight: 600;
}
.app-front-admin .filtered-by a {
  margin-left: 10px;
}
.app-front-admin .filtered-by .tags {
  display: inline;
}
.app-front-admin .filtered-by .tag {
  margin: 0 5px;
  padding: 4px 8px;
  border: 1px solid #dcdcde;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  background: #fff;
  font-size: 11px;
}
.app-front-admin .filters-applied .filter-group, .app-front-admin .filters-applied .filter-drawer .buttons, .app-front-admin .filters-applied .filter-drawer br {
  display: none;
}
.app-front-admin .filters-applied .filtered-by {
  display: block;
}
.app-front-admin .filters-applied .filter-drawer {
  padding: 20px;
}
.app-front-admin .show-filters .favorites-form, .app-front-admin .show-filters .content-filterable, .app-front-admin .show-filters.filters-applied.loading-content .content-filterable, .app-front-admin .loading-content .content-filterable, .app-front-admin .error .content-filterable {
  display: none;
}
.app-front-admin .show-filters.filters-applied .content-filterable {
  display: block;
}
.app-front-admin .loading-content .spinner {
  display: block;
  margin: 40px auto 0;
  float: none;
}
@media only screen and (max-width: 1120px) {
  .app-front-admin .filter-drawer {
    border-bottom: 1px solid #f0f0f1;
  }
  .app-front-admin .filter-group {
    margin-bottom: 0;
    margin-top: 5px;
    width: 100%;
  }
  .app-front-admin .filter-group li {
    margin: 10px 0;
  }
}
@media only screen and (max-width: 1000px) {
  .app-front-admin .filter-items {
    float: none;
  }
  .app-front-admin .wp-filter .media-toolbar-primary, .app-front-admin .wp-filter .media-toolbar-secondary, .app-front-admin .wp-filter .search-form {
    float: none;
    /* Remove float from media-views.css */
    position: relative;
    max-width: 100%;
  }
}
@media only screen and (max-width: 782px) {
  .app-front-admin .filter-group li {
    padding: 0;
    width: 50%;
  }
}
@media only screen and (max-width: 320px) {
  /*------------------------------------------------------------------------------
   4.0 - Notifications
   ------------------------------------------------------------------------------*/
  .app-front-admin .filter-count {
    display: none;
  }
  .app-front-admin .wp-filter .drawer-toggle {
    margin: 10px 0;
  }
  .app-front-admin .filter-group li, .app-front-admin .wp-filter .search-form input[type="search"] {
    width: 100%;
  }
}
.app-front-admin .notice, .app-front-admin div.updated, .app-front-admin div.error {
  background: #fff;
  border: 1px solid #c3c4c7;
  border-left-width: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  margin: 5px 15px 2px;
  padding: 1px 12px;
}
.app-front-admin div[class="update-message"] {
  /* back-compat for pre-4.6 */
  padding: 0.5em 12px 0.5em 0;
}
.app-front-admin .notice p, .app-front-admin .notice-title, .app-front-admin div.updated p, .app-front-admin div.error p, .app-front-admin .form-table td .notice p {
  margin: 0.5em 0;
  padding: 2px;
}
.app-front-admin .error a {
  text-decoration: underline;
}
.app-front-admin .updated a {
  padding-bottom: 2px;
}
.app-front-admin .notice-alt {
  box-shadow: none;
}
.app-front-admin .notice-large {
  padding: 10px 20px;
}
.app-front-admin .notice-title {
  display: inline-block;
  color: #1d2327;
  font-size: 18px;
}
.app-front-admin .wp-core-ui .notice.is-dismissible {
  padding-right: 38px;
  position: relative;
}
.app-front-admin .notice-dismiss {
  position: absolute;
  top: 0;
  right: 1px;
  border: none;
  margin: 0;
  padding: 9px;
  background: none;
  color: #787c82;
  cursor: pointer;
}
.app-front-admin .notice-dismiss:hover:before, .app-front-admin .notice-dismiss:active:before, .app-front-admin .notice-dismiss:focus:before {
  color: #d63638;
}
.app-front-admin .notice-dismiss:focus {
  outline: none;
  box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
}
.app-front-admin .notice-success, .app-front-admin div.updated {
  border-left-color: #00a32a;
}
.app-front-admin .notice-success.notice-alt {
  background-color: #edfaef;
}
.app-front-admin .notice-warning {
  border-left-color: #dba617;
}
.app-front-admin .notice-warning.notice-alt {
  background-color: #fcf9e8;
}
.app-front-admin .notice-error, .app-front-admin div.error {
  border-left-color: #d63638;
}
.app-front-admin .notice-error.notice-alt {
  background-color: #fcf0f1;
}
.app-front-admin .notice-info {
  border-left-color: #72aee6;
}
.app-front-admin .notice-info.notice-alt {
  background-color: #f0f6fc;
}
.app-front-admin .update-message p:before, .app-front-admin .updating-message p:before, .app-front-admin .updated-message p:before, .app-front-admin .import-php .updating-message:before, .app-front-admin .button.updating-message:before, .app-front-admin .button.updated-message:before, .app-front-admin .button.installed:before, .app-front-admin .button.installing:before {
  display: inline-block;
  font: normal 20px/1 'dashicons';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
}
.app-front-admin .wrap .notice, .app-front-admin .wrap div.updated, .app-front-admin .wrap div.error, .app-front-admin .media-upload-form .notice, .app-front-admin .media-upload-form div.error {
  margin: 5px 0 15px;
}
.app-front-admin .wrap #templateside .notice {
  display: block;
  margin: 0;
  padding: 5px 8px;
  font-weight: 600;
  text-decoration: none;
}
.app-front-admin .wrap #templateside span.notice {
  margin-left: -12px;
}
.app-front-admin #templateside li.notice a {
  padding: 0;
  /* Update icon. */
}
.app-front-admin .update-message p:before, .app-front-admin .updating-message p:before, .app-front-admin .import-php .updating-message:before, .app-front-admin .button.updating-message:before, .app-front-admin .button.installing:before {
  color: #d63638;
  content: "\f463";
  /* Spins the update icon. */
}
.app-front-admin .updating-message p:before, .app-front-admin .import-php .updating-message:before, .app-front-admin .button.updating-message:before, .app-front-admin .button.installing:before, .app-front-admin .plugins .column-auto-updates .dashicons-update.spin, .app-front-admin .theme-overlay .theme-autoupdate .dashicons-update.spin {
  animation: rotation 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .app-front-admin .updating-message p:before, .app-front-admin .import-php .updating-message:before, .app-front-admin .button.updating-message:before, .app-front-admin .button.installing:before, .app-front-admin .plugins .column-auto-updates .dashicons-update.spin, .app-front-admin .theme-overlay .theme-autoupdate .dashicons-update.spin {
    animation: none;
  }
}
.app-front-admin .theme-overlay .theme-autoupdate .dashicons-update.spin {
  margin-right: 3px;
  /* Updated icon (check mark). */
}
.app-front-admin .updated-message p:before, .app-front-admin .installed p:before, .app-front-admin .button.updated-message:before {
  color: #68de7c;
  content: "\f147";
  /* Error icon. */
}
.app-front-admin .update-message.notice-error p:before {
  color: #d63638;
  content: "\f534";
}
.app-front-admin .wrap .notice p:before, .app-front-admin .import-php .updating-message:before {
  margin-right: 6px;
}
.app-front-admin .import-php .updating-message:before {
  vertical-align: bottom;
}
.app-front-admin #update-nag, .app-front-admin .update-nag {
  display: inline-block;
  line-height: 1.4;
  padding: 11px 15px;
  font-size: 14px;
  margin: 25px 20px 0 2px;
}
.app-front-admin ul#dismissed-updates {
  display: none;
}
.app-front-admin #dismissed-updates li > p {
  margin-top: 0;
}
.app-front-admin #dismiss, .app-front-admin #undismiss {
  margin-left: 0.5em;
}
.app-front-admin form.upgrade {
  margin-top: 8px;
}
.app-front-admin form.upgrade .hint {
  font-style: italic;
  font-size: 85%;
  margin: -0.5em 0 2em;
}
.app-front-admin .update-php .spinner {
  float: none;
  margin: -4px 0;
}
.app-front-admin h2.wp-current-version {
  margin-bottom: 0.3em;
}
.app-front-admin p.update-last-checked {
  margin-top: 0;
}
.app-front-admin p.auto-update-status {
  margin-top: 2em;
  line-height: 1.8;
}
.app-front-admin #ajax-loading, .app-front-admin .ajax-loading, .app-front-admin .ajax-feedback, .app-front-admin .imgedit-wait-spin, .app-front-admin .list-ajax-loading {
  /* deprecated */
  visibility: hidden;
}
.app-front-admin #ajax-response.alignleft {
  margin-left: 2em;
}
.app-front-admin .button.updating-message:before, .app-front-admin .button.updated-message:before, .app-front-admin .button.installed:before, .app-front-admin .button.installing:before {
  margin: 3px 5px 0 -2px;
}
.app-front-admin .button-primary.updating-message:before {
  color: #fff;
}
.app-front-admin .button-primary.updated-message:before {
  color: #9ec2e6;
}
.app-front-admin .button.updated-message {
  transition-property: border, background, color;
  transition-duration: 0.05s;
  transition-timing-function: ease-in-out;
}
@media aural {
  /* @todo: this does not need its own section anymore */
  /*------------------------------------------------------------------------------
   6.0 - Admin Header
   ------------------------------------------------------------------------------*/
  .app-front-admin .wrap .notice p:before, .app-front-admin .button.installing:before, .app-front-admin .button.installed:before, .app-front-admin .update-message p:before {
    speak: never;
  }
}
.app-front-admin #adminmenu a, .app-front-admin #taglist a, .app-front-admin #catlist a {
  text-decoration: none;
  /*------------------------------------------------------------------------------
   6.1 - Screen Options Tabs
   ------------------------------------------------------------------------------*/
}
.app-front-admin #screen-options-wrap, .app-front-admin #contextual-help-wrap {
  margin: 0;
  padding: 8px 20px 12px;
  position: relative;
}
.app-front-admin #contextual-help-wrap {
  overflow: auto;
  margin-left: 0;
}
.app-front-admin #screen-meta-links {
  float: right;
  margin: 0 20px 0 0;
  /* screen options and help tabs revert */
}
.app-front-admin #screen-meta {
  display: none;
  margin: 0 20px -1px 0;
  position: relative;
  background-color: #fff;
  border: 1px solid #c3c4c7;
  border-top: none;
  box-shadow: 0 0 0 transparent;
}
.app-front-admin #screen-options-link-wrap, .app-front-admin #contextual-help-link-wrap {
  float: left;
  margin: 0 0 0 6px;
}
.app-front-admin #screen-meta-links .screen-meta-toggle {
  position: relative;
  top: 0;
}
.app-front-admin #screen-meta-links .show-settings {
  border: 1px solid #c3c4c7;
  border-top: none;
  height: auto;
  margin-bottom: 0;
  padding: 3px 6px 3px 16px;
  background: #fff;
  border-radius: 0 0 4px 4px;
  color: #646970;
  line-height: 1.7;
  box-shadow: 0 0 0 transparent;
  transition: box-shadow 0.1s linear;
}
.app-front-admin #screen-meta-links .show-settings:hover, .app-front-admin #screen-meta-links .show-settings:active, .app-front-admin #screen-meta-links .show-settings:focus {
  color: #2c3338;
}
.app-front-admin #screen-meta-links .show-settings:focus {
  border-color: #4f94d4;
  box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
}
.app-front-admin #screen-meta-links .show-settings:active {
  transform: none;
}
.app-front-admin #screen-meta-links .show-settings:after {
  right: 0;
  content: "\f140";
  font: normal 20px/1 dashicons;
  speak: never;
  display: inline-block;
  padding: 0 5px 0 0;
  bottom: 2px;
  position: relative;
  vertical-align: bottom;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
}
.app-front-admin #screen-meta-links .screen-meta-active:after {
  content: "\f142";
  /* end screen options and help tabs */
}
.app-front-admin .toggle-arrow {
  background-repeat: no-repeat;
  background-position: top left;
  background-color: transparent;
  height: 22px;
  line-height: 22px;
  display: block;
}
.app-front-admin .toggle-arrow-active {
  background-position: bottom left;
}
.app-front-admin #screen-options-wrap h5, .app-front-admin #screen-options-wrap legend, .app-front-admin #contextual-help-wrap h5 {
  /* Back-compat for old plugins */
  margin: 0;
  padding: 8px 0;
  font-size: 13px;
  font-weight: 600;
}
.app-front-admin .metabox-prefs label {
  display: inline-block;
  padding-right: 15px;
  line-height: 2.35;
}
.app-front-admin #number-of-columns {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
}
.app-front-admin .metabox-prefs input[type=checkbox] {
  margin-top: 0;
  margin-right: 6px;
}
.app-front-admin .metabox-prefs label input, .app-front-admin .metabox-prefs label input[type=checkbox] {
  margin: -4px 5px 0 0;
}
.app-front-admin .metabox-prefs .columns-prefs label input {
  margin: -1px 2px 0 0;
}
.app-front-admin .metabox-prefs label a {
  display: none;
}
.app-front-admin .metabox-prefs .screen-options input, .app-front-admin .metabox-prefs .screen-options label {
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.app-front-admin .metabox-prefs .screen-options .screen-per-page {
  margin-right: 15px;
  padding-right: 0;
}
.app-front-admin .metabox-prefs .screen-options label {
  line-height: 2.2;
  padding-right: 0;
}
.app-front-admin .screen-options + .screen-options {
  margin-top: 10px;
}
.app-front-admin .metabox-prefs .submit {
  margin-top: 1em;
  padding: 0;
  /*------------------------------------------------------------------------------
   8.0 - Layout Blocks
   ------------------------------------------------------------------------------*/
}
.app-front-admin html.wp-toolbar {
  padding-top: 32px;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  /* See ticket #48545 */
}
.app-front-admin .widefat th, .app-front-admin .widefat td {
  color: #50575e;
}
.app-front-admin .widefat th, .app-front-admin .widefat thead td, .app-front-admin .widefat tfoot td {
  font-weight: 400;
}
.app-front-admin .widefat thead tr th, .app-front-admin .widefat thead tr td, .app-front-admin .widefat tfoot tr th, .app-front-admin .widefat tfoot tr td {
  color: #2c3338;
}
.app-front-admin .widefat td p {
  margin: 2px 0 0.8em;
}
.app-front-admin .widefat p, .app-front-admin .widefat ol, .app-front-admin .widefat ul {
  color: #2c3338;
}
.app-front-admin .widefat .column-comment p {
  margin: 0.6em 0;
}
.app-front-admin .widefat .column-comment ul {
  list-style: initial;
  margin-left: 2em;
  /* Screens with postboxes */
}
.app-front-admin .postbox-container {
  float: left;
}
.app-front-admin .postbox-container .meta-box-sortables {
  box-sizing: border-box;
}
.app-front-admin #wpbody-content .metabox-holder {
  padding-top: 10px;
}
.app-front-admin .metabox-holder .postbox-container .meta-box-sortables {
  /* The jQuery UI Sortables need some initial height to work properly. */
  min-height: 1px;
  position: relative;
}
.app-front-admin #post-body-content {
  width: 100%;
  min-width: 463px;
  float: left;
}
.app-front-admin #post-body.columns-2 #postbox-container-1 {
  float: right;
  margin-right: -300px;
  width: 280px;
}
.app-front-admin #post-body.columns-2 #side-sortables {
  min-height: 250px;
  /* one column on the dash */
}
@media only screen and (max-width: 799px) {
  .app-front-admin #wpbody-content .metabox-holder .postbox-container .empty-container {
    outline: none;
    height: 0;
    min-height: 0;
  }
}
.app-front-admin .js .widget .widget-top, .app-front-admin .js .postbox .hndle {
  cursor: move;
}
.app-front-admin .js .widget .widget-top.is-non-sortable, .app-front-admin .js .postbox .hndle.is-non-sortable {
  cursor: auto;
  /* Configurable dashboard widgets "Configure" edit-box link. */
}
.app-front-admin .hndle a {
  font-size: 12px;
  font-weight: 400;
}
.app-front-admin .postbox-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #c3c4c7;
}
.app-front-admin .postbox-header .hndle {
  flex-grow: 1;
  /* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.app-front-admin .postbox-header .handle-actions {
  flex-shrink: 0;
  /* Post box order and toggle buttons. */
}
.app-front-admin .postbox .handle-order-higher, .app-front-admin .postbox .handle-order-lower, .app-front-admin .postbox .handlediv {
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.app-front-admin .postbox .handle-order-higher, .app-front-admin .postbox .handle-order-lower {
  color: #787c82;
  width: 1.62rem;
  /* Post box order buttons in the block editor meta boxes area. */
}
.app-front-admin .edit-post-meta-boxes-area .postbox .handle-order-higher, .app-front-admin .edit-post-meta-boxes-area .postbox .handle-order-lower {
  width: 44px;
  height: 44px;
  color: #1d2327;
}
.app-front-admin .postbox .handle-order-higher[aria-disabled="true"], .app-front-admin .postbox .handle-order-lower[aria-disabled="true"] {
  cursor: default;
  color: #a7aaad;
}
.app-front-admin .sortable-placeholder {
  border: 1px dashed #c3c4c7;
  margin-bottom: 20px;
}
.app-front-admin .postbox, .app-front-admin .stuffbox {
  margin-bottom: 20px;
  padding: 0;
  line-height: 1;
}
.app-front-admin .postbox.closed {
  border-bottom: 0;
  /* user-select is not a part of the CSS standard - may change behavior in the future */
}
.app-front-admin .postbox .hndle, .app-front-admin .stuffbox .hndle {
  -webkit-user-select: none;
  user-select: none;
}
.app-front-admin .postbox .inside {
  padding: 0 12px 12px;
  line-height: 1.4;
  font-size: 13px;
}
.app-front-admin .stuffbox .inside {
  padding: 0;
  line-height: 1.4;
  font-size: 13px;
  margin-top: 0;
}
.app-front-admin .postbox .inside {
  margin: 11px 0;
  position: relative;
}
.app-front-admin .postbox .inside > p:last-child, .app-front-admin .rss-widget ul li:last-child {
  margin-bottom: 1px !important;
}
.app-front-admin .postbox.closed h3 {
  border: none;
  box-shadow: none;
}
.app-front-admin .postbox table.form-table {
  margin-bottom: 0;
}
.app-front-admin .postbox table.widefat {
  box-shadow: none;
}
.app-front-admin .temp-border {
  border: 1px dotted #c3c4c7;
}
.app-front-admin .columns-prefs label {
  padding: 0 10px 0 0;
  /* @todo: what is this doing here */
}
.app-front-admin #dashboard_right_now .versions .b, .app-front-admin #post-status-display, .app-front-admin #post-visibility-display, .app-front-admin #adminmenu .wp-submenu li.current, .app-front-admin #adminmenu .wp-submenu li.current a, .app-front-admin #adminmenu .wp-submenu li.current a:hover, .app-front-admin .media-item .percent, .app-front-admin .plugins .name, .app-front-admin #pass-strength-result.strong, .app-front-admin #pass-strength-result.short, .app-front-admin #ed_reply_toolbar #ed_reply_strong, .app-front-admin .item-controls .item-order a, .app-front-admin .feature-filter .feature-name, .app-front-admin #comment-status-display {
  font-weight: 600;
  /*------------------------------------------------------------------------------
   21.0 - Admin Footer
   ------------------------------------------------------------------------------*/
}
.app-front-admin #wpfooter {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 20px;
  color: #50575e;
}
.app-front-admin #wpfooter p {
  font-size: 13px;
  margin: 0;
  line-height: 1.55;
}
.app-front-admin #footer-thankyou {
  font-style: italic;
  /*------------------------------------------------------------------------------
   25.0 - Tabbed Admin Screen Interface (Experimental)
   ------------------------------------------------------------------------------*/
}
.app-front-admin .nav-tab {
  float: left;
  border: 1px solid #c3c4c7;
  border-bottom: none;
  margin-left: 0.5em;
  /* half the font size so set the font size properly */
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.71428571;
  font-weight: 600;
  background: #dcdcde;
  color: #50575e;
  text-decoration: none;
  white-space: nowrap;
}
.app-front-admin h3 .nav-tab, .app-front-admin .nav-tab-small .nav-tab {
  /* Back-compat for pre-4.4 */
  padding: 5px 14px;
  font-size: 12px;
  line-height: 1.33;
  text-decoration: none;
}
.app-front-admin .nav-tab:hover, .app-front-admin .nav-tab:focus {
  background-color: #fff;
  color: #3c434a;
}
.app-front-admin .nav-tab-active, .app-front-admin .nav-tab:focus:active {
  box-shadow: none;
}
.app-front-admin .nav-tab-active {
  margin-bottom: -1px;
  color: #3c434a;
}
.app-front-admin .nav-tab-active, .app-front-admin .nav-tab-active:hover, .app-front-admin .nav-tab-active:focus, .app-front-admin .nav-tab-active:focus:active {
  border-bottom: transparent;
  background: transparent;
  color: #000;
}
.app-front-admin h1.nav-tab-wrapper, .app-front-admin .wrap h2.nav-tab-wrapper, .app-front-admin .nav-tab-wrapper {
  /* Back-compat for pre-4.4 */
  /* higher specificity to override .wrap > h2:first-child */
  border-bottom: 1px solid #c3c4c7;
  margin: 0;
  padding-top: 9px;
  padding-bottom: 0;
  line-height: inherit;
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
  align-content: flex-start;
  /* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
}
.app-front-admin .nav-tab-wrapper:not(.wp-clearfix):after {
  content: "";
  display: table;
  clear: both;
  /*------------------------------------------------------------------------------
   26.0 - Misc
   ------------------------------------------------------------------------------*/
}
.app-front-admin .spinner {
  background: url(../images/spinner.gif) no-repeat;
  background-size: 20px 20px;
  display: inline-block;
  visibility: hidden;
  float: right;
  vertical-align: middle;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 20px;
  height: 20px;
  margin: 4px 10px 0;
}
.app-front-admin .spinner.is-active, .app-front-admin .loading-content .spinner {
  visibility: visible;
}
.app-front-admin #template > div {
  margin-right: 16em;
}
.app-front-admin #template .notice {
  margin-top: 1em;
  margin-right: 3%;
}
.app-front-admin #template .notice p {
  width: auto;
}
.app-front-admin #template .submit .spinner {
  float: none;
}
.app-front-admin .metabox-holder .stuffbox > h3, .app-front-admin .metabox-holder .postbox > h3, .app-front-admin .metabox-holder h3.hndle, .app-front-admin .metabox-holder h2.hndle {
  /* Back-compat for pre-4.4 */
  /* Back-compat for pre-4.4 */
  /* Back-compat for pre-4.4 */
  font-size: 14px;
  padding: 8px 12px;
  margin: 0;
  line-height: 1.4;
  /* Back-compat for nav-menus screen */
}
.app-front-admin .nav-menus-php .metabox-holder h3 {
  padding: 10px 10px 11px 14px;
  line-height: 1.5;
}
.app-front-admin #templateside ul li a {
  text-decoration: none;
}
.app-front-admin .plugin-install #description, .app-front-admin .plugin-install-network #description {
  width: 60%;
}
.app-front-admin table .vers, .app-front-admin table .column-visible, .app-front-admin table .column-rating {
  text-align: left;
}
.app-front-admin .attention, .app-front-admin .error-message {
  color: #d63638;
  font-weight: 600;
  /* Scrollbar fix for bulk upgrade iframe */
}
.app-front-admin body.iframe {
  height: 98%;
  /* Upgrader styles, Specific to Language Packs */
}
.app-front-admin .lp-show-latest p {
  display: none;
}
.app-front-admin .lp-show-latest p:last-child, .app-front-admin .lp-show-latest .lp-error p {
  display: block;
  /* - Only used once or twice in all of WP - deprecate for global style
   ------------------------------------------------------------------------------*/
}
.app-front-admin .media-icon {
  width: 62px;
  /* icon + border */
  text-align: center;
}
.app-front-admin .media-icon img {
  border: 1px solid #dcdcde;
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.app-front-admin #howto {
  font-size: 11px;
  margin: 0 5px;
  display: block;
}
.app-front-admin .importers {
  font-size: 16px;
  width: auto;
}
.app-front-admin .importers td {
  padding-right: 14px;
  line-height: 1.4;
}
.app-front-admin .importers .import-system {
  max-width: 250px;
}
.app-front-admin .importers td.desc {
  max-width: 500px;
}
.app-front-admin .importer-title, .app-front-admin .importer-desc, .app-front-admin .importer-action {
  display: block;
}
.app-front-admin .importer-title {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0.2em;
}
.app-front-admin .importer-action {
  line-height: 1.55;
  /* Same as with .updating-message */
  color: #50575e;
  margin-bottom: 1em;
}
.app-front-admin #post-body #post-body-content #namediv h3, .app-front-admin #post-body #post-body-content #namediv h2 {
  /* Back-compat for pre-4.4 */
  margin-top: 0;
}
.app-front-admin .edit-comment-author {
  color: #1d2327;
  border-bottom: 1px solid #f0f0f1;
}
.app-front-admin #namediv h3 label, .app-front-admin #namediv h2 label {
  /* Back-compat for pre-4.4 */
  vertical-align: baseline;
}
.app-front-admin #namediv table {
  width: 100%;
}
.app-front-admin #namediv td.first {
  width: 10px;
  white-space: nowrap;
}
.app-front-admin #namediv input {
  width: 100%;
}
.app-front-admin #namediv p {
  margin: 10px 0;
  /* - Used - but could/should be deprecated with a CSS reset
   ------------------------------------------------------------------------------*/
}
.app-front-admin .zerosize {
  height: 0;
  width: 0;
  margin: 0;
  border: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
}
.app-front-admin br.clear {
  height: 2px;
  line-height: 0.15;
}
.app-front-admin .checkbox {
  border: none;
  margin: 0;
  padding: 0;
}
.app-front-admin fieldset {
  border: 0;
  padding: 0 5px;
  margin: 0;
}
.app-front-admin .post-categories {
  display: inline;
  margin: 0;
  padding: 0;
}
.app-front-admin .post-categories li {
  display: inline;
  /* Star Ratings - Back-compat for pre-3.8 */
}
.app-front-admin div.star-holder {
  position: relative;
  height: 17px;
  width: 100px;
  background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
}
.app-front-admin div.star-holder .star-rating {
  background: url(../images/stars.png?ver=20121108) repeat-x top left;
  height: 17px;
  float: left;
  /* Star Ratings */
}
.app-front-admin .star-rating {
  white-space: nowrap;
}
.app-front-admin .star-rating .star {
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  line-height: 1;
  font-family: dashicons;
  text-decoration: inherit;
  font-weight: 400;
  font-style: normal;
  vertical-align: top;
  transition: color 0.1s ease-in;
  text-align: center;
  color: #dba617;
}
.app-front-admin .star-rating .star-full:before {
  content: "\f155";
}
.app-front-admin .star-rating .star-half:before {
  content: "\f459";
}
.app-front-admin .rtl .star-rating .star-half {
  transform: rotateY(180deg);
}
.app-front-admin .star-rating .star-empty:before {
  content: "\f154";
}
.app-front-admin div.action-links {
  font-weight: 400;
  margin: 6px 0 0;
  /* Metabox collapse arrow indicators */
}
.app-front-admin .sidebar-name .toggle-indicator::before, .app-front-admin .meta-box-sortables .postbox .toggle-indicator::before, .app-front-admin .meta-box-sortables .postbox .order-higher-indicator::before, .app-front-admin .meta-box-sortables .postbox .order-lower-indicator::before, .app-front-admin .bulk-action-notice .toggle-indicator::before, .app-front-admin .privacy-text-box .toggle-indicator::before {
  content: "\f142";
  display: inline-block;
  font: normal 20px/1 dashicons;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
}
.app-front-admin .js .widgets-holder-wrap.closed .toggle-indicator::before, .app-front-admin .meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before, .app-front-admin .bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before, .app-front-admin .privacy-text-box.closed .toggle-indicator::before {
  content: "\f140";
}
.app-front-admin .postbox .handle-order-higher .order-higher-indicator::before {
  content: "\f343";
  color: inherit;
}
.app-front-admin .postbox .handle-order-lower .order-lower-indicator::before {
  content: "\f347";
  color: inherit;
}
.app-front-admin .postbox .handle-order-higher .order-higher-indicator::before, .app-front-admin .postbox .handle-order-lower .order-lower-indicator::before {
  position: relative;
  top: 0.11rem;
  width: 20px;
  height: 20px;
}
.app-front-admin .postbox .handlediv .toggle-indicator::before {
  width: 20px;
  border-radius: 50%;
}
.app-front-admin .postbox .handlediv .toggle-indicator::before {
  position: relative;
  top: 0.05rem;
  text-indent: -1px;
  /* account for the dashicon glyph uneven horizontal alignment */
}
.app-front-admin .rtl .postbox .handlediv .toggle-indicator::before {
  text-indent: 1px;
  /* account for the dashicon glyph uneven horizontal alignment */
}
.app-front-admin .bulk-action-notice .toggle-indicator::before {
  line-height: 16px;
  vertical-align: top;
  color: #787c82;
}
.app-front-admin .postbox .handle-order-higher:focus, .app-front-admin .postbox .handle-order-lower:focus, .app-front-admin .postbox .handlediv:focus {
  box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
  outline: 1px solid transparent;
  /* Only visible in Windows High Contrast mode */
}
.app-front-admin .postbox .handle-order-higher:focus .order-higher-indicator::before, .app-front-admin .postbox .handle-order-lower:focus .order-lower-indicator::before, .app-front-admin .postbox .handlediv:focus .toggle-indicator::before {
  box-shadow: none;
  /* Only visible in Windows High Contrast mode */
  outline: 1px solid transparent;
  /* @todo: appears to be Press This only and overridden */
}
.app-front-admin #photo-add-url-div input[type="text"] {
  width: 300px;
  /* @todo: can we use a common class for these? */
}
.app-front-admin .nav-menus-php .item-edit:before, .app-front-admin .widget-top .widget-action .toggle-indicator:before, .app-front-admin .control-section .accordion-section-title:after, .app-front-admin .accordion-section-title:after {
  content: "\f140";
  font: normal 20px/1 dashicons;
  speak: never;
  display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
}
.app-front-admin .widget-top .widget-action .toggle-indicator:before {
  padding: 1px 2px 1px 0;
  border-radius: 50%;
}
.app-front-admin .handlediv, .app-front-admin .postbox .handlediv.button-link, .app-front-admin .item-edit, .app-front-admin .toggle-indicator, .app-front-admin .accordion-section-title:after {
  color: #787c82;
}
.app-front-admin .widget-action {
  color: #50575e;
  /* #fafafa background in the Widgets screen */
}
.app-front-admin .widget-top:hover .widget-action, .app-front-admin .widget-action:focus, .app-front-admin .handlediv:hover, .app-front-admin .handlediv:focus, .app-front-admin .postbox .handlediv.button-link:hover, .app-front-admin .postbox .handlediv.button-link:focus, .app-front-admin .item-edit:hover, .app-front-admin .item-edit:focus, .app-front-admin .sidebar-name:hover .toggle-indicator, .app-front-admin .accordion-section-title:hover:after {
  color: #1d2327;
  /* Only visible in Windows High Contrast mode */
  outline: 1px solid transparent;
}
.app-front-admin .widget-top .widget-action:focus .toggle-indicator:before {
  box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
}
.app-front-admin .control-section .accordion-section-title:after, .app-front-admin .accordion-section-title:after {
  float: right;
  right: 20px;
  top: -2px;
}
.app-front-admin .control-section.open .accordion-section-title:after, .app-front-admin #customize-info.open .accordion-section-title:after, .app-front-admin .nav-menus-php .menu-item-edit-active .item-edit:before, .app-front-admin .widget.open .widget-top .widget-action .toggle-indicator:before, .app-front-admin .widget.widget-in-question .widget-top .widget-action .toggle-indicator:before {
  content: "\f142";
  /*!
   * jQuery UI Draggable/Sortable 1.11.4
   * http://jqueryui.com
   *
   * Copyright jQuery Foundation and other contributors
   * Released under the MIT license.
   * http://jquery.org/license
   */
}
.app-front-admin .ui-draggable-handle, .app-front-admin .ui-sortable-handle {
  touch-action: none;
  /* =Media Queries
   -------------------------------------------------------------- */
  /**
   * HiDPI Displays
   */
}
@media print, (min-resolution: 120dpi) {
  .app-front-admin {
    /* Back-compat for pre-3.8 */
  }
  .app-front-admin div.star-holder, .app-front-admin div.star-holder .star-rating {
    background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
    background-size: 21px 37px;
  }
  .app-front-admin .spinner {
    background-image: url(../images/spinner-2x.gif);
  }
}
@media screen and (max-width: 782px) {
  /* Smartphone */
  .app-front-admin html.wp-toolbar {
    padding-top: 46px;
  }
  .app-front-admin .screen-reader-shortcut:focus {
    top: -39px;
  }
  .app-front-admin body {
    min-width: 240px;
    overflow-x: hidden;
  }
  .app-front-admin body * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  }
  .app-front-admin #wpcontent {
    position: relative;
    margin-left: 0;
    padding-left: 10px;
  }
  .app-front-admin #wpbody-content {
    padding-bottom: 100px;
  }
  .app-front-admin .wrap {
    clear: both;
    margin-right: 12px;
    margin-left: 0;
    /* categories */
  }
  .app-front-admin #col-left, .app-front-admin #col-right {
    float: none;
    width: auto;
  }
  .app-front-admin #col-left .col-wrap, .app-front-admin #col-right .col-wrap {
    padding: 0;
    /* Hidden Elements */
  }
  .app-front-admin #collapse-menu, .app-front-admin .post-format-select {
    display: none !important;
  }
  .app-front-admin .wrap h1.wp-heading-inline {
    margin-bottom: 0.5em;
  }
  .app-front-admin .wrap .add-new-h2, .app-front-admin .wrap .add-new-h2:active, .app-front-admin .wrap .page-title-action, .app-front-admin .wrap .page-title-action:active {
    /* deprecated */
    /* deprecated */
    padding: 10px 15px;
    font-size: 14px;
    white-space: nowrap;
    /* Feedback Messages */
  }
  .app-front-admin .notice, .app-front-admin .wrap div.updated, .app-front-admin .wrap div.error, .app-front-admin .media-upload-form div.error {
    margin: 20px 0 10px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 175%;
  }
  .app-front-admin .wp-core-ui .notice.is-dismissible {
    padding-right: 46px;
  }
  .app-front-admin .notice-dismiss {
    padding: 13px;
  }
  .app-front-admin .wrap .icon32 + h2 {
    margin-top: -2px;
  }
  .app-front-admin .wp-responsive-open #wpbody {
    right: -16em;
  }
  .app-front-admin code {
    word-wrap: break-word;
    word-wrap: anywhere;
    /* Firefox. Allow breaking long words anywhere */
    word-break: break-word;
    /* Webkit: Treated similarly to word-wrap: break-word */
    /* General Metabox */
  }
  .app-front-admin .postbox {
    font-size: 14px;
  }
  .app-front-admin .metabox-holder h3.hndle, .app-front-admin .metabox-holder .stuffbox > h3, .app-front-admin .metabox-holder .postbox > h3, .app-front-admin .metabox-holder h2 {
    /* Back-compat for pre-4.4 */
    /* Back-compat for pre-4.4 */
    /* Back-compat for pre-4.4 */
    padding: 12px;
  }
  .app-front-admin .postbox .handlediv {
    margin-top: 3px;
    /* Subsubsub Nav */
  }
  .app-front-admin .subsubsub {
    font-size: 16px;
    text-align: center;
    margin-bottom: 15px;
    /* Theme/Plugin File Editor */
  }
  .app-front-admin #template textarea, .app-front-admin #template .CodeMirror {
    box-sizing: border-box;
  }
  .app-front-admin #templateside {
    float: none;
    width: auto;
  }
  .app-front-admin #templateside > ul {
    border-left: 1px solid #dcdcde;
  }
  .app-front-admin #templateside li {
    margin: 0;
  }
  .app-front-admin #templateside li:not(.howto) a {
    display: block;
    padding: 5px;
  }
  .app-front-admin #templateside li.howto {
    padding: 12px;
  }
  .app-front-admin #templateside .highlight {
    padding: 5px;
    margin-left: -5px;
    margin-top: -5px;
  }
  .app-front-admin #template > div, .app-front-admin #template .notice {
    float: none;
    margin: 1em 0;
    width: auto;
  }
  .app-front-admin #template .CodeMirror, .app-front-admin #template textarea {
    width: 100%;
  }
  .app-front-admin #templateside ul ul {
    padding-left: 1.5em;
  }
  .app-front-admin [role="treeitem"] .folder-label {
    display: block;
    padding: 5px;
  }
  .app-front-admin .tree-folder > li::before, .app-front-admin .tree-folder > li::after, .app-front-admin .tree-folder .tree-folder::after {
    left: -8px;
  }
  .app-front-admin .tree-folder > li::before {
    top: 0;
    height: 13px;
  }
  .app-front-admin .tree-folder > .current-file::before {
    left: -5px;
    top: 7px;
    width: 4px;
  }
  .app-front-admin .tree-folder > .current-file::after {
    height: 9px;
    left: -8px;
  }
  .app-front-admin .wrap #templateside span.notice {
    margin-left: -5px;
    width: 100%;
  }
  .app-front-admin .fileedit-sub .alignright {
    float: left;
    margin-top: 15px;
    width: 100%;
    text-align: left;
  }
  .app-front-admin .fileedit-sub .alignright label {
    display: block;
  }
  .app-front-admin .fileedit-sub #theme, .app-front-admin .fileedit-sub #plugin {
    margin-left: 0;
    max-width: 70%;
  }
  .app-front-admin .fileedit-sub input[type="submit"] {
    margin-bottom: 0;
  }
  .app-front-admin #documentation label[for="docs-list"] {
    display: block;
  }
  .app-front-admin #documentation select[name="docs-list"] {
    margin-left: 0;
    max-width: 60%;
  }
  .app-front-admin #documentation input[type="button"] {
    margin-bottom: 0;
  }
  .app-front-admin #wpfooter {
    display: none;
  }
  .app-front-admin #comments-form .checkforspam {
    display: none;
  }
  .app-front-admin .edit-comment-author {
    margin: 2px 0 0;
  }
  .app-front-admin .filter-drawer .filter-group-feature input, .app-front-admin .filter-drawer .filter-group-feature label {
    line-height: 2.1;
  }
  .app-front-admin .filter-drawer .filter-group-feature label {
    margin-left: 32px;
  }
  .app-front-admin .wp-filter .button.drawer-toggle {
    font-size: 13px;
    line-height: 2;
    height: 28px;
    /* Fix help tab columns for smaller screens */
  }
  .app-front-admin #screen-meta #contextual-help-wrap {
    overflow: visible;
  }
  .app-front-admin #screen-meta #contextual-help-back, .app-front-admin #screen-meta .contextual-help-sidebar {
    display: none;
  }
  .app-front-admin #screen-meta .contextual-help-tabs {
    clear: both;
    width: 100%;
    float: none;
  }
  .app-front-admin #screen-meta .contextual-help-tabs ul {
    margin: 0 0 1em;
    padding: 1em 0 0;
  }
  .app-front-admin #screen-meta .contextual-help-tabs .active {
    margin: 0;
  }
  .app-front-admin #screen-meta .contextual-help-tabs-wrap {
    clear: both;
    max-width: 100%;
    float: none;
  }
  .app-front-admin #screen-meta, .app-front-admin #screen-meta-links {
    margin-right: 10px;
  }
  .app-front-admin #screen-meta-links {
    margin-bottom: 20px;
    /* Add margins beneath links for better spacing between boxes and elements */
  }
  .app-front-admin .wp-filter .search-form input[type="search"] {
    width: 100%;
    font-size: 1rem;
  }
  .app-front-admin .wp-filter .search-form.search-plugins {
    /* This element is a flex item. */
    min-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .app-front-admin {
    /* Disable horizontal scroll when responsive menu is open
     since we push the main content off to the right. */
  }
  .app-front-admin #wpwrap.wp-responsive-open {
    overflow-x: hidden;
  }
  .app-front-admin html.wp-toolbar {
    padding-top: 0;
  }
  .app-front-admin .screen-reader-shortcut:focus {
    top: 7px;
  }
  .app-front-admin #wpbody {
    padding-top: 46px;
    /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
  }
  .app-front-admin div#post-body.metabox-holder.columns-1 {
    overflow-x: hidden;
  }
  .app-front-admin h1.nav-tab-wrapper, .app-front-admin .wrap h2.nav-tab-wrapper, .app-front-admin .nav-tab-wrapper {
    border-bottom: 0;
  }
  .app-front-admin h1 .nav-tab, .app-front-admin h2 .nav-tab, .app-front-admin h3 .nav-tab, .app-front-admin nav .nav-tab {
    margin: 10px 10px 0 0;
    border-bottom: 1px solid #c3c4c7;
  }
  .app-front-admin .nav-tab-active:hover, .app-front-admin .nav-tab-active:focus, .app-front-admin .nav-tab-active:focus:active {
    border-bottom: 1px solid #c3c4c7;
  }
}
@media screen and (max-width: 480px) {
  .app-front-admin .metabox-prefs-container {
    display: grid;
  }
  .app-front-admin .metabox-prefs-container > * {
    display: inline-block;
    padding: 2px;
  }
}
@media screen and (max-width: 320px) {
  /* forms */
  /* Include margin and padding in the width calculation of input and textarea. */
  .app-front-admin {
    /* Prevent default center alignment and larger font for the Right Now widget when
     the network dashboard is viewed on a small mobile device. */
  }
  .app-front-admin #network_dashboard_right_now .subsubsub {
    font-size: 14px;
    text-align: left;
  }
}
.app-front-admin input,
.app-front-admin select,
.app-front-admin textarea,
.app-front-admin button {
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.app-front-admin textarea,
.app-front-admin input {
  font-size: 14px;
}
.app-front-admin textarea {
  overflow: auto;
  padding: 2px 6px;
  /* inherits font size 14px */
  line-height: 1.42857143;
  /* 20px */
  resize: vertical;
}
.app-front-admin label {
  cursor: pointer;
}
.app-front-admin input,
.app-front-admin select {
  margin: 0 1px;
}
.app-front-admin textarea.code {
  padding: 4px 6px 1px;
}
.app-front-admin input[type="text"],
.app-front-admin input[type="password"],
.app-front-admin input[type="color"],
.app-front-admin input[type="date"],
.app-front-admin input[type="datetime"],
.app-front-admin input[type="datetime-local"],
.app-front-admin input[type="email"],
.app-front-admin input[type="month"],
.app-front-admin input[type="number"],
.app-front-admin input[type="search"],
.app-front-admin input[type="tel"],
.app-front-admin input[type="time"],
.app-front-admin input[type="url"],
.app-front-admin input[type="week"],
.app-front-admin select,
.app-front-admin textarea {
  box-shadow: 0 0 0 transparent;
  border-radius: 4px;
  border: 1px solid #8c8f94;
  background-color: #fff;
  color: #2c3338;
  width: unset;
}
.app-front-admin input[type="text"],
.app-front-admin input[type="password"],
.app-front-admin input[type="date"],
.app-front-admin input[type="datetime"],
.app-front-admin input[type="datetime-local"],
.app-front-admin input[type="email"],
.app-front-admin input[type="month"],
.app-front-admin input[type="number"],
.app-front-admin input[type="search"],
.app-front-admin input[type="tel"],
.app-front-admin input[type="time"],
.app-front-admin input[type="url"],
.app-front-admin input[type="week"] {
  padding: 0 8px;
  /* inherits font size 14px */
  line-height: 2;
  /* 28px */
  /* Only necessary for IE11 */
  min-height: 30px;
}
.app-front-admin button.ui-multiselect {
	box-shadow: 0 0 0 transparent;
    border-radius: 4px;
    border: 1px solid #7e8993;
    background: #fff;
    color: #32373c;
	padding: 0 0 0 8px;
	line-height: 28px;
}
.app-front-admin .ui-multiselect span.ui-icon.ui-icon-triangle-1-s {
	background-color: #fff;
	margin-top: 6px;
}
.ui-multiselect-menu input[type=checkbox] {
    border: 1px solid #8c8f94;
    border-radius: 4px;
    background: #fff;
    color: #50575e;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 1rem;
    margin: -0.25rem 0.25rem 0 0;
    outline: 0;
    padding: 0!important;
    text-align: center;
    vertical-align: middle;
    width: 1rem;
    min-width: 1rem;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    transition: .05s border-color ease-in-out;
}
.ui-multiselect-menu input[type=checkbox]:checked::before {
    content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E);
    margin: -0.1875rem 0 0 -0.25rem;
    margin-top: -0.1875rem;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: -0.25rem;
    height: 1.3125rem;
    width: 1.3125rem;
}
.ui-multiselect-menu li {
	margin-bottom: 6px;
}
.app-front-admin ::-webkit-datetime-edit {
  /* inherits font size 14px */
  line-height: 1.85714286;
  /* 26px */
}
.app-front-admin input[type="text"]:focus, .app-front-admin input[type="password"]:focus, .app-front-admin input[type="color"]:focus, .app-front-admin input[type="date"]:focus, .app-front-admin input[type="datetime"]:focus, .app-front-admin input[type="datetime-local"]:focus, .app-front-admin input[type="email"]:focus, .app-front-admin input[type="month"]:focus, .app-front-admin input[type="number"]:focus, .app-front-admin input[type="search"]:focus, .app-front-admin input[type="tel"]:focus, .app-front-admin input[type="time"]:focus, .app-front-admin input[type="url"]:focus, .app-front-admin input[type="week"]:focus, .app-front-admin input[type="checkbox"]:focus, .app-front-admin input[type="radio"]:focus, .app-front-admin select:focus, .app-front-admin textarea:focus {
  border-color: #2271b1;
  box-shadow: 0 0 0 1px #2271b1;
  /* Only visible in Windows High Contrast mode */
  outline: 2px solid transparent;
  /* rtl:ignore */
}
.app-front-admin input[type="email"], .app-front-admin input[type="url"] {
  direction: ltr;
}
.app-front-admin input[type="checkbox"], .app-front-admin input[type="radio"] {
  border: 1px solid #8c8f94;
  border-radius: 4px;
  background: #fff;
  color: #50575e;
  clear: none;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  height: 1rem;
  margin: -0.25rem 0.25rem 0 0;
  outline: 0;
  padding: 0 !important;
  text-align: center;
  vertical-align: middle;
  width: 1rem;
  min-width: 1rem;
  -webkit-appearance: none;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: 0.05s border-color ease-in-out;
}
.app-front-admin input[type="radio"]:checked + label:before {
  color: #8c8f94;
}
.app-front-admin .wp-core-ui input[type="reset"]:hover, .app-front-admin .wp-core-ui input[type="reset"]:active {
  color: #135e96;
}
.app-front-admin td > input[type="checkbox"], .app-front-admin .wp-admin p input[type="checkbox"], .app-front-admin .wp-admin p input[type="radio"] {
  margin-top: 0;
}
.app-front-admin .wp-admin p label input[type="checkbox"] {
  margin-top: -4px;
}
.app-front-admin .wp-admin p label input[type="radio"] {
  margin-top: -2px;
}
.app-front-admin input[type="radio"] {
  border-radius: 50%;
  margin-right: 0.25rem;
  /* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
  line-height: 0.71428571;
}
.app-front-admin input[type="checkbox"]:checked::before, .app-front-admin input[type="radio"]:checked::before {
  float: left;
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.app-front-admin input[type="checkbox"]:checked::before {
  /* Use the "Yes" SVG Dashicon */
  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E");
  margin: -0.1875rem 0 0 -0.25rem;
  height: 1.3125rem;
  width: 1.3125rem;
}
.app-front-admin input[type="radio"]:checked::before {
  content: "";
  border-radius: 50%;
  width: 0.5rem;
  /* 8px */
  height: 0.5rem;
  /* 8px */
  margin: 0.1875rem;
  /* 3px */
  background-color: #3582c4;
  /* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
  line-height: 1.14285714;
}
@-moz-document url-prefix() {
  /* Search */
  .app-front-admin input[type="checkbox"], .app-front-admin input[type="radio"], .app-front-admin .form-table input.tog {
    margin-bottom: -1px;
  }
}
.app-front-admin input[type="search"] {
  -webkit-appearance: textfield;
}
.app-front-admin input[type="search"]::-webkit-search-decoration {
  display: none;
}
.app-front-admin .wp-admin input[type="file"] {
  padding: 3px 0;
  cursor: pointer;
}
.app-front-admin input.readonly, .app-front-admin input[readonly], .app-front-admin textarea.readonly, .app-front-admin textarea[readonly] {
  background-color: #f0f0f1;
}
.app-front-admin ::-webkit-input-placeholder {
  color: #646970;
}
.app-front-admin ::-moz-placeholder {
  color: #646970;
  opacity: 1;
}
.app-front-admin :-ms-input-placeholder {
  color: #646970;
}
.app-front-admin .form-invalid .form-required, .app-front-admin .form-invalid .form-required:focus, .app-front-admin .form-invalid.form-required input, .app-front-admin .form-invalid.form-required input:focus, .app-front-admin .form-invalid.form-required select, .app-front-admin .form-invalid.form-required select:focus {
  border-color: #d63638 !important;
  box-shadow: 0 0 2px rgba(214, 54, 56, 0.8);
}
.app-front-admin .form-table .form-required.form-invalid td:after {
  content: "\f534";
  font: normal 20px/1 dashicons;
  color: #d63638;
  margin-left: -25px;
  vertical-align: middle;
  /* Adjust error indicator for password layout */
}
.app-front-admin .form-table .form-required.user-pass1-wrap.form-invalid td:after {
  content: "";
}
.app-front-admin .form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after {
  content: "\f534";
  font: normal 20px/1 dashicons;
  color: #d63638;
  margin: 0 6px 0 -29px;
  vertical-align: middle;
}
.app-front-admin .form-input-tip {
  color: #646970;
}
.app-front-admin input:disabled, .app-front-admin input.disabled, .app-front-admin select:disabled, .app-front-admin select.disabled, .app-front-admin textarea:disabled, .app-front-admin textarea.disabled {
  background: rgba(255, 255, 255, 0.5);
  border-color: rgba(220, 220, 222, 0.75);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
  color: rgba(44, 51, 56, 0.5);
}
.app-front-admin input[type="file"]:disabled, .app-front-admin input[type="file"].disabled, .app-front-admin input[type="range"]:disabled, .app-front-admin input[type="range"].disabled {
  background: none;
  box-shadow: none;
  cursor: default;
}
.app-front-admin input[type="checkbox"]:disabled, .app-front-admin input[type="checkbox"].disabled, .app-front-admin input[type="radio"]:disabled, .app-front-admin input[type="radio"].disabled, .app-front-admin input[type="checkbox"]:disabled:checked:before, .app-front-admin input[type="checkbox"].disabled:checked:before, .app-front-admin input[type="radio"]:disabled:checked:before, .app-front-admin input[type="radio"].disabled:checked:before {
  opacity: 0.7;
  /*------------------------------------------------------------------------------
   2.0 - Forms
   ------------------------------------------------------------------------------*/
  /* Select styles are based on the default button in buttons.css */
}
.app-front-admin .wp-core-ui select {
  font-size: 14px;
  line-height: 2;
  /* 28px */
  color: #2c3338;
  border-color: #8c8f94;
  box-shadow: none;
  border-radius: 3px;
  padding: 0 24px 0 8px;
  min-height: 30px;
  max-width: 25rem;
  -webkit-appearance: none;
  /* The SVG is arrow-down-alt2 from Dashicons. */
  background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
  background-size: 16px 16px;
  cursor: pointer;
  vertical-align: middle;
}
.app-front-admin .wp-core-ui select:hover {
  color: #2271b1;
}
.app-front-admin .wp-core-ui select:focus {
  border-color: #2271b1;
  color: #0a4b78;
  box-shadow: 0 0 0 1px #2271b1;
}
.app-front-admin .wp-core-ui select:active {
  border-color: #8c8f94;
  box-shadow: none;
}
.app-front-admin .wp-core-ui select.disabled, .app-front-admin .wp-core-ui select:disabled {
  color: #a7aaad;
  border-color: #dcdcde;
  background-color: #f6f7f7;
  /* The SVG is arrow-down-alt2 from Dashicons. */
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E');
  box-shadow: none;
  text-shadow: 0 1px 0 #fff;
  cursor: default;
  transform: none;
  /* Reset Firefox inner outline that appears on :focus. */
  /* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
}
.app-front-admin .wp-core-ui select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #0a4b78;
  /* Remove background focus style from IE11 while keeping focus style available on option elements. */
}
.app-front-admin .wp-core-ui select::-ms-value {
  background: transparent;
  color: #50575e;
}
.app-front-admin .wp-core-ui select:hover::-ms-value {
  color: #2271b1;
}
.app-front-admin .wp-core-ui select:focus::-ms-value {
  color: #0a4b78;
}
.app-front-admin .wp-core-ui select.disabled::-ms-value, .app-front-admin .wp-core-ui select:disabled::-ms-value {
  color: #a7aaad;
  /* Hide the native down arrow for select element on IE. */
}
.app-front-admin .wp-core-ui select::-ms-expand {
  display: none;
}
.app-front-admin .wp-admin .button-cancel {
  display: inline-block;
  min-height: 28px;
  padding: 0 5px;
  line-height: 2;
}
.app-front-admin .meta-box-sortables select {
  max-width: 100%;
}
.app-front-admin .meta-box-sortables input {
  vertical-align: middle;
}
.app-front-admin .misc-pub-post-status select {
  margin-top: 0;
}
.app-front-admin .wp-core-ui select[multiple] {
  height: auto;
  padding-right: 8px;
  background: #fff;
}
.app-front-admin .submit {
  padding: 1.5em 0;
  margin: 5px 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border: none;
}
.app-front-admin form p.submit a.cancel:hover {
  text-decoration: none;
}
.app-front-admin p.submit {
  text-align: left;
  max-width: 100%;
  margin-top: 20px;
  padding-top: 10px;
}
.app-front-admin .textright p.submit {
  border: none;
  text-align: right;
}
.app-front-admin table.form-table + p.submit, .app-front-admin table.form-table + input + p.submit, .app-front-admin table.form-table + input + input + p.submit {
  border-top: none;
  padding-top: 0;
}
.app-front-admin #minor-publishing-actions input, .app-front-admin #major-publishing-actions input, .app-front-admin #minor-publishing-actions .preview {
  text-align: center;
}
.app-front-admin textarea.all-options, .app-front-admin input.all-options {
  width: 250px;
}
.app-front-admin input.large-text, .app-front-admin textarea.large-text {
  width: 99%;
}
.app-front-admin .regular-text {
  width: 25em;
}
.app-front-admin input.small-text {
  width: 50px;
  padding: 0 6px;
}
.app-front-admin label input.small-text {
  margin-top: -4px;
}
.app-front-admin input[type="number"].small-text {
  width: 65px;
  padding-right: 0;
}
.app-front-admin input.tiny-text {
  width: 35px;
}
.app-front-admin input[type="number"].tiny-text {
  width: 45px;
  padding-right: 0;
}
.app-front-admin #doaction, .app-front-admin #doaction2, .app-front-admin #post-query-submit {
  margin: 0 8px 0 0;
  /* @since 5.7.0 secondary bulk action controls require JS. */
}
.app-front-admin .no-js label[for="bulk-action-selector-bottom"], .app-front-admin .no-js select#bulk-action-selector-bottom, .app-front-admin .no-js input#doaction2, .app-front-admin .no-js label[for="new_role2"], .app-front-admin .no-js select#new_role2, .app-front-admin .no-js input#changeit2 {
  display: none;
}
.app-front-admin .tablenav .actions select {
  float: left;
  margin-right: 6px;
  max-width: 12.5rem;
  padding: 0 24px 0 8px;
}
.app-front-admin #timezone_string option {
  margin-left: 1em;
}
.app-front-admin .wp-hide-pw > .dashicons, .app-front-admin .wp-cancel-pw > .dashicons {
  position: relative;
  top: 3px;
  width: 1.25rem;
  height: 1.25rem;
  top: 0.25rem;
  font-size: 20px;
}
.app-front-admin .wp-cancel-pw .dashicons-no {
  display: none;
}
.app-front-admin label,
.app-front-admin #your-profile label + a {
  vertical-align: middle;
}
.app-front-admin fieldset label,
.app-front-admin #your-profile label + a {
  vertical-align: middle;
}
.app-front-admin p.search-box {
  float: right;
  margin: 0;
}
.app-front-admin .search-box input[name="s"],
.app-front-admin .tablenav .search-plugins input[name="s"],
.app-front-admin .tagsdiv .newtag {
  float: left;
  margin: 0 4px 0 0;
}
.app-front-admin .js.plugins-php .search-box .wp-filter-search {
  margin: 0;
  width: 280px;
}
.app-front-admin input[type="text"].ui-autocomplete-loading, .app-front-admin input[type="email"].ui-autocomplete-loading {
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: right 5px center;
  visibility: visible;
}
.app-front-admin input.ui-autocomplete-input.open {
  border-bottom-color: transparent;
}
.app-front-admin ul#add-to-blog-users {
  margin: 0 0 0 14px;
}
.app-front-admin .ui-autocomplete {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  z-index: 10000;
  border: 1px solid #4f94d4;
  box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8);
  background-color: #fff;
}
.app-front-admin .ui-autocomplete li {
  margin-bottom: 0;
  padding: 4px 10px;
  white-space: nowrap;
  text-align: left;
  cursor: pointer;
  /* Colors for the wplink toolbar autocomplete. */
}
.app-front-admin .ui-autocomplete .ui-state-focus {
  background-color: #dcdcde;
  /* Colors for the tags autocomplete. */
}
.app-front-admin .wp-tags-autocomplete .ui-state-focus, .app-front-admin .wp-tags-autocomplete [aria-selected="true"] {
  background-color: #2271b1;
  color: #fff;
  /* Only visible in Windows High Contrast mode */
  outline: 2px solid transparent;
  /*------------------------------------------------------------------------------
   15.0 - Comments Screen
   ------------------------------------------------------------------------------*/
}
.app-front-admin .form-table {
  border-collapse: collapse;
  margin-top: 0.5em;
  width: 100%;
  clear: both;
}
.app-front-admin .form-table, .app-front-admin .form-table td, .app-front-admin .form-table th, .app-front-admin .form-table td p {
  font-size: 14px;
}
.app-front-admin .form-table td {
  margin-bottom: 9px;
  padding: 15px 10px;
  line-height: 1.3;
  vertical-align: middle;
}
.app-front-admin .form-table th, .app-front-admin .form-wrap label {
  color: #1d2327;
  font-weight: 400;
  text-shadow: none;
  vertical-align: baseline;
}
.app-front-admin .form-table th {
  vertical-align: top;
  text-align: left;
  padding: 20px 10px 20px 0;
  width: 200px;
  line-height: 1.3;
  font-weight: 600;
}
.app-front-admin .form-table th.th-full, .app-front-admin .form-table .td-full {
  /* Not used by core. Back-compat for pre-4.8 */
  width: auto;
  padding: 20px 10px 20px 0;
  font-weight: 400;
}
.app-front-admin .form-table td p {
  margin-top: 4px;
  margin-bottom: 0;
}
.app-front-admin .form-table .date-time-doc {
  margin-top: 1em;
}
.app-front-admin .form-table p.timezone-info {
  margin: 1em 0;
  display: flex;
  flex-direction: column;
}
.app-front-admin #local-time {
  margin-top: 0.5em;
}
.app-front-admin .form-table td fieldset label {
  margin: 0.35em 0 0.5em !important;
  display: inline-block;
}
.app-front-admin .form-table td fieldset p label {
  margin-top: 0 !important;
}
.app-front-admin .form-table td fieldset label, .app-front-admin .form-table td fieldset p, .app-front-admin .form-table td fieldset li {
  line-height: 1.4;
}
.app-front-admin .form-table input.tog, .app-front-admin .form-table input[type="radio"] {
  margin-top: -4px;
  margin-right: 4px;
  float: none;
}
.app-front-admin .form-table .pre {
  padding: 8px;
  margin: 0;
}
.app-front-admin table.form-table td .updated {
  font-size: 13px;
}
.app-front-admin table.form-table td .updated p {
  font-size: 13px;
  margin: 0.3em 0;
  /*------------------------------------------------------------------------------
   18.0 - Users
   ------------------------------------------------------------------------------*/
}
.app-front-admin #profile-page .form-table textarea {
  width: 500px;
  margin-bottom: 6px;
}
.app-front-admin #profile-page .form-table #rich_editing {
  margin-right: 5px;
}
.app-front-admin #your-profile legend {
  font-size: 22px;
}
.app-front-admin #display_name {
  width: 15em;
}
.app-front-admin #adduser .form-field input, .app-front-admin #createuser .form-field input {
  width: 25em;
}
.app-front-admin .color-option {
  display: inline-block;
  width: 24%;
  padding: 5px 15px 15px;
  box-sizing: border-box;
  margin-bottom: 3px;
}
.app-front-admin .color-option:hover, .app-front-admin .color-option.selected {
  background: #dcdcde;
}
.app-front-admin .color-palette {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.app-front-admin .color-palette td {
  height: 20px;
  padding: 0;
  border: none;
}
.app-front-admin .color-option {
  cursor: pointer;
}
.app-front-admin .create-application-password .form-field {
  max-width: 25em;
}
.app-front-admin .create-application-password label {
  font-weight: 600;
}
.app-front-admin .create-application-password p.submit {
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
}
.app-front-admin #application-passwords-section .notice {
  margin-top: 20px;
  margin-bottom: 0;
  word-wrap: break-word;
}
.app-front-admin .application-password-display input.code {
  width: 19em;
}
.app-front-admin .auth-app-card.card {
  max-width: 768px;
}
.app-front-admin .authorize-application-php .form-wrap p {
  display: block;
  /*------------------------------------------------------------------------------
   19.0 - Tools
   ------------------------------------------------------------------------------*/
}
.app-front-admin .tool-box .title {
  margin: 8px 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
.app-front-admin .label-responsive {
  vertical-align: middle;
}
.app-front-admin #export-filters p {
  margin: 0 0 1em;
}
.app-front-admin #export-filters p.submit {
  margin: 7px 0 5px;
  /* Card styles */
}
.app-front-admin .card {
  position: relative;
  margin-top: 20px;
  padding: 0.7em 2em 1em;
  min-width: 255px;
  max-width: 520px;
  border: 1px solid #c3c4c7;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  background: #fff;
  box-sizing: border-box;
  /* =Media Queries
   -------------------------------------------------------------- */
}
@media screen and (max-width: 782px) {
  .app-front-admin {
    /* Input Elements */
  }
  .app-front-admin textarea {
    -webkit-appearance: none;
  }
  .app-front-admin input[type="text"], .app-front-admin input[type="password"], .app-front-admin input[type="date"], .app-front-admin input[type="datetime"], .app-front-admin input[type="datetime-local"], .app-front-admin input[type="email"], .app-front-admin input[type="month"], .app-front-admin input[type="number"], .app-front-admin input[type="search"], .app-front-admin input[type="tel"], .app-front-admin input[type="time"], .app-front-admin input[type="url"], .app-front-admin input[type="week"] {
    -webkit-appearance: none;
    padding: 3px 10px;
    /* Only necessary for IE11 */
    min-height: 40px;
  }
  .app-front-admin ::-webkit-datetime-edit {
    line-height: 1.875;
    /* 30px */
  }
  .app-front-admin input[type="checkbox"], .app-front-admin .widefat th input[type="checkbox"], .app-front-admin .widefat thead td input[type="checkbox"], .app-front-admin .widefat tfoot td input[type="checkbox"] {
    -webkit-appearance: none;
  }
  .app-front-admin .widefat th input[type="checkbox"], .app-front-admin .widefat thead td input[type="checkbox"], .app-front-admin .widefat tfoot td input[type="checkbox"] {
    margin-bottom: 8px;
  }
  .app-front-admin input[type="checkbox"]:checked:before, .app-front-admin .widefat th input[type="checkbox"]:before, .app-front-admin .widefat thead td input[type="checkbox"]:before, .app-front-admin .widefat tfoot td input[type="checkbox"]:before {
    width: 1.875rem;
    height: 1.875rem;
    margin: -0.1875rem -0.3125rem;
  }
  .app-front-admin input[type="radio"], .app-front-admin input[type="checkbox"] {
    height: 1.5625rem;
    width: 1.5625rem;
  }
  .app-front-admin .wp-admin p input[type="checkbox"], .app-front-admin .wp-admin p input[type="radio"] {
    margin-top: -0.1875rem;
  }
  .app-front-admin input[type="radio"]:checked:before {
    vertical-align: middle;
    width: 0.5625rem;
    height: 0.5625rem;
    margin: 0.4375rem;
    line-height: 0.76190476;
  }
  .app-front-admin .wp-upload-form input[type="submit"] {
    margin-top: 10px;
  }
  .app-front-admin .wp-core-ui select, .app-front-admin .wp-admin .form-table select {
    min-height: 40px;
    font-size: 16px;
    line-height: 1.625;
    /* 26px */
    padding: 5px 24px 5px 8px;
  }
  .app-front-admin .wp-admin .button-cancel {
    margin-bottom: 0;
    padding: 2px 0;
    font-size: 14px;
    vertical-align: middle;
  }
  .app-front-admin #adduser .form-field input, .app-front-admin #createuser .form-field input {
    width: 100%;
  }
  .app-front-admin .form-table {
    box-sizing: border-box;
  }
  .app-front-admin .form-table th, .app-front-admin .form-table td, .app-front-admin .label-responsive {
    display: block;
    width: auto;
    vertical-align: middle;
  }
  .app-front-admin .label-responsive {
    margin: 0.5em 0;
  }
  .app-front-admin .export-filters li {
    margin-bottom: 0;
  }
  .app-front-admin .form-table .color-palette td {
    display: table-cell;
    width: 15px;
  }
  .app-front-admin .form-table table.color-palette {
    margin-right: 10px;
  }
  .app-front-admin textarea, .app-front-admin input {
    font-size: 16px;
  }
  .app-front-admin .form-table td input[type="text"], .app-front-admin .form-table td input[type="email"], .app-front-admin .form-table td input[type="password"], .app-front-admin .form-table td select, .app-front-admin .form-table td textarea, .app-front-admin .form-table span.description, .app-front-admin #profile-page .form-table textarea {
    width: 100%;
    display: block;
    max-width: none;
    box-sizing: border-box;
  }
  .app-front-admin .form-table .form-required.form-invalid td:after {
    float: right;
    margin: -30px 3px 0 0;
  }
  .app-front-admin input[type="text"].small-text, .app-front-admin input[type="search"].small-text, .app-front-admin input[type="password"].small-text, .app-front-admin input[type="number"].small-text, .app-front-admin .form-table input[type="text"].small-text {
    width: auto;
    max-width: 4.375em;
    /* 70px, enough for 4 digits to fit comfortably */
    display: inline;
    padding: 3px 6px;
    margin: 0 3px;
  }
  .app-front-admin .form-table .regular-text ~ input[type="text"].small-text {
    margin-top: 5px;
  }
  .app-front-admin #pass-strength-result {
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
  }
  .app-front-admin .password-input-wrapper {
    display: block;
  }
  .app-front-admin p.search-box {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
  }
  .app-front-admin p.search-box input[name="s"] {
    float: none;
    width: 100%;
    margin-bottom: 10px;
    vertical-align: middle;
  }
  .app-front-admin p.search-box input[type="submit"] {
    margin-bottom: 10px;
  }
  .app-front-admin .form-table span.description {
    display: inline;
    padding: 4px 0 0;
    line-height: 1.4;
    font-size: 14px;
  }
  .app-front-admin .form-table th {
    padding: 10px 0 0;
    border-bottom: 0;
  }
  .app-front-admin .form-table td {
    margin-bottom: 0;
    padding: 4px 0 6px;
  }
  .app-front-admin .form-table.permalink-structure td code {
    display: inline-block;
  }
  .app-front-admin .form-table.permalink-structure .structure-selection {
    margin-top: 8px;
  }
  .app-front-admin .form-table.permalink-structure .structure-selection .row > div {
    max-width: calc(100% - 36px);
    width: 100%;
  }
  .app-front-admin .form-table.permalink-structure td input[type="text"] {
    margin-top: 4px;
  }
  .app-front-admin .form-table input.regular-text {
    width: 100%;
  }
  .app-front-admin .form-table label {
    font-size: 14px;
  }
  .app-front-admin .background-position-control .button-group > label {
    font-size: 0;
  }
  .app-front-admin .form-table fieldset label {
    display: block;
  }
  .app-front-admin .form-field #domain {
    max-width: none;
    /* New Password */
  }
  .app-front-admin .wp-pwd {
    position: relative;
    /* Needs higher specificity than normal input type text and password. */
  }
  .app-front-admin #profile-page .form-table #pass1 {
    padding-right: 90px;
  }
  .app-front-admin .wp-pwd button.button {
    background: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    line-height: 2;
    margin: 0;
    padding: 5px 9px;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.375rem;
    height: 2.375rem;
    min-width: 40px;
    min-height: 40px;
  }
  .app-front-admin .wp-pwd button.wp-hide-pw {
    right: 2.5rem;
  }
  .app-front-admin body.user-new-php .wp-pwd button.wp-hide-pw {
    right: 0;
  }
  .app-front-admin .wp-pwd button.button:hover, .app-front-admin .wp-pwd button.button:focus {
    background: transparent;
  }
  .app-front-admin .wp-pwd button.button:active {
    background: transparent;
    box-shadow: none;
    transform: none;
  }
  .app-front-admin .wp-pwd .button .text {
    display: none;
  }
  .app-front-admin .wp-pwd [type="text"], .app-front-admin .wp-pwd [type="password"] {
    line-height: 2;
    padding-right: 5rem;
  }
  .app-front-admin body.user-new-php .wp-pwd [type="text"], .app-front-admin body.user-new-php .wp-pwd [type="password"] {
    padding-right: 2.5rem;
  }
  .app-front-admin .wp-cancel-pw .dashicons-no {
    display: inline-block;
  }
  .app-front-admin .mailserver-pass-wrap .wp-pwd {
    display: block;
    /* rtl:ignore */
  }
  .app-front-admin #mailserver_pass {
    padding-left: 10px;
  }
  .app-front-admin .options-general-php input[type="text"].small-text {
    max-width: 6.25em;
    margin: 0;
    /* Privacy Policy settings screen */
  }
  .app-front-admin .tools-privacy-policy-page form.wp-create-privacy-page {
    margin-bottom: 1em;
  }
  .app-front-admin .tools-privacy-policy-page input#set-page, .app-front-admin .tools-privacy-policy-page select {
    margin: 10px 0 0;
  }
  .app-front-admin .tools-privacy-policy-page .wp-create-privacy-page span {
    display: block;
    margin-bottom: 1em;
  }
  .app-front-admin .tools-privacy-policy-page .wp-create-privacy-page .button {
    margin-left: 0;
  }
  .app-front-admin .wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) {
    display: table-cell;
  }
  .app-front-admin .wp-list-table.privacy_requests.widefat th input, .app-front-admin .wp-list-table.privacy_requests.widefat thead td input {
    margin-left: 5px;
  }
  .app-front-admin .wp-privacy-request-form-field input[type="text"] {
    width: 100%;
    margin-bottom: 10px;
    vertical-align: middle;
  }
  .app-front-admin .regular-text {
    max-width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .app-front-admin .form-field input[type="text"], .app-front-admin .form-field input[type="email"], .app-front-admin .form-field input[type="password"], .app-front-admin .form-field select, .app-front-admin .form-field textarea {
    width: 99%;
  }
  .app-front-admin .form-wrap .form-field {
    padding: 0;
  }
}
@media only screen and (max-height: 480px), screen and (max-width: 450px) {
  /* Smartphone */
  .app-front-admin {
    /* Request Credentials / File Editor Warning */
  }
  .app-front-admin .request-filesystem-credentials-dialog .notification-dialog, .app-front-admin .file-editor-warning .notification-dialog {
    width: 100%;
    height: 100%;
    max-height: 100%;
    position: fixed;
    top: 0;
    margin: 0;
    left: 0;
  }
}
@media screen and (max-width: 600px) {
  .app-front-admin {
    /* Color Picker Options */
  }
  .app-front-admin .color-option {
    width: 49%;
  }
}
@media only screen and (max-width: 320px) {
  .app-front-admin .options-general-php .date-time-text.date-time-custom-text {
    min-width: 0;
    margin-right: 0.5em;
  }
}
@keyframes rotation {
  /* list-tables */
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.app-front-admin .response-links {
  display: block;
  margin-bottom: 1em;
}
.app-front-admin .response-links a {
  display: block;
}
.app-front-admin .response-links a.comments-edit-item-link {
  font-weight: 600;
}
.app-front-admin .response-links a.comments-view-item-link {
  font-size: 12px;
}
.app-front-admin .post-com-count-wrapper strong {
  font-weight: 400;
}
.app-front-admin .comments-view-item-link {
  display: inline-block;
  clear: both;
}
.app-front-admin .column-response .post-com-count-wrapper, .app-front-admin .column-comments .post-com-count-wrapper {
  white-space: nowrap;
  word-wrap: normal;
  /* comments bubble common */
}
.app-front-admin .column-response .post-com-count, .app-front-admin .column-comments .post-com-count {
  display: inline-block;
  vertical-align: top;
  /* comments bubble approved */
}
.app-front-admin .column-response .post-com-count-no-comments, .app-front-admin .column-response .post-com-count-approved, .app-front-admin .column-comments .post-com-count-no-comments, .app-front-admin .column-comments .post-com-count-approved {
  margin-top: 5px;
}
.app-front-admin .column-response .comment-count-no-comments, .app-front-admin .column-response .comment-count-approved, .app-front-admin .column-comments .comment-count-no-comments, .app-front-admin .column-comments .comment-count-approved {
  box-sizing: border-box;
  display: block;
  padding: 0 8px;
  min-width: 24px;
  height: 2em;
  border-radius: 5px;
  background-color: #646970;
  color: #fff;
  font-size: 11px;
  line-height: 1.9090909;
  text-align: center;
}
.app-front-admin .column-response .post-com-count-no-comments:after, .app-front-admin .column-response .post-com-count-approved:after, .app-front-admin .column-comments .post-com-count-no-comments:after, .app-front-admin .column-comments .post-com-count-approved:after {
  content: "";
  display: block;
  margin-left: 8px;
  width: 0;
  height: 0;
  border-top: 5px solid #646970;
  border-right: 5px solid transparent;
}
.app-front-admin .column-response a.post-com-count-approved:hover .comment-count-approved, .app-front-admin .column-response a.post-com-count-approved:focus .comment-count-approved, .app-front-admin .column-comments a.post-com-count-approved:hover .comment-count-approved, .app-front-admin .column-comments a.post-com-count-approved:focus .comment-count-approved {
  background: #2271b1;
}
.app-front-admin .column-response a.post-com-count-approved:hover:after, .app-front-admin .column-response a.post-com-count-approved:focus:after, .app-front-admin .column-comments a.post-com-count-approved:hover:after, .app-front-admin .column-comments a.post-com-count-approved:focus:after {
  border-top-color: #2271b1;
  /* @todo: consider to use a single rule for these counters and the admin menu counters. */
}
.app-front-admin .column-response .post-com-count-pending, .app-front-admin .column-comments .post-com-count-pending {
  position: relative;
  left: -3px;
  padding: 0 5px;
  min-width: 7px;
  height: 17px;
  border: 2px solid #fff;
  border-radius: 11px;
  background: #d63638;
  color: #fff;
  font-size: 9px;
  line-height: 1.88888888;
  text-align: center;
}
.app-front-admin .column-response .post-com-count-no-pending, .app-front-admin .column-comments .post-com-count-no-pending {
  display: none;
  /*------------------------------------------------------------------------------
   10.0 - List Posts (/Pages/etc)
   ------------------------------------------------------------------------------*/
}
.app-front-admin table.fixed {
  table-layout: fixed;
}
.app-front-admin .fixed .column-rating, .app-front-admin .fixed .column-visible {
  width: 8%;
}
.app-front-admin .fixed .column-posts, .app-front-admin .fixed .column-parent, .app-front-admin .fixed .column-links, .app-front-admin .fixed .column-author, .app-front-admin .fixed .column-format {
  width: 10%;
}
.app-front-admin .fixed .column-date {
  width: 14%;
}
.app-front-admin .column-date span[title] {
  -webkit-text-decoration: dotted underline;
  text-decoration: dotted underline;
}
.app-front-admin .fixed .column-posts {
  width: 74px;
}
.app-front-admin .fixed .column-role, .app-front-admin .fixed .column-posts {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.app-front-admin .fixed .column-comment .comment-author {
  display: none;
}
.app-front-admin .fixed .column-response, .app-front-admin .fixed .column-categories, .app-front-admin .fixed .column-tags, .app-front-admin .fixed .column-rel, .app-front-admin .fixed .column-role {
  width: 15%;
}
.app-front-admin .fixed .column-slug {
  width: 25%;
}
.app-front-admin .fixed .column-locations {
  width: 35%;
}
.app-front-admin .fixed .column-comments {
  width: 5.5em;
  padding: 8px 0;
  text-align: left;
}
.app-front-admin .fixed .column-comments .vers {
  padding-left: 3px;
}
.app-front-admin td.column-title strong, .app-front-admin td.plugin-title strong {
  display: block;
  margin-bottom: 0.2em;
  font-size: 14px;
}
.app-front-admin td.column-title p, .app-front-admin td.plugin-title p {
  margin: 6px 0;
  /* Media file column */
}
.app-front-admin table.media .column-title .media-icon {
  float: left;
  min-height: 60px;
  margin: 0 9px 0 0;
}
.app-front-admin table.media .column-title .media-icon img {
  max-width: 60px;
  height: auto;
  vertical-align: top;
  /* Remove descender white-space. */
}
.app-front-admin table.media .column-title .has-media-icon ~ .row-actions {
  margin-left: 70px;
  /* 60px image + margin */
}
.app-front-admin table.media .column-title .filename {
  margin-bottom: 0.2em;
  /* Media Copy to clipboard row action */
}
.app-front-admin .media .row-actions .copy-to-clipboard-container {
  display: inline;
  position: relative;
}
.app-front-admin .media .row-actions .copy-to-clipboard-container .success {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -100%);
  background: #000;
  color: #fff;
  border-radius: 5px;
  margin: 0;
  padding: 2px 5px;
  /* @todo: pick a consistent list table selector */
}
.app-front-admin .wp-list-table a {
  transition: none;
}
.app-front-admin .wp-list-table .toggle-row {
  position: absolute;
  right: 8px;
  top: 10px;
  display: none;
  padding: 0;
  width: 40px;
  height: 40px;
  border: none;
  outline: none;
  background: transparent;
}
.app-front-admin .wp-list-table .toggle-row:hover {
  cursor: pointer;
}
.app-front-admin .wp-list-table .toggle-row:focus:before {
  box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
}
.app-front-admin .wp-list-table .toggle-row:active {
  box-shadow: none;
}
.app-front-admin .wp-list-table .toggle-row:before {
  position: absolute;
  top: -5px;
  left: 10px;
  border-radius: 50%;
  display: block;
  padding: 1px 2px 1px 0;
  color: #3c434a;
  /* same as table headers sort arrows */
  content: "\f140";
  font: normal 20px/1 dashicons;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
}
.app-front-admin .wp-list-table .is-expanded .toggle-row:before {
  content: "\f142";
}
.app-front-admin .check-column {
  position: relative;
}
.app-front-admin .check-column .label-covers-full-cell {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.app-front-admin .check-column .label-covers-full-cell + input {
  position: relative;
  z-index: 1;
}
.app-front-admin .check-column .label-covers-full-cell:hover + input {
  box-shadow: 0 0 0 1px #2271b1;
}
.app-front-admin .locked-indicator {
  display: none;
  margin-left: 6px;
  height: 20px;
  width: 16px;
}
.app-front-admin .locked-indicator-icon:before {
  color: #8c8f94;
  content: "\f160";
  display: inline-block;
  font: normal 20px/1 dashicons;
  speak: never;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.app-front-admin .locked-info {
  display: none;
  margin-top: 4px;
}
.app-front-admin .locked-text {
  vertical-align: top;
}
.app-front-admin .wp-locked .locked-indicator, .app-front-admin .wp-locked .locked-info {
  display: block;
}
.app-front-admin tr.wp-locked .check-column label, .app-front-admin tr.wp-locked .check-column input[type="checkbox"], .app-front-admin tr.wp-locked .row-actions .inline, .app-front-admin tr.wp-locked .row-actions .trash {
  display: none;
}
.app-front-admin #menu-locations-wrap .widefat {
  width: 60%;
}
.app-front-admin .widefat th.sortable, .app-front-admin .widefat th.sorted {
  padding: 0;
}
.app-front-admin th.sortable a, .app-front-admin th.sorted a {
  display: block;
  overflow: hidden;
  padding: 8px;
}
.app-front-admin .fixed .column-comments.sortable a, .app-front-admin .fixed .column-comments.sorted a {
  padding: 8px 0;
}
.app-front-admin th.sortable a span, .app-front-admin th.sorted a span {
  float: left;
  cursor: pointer;
}
.app-front-admin .tablenav-pages .current-page {
  margin: 0 2px 0 0;
  font-size: 13px;
  text-align: center;
}
.app-front-admin .tablenav .total-pages {
  margin-right: 2px;
}
.app-front-admin .tablenav #table-paging {
  margin-left: 2px;
}
.app-front-admin .tablenav {
  clear: both;
  height: 30px;
  margin: 6px 0 4px;
  vertical-align: middle;
}
.app-front-admin .tablenav.themes {
  max-width: 98%;
}
.app-front-admin .tablenav .tablenav-pages {
  float: right;
  margin: 0;
}
.app-front-admin .tablenav .no-pages, .app-front-admin .tablenav .one-page .pagination-links {
  display: none;
}
.app-front-admin .tablenav .tablenav-pages .button, .app-front-admin .tablenav .tablenav-pages .tablenav-pages-navspan {
  display: inline-block;
  vertical-align: baseline;
  min-width: 30px;
  min-height: 30px;
  margin: 0;
  padding: 0 4px;
  font-size: 16px;
  line-height: 1.625;
  /* 26px */
  text-align: center;
}
.app-front-admin .tablenav .displaying-num {
  margin-right: 7px;
}
.app-front-admin .tablenav .one-page .displaying-num {
  display: inline-block;
  margin: 5px 0;
}
.app-front-admin .tablenav .actions {
  padding: 0 8px 0 0;
}
.app-front-admin .wp-filter .actions {
  display: inline-block;
  vertical-align: middle;
}
.app-front-admin .tablenav .delete {
  margin-right: 20px;
  /* This view-switcher is still used on multisite. */
}
.app-front-admin .tablenav .view-switch {
  float: right;
  margin: 0 5px;
  padding-top: 3px;
}
.app-front-admin .wp-filter .view-switch {
  display: inline-block;
  vertical-align: middle;
  padding: 12px 0;
  margin: 0 8px 0 2px;
}
.app-front-admin .media-toolbar.wp-filter .view-switch {
  margin: 0 12px 0 2px;
}
.app-front-admin .view-switch a {
  float: left;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 1.84615384;
  text-decoration: none;
}
.app-front-admin .view-switch a:before {
  color: #c3c4c7;
  display: inline-block;
  font: normal 20px/1 dashicons;
  speak: never;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.app-front-admin .view-switch a:hover:before, .app-front-admin .view-switch a:focus:before {
  color: #787c82;
}
.app-front-admin .view-switch a.current:before {
  color: #2271b1;
}
.app-front-admin .view-switch .view-list:before {
  content: "\f163";
}
.app-front-admin .view-switch .view-excerpt:before {
  content: "\f164";
}
.app-front-admin .view-switch .view-grid:before {
  content: "\f509";
}
.app-front-admin .filter {
  float: left;
  margin: -5px 0 0 10px;
}
.app-front-admin .filter .subsubsub {
  margin-left: -10px;
  margin-top: 13px;
}
.app-front-admin .screen-per-page {
  width: 4em;
}
.app-front-admin #posts-filter .wp-filter {
  margin-bottom: 0;
}
.app-front-admin #posts-filter fieldset {
  float: left;
  margin: 0 1.5ex 1em 0;
  padding: 0;
}
.app-front-admin #posts-filter fieldset legend {
  padding: 0 0 0.2em 1px;
}
.app-front-admin p.pagenav {
  margin: 0;
  display: inline;
}
.app-front-admin .pagenav span {
  font-weight: 600;
  margin: 0 6px;
}
.app-front-admin .row-title {
  font-size: 14px !important;
  font-weight: 600;
}
.app-front-admin .column-comment .comment-author {
  margin-bottom: 0.6em;
}
.app-front-admin .column-author img, .app-front-admin .column-username img, .app-front-admin .column-comment .comment-author img {
  float: left;
  margin-right: 10px;
  margin-top: 1px;
}
.app-front-admin .row-actions {
  color: #a7aaad;
  font-size: 13px;
  padding: 2px 0 0;
  position: relative;
  left: -9999em;
  /* ticket #34150 */
}
.app-front-admin .rtl .row-actions a {
  display: inline-block;
}
.app-front-admin .row-actions .network_only, .app-front-admin .row-actions .network_active {
  color: #000;
}
.app-front-admin .no-js .row-actions, .app-front-admin tr:hover .row-actions, .app-front-admin .mobile .row-actions, .app-front-admin .row-actions.visible, .app-front-admin .comment-item:hover .row-actions {
  position: static;
  /* deprecated */
}
.app-front-admin .row-actions-visible {
  padding: 2px 0 0;
  /*------------------------------------------------------------------------------
   10.1 - Inline Editing
   ------------------------------------------------------------------------------*/
  /*
   .quick-edit* is for Quick Edit
   .bulk-edit* is for Bulk Edit
   .inline-edit* is for everything
   */
  /*	Layout */
}
.app-front-admin #wpbody-content .inline-edit-row fieldset {
  float: left;
  margin: 0;
  padding: 0 12px 0 0;
  width: 100%;
  box-sizing: border-box;
}
.app-front-admin #wpbody-content .inline-edit-row td fieldset:last-of-type {
  padding-right: 0;
}
.app-front-admin tr.inline-edit-row td {
  padding: 0;
  /* Prevents the focus style on .inline-edit-wrapper from being cutted-off */
  position: relative;
}
.app-front-admin .inline-edit-wrapper {
  display: flow-root;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.app-front-admin .inline-edit-wrapper:focus {
  border-color: #2271b1;
  box-shadow: 0 0 0 1px #2271b1;
  /* Only visible in Windows High Contrast mode */
  outline: 2px solid transparent;
}
.app-front-admin #wpbody-content .inline-edit-row-post .inline-edit-col-left {
  width: 33.3%;
}
.app-front-admin #wpbody-content .inline-edit-row-post .inline-edit-col-right {
  width: 33.3%;
}
.app-front-admin #wpbody-content .inline-edit-row-post .inline-edit-col-center {
  width: 33.3%;
}
.app-front-admin .inline-edit-row fieldset .inline-edit-group {
  clear: both;
  line-height: 2.5;
}
.app-front-admin .inline-edit-row .submit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  clear: both;
  margin: 0;
  padding: 0.5em 0 1em;
}
.app-front-admin .inline-edit-save.submit .button {
  margin-right: 8px;
}
.app-front-admin .inline-edit-save .spinner {
  float: none;
  margin: 0;
}
.app-front-admin .inline-edit-row .notice-error {
  box-sizing: border-box;
  min-width: 100%;
  margin-top: 1em;
}
.app-front-admin .inline-edit-row .notice-error .error {
  margin: 0.5em 0;
  padding: 2px;
  /*	Positioning */
  /* Needs higher specificity for the padding */
}
.app-front-admin #the-list .inline-edit-row .inline-edit-legend {
  margin: 0;
  padding: 0.2em 0;
  line-height: 2.5;
  font-weight: 600;
}
.app-front-admin .inline-edit-row fieldset span.title, .app-front-admin .inline-edit-row fieldset span.checkbox-title {
  margin: 0;
  padding: 0;
}
.app-front-admin .inline-edit-row fieldset label, .app-front-admin .inline-edit-row fieldset span.inline-edit-categories-label {
  display: block;
  margin: 0.2em 0;
  line-height: 2.5;
}
.app-front-admin .inline-edit-row fieldset.inline-edit-date label {
  display: inline-block;
  margin: 0;
  vertical-align: baseline;
  line-height: 2;
}
.app-front-admin .inline-edit-row fieldset label.inline-edit-tags {
  margin-top: 0;
}
.app-front-admin .inline-edit-row fieldset label.inline-edit-tags span.title {
  margin: 0.2em 0;
  width: auto;
}
.app-front-admin .inline-edit-row fieldset label span.title, .app-front-admin .inline-edit-row fieldset.inline-edit-date legend {
  display: block;
  float: left;
  width: 6em;
  line-height: 2.5;
}
.app-front-admin #posts-filter fieldset.inline-edit-date legend {
  padding: 0;
}
.app-front-admin .inline-edit-row fieldset label span.input-text-wrap,
.app-front-admin .inline-edit-row fieldset .timestamp-wrap {
  display: block;
  margin-left: 6em;
}
.app-front-admin .inline-edit-row .inline-edit-or {
  margin: 0.2em 6px 0.2em 0;
  line-height: 2.5;
}
.app-front-admin .inline-edit-row .input-text-wrap input[type=text]:not(.colorpicker_input) {
  width: 100%;
}
.app-front-admin .inline-edit-row fieldset label input[type=checkbox] {
  vertical-align: middle;
}
.app-front-admin .inline-edit-row fieldset label textarea {
  width: 64%;
  /* width: calc(95% - 8.5em); */
  height: 4em;
  vertical-align: top;
}
.app-front-admin #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
  max-width: 50%;
}
.app-front-admin #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
  margin-right: 0.5em;
}
.app-front-admin .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
  width: 6em;
  /*	Styling */
}
.app-front-admin .inline-edit-row .inline-edit-legend {
  text-transform: uppercase;
  /*	Specific Elements */
}
.app-front-admin .inline-edit-row fieldset .inline-edit-date {
  float: left;
}
.app-front-admin .inline-edit-row fieldset input[name=jj], .app-front-admin .inline-edit-row fieldset input[name=hh], .app-front-admin .inline-edit-row fieldset input[name=mn], .app-front-admin .inline-edit-row fieldset input[name=aa] {
  vertical-align: middle;
  text-align: center;
  padding: 0 4px;
}
.app-front-admin .inline-edit-row fieldset label input.inline-edit-password-input {
  width: 8em;
}
.app-front-admin #bulk-titles-list, .app-front-admin #bulk-titles-list li, .app-front-admin .inline-edit-row fieldset ul.cat-checklist li, .app-front-admin .inline-edit-row fieldset ul.cat-checklist input {
  margin: 0;
  position: relative;
  /* RTL fix, #WP27629 */
}
.app-front-admin .inline-edit-row fieldset ul.cat-checklist input {
  margin-top: -1px;
  margin-left: 3px;
}
.app-front-admin .inline-edit-row fieldset label input.inline-edit-menu-order-input {
  width: 3em;
}
.app-front-admin .inline-edit-row fieldset label input.inline-edit-slug-input {
  width: 75%;
}
.app-front-admin .inline-edit-row #post_parent, .app-front-admin .inline-edit-row select[name="page_template"] {
  max-width: 80%;
}
.app-front-admin #bulk-titles, .app-front-admin ul.cat-checklist {
  height: 14em;
  border: 1px solid #ddd;
  margin: 0 0 5px;
  padding: 0.2em 5px;
  overflow-y: scroll;
}
.app-front-admin #bulk-titles .ntdelbutton, .app-front-admin #bulk-titles .ntdeltitle,
.app-front-admin .inline-edit-row fieldset ul.cat-checklist label {
  display: inline-block;
  margin: 0;
  padding: 3px 0;
  line-height: 20px;
  vertical-align: top;
}
.app-front-admin #bulk-titles .ntdelitem {
  padding-left: 23px;
}
.app-front-admin #bulk-titles .ntdelbutton {
  width: 26px;
  height: 26px;
  margin: 0 0 0 -26px;
  text-align: center;
  border-radius: 3px;
}
.app-front-admin #bulk-titles .ntdelbutton:before {
  display: inline-block;
  vertical-align: top;
}
.app-front-admin #bulk-titles .ntdelbutton:focus {
  box-shadow: 0 0 0 2px #3582c4;
  /* Only visible in Windows High Contrast mode */
  outline: 2px solid transparent;
  /* Reset inherited offset from Gutenberg */
  outline-offset: 0;
}
@media screen and (max-width: 782px) {
  .app-front-admin {
    /* WP List Table Options & Filters */
  }
  .app-front-admin .tablenav {
    height: auto;
  }
  .app-front-admin .tablenav.top {
    margin: 20px 0 5px;
  }
  .app-front-admin .tablenav.bottom {
    position: relative;
    margin-top: 15px;
  }
  .app-front-admin .tablenav br {
    display: none;
  }
  .app-front-admin .tablenav br.clear {
    display: block;
  }
  .app-front-admin .tablenav.top .actions, .app-front-admin .tablenav .view-switch {
    display: none;
  }
  .app-front-admin .view-switch a {
    width: 36px;
    height: 36px;
    line-height: 2.53846153;
    /* Pagination */
  }
  .app-front-admin .tablenav.top .displaying-num {
    display: none;
  }
  .app-front-admin .tablenav.bottom .displaying-num {
    position: absolute;
    right: 0;
    top: 11px;
    margin: 0;
    font-size: 14px;
  }
  .app-front-admin .tablenav .tablenav-pages {
    width: 100%;
    text-align: center;
    margin: 0 0 25px;
  }
  .app-front-admin .tablenav.bottom .tablenav-pages {
    margin-top: 25px;
  }
  .app-front-admin .tablenav.top .tablenav-pages.one-page {
    display: none;
  }
  .app-front-admin .tablenav.bottom .actions select {
    margin-bottom: 5px;
  }
  .app-front-admin .tablenav.bottom .actions.alignleft + .actions.alignleft {
    clear: left;
    margin-top: 10px;
  }
  .app-front-admin .tablenav.bottom .tablenav-pages.one-page {
    margin-top: 15px;
    height: 0;
  }
  .app-front-admin .tablenav-pages .pagination-links {
    font-size: 16px;
  }
  .app-front-admin .tablenav .tablenav-pages .button, .app-front-admin .tablenav .tablenav-pages .tablenav-pages-navspan {
    min-width: 44px;
    padding: 12px 8px;
    font-size: 18px;
    line-height: 1;
  }
  .app-front-admin .tablenav-pages .pagination-links .current-page {
    min-width: 44px;
    padding: 12px 6px;
    font-size: 16px;
    line-height: 1.125;
    /* WP List Table Adjustments: General */
  }
  .app-front-admin .form-wrap > p {
    display: none;
  }
  .app-front-admin .wp-list-table th.column-primary ~ th, .app-front-admin .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
    display: none;
  }
  .app-front-admin .wp-list-table thead th.column-primary {
    width: 100%;
    /* Checkboxes need to show */
  }
  .app-front-admin .wp-list-table tr th.check-column {
    display: table-cell;
  }
  .app-front-admin .wp-list-table .check-column {
    width: 2.5em;
  }
  .app-front-admin .wp-list-table .column-primary .toggle-row {
    display: block;
  }
  .app-front-admin .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
    position: relative;
    clear: both;
    width: auto !important;
    /* needs to override some columns that are more specifically targeted */
  }
  .app-front-admin .wp-list-table td.column-primary {
    padding-right: 50px;
    /* space for toggle button */
  }
  .app-front-admin .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
    padding: 3px 8px 3px 35%;
  }
  .app-front-admin .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
    position: absolute;
    left: 10px;
    /* match padding of regular table cell */
    display: block;
    overflow: hidden;
    width: 32%;
    /* leave a little space for a gutter */
    content: attr(data-colname);
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .app-front-admin .wp-list-table .is-expanded td:not(.hidden) {
    display: block !important;
    overflow: hidden;
    /* clearfix */
    /* Special cases */
  }
  .app-front-admin .widefat .num, .app-front-admin .column-posts {
    text-align: left;
  }
  .app-front-admin #comments-form .fixed .column-author, .app-front-admin #commentsdiv .fixed .column-author {
    display: none !important;
  }
  .app-front-admin .fixed .column-comment .comment-author {
    display: block;
    /* Comment author hidden via Screen Options */
  }
  .app-front-admin .fixed .column-author.hidden ~ .column-comment .comment-author {
    display: none;
  }
  .app-front-admin #the-comment-list .is-expanded td {
    box-shadow: none;
  }
  .app-front-admin #the-comment-list .is-expanded td:last-child {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    /* Show comment bubble as text instead */
  }
  .app-front-admin .post-com-count .screen-reader-text {
    position: static;
    -webkit-clip-path: none;
    clip-path: none;
    width: auto;
    height: auto;
    margin: 0;
  }
  .app-front-admin .column-response .post-com-count-no-comments:after, .app-front-admin .column-response .post-com-count-approved:after, .app-front-admin .column-comments .post-com-count-no-comments:after, .app-front-admin .column-comments .post-com-count-approved:after {
    content: none;
  }
  .app-front-admin .column-response .post-com-count [aria-hidden="true"], .app-front-admin .column-comments .post-com-count [aria-hidden="true"] {
    display: none;
  }
  .app-front-admin .column-response .post-com-count-wrapper, .app-front-admin .column-comments .post-com-count-wrapper {
    white-space: normal;
  }
  .app-front-admin .column-response .post-com-count-wrapper > a, .app-front-admin .column-comments .post-com-count-wrapper > a {
    display: block;
  }
  .app-front-admin .column-response .post-com-count-no-comments, .app-front-admin .column-response .post-com-count-approved, .app-front-admin .column-comments .post-com-count-no-comments, .app-front-admin .column-comments .post-com-count-approved {
    margin-top: 0;
    margin-right: 0.5em;
  }
  .app-front-admin .column-response .post-com-count-pending, .app-front-admin .column-comments .post-com-count-pending {
    position: static;
    height: auto;
    min-width: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    color: #b32d2e;
    font-size: inherit;
    line-height: inherit;
    text-align: left;
  }
  .app-front-admin .column-response .post-com-count-pending:hover, .app-front-admin .column-comments .post-com-count-pending:hover {
    color: #d63638;
  }
  .app-front-admin .widefat thead td.check-column, .app-front-admin .widefat tfoot td.check-column {
    padding-top: 10px;
  }
  .app-front-admin .row-actions {
    margin-left: -8px;
    margin-right: -8px;
    padding-top: 4px;
    /* Make row actions more easy to select on mobile */
  }
  .app-front-admin body:not(.plugins-php) .row-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: transparent;
  }
  .app-front-admin .row-actions span a, .app-front-admin .row-actions span .button-link {
    display: inline-block;
    padding: 4px 8px;
    line-height: 1.5;
  }
  .app-front-admin .row-actions span.approve:before, .app-front-admin .row-actions span.unapprove:before {
    content: "| ";
    /* Quick Edit and Bulk Edit */
  }
  .app-front-admin #the-list .inline-edit-row .inline-edit-legend,
  .app-front-admin .inline-edit-row span.title {
    font-size: 16px;
  }
  .app-front-admin .inline-edit-row p.howto {
    font-size: 14px;
  }
  .app-front-admin #wpbody-content .inline-edit-row-page .inline-edit-col-right {
    margin-top: 0;
  }
  .app-front-admin #wpbody-content .quick-edit-row fieldset .inline-edit-col label, .app-front-admin #wpbody-content .quick-edit-row fieldset .inline-edit-group label, .app-front-admin #wpbody-content .bulk-edit-row fieldset .inline-edit-col label, .app-front-admin #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
    max-width: none;
    float: none;
    margin-bottom: 5px;
  }
  .app-front-admin #wpbody .bulk-edit-row fieldset select {
    display: block;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
  }
  .app-front-admin .inline-edit-row fieldset input[name=jj], .app-front-admin .inline-edit-row fieldset input[name=hh], .app-front-admin .inline-edit-row fieldset input[name=mn], .app-front-admin .inline-edit-row fieldset input[name=aa] {
    font-size: 16px;
    line-height: 2;
    padding: 3px 4px;
  }
  .app-front-admin #bulk-titles .ntdelbutton, .app-front-admin #bulk-titles .ntdeltitle, .app-front-admin .inline-edit-row fieldset ul.cat-checklist label {
    padding: 6px 0;
    font-size: 16px;
    line-height: 28px;
  }
  .app-front-admin #bulk-titles .ntdelitem {
    padding-left: 37px;
  }
  .app-front-admin #bulk-titles .ntdelbutton {
    width: 40px;
    height: 40px;
    margin: 0 0 0 -40px;
    overflow: hidden;
  }
  .app-front-admin #bulk-titles .ntdelbutton:before {
    font-size: 20px;
    line-height: 28px;
  }
  .app-front-admin .inline-edit-row fieldset label span.title, .app-front-admin .inline-edit-row fieldset.inline-edit-date legend {
    float: none;
  }
  .app-front-admin .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
    padding: 0;
  }
  .app-front-admin .inline-edit-row fieldset label span.input-text-wrap, .app-front-admin .inline-edit-row fieldset .timestamp-wrap {
    margin-left: 0;
  }
  .app-front-admin .inline-edit-row .inline-edit-or {
    margin: 0 6px 0 0;
  }
  .app-front-admin #edithead .inside, .app-front-admin #commentsdiv #edithead .inside {
    float: none;
    text-align: left;
    padding: 3px 5px;
  }
  .app-front-admin #commentsdiv #edithead .inside input, .app-front-admin #edithead .inside input {
    width: 100%;
  }
  .app-front-admin #edithead label {
    display: block;
    /* Updates */
  }
  .app-front-admin #wpbody-content .updates-table .plugin-title {
    width: auto;
    white-space: normal;
    /* Links */
  }
  .app-front-admin .link-manager-php #posts-filter {
    margin-top: 25px;
  }
  .app-front-admin .link-manager-php .tablenav.bottom {
    overflow: hidden;
    /* List tables that don't toggle rows */
  }
  .app-front-admin .comments-box .toggle-row, .app-front-admin .wp-list-table.plugins .toggle-row {
    display: none;
  }
  .app-front-admin table.media .column-title .has-media-icon ~ .row-actions {
    margin-left: 0;
    clear: both;
  }
}
@media screen and (max-width: 480px) {
  .app-front-admin .tablenav-pages .current-page {
    margin: 0;
  }
  .app-front-admin .tablenav.bottom .displaying-num {
    position: relative;
    top: 0;
    display: block;
    text-align: right;
    padding-bottom: 0.5em;
  }
  .app-front-admin .tablenav.bottom .tablenav-pages.one-page {
    height: auto;
  }
  .app-front-admin .tablenav-pages .tablenav-paging-text {
    float: left;
    width: 100%;
    padding-top: 0.5em;
  }
}

.app-front-admin table,
.app-front-admin th,
.app-front-admin td {
	border: none;
}

/* Start change from WP admin -------------------------------------------------------- */

.app-front-admin .inline-edit-row fieldset.app-addon-ek {
	border-top: 1px groove #ccc;
	margin-bottom: 10px;
	padding-left: 10px;
}

.app-front-admin .inline-edit-row .app-time-dur fieldset.app-addon-ek {
	margin-bottom: -5px;
}

.app-front-admin .inline-edit-row fieldset.app-addon-ek.sequence div {
	margin-top: 10px;
}

.app-front-admin .inline-edit-row fieldset.app-addon-ek.sequence,
.app-front-admin .inline-edit-row fieldset.app-addon-ek.person-types {
	border-top: 3px double #ccc;
}

.app-front-admin .inline-edit-row .app-package-seq .app-addon-ek {
	margin-bottom: 0;
}

.app-front-admin .inline-edit-row fieldset.app-addon-main {
	border: 0;
	margin-bottom: 10px;
	padding-left: 10px;
}

.app-front-admin #services-table td {
	background: transparent;
}

.app-front-admin #services-table .inline-edit-row tr:not(.app-recurring) fieldset:last-of-type {
	margin-bottom: 5px;
}

.app-front-admin .inline-edit-row .app-recurring fieldset.app-addon-ek {
	/* min-width: 200px; */
	width: 25%;
	border-right: 1px groove #ccc;
	margin-bottom: -8px;
}

.app-front-admin .inline-edit-row .app-recurring fieldset:last-of-type {
    padding-right: 12px;
}

.app-front-admin table.app-manage tbody th,
.app-front-admin table.app-manage td {
	border: initial;
	padding: 8px 10px;
}