/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

.text-center {
  text-align: center;
}

.toplevel_page_helpmate .wp-menu-image img {
  padding: 0 !important;
  opacity: 1 !important;
}

.helpmate-spinner {
  width: 20px;
  height: 20px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #555;
  border-radius: 50%;
  -webkit-animation: helpmate-spin 0.7s linear infinite;
  animation: helpmate-spin 0.7s linear infinite;
  display: inline-block;
  vertical-align: middle;
}
@-webkit-keyframes helpmate-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes helpmate-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Menu highlighting - dim all submenu links when on a tab */
.helpmate-dashboard-tab #adminmenu .wp-submenu a,
.helpmate-helpmate-ai-tab #adminmenu .wp-submenu a,
.helpmate-automation-tab #adminmenu .wp-submenu a,
.helpmate-inbox-tab #adminmenu .wp-submenu a,
.helpmate-channels-tab #adminmenu .wp-submenu a,
.helpmate-crm-tab #adminmenu .wp-submenu a,
.helpmate-admin-hub-tab #adminmenu .wp-submenu a {
  color: rgba(240, 246, 252, 0.7) !important;
  font-weight: 400 !important;
}

/* Highlight active submenu link */
.helpmate-dashboard-tab #adminmenu .wp-submenu a[href*='page=helpmate']:not([href*='tab=']),
.helpmate-helpmate-ai-tab #adminmenu .wp-submenu a[href*='helpmate&tab=data-source'],
.helpmate-automation-tab #adminmenu .wp-submenu a[href*='helpmate&tab=automation'],
.helpmate-inbox-tab #adminmenu .wp-submenu a[href*='helpmate&tab=social-chat&subtab=inbox'],
.helpmate-channels-tab #adminmenu .wp-submenu a[href*='helpmate&tab=social-chat&subtab=facebook'],
.helpmate-channels-tab #adminmenu .wp-submenu a[href*='helpmate&tab=social-chat&subtab=instagram'],
.helpmate-channels-tab #adminmenu .wp-submenu a[href*='helpmate&tab=social-chat&subtab=whatsapp'],
.helpmate-channels-tab #adminmenu .wp-submenu a[href*='helpmate&tab=social-chat&subtab=tiktok'],
.helpmate-channels-tab #adminmenu .wp-submenu a[href*='helpmate&tab=live-chat'],
.helpmate-crm-tab #adminmenu .wp-submenu a[href*='helpmate&tab=crm'],
.helpmate-admin-hub-tab #adminmenu .wp-submenu a[href*='helpmate&tab=control-center'] {
  color: #ffffff !important;
  font-weight: 600 !important;
}