div[class^="cntnr"],
div[class^="wrppr"],
.lnng,
.words {
  display: flex;
  width: 100%;
  align-content: center;
}

body.home{
  margin-top: 40px !important;
}
body.page{
  padding-top: 40px !important;
}
#wpadminbar {
  direction: ltr;
  color: #c3c4c7;
  font-size: 13px;
  font-weight: 400;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 2.46153846;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 600px;
  z-index: 99999;
  background: #1d2327;
  outline: 1px solid transparent;
  display: flex;
}
#wpadminbar + #page{
  margin-top: 50px !important;
}
#wpadminbar + #page #navbar {
}


#wp-toolbar {
  width: 100%;
}

#wpwrap #wpcontent,
#wpwrap #wpfooter {
  margin-left: auto;
}

#eamUserButtons {
  float: left;
}

#eamUserButtons>.lnng {
  display: flex !important;
  padding: 1px !important;
  align-items: center !important;
  gap: 7px;
  line-height: unset;
}

#eamUserButtons>.lnng a {
  display: flex !important;
  height: 32px !important;
  width: 32px !important;
  padding: 1px !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: black;
  line-height: unset;
}

#eamUserButtons>.lnng a i {
  font-size: 28px;
  line-height: initial;
}


#eamUserButtons .eam-user-link:hover {
  background-color: white;
}

#eamUserButtons a img {
  height: 24px !important;
  width: 24px !important;
  object-position: center !important;
}

.eam-user-link {
  display: flex;
  justify-content: center;
  align-items: center;
}

#wp-admin-bar-menu_icon img {
  width: 32px;
}


/* CHECKED */



#adminmenumain {
  width: 100%;
  margin: 0;
}

#adminmenuback {
  display: none;
}

#adminmenuwrap {}

#adminmenuwrap {
  width: 100%;
  background-color: #40484d;
}

#adminmenuwrap.actv,
#adminmenuwrap.actv #adminmenu {
  background-color: #240000;
}

#adminmenuwrap,
#adminmenu,
#adminmenu .wp-submenu {
  display: flex;
}

#adminmenu li {
  display: flex;
  position: unset !important;
}

#adminmenu li.menu-top {
  z-index: 3;
}

#adminmenu .wp-submenu {
  flex-direction: column;
}

#adminmenu {
  width: 100%;
  flex-wrap: wrap;
  gap: 4px;
  display: none;
  background-color: #40484d;
  padding-left: 12px;
}

#eamAddPanel {
  position: absolute;
  z-index: 9;
  background-color: #878b8d;
  display: flex;
  padding: 6px;
  flex-direction: column;
  gap: 3px;
  max-width: 238px;
  max-height: 368px;
  overflow-y: hidden;
}

.cntnrBttns {}

.cntnrBttns>.lnng {
  gap: 5px;
}

#eamAddPanel .eam-panel-inner {
  display: flex;
  flex-direction: column;
  margin: 3px 0 0;
  gap: 6px;
}

#eamAddPanel .eam-panel-inner input {
  border: none;
  border-radius: unset;
  padding: 2px !important;
  min-height: 20px !important;
  line-height: 1;
}

.cntnrSlctdIcon {
  background-color: white;
}

.cntnrSlctdIcon>.lnng {
  font-size: 30px;
  text-decoration: none;
  background-color: black;
  justify-content: center;
  align-items: center;
  color: white;
}

.cntnrSlctdIcon i {
  font-size: 30px;
  text-decoration: none;
}

.cntnrSlctdIcon img {
  width: 28px !important;
  height: 28px !important;
  object-position: center !important;
  margin: auto !important;
}

.cntnrSlctdIcon,
.icon-button {
  width: 34px !important;
  height: 34px;
}

.cntnrBttns>.lnng>*:last-child {
  margin-left: auto;
}

.cntnrIcons {
  overflow-y: scroll;
  align-items: start;
  scrollbar-width: thin;
  margin: 3px 0 0;
}

.cntnrIcons>.lnng {
  flex-wrap: wrap;
  gap: 6px;
}

.cntnrIcons {
  width: 980px;
  margin: 0 auto;
}

.ico-title {
  font-size: 2em;
}

.iconlist {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 3px;
}

.iconlist li {
  position: relative;
  width: auto;
  cursor: pointer;
  margin-bottom: 0px;
}

.iconlist li .icon-holder {
  position: relative;
  text-align: center;
  overflow: hidden;
  transition: all 0.2s linear 0s;
  background-color: black;
}

.iconlist li .icon-holder:hover {
  background: #00C3DA;
  color: #ffffff;
}

.iconlist li .icon-holder:hover .icon i {
  color: #ffffff;
}

.iconlist li .icon-holder .icon {
  text-align: center;
}

.iconlist li .icon-holder .icon i {
  font-size: 30px;
  color: white;
}

.iconlist li .icon-holder span {
  font-size: 14px;
  display: block;
  margin-top: 5px;
  border-radius: 3px;
}

.cntnrIcons .cntnrIcons {
  overflow-y: hidden;
}


.cntnrIcons>.lnng svg {
  height: 30px;
  width: 30px;
  cursor: pointer;
  padding: 5px;
  background-color: white;
}

#adminmenuwrap #adminmenu a.menu-top {
  background-color: #21272b;
}

#adminmenuwrap #adminmenu .current a.menu-top,
#toplevel_page_woocommerce .current a {}

#adminmenuwrap #adminmenu a.wp-has-current-submenu,
#adminmenuwrap #adminmenu li.wp-has-current-submenu>a {
  background-color: black;
}

#adminmenuwrap #adminmenu a.current.menu-top::after {
  right: 0;
  border: solid 8px transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #f0f0f1;
  top: 50%;
  margin-top: -8px;
}

#adminmenuwrap #adminmenu li.current {
  background-color: #1a1a1a;
}

#adminmenu li.menu-top {
  flex-direction: column;
  min-width: 160px;
}

#adminmenu li.wp-menu-separator {
  display: none;
}

#menu-dashboard .wp-submenu-head {
  display: none !important;
}

#adminmenu li.menu-top .wp-menu-name {
  white-space: nowrap;
}

#adminmenu .wp-submenu {
  list-style: none;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  word-wrap: break-word;
  padding: 7px 0 8px;
  z-index: 9999;
  background-color: #2c3338;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
}

#adminmenu .wp-submenu-head {
  display: none !important;
}

#adminmenu #menu-dashboard .wp-submenu-head {}

#adminmenuback {
  position: unset;
}

#adminmenu li.menu-top:hover,
#adminmenu li.opensub>a.menu-top,
#adminmenu li>a.menu-top:focus {
  background-color: transparent;
}

#adminmenuwrap #adminmenu .wp-submenu a {
  color: #fff;
}

#collapse-menu {
  display: none !important;
}

.woocommerce-admin-page .wp-has-current-submenu::after {
  display: none;
}

#adminmenu .hide-if-js {
  display: none;
}


#woocommerce-embedded-root .woocommerce-layout__header {
  width: 100%;
}

.woocommerce-embed-page #wpbody #wpbody-content {
  padding-top: 10px;
}

#woocommerce-activity-panel .woocommerce-layout__activity-panel-wrapper {
  top: 180%;
}

#woocommerce-activity-panel .woocommerce-layout__activity-panel-wrapper {
  height: calc(100vh - 106px);
  background: #f0f0f0;
  width: 430px;
  transform: translateX(200%);
  transition-property: transform box-shadow;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
  position: absolute;
  right: 0;
  top: 120%;
  z-index: 1000;
  overflow-x: hidden;
  overflow-y: auto;
}

#woocommerce-activity-panel .woocommerce-layout__activity-panel-wrapper.is-open {
  transform: none;
  box-shadow: 0 12px 12px 0 rgba(85, 93, 102, .3);
}

.woocommerce-store-alerts {
  font-size: 13px;
  line-height: 19.5px;
  position: relative;
  border: 0;
  box-shadow: 0 0 8px -2px rgba(0, 0, 0, .3);
  left: 0;
  width: 100%;
  max-width: none;
}

#wpcontent #wpbody #wpbody-content .wrap.woocommerce {
  padding: 0;
}

/* NEW */
li+#undermenu {
  padding: 0px;
}

#undermenu {
  background-color: #40484d;
  margin: 0 14px;
  padding: 8px;
  min-width: 150px;
}

#eamAddPanel .cntnrBttnClose>.lnng {
  padding: 2px;
}

.cntnrBttnClose>.lnng {
  justify-content: right;
}

.cntnrEamBttns {
  margin: 0 0 18px 0;
}

/* ====================== Стили для основной кнопки (возвращаем как было) ====================== */
#eamEnblAddBttn {
  background-color: #2c3338;
  color: #ffffff;
  padding: 7px 12px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 1px solid #1a1a1a;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  width: 100%;
}

.actv #eamEnblAddBttn {
  background-color: #240000;
  color: #ffffff;
  border: 1px solid #4d0101;
}

#eamEnblAddBttn:hover {
  background-color: #3a4248;
  border-color: #50585f;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.45);
}

#eamEnblAddBttn:hover {
  background-color: #540000;
  border-color: #850101;
}

#eamEnblAddBttn:active {
  background-color: #1f252a;
  border-color: #1a1a1a;
  box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.6),
    inset 0 1px 2px rgba(0, 0, 0, 0.8);
  transform: translateY(1px);
  color: #e0e0e0;
}

/* ====================== Стили для кнопки "Закрыть" (34×34) ====================== */
.eam-close-btn {
  width: 34px;
  height: 34px;
  background-color: #2c3338;
  border: 1px solid #1a1a1a;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  padding: 0;
  color: white;
}

#undermenu .eam-close-btn {
  width: 100%;
  gap: 10px;
  justify-content: center;
}

.eam-close-btn:hover {
  background-color: #3a4248;
  border-color: #50585f;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.45);
}

.eam-close-btn:active {
  background-color: #1f252a;
  border-color: #1a1a1a;
  box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.65),
    inset 0 1px 2px rgba(0, 0, 0, 0.8);
  transform: translateY(1px) scale(0.92);
}

/* Цвет крестика */
.eam-close-btn svg {
  transition: stroke 0.15s ease;
}

.eam-close-btn:hover svg,
.eam-close-btn:active svg {
  stroke: #ffffff;
}

#eamUserButtons>.lnng::-webkit-scrollbar {
  display: none;
}
#eamUserButtons>.lnng {
  scrollbar-width: none;
}
.element {
  -ms-overflow-style: none;
}

.dsplnn {
  display: none !important;
}

.vsblth {
  visibility: hidden !important;
}

.dsplFlex {
  display: flex !important;
}


@media screen and (min-width: 960px) {

  .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu,
  .auto-fold #adminmenu a.wp-has-current-submenu:focus+.wp-submenu {
    position: relative;
    top: 0;
    margin-right: -1px;
    padding: 7px 0 8px;
    z-index: 9999;
  }

  #wpwrap .woocommerce-layout .woocommerce-layout__main {
    padding-right: 0px;
  }

  #wpwrap .woocommerce-layout__header {
    width: calc(100% - var(--large-gap)*2);
    margin: 0 0 128px var(--large-gap);
  }

  #wpbody-content .wrap {
    padding: 0 var(--large-gap);
  }

  #wpbody-content .woocommerce-layout__primary {
    margin: var(--large-gap) var(--large-gap) 78px;
  }

  #wpcontent #wpbody #wpbody-content .woocommerce-store-alerts {}

  #wpcontent #wpbody #wpbody-content .wrap.woocommerce {
    margin: 40px 0;
    max-width: none;
    margin: var(--large-gap) var(--large-gap) 78px;
  }

}


@media screen and (max-width: 960px) {

  .dsplAdmnMenu {
    background-color: #40484d;
  }

  #wpwrap.dsplAdmnMenu #wpbody {
    display: none;
  }

  .dsplAdmnMenu #adminmenumain #adminmenu {
    display: flex;
  }

  .dsplAdmnMenu #wpcontent {
    overflow: hidden;
  }

  .auto-fold #adminmenu,
  .auto-fold #adminmenuback,
  .auto-fold #adminmenuwrap {
    position: absolute;
    width: 100%;
    z-index: 9999;
    justify-content: center;
    top: 0px;
  }

  body[class*="woocommerce_page_wc-"] #adminmenuwrap,
  .woocommerce-admin-page.woocommerce-embed-page {
    padding-top: 0px;
    margin-top: -45px;
  }

  .admin-bar.woocommerce-admin-page.woocommerce-embed-page #adminmenuwrap {
    margin-top: -1px;
  }

  #adminmenumain #adminmenu {
    padding-top: 42px;
  }

  .auto-fold #adminmenu li.menu-top {
    width: auto;
    width: 47%;
  }

  #adminmenu {
    width: 100%;
    flex-wrap: wrap;
    gap: 9px;
    display: none;
    background-color: #40484d;
    padding-left: 0;
    padding: 0;
  }

  .wp-responsive-open #wpcontent #wpbody {
    right: auto;
  }

  #adminmenu li.wp-menu-separator {
    display: none;
  }

  #adminmenuback {
    display: none !important;
  }

  body,
  #wpbody,
  #wpbody-content,
  .wrap,
  #root,
  .woocommerce-layout,
  .woocommerce-layout__header,
  .woocommerce-layout__header-wrapper,
  .components-surface,
  .woocommerce-activity-panel,
  #wpcontent {
    /*! width: 100% !important; */
    max-width: 100% !important;
  }
  .wrap {
    margin: 0;
  }
  .woocommerce-layout{
    width: 100%;
  }

  #wpwrap #wpcontent {
    margin: 0 !important;
    padding: 0 !important;
  }

  #wpwrap #wpcontent #dashboard-widgets-wrap {
    overflow: hidden;
    margin: 0;
  }

  #wpbody,
  #wpbody-content,
  .wrap,
  #root,
  .woocommerce-layout,
  .woocommerce-layout__header,
  .woocommerce-layout__header-wrapper,
  .woocommerce-layout__header-wrapper>div,
  .components-surface,
  .woocommerce-activity-panel,
  #wpcontent {
    overflow-y: hidden !important;
  }

}

/* spnnrBlck */
#adminmenuwrap {
  position: relative;
}

#adminmenuwrap #spnnrBlck {
  position: absolute !important;
  inset: 0;
  z-index: 200;
  background-color: rgba(255, 254, 254, 0.23);
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

#adminmenuwrap #spnnrBlck.dsplnn {
  display: none !important;
}

.spnnrBlck-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.spnnrBlck-spinner {
  width: 30px;
  height: 30px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: spnnrBlck-spin 0.7s linear infinite;
}

@keyframes spnnrBlck-spin {
  to {
    transform: rotate(360deg);
  }
}

/* /spnnrBlck */


/* { Desctop and pad */
@media (min-width: 767px) {
  #wp-admin-bar-my-account .avatar-26 {
    display: none !important;
  }
  .dsctpDsplnn {
    display: none !important;
  }
}

/* } Desctop and pad */


/* { Cellphone */
@media (max-width: 767px) {
  
  #wpbody-content {
    margin: 40px 0 0;
  }
  .auto-fold #adminmenu, .auto-fold #adminmenuback, .auto-fold #adminmenuwrap {
    position: absolute;
    width: 100%;
    z-index: 9999;
    justify-content: center;
    top: 20px;
  }
  #screen-meta-links{
    /*! margin: 90px 0 0; */
  }
  #screen-meta .contextual-help-tabs {
    clear: both;
    width: 100%;
    float: none;
    margin: 90px 0 0;
  }
  .woocommerce-embed-page #wpbody #wpbody-content {
    margin: 110px 0 0;
  }
  #screen-meta{
    margin-top: -100px !important;
  }
  #screen-options-wrap, #contextual-help-wrap {
    margin: 110px 0 0;
  }
  
  
    #woocommerce-embedded-root{
/*     margin: -20px 0 0; */
  }
  #woocommerce-embedded-root .woocommerce-layout__header {
    flex-flow: row wrap;
    width: 100%;
    top: 100px;
  }
  #woocommerce-layout__primary{
    margin: 0px 0 0;
  }
  #eamUserButtons {
    position: absolute;top: 46px;
  }

  #eamUserButtons>.lnng {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    max-width: 100vw !important;
  }
  #normal-sortables #woocommerce-order-downloads .buttons .add_item_id, #normal-sortables #woocommerce-order-downloads .buttons .select2-container {
    width: auto !important;
  }

  .logoBlck {
    display: none;
  }

  .cllphnDsplnn {
    display: none !important;
  }
}

/* } Cellphone */

/* /wp-content/plugins/efficient_admin_menu/admin/assets/css/main.css */