/* theme color properties from 13.10 on-wards css variables*/
:root {
  --top-header-bg: #061c22;
  --top-header-boder: #061c22;
  --top-menu-link-color: #74ffe0!important;
  --top-menu-link-active-color: #74ffe0!important;

  --top-sub-menu-bg: #061c22;
  --top-sub-menu-link-active-bg:#74ffe0;
  --top-sub-menu-text-color:#74ffe0;
  --top-sub-menu-text-active-color:#ffffff;
  --top-sub-menu-border: #061c22;

  --ucmsidebar-bg:#425563;
  --ucmsidebar-menu-bg:#425563;
  --ucmsidebar-menu-text:#ffffff;

  --ucmsidebar-menu-hover-text:#014980;
  --ucmsidebar-menu-hover-bg:#eeeeee;

  --ucmsidebar-menu-active-text:#ffffff;
  --ucmsidebar-menu-active-bg:#425563;
  --ucmsidebar-menu-icon-bg:#425563;

  --ucmsidebar-submenu-bg:#425563;
  --ucmsidebar-submenu-childitem-border:#425563;
  --ucmsidebar-submenu-childitem-text:#ffffff;

  --ucmsidebar-submenu-childitem-hover-text:#ffffff;
  --ucmsidebar-submenu-childitem-hover-background:#0074a6;

  --ucmsidebar-submenu-childitem-active-text:#ffffff;
  --ucmsidebar-submenu-childitem-active-border:#425563;
  --ucmsidebar-submenu-childitem-active-background:#0074a6;

  --ucmfooter-bg:#425563;
  --ucmfooter-border:#425563;
  --ucmfooter-text:#ffffff;
  --ucmfooter-link:#ffffff;
  --ucmfooter-link-active:#ffffff;

  --ucmfreport-count:#007fa3;

}
/*Header*/
.cheader {
  background :var(--top-header-bg);
  border-bottom: 1px solid var(--top-header-boder);
}
.cheader__navlink {
  color: var(--top-menu-link-color);
} 
.cheader__navlink--active {
    color: var(--top-menu-link-active-color) !important;
}
.cheader__childnavlists{
  background-color: var(--top-sub-menu-bg);
}
.cheader__childnavlink {
    color: var(--top-sub-menu-text-color);
}
.cheader__childnavlists::before {
  --top-menu-link-active-color:var(--top-sub-menu-border);
}
.cheader__childnavlink--active {
    color: var(--top-sub-menu-text-active-color) !important;
    background: var(--top-sub-menu-link-active-bg);
}

/*Left Sidebar*/

.main-sidebar {
  background: var(--ucmsidebar-bg)
}
.sidebar-menu > li {
  background: var(--ucmsidebar-menu-bg);
  border: 0px none !important;
}
.sidebar-menu > li > a > span {
  color: var(--ucmsidebar-menu-text)
}
.sidebar-menu > li > a:hover, 
.sidebar-menu > li > a:focus {
  color: var(--ucmsidebar-menu-hover-text);
  background: var(--ucmsidebar-menu-hover-bg);
  border: 0px none !important;
}
.sidebar-menu > li > a:hover > span,
.sidebar-menu > li > a:focus > span {
    color: var(--ucmsidebar-menu-hover-text) !important;
}
.sidebar-menu > li.active a.parenttree {
  color: var(--ucmsidebar-menu-active-text);
  background: var(--ucmsidebar-menu-active-bg);
  border: 0px none !important;
} 
.sidebar-menu > li.active a.parenttree .displayname {
  color: var(--ucmsidebar-menu-active-text) !important
}
.sidebar-menu>li.treeview.active .ucmleftiwrap {
  background: var(--ucmsidebar-menu-icon-bg)
}
.treeview-menu.sub-menu-open {
  background: var(--ucmsidebar-submenu-bg)
}

/* submenu */
.sidebar-menu .treeview-menu li {
  border-left: 4px solid var(--ucmsidebar-submenu-childitem-border)
}
.sidebar-menu .treeview-menu li a {
  color: var(--ucmsidebar-submenu-childitem-text) !important
}

/* submenu hover */
.sidebar-menu .treeview-menu li a:hover,
.sidebar-menu .treeview-menu li a:focus {
  background: var(--ucmsidebar-submenu-childitem-hover-background);
  color: var(--ucmsidebar-submenu-childitem-hover-text) !important
} 
.sidebar-menu .treeview-menu li:hover,
.sidebar-menu .treeview-menu li:focus {
  border-left: 4px solid var(--ucmsidebar-submenu-childitem-active-border);
}

/* submenu active */
.sidebar-menu .treeview-menu li.active {
  border-left: 4px solid var(--ucmsidebar-submenu-childitem-active-border);
}
.sidebar-menu .treeview-menu li.active a {
  background: var(--ucmsidebar-submenu-childitem-active-background) !important;
  color: var(--ucmsidebar-submenu-childitem-active-text) !important
}

/* Footer*/
.ucm-bl-footer,
.main-footer {
  background: var(--ucmfooter-bg);
  border-top:1px solid var(--ucmfooter-border)
}

 .main-footer *,
.ucm-bl-footer * {
  color:var(--ucmfooter-text)
}

.ucm-bl-footer a,
.main-footer a {
  color: var(--ucmfooter-link)
}
 
.ucm-bl-footer a:hover,
.ucm-bl-footer a:focus,
.ucm-bl-footer a:visited,
.main-footer a:hover,
.main-footer a:focus,
.main-footer a:visited {
  color: var(--ucmfooter-link-active);
} 

  /* Report part*/
.statuslistloop figure,
.summerycount span,
.summarymetrics .sumtotal,
.pipelinesumloop .summerycount, 
.totalpipetitle span.sumtotal,
.engvalue,.engloop__count,
.funnelchart .summerycount {
  color: var(--ucmfreport-count)
} 



@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html body*:not(*::after, *::before),
.ucmcontentcms *:not(*::after, *::before),
.custom-data-page *:not(*::after, *::before) {
    font-family: 'Roboto', sans-serif !important;
}

:root {
    --ff-regular: 'Roboto', sans-serif !important;
    --ucmsidebar-menu-hover-bg: var(--ucmsidebar-submenu-childitem-hover-background);
    --ucmsidebar-menu-hover-text: var(--ucmsidebar-menu-text);
}

.sidebar-menu li>a>.pull-right-container>.arrow-menu-down {
    background-repeat: no-repeat;
    background-position: center center;
}

.sidebar-menu li>a>.pull-right-container {
    height: 14px;
}

body.ucmcnosbar .zsl-footer {
    margin-inline-start: 0 !important;
}

body.ucmcnosbar.sidebar-collapse .zsl-footer {
    margin-inline-start: 0 !important;
}
.cheader__navlink {
    letter-spacing: 0.25px;
    font-weight: 300;
}
.cheader__logo-img {
    max-block-size: 48px !important;
}
.hamburger {
    margin: 0 !important;
    padding: 0 !important;
}

.cheader__navlink::before {
    background-color: #fff !important;
}

.cheader__listitem--search,
.cheader__listitem--help,
.cheader__listitem--useroption,
.cheader__listitem--notification {
    background-color: #1c4948;
    width: 40px !important;
    height: 40px !important;
    border-radius: 8px !important;
    border: 0px none !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cheader__listitem--search:hover,
.cheader__listitem--help:hover,
.cheader__listitem--useroption:hover,
.cheader__listitem--notification:hover {
    background-color: #71fadc6b;
}

.cheader__listitem--notification {}

.cheader__listitem .cheader__userimg {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.cheader__listitem--useroption {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cheader__listitem--useroption::before {
    content: '';
    display: block;
}

.cheader__listitem .uicon,
.cheader__listitem--useroption::before {
    filter: none !important;
    width: 36px !important;
    height: 36px !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.cheader__listitem .ucmicon-search {
    background-image: url("/concierge/OEMs/syspro/images/search-c.png");
}

.cheader__listitem .ucmicon-help {
    background-image: url("/concierge/OEMs/syspro/images/question_mark-c.png");
}

.cheader__listitem--useroption::before {
    background-image: url("/concierge/OEMs/syspro/images/person-c.png");
}

.cheader__listitem .ucmicon-bell {
    background-image: url("/concierge/OEMs/syspro/images/notifications-unread-c.png");
}