/**
* @document header-redesign-wpit.css
*
* modified from header-redesign.css
*
* @author : Hieu H, Anthony S
* @modified : 24 October 2017
* @changes : reworked menu, logout and footer components
* uses fonticons and removes all images to improve appearence and accessibility
* implementing for future redesign layout 
* replaces href links with buttons for Angular projects
*
* @version: 12 
* Header changes cater for very long Client Name responsivealy.
* Header changes for dropdown works correctly 3 October 2017
* Header changes for long menu dropdown
* Remove IE setting 
* Remove Menu text on mobile 
* Replace dropdown menu style with code works for angular team
* 19/10/2017 add Firefox specific style to handle header responsive issue
* add fixes for mobile horizontal scrollbar issue
*
* Add changes for removing OSLight font, add fixes for Safari brand logo display.
* 25/10/2017 add change for myGov button, fix for task display correct on Safari
*
*/



/* header css */

.container.rd-claim-header {padding-top:11px;}


.logo {
	padding: 2em 1em 0em 0em;
}

.logo-new{padding:0;}



.logo-program-wrapper {
    position: relative;
    left: 13px;
    display: inline;
    padding-bottom: 5px;
    bottom: 25px;
}


.logo-program { width: 180px; height:27px; display:inline-block;}


/* Only for Safari  */

::i-block-chrome, .logo-program {
	margin-left: 30px;
	margin-right:30px;
}

::i-block-chrome, .logo-program-wrapper {
	left:-1.5em;
	padding-bottom: 0;
	z-index:99;
	  
}

::i-block-chrome, .program-link{position:relative;left:-3em;}



/* end Safari */

.logo-program-wrapper-new {
	display: inline-block;
}

.client-name {
	color: #ffffff;
	font-family:OpenSansSemibold;
}

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

.client-ref {
	color: #ffffff;
}


.logout a{
	float: left;
	height: 56px;
}

.dropdown-menu,
.dropdown-menu li a{
	color: #ffffff; 
}



div.open ul.dropdown-menu{
	left: 0.7em;
	display: block;
	padding-top: 1.5em !important;
	padding: 1em !important;
	background: #0079CA !important;
	border-color: #0079CA !important;
	height: auto;
    overflow-y: auto;
    overflow-x: hidden;
} 


/* remove the white gap between header and dropdown menu */
/* .open>.dropdown-menu {
    margin-top: 0 !important;
    left: 0.7em;
    padding-top: 1.5em !important;
    padding: 1em !important;
    background: #0079CA !important;
    border-color: #0079CA !important;
	height: auto;
    overflow-y: auto;
    overflow-x: hidden;
} */

.white-text li a  {
	color: #ffffff !important;
	text-decoration: none;
}

.white-text li a:visited,
.white-text li a:hover {
	color: #ffffff !important;
	text-decoration: underline;
}

.dropdown-menu {
	border-radius: 0;
	
}

.navbar-toggle .icon-bar {
	display: block;
	width: 28px;
	height: 3px;
	border-radius: 1px;
	padding-right: 1em;
}

.collapse-right-items {
	margin-right: 17px;
}

/** for header-footer-new **/

.main-body{
	margin-top:7em;
	
}

#navbar-collapse-header {
	background-color: #0079CA;
	border-color: #0079CA; 
}


/* reduce header height */
.template-header {
    background-color: #0079CA;
    border-color: #0079CA !important;
    height: 76px;
    margin-bottom: 0;
    min-height: 76px;
}

/* set focus border */
 .navbar-brand:focus  {
	height: 59px;
	width: 75px;
	border-style: solid;
	border-width: 1px;
	background-color: transparent;
	border-color: #136ddd; !important;
}

/* hover colour for Client menu */
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:hover, 
.navbar-inverse .navbar-nav>.open>a:focus {
	background: #000000; /* #373737; */
	height: 4em;
}

/* change Client menu height for smaller viewport */
.dropdown-toggle {
	height: 4em;
	margin-top: -.2em;
}

/* dropdown menu positioning */
.template-dropdown-menu {
	top: 100%
}

/* position the client menu to fit with new header */
.navbar-inverse .navbar-nav>li>a {
	padding-top: 13px;
}

/* move menu img to left */
.menu-img-left {
	padding-left: .5em;
}

/* add menu text */
#menu-text {
	color: white;
	font-size: 0.75em;
	line-height: 0px;
	margin-top: -5px;
	padding-left:-10px;
	
	margin-left: -2px;
}

/* set height so header height can be smaller */
.navbar-inverse .navbar-toggle {
	height: 46px;
	margin-left: -9px;
}

/* no outline border when menu is open */
.dropdown-toggle:active, .open .dropdown-toggle   {
	border-style: none; !important;
}




/* 13/3/15 for old projects that have the redundant href in the header  */

#client-menu a {
	margin-top: -.75em;
}

#client-menu .client-details-wrapper {
	margin-top: 1.2em;
}

/* new global client menu setting AS 28/10/14  */

#client-menu {
    margin-top: 0.6em;
}

	
/* new header menu */	
.header-menu-btn {
    border: none;
    color: #fff;
    margin-top: 0;
    display: inline-block;
    background-color: #0d84d4;
    height: 76px;
    position: relative;
    top: -12px;
    width: 5em;
    padding-top: 2px;
    z-index: 101;
}
.header-menu-btn:hover{background-color: #086fb3;}
.menu-icon-text{display:block;font-size: 12px;position: relative;top: -0.9em;left: -1px;}

.fa-bars.menu-fa{font-size: 40px;line-height: 1.5em;}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #06568c;
}

.dropdown-menu>li>a {line-height: 1.7;}

body.outer-nav-wrapper {
	padding-top: 90px;
}
 
.third-party-row {
	background: #dff2fb;
	margin-top:-13px;
	min-height:2em;
	padding-top:4px;
}

.third-party-text {
	color:  #000099 ;
	margin-left: 12px; 
}

/* new logout button */

.logout-button {
	background-color: #fff;
    color: #0079CA;
    border: 0;
    border-radius: 5px;
    margin-left: 2em;
    font-size: 10px;
    position: relative;
    top: 15px;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 2px;
    padding-bottom: 2px;
}

.logout-style {
	font-size: 24px !important;
}

.logout-text{
	position: relative;
    top: -5px;
	font-family:OpenSansSemibold;
}

button.header-menu-btn:focus,
li.logout button:focus {
	outline: 2px solid #ff9900;
	outline-offset: 0;
	box-shadow: 0 0 0 2px #FF9900, 0 0 10px 3px #000000;
}

.program-name {
	font-size: 140%;
	color:#fff;
    font-family: open_sanssemibold_italic;
    padding-top: 2em;
    position: relative;
    top: 5px;
    left: -7px;
}

.program-link a{ 
	color: #fff;
	margin-left:1em;
	position:relative;
	top:4px;
	text-decoration: none; 
}

.program-link a:hover {color:#e1e5e8;}

.rd-claim-container.main-content{padding-top:0;}

.nav-header-left {
    width: 520px;
    height: 76px;
}


/* nomineee banner */

.nominee-banner-redesign {
	background-color:#6B6B6B;
	color: #fff ;	
}

.container.nominee-desktop {
    margin-top: 0;
    padding-bottom: 0;
    padding: 25px 0 10px 0;
}


.leave-record a,
.leave-record a:visited {
	color: #fff;	
}

/* myGov logout */
.logout-mygov {
	background-color: #0079ca;
	border: 0;
	border-radius: 5px;
	margin-left: 2em;
	width: 44px;
	position: relative;
	top: 4px;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 2px;
	padding-bottom: 2px;
}
								
								
.mygov-img {
	width: 44px;
	height: 44px;
	position: relative;
	left: -21px;
	
}
/* end myGov logout */


/* for Firefox */
/*
@-moz-document url-prefix() { 
	.logo-program-wrapper {
		width: 400px;	
	}
} 
*/

/* applied to the logout anchor tag */
.hidden-logout, 
.hidden-mygov-logout {
	display: none ! important;
	padding:0 !important;
}





/**** media queries  ****/
@media ( max-width: 1199px ) {
	/* Safari */
	.nav-header-left {width: 420px;}	
	
	::i-block-chrome, .nav-header-left {
		width: 454px;
	}
	
	.logo-program {width: 145px;}
	
	::i-block-chrome, .logo-program {
		width: 150px;
		height: 22px;
	}
	
	::i-block-chrome, .logo-program-wrapper {
		left: 0;
	}
	
	::i-block-chrome, .program-link {
		left: -2em;
		font-size: 96%;
	}
	

	::i-block-chrome, .logo-program {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	
	
    /* end Safari */


	

}


@media ( max-width: 991px ) {
	.logo-program {
		width: 145px;
		height: 30px;
	}
	
	.nav-header-left {width: 220px;}

	
	/*Safari only */
	::i-block-chrome, .logo-program-wrapper {
		left: 7px;
	}
	
	::i-block-chrome, .nav-header-left {
		width: 234px;
	}
	
	::i-block-chrome, .logo-program {
		width: 138px;
		height: 50px;
		margin-left:7px;
	}
	
	/*end Safari */
	

	
}

@media ( max-width: 767px ) { 
	
	/*Safari only */
	::i-block-chrome, .logo-program {
		width: 200px !important;
		height: 27px !important;
	}
	
	::i-block-chrome, .logo-program-wrapper {
		left: -0.5em !important;
		top: 12px !important;
	}
	
	/* end Safari only */
	
	.logout-mygov {margin-left: 15px;}
	
	
	.logo-program {
		width: 145px;
		height: 30px;
	}
	
	.logo-program-wrapper{top:11px;left:10px;}
	
	.nav-header-left { width:400px; }
  
	.right-align {
		text-align: left;
		padding-left:15px; /* Added by Neil */
	}
  
   #nav-header {
		background-color: #0079CA; /* #373737; */
		height: 56px;
	}
  
  #nav-toggle {
		border-color: #126298;
		height:76px;
	}
	
	.open>.dropdown-menu {
		margin-top: 0;
	}
	
	#navbar-collapse-header {
		position: relative;
		top: -20px;
		line-height: 2.2em;
		padding-right: 1.5em !important;
		padding-left: 1.5em !important;
		padding-top: 0.5em;
		padding-bottom: 2em;
	}
	
	.logo-program {
		width: 45%;
	}
	
	::i-block-chrome, .logo-program {
		width: 224px !important;
		height: 32px !important;
		margin-left:0 !important;
	}
	
	.third-party-row {
		margin-top: 0px ;
		padding-bottom: 2px ;
	}

	body.outer-nav-wrapper{padding-top:130px;}
	
	.white-text li:first-child{
		padding-top: 10px; 	
	}
	
	.logout {
		padding-bottom: 10px; 	
	}
	
	.logout-button {
		height:4em !important;
		padding-top:0.7em !important;
	}
	
	.leave-record{text-align:left;}
	


	.container.nominee-desktop  > .row {margin-left:0; margin-right:0;}	
	#navbar-collapse-header{overflow-x: hidden;}
	

	
	.accordion-menu li {min-width: auto !important;}
	#navbar-collapse-header li a {line-height: 1.8 !important;}



   
}

/** fixes for unauthenticated apps and Choose a Person*/
.logo-program-wrapper.logo-program-no-menu {
	bottom: -8px ! important	
}

.home-image-no-menu {
	padding-top: 14px;	
}