/* Application-specific content only. Layout, cards, forms and colors belong to CUBA. */
.license-avatar { width: 42px; height: 42px; flex-shrink: 0; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(115,102,255,.1); color: var(--theme-deafult); font-weight: 600; }
.license-avatar svg { width: 20px; height: 20px; }
.sidebar-link > svg { width: 18px; height: 18px; margin-right: 10px; vertical-align: middle; }
.license-search { width: min(24vw, 260px); }
.table td { vertical-align: middle; }
.table .dropdown-menu { min-width: 190px; }
.progress { height: 8px; }
.profile-box .card-body { min-height: 240px; }
.profile-box .greeting-user { position: relative; z-index: 1; max-width: 65%; }
.client-grid-item h3 { font-size: 18px; }
.login-main .password-toggle { position:absolute; right:8px; top:8px; padding:4px 8px; }
.login-main input[type=password], .login-main input[data-password] { padding-right:80px; }
.page-body .table-responsive { min-height: 230px; }
@media (max-width: 575px) { .license-search { width: 125px; } .page-header .header-wrapper .nav-menus { gap: 8px; } .profile-box .greeting-user { max-width: 70%; } }
.license-widget { background-image: none; }
body, button, input, select, textarea { font-family: 'Rubik', sans-serif; }
.font-roboto { font-family: 'Roboto', sans-serif; }
/* CUBA header composition and application dropdowns. */
.license-top-announcement { display: flex; align-items: center; gap: 5px; white-space: nowrap; font-size: 14px; }
.license-top-announcement svg { width: 14px; height: 14px; color: #898989; }
.license-top-action { border: 0; background: transparent; color: #656575; width: 20px; height: 32px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; }
.license-top-action svg { width: 20px; height: 22px; fill: none; stroke: currentColor; }
.license-top-action .fa { font-size: 25px; }
.license-top-action:hover, .license-top-action:focus-visible { color: var(--theme-deafult); background: rgba(115,102,255,.08); }
.license-profile-toggle { border: 0; background: transparent; color: inherit; padding: 0; align-items: center; }
.license-profile-avatar { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 50%; background: #ffcc65; color: #343444; font-size: 13px; font-weight: 600; }
.page-header .profile-media .media-body .license-profile-role { color: #898989; font-size: 12px; font-weight: 400; line-height: 18px; }
.page-header .license-top-menu { min-width: 170px; padding: 10px 0; border: 0; box-shadow: 0 5px 20px rgba(30,40,70,.12); }
.page-header .license-top-menu > li { display: block; padding: 0; }
.page-header .license-top-menu .dropdown-item { display: flex; align-items: center; gap: 12px; padding: 12px 18px; font-size: 14px; color: #2f3545; }
.page-header .license-top-menu .dropdown-item svg { width: 18px; height: 18px; stroke-width: 1.5; }
.license-search-menu, .license-help-menu { width: 285px; }
.license-notification-count { position: absolute; top: 0; right: -3px; font-size: 10px; padding: 3px 5px; }
.table .license-row-action { min-width: 100px; height: 44px; padding: 10px 14px; gap: 6px; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; }
.table .license-row-action svg { width: 22px; height: 22px; stroke-width: 2; flex-shrink: 0; }
.page-wrapper .page-body .table .license-row-action svg { width: 22px; height: 22px; transform: none; margin: 0; }
.table .dropdown-menu .dropdown-item { min-height: 42px; display: flex; align-items: center; gap: 10px; padding: 10px 16px; font-size: 14px; }
.table .dropdown-item > i { font-size: 17px; width: 20px; text-align: center; }
body.dark-only .license-profile-toggle, body.dark-only .license-top-action, body.dark-only .page-header .license-top-menu .dropdown-item { color: #d9dce5; }
@media (max-width: 1399px) { .license-top-announcement .f-light { display: none; } }
@media (max-width: 767px) { .license-top-announcement { display: none; } .page-header .header-wrapper .nav-menus > li { padding: 0 3px; } .license-help, .language-nav { display: none; } .license-top-action { width: 30px; } }
@media (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper { flex-wrap: nowrap; padding: 12px 15px; }
  .page-wrapper .page-header .header-wrapper .left-header { display: none; }
  .page-wrapper .page-header .header-wrapper .nav-right { width: auto; flex: 1; }
  .page-wrapper .page-header .header-wrapper .nav-menus { gap: 2px; }
  .page-wrapper .page-header .header-wrapper .nav-menus > .language-nav,
  .page-wrapper .page-header .header-wrapper .nav-menus > .license-help { display: none; }
  .page-wrapper .page-header .header-wrapper .nav-menus > li { padding: 0 2px; }
}

/* Match CUBA's 20px header glyphs on a 40px pitch and 18px sidebar glyphs. */
.page-wrapper .page-header .header-wrapper { padding-top: 20px; padding-bottom: 20px; min-height: 80px; }
.page-wrapper .page-header .header-wrapper .nav-menus { gap: 0; }
.page-wrapper .page-header .header-wrapper .nav-menus > li { padding: 0 10px; }
.page-wrapper .page-header .header-wrapper .nav-menus > .profile-nav { padding-right: 0; }
.page-wrapper .page-header .header-wrapper .nav-menus .license-top-action > svg { width: 20px; height: 22px; }
.page-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-link > .cuba-icon { width: 18px; height: 18px; margin-right: 10px; fill: none; vertical-align: middle; }
.page-wrapper .page-body-wrapper .sidebar-wrapper .sidebar-link > .license-logout-icon { width: 18px; height: 18px; stroke-width: 1.5; color: #656575; }
.page-wrapper .page-header .header-wrapper .profile-media .media-body { margin-left: 15px; }
@media (min-width: 1200px) { .license-top-announcement .f-light { display: inline; } }
@media (max-width: 767px) {
  .page-wrapper .page-header .header-wrapper { min-height: 64px; padding: 12px 15px; }
  .page-wrapper .page-header .header-wrapper .nav-menus > li { padding: 0 8px; }
  .page-wrapper .page-header .header-wrapper .nav-menus .license-top-action { width: 20px; }
}