/* ------ Customization : Header, Menu, SubMenu -------*/
/* Edit this CSS to customize the color combinations across User and Admin Portal */
/* To change background color of zsd-navbar */
#zsd_navbar{
background-image: linear-gradient(90deg, #19224A 0%, #222E61 25%, #23346A 65%, #146693 90%, #088CB2 100%);
}
/* To change the Color of the navbar menu item links*/
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.5) !important;
}
/* To Change the Color of the navbar menu Item link hover*/
.navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255, 255, 255, 0.75) !important;
}
/* To Change the Color of Selected menu item ans Selected Border Bottom */
.navbar-dark .navbar-nav .nav-link.active{
color: rgba(255, 255, 255, 1) !important;
border-bottom: 5px solid #fff !important;
}
/* Background color of the Sub menu bar */
#submenu, .subMenu {
background: #ECECEC;
}
/* ------ Customization : Menu Tabs - Placeholder, Active & On-Hover ----- */
/* In case you had customized the images for Menu, in earlier versions of NSD, then comment the above line and un-comment the below one for next three CSS*/
/* Background color and text color of Menus, Default:# Black background with white text ) */
#menu li a, .newrequest {
background : #009ddc;
/* background:url(../images/nui-header-tab.png)no-repeat scroll 0 0; */
}
/* Background color of active/Selected Menu */
#menu a.active, .activeLink{
background: #0079A7;
/* background:url(../images/nui-header-tab-active.png)no-repeat scroll 0 0; */
}
/* Background color and text color of Menu on hover */
#menu li a:hover, .greyWindow150 li:hover{
background: #4DB3E6;
/*background:url(../images/nui-header-tab-hov.png)no-repeat scroll 0 0; */
}
/* Text Color for Menu/active/Selected, Default & on-Hover */ 
#menu li a, .newrequest, #menu a.active, .activeLink, #menu li a:hover, .greyWindow150 li:hover {
	color: #ffffff;
}
/* Border Color for the Menu Tabs */
#menu li a, #menu a.active, #menu a:hover, .newrequest, .activelink {
	border-color:rgba(35, 199, 255, 0.5);
} 
/* ---------- Customization : Banners ------ */
/* Application Banners */
/* This controls the style of the customized banner on the login page */
div.login-panel div.login-header div.login-title-custom {
top: 120px;
background: url('../images/banners/custom/custom_login.png') no-repeat;
}
/* This controls the style of the default banner on the login page */
div.login-panel div.login-header div.login-title-container {
top: 120px; /*70px; */
/* background: url('../images/login-app-title-sd.png') no-repeat; */
background: url("../images/login-app-title-sd.png") no-repeat scroll 0 0 / 136px auto;
}
/* This controls the helpdesk icon graphic on the login page */
div.login-panel div.login-header span.login-app-logo {
width: 78px; /*42px; */
height: 78px; /*42px; */
display: block;
position: absolute;
/* margin-top:28px; */
background: url('../images/app-logo.png') no-repeat;
}
/* This controls the style of the customized banner within the user portal */
#header .customPngBanner {
background:url("../images/banners/custom/custom_tech.png") no-repeat left top;
float: left;
}
/* This controls the style of the default banner graphic within the user portal */
#header .defaultBanner {
background:url("../images/banners/default/service_desk_header.png") no-repeat 13px 13px;
float: left;
}
/* This controls the style of the customized banner within the customer & public portals */
#pageHeader .customPngBanner {
background:url("../images/banners/custom/custom_public.png") no-repeat left top;
}
/* This controls the style of the default banner within the customer & public portals */
#pageHeader .defaultBanner {
background:url("../images/banners/default/service_desk_header.png") no-repeat scroll 13px 13px;
}

/* --- Customization : submenu -----*/
/* This controls the style of the submenu links */
#submenu a {
font-weight: bold;
color:#555;
}
/* This (in tandem with the span extension below) controls the mouseover (hover) on the submenu */
#submenu a:hover {
color:#59818E;
background: none;
}
/* This (in tandem with the hover default above) controls the mouseover (hover) on the submenu */
#submenu a:hover span {
color:#59818E;
background: none;
}
/* This controls the highlight applied to the selected submenu option */
#submenu a.active {
color:#59818E;
background: none;
}
/* For Displaying Custom Banner in Customer Portal */
#container #header .customPngBanner {
background:url("../images/banners/custom/custom_client.png") no-repeat left top;
float: left;
}
/* For Displaying Custom logo in User Portal */
#zsd_logo_container .bannerDefaultLogo{
	background: url("../images/ZSD_logo.png") no-repeat;
	background-size: 56px 56px;
	width: 56px;
    height: 56px;
}
#zsd_logo_container .bannerCustomLogo{
	background: url("../images/banners/custom/custom_logo.png") no-repeat;
	background-size: 56px 56px;
	width: 56px;
    height: 56px;
}