/* SecurityTalent 1.9.87 — touch-friendly account and logout menu. */
@media (max-width: 1199.98px) {
  .offcanvas-menu .st-responsive-auth {
    display: block !important;
    width: 100% !important;
    margin: 28px 0 0 !important;
    padding: 24px 0 0 !important;
    border-top: 1px solid #c8dfdb !important;
  }

  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu,
  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu > .dropdown_ {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu .dropdown-toggle_ {
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 10px 48px 10px 12px !important;
    border: 1px solid #a9cec9 !important;
    border-radius: 14px !important;
    background: #f0f8f6 !important;
    color: #123c3f !important;
    cursor: pointer !important;
    touch-action: manipulation;
  }

  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu .dropdown-toggle_::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 19px !important;
    width: 10px !important;
    height: 10px !important;
    margin-top: -7px !important;
    border-right: 2px solid #087d82 !important;
    border-bottom: 2px solid #087d82 !important;
    transform: rotate(45deg) !important;
    transition: transform .2s ease, margin .2s ease !important;
  }

  .offcanvas-menu .st-responsive-auth
    .dropdown_.st-mobile-account-open > .dropdown-toggle_::after {
    margin-top: -2px !important;
    transform: rotate(225deg) !important;
  }

  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu .dropdown-toggle_:hover,
  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu .dropdown-toggle_:focus-visible {
    border-color: #087d82 !important;
    background: #e3f3f0 !important;
    outline: 3px solid rgba(8, 125, 130, .18) !important;
    outline-offset: 2px !important;
  }

  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu .dropdown-toggle_ .o-media {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu .o-media__image {
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    margin-right: 12px !important;
  }

  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu .o-avatar,
  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu .o-avatar img {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }

  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu .mod-es-dropdown-menu__body {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: #123c3f !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }

  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .mod-es-dropdown-menu__body > .i-chevron {
    display: none !important;
  }

  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .mod-es-dropdown-menu__dropdown-menu {
    position: static !important;
    display: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 8px 0 0 !important;
    padding: 7px !important;
    border: 1px solid #c8dfdb !important;
    border-left: 4px solid #17a0a6 !important;
    border-radius: 12px !important;
    background: #f0f8f6 !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: visible !important;
  }

  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .dropdown_.st-mobile-account-open > .mod-es-dropdown-menu__dropdown-menu {
    display: block !important;
  }

  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .mod-es-dropdown-menu__dropdown-menu > li {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .mod-es-dropdown-menu__dropdown-menu > li > a,
  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .mod-es-dropdown-menu__dropdown-menu > li > span {
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 11px 13px !important;
    border-radius: 8px !important;
    color: #164d50 !important;
    font-size: .98rem !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    white-space: normal !important;
  }

  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .mod-es-dropdown-menu__dropdown-menu > li > a:hover,
  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .mod-es-dropdown-menu__dropdown-menu > li > a:focus-visible {
    background: #dff1ee !important;
    color: #075f64 !important;
    outline: 2px solid rgba(8, 125, 130, .2) !important;
    outline-offset: -2px !important;
  }

  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .mod-es-dropdown-menu__dropdown-menu > li.divider {
    min-height: 1px !important;
    margin: 5px 6px !important;
    border-top: 1px solid #c8dfdb !important;
  }

  .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu form.logout-form {
    display: none !important;
  }

  html[dir="rtl"] .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .dropdown-toggle_,
  body.rtl .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .dropdown-toggle_ {
    padding: 10px 12px 10px 48px !important;
  }

  html[dir="rtl"] .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .dropdown-toggle_::after,
  body.rtl .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .dropdown-toggle_::after {
    right: auto !important;
    left: 19px !important;
  }

  html[dir="rtl"] .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .o-media__image,
  body.rtl .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .o-media__image {
    margin-right: 0 !important;
    margin-left: 12px !important;
  }

  html[dir="rtl"] .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .mod-es-dropdown-menu__body,
  body.rtl .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .mod-es-dropdown-menu__body {
    text-align: right !important;
  }

  html[dir="rtl"] .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .mod-es-dropdown-menu__dropdown-menu,
  body.rtl .offcanvas-menu .st-responsive-auth .mod-es-dropdown-menu
    .mod-es-dropdown-menu__dropdown-menu {
    border-right: 4px solid #17a0a6 !important;
    border-left: 1px solid #c8dfdb !important;
  }
}