html, body {
    margin: 0;
	font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;
	color: #000;
	background-color: #fff;
	background-image: none;
	background-repeat: repeat;
	background-position: top left;
	direction: ltr;
	font-size: 11px;
	-webkit-font-smoothing: antialiased;
}

.phx-container
{
	width: 100%;  
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.phx-header
{
	z-index: 9999999; 
	position: static;
	height:40px; 
	width: 100%;
	overflow:hidden;
}

.phx-header >div
{
	height:40px;
}

.phx-main{
	background:#fff;
	clear:both;  
}

.phx-main .phx-leftnav{
	background: #F0F0F0;
	display:none;
	width: 230px; 
	overflow: auto;
}

.phx-main .phx-content
{    	
	overflow: auto; 
}
.phx-footer
{ 
	display:none;
}


/* HEADER CONTENT */
.phx-header-brand
{
	padding-left: 20px;
	padding-top: 7px;
	height: 40px;
	float: left;
	vertical-align:middle;
	min-width: 170px;
}

.phx-header-brand >a
{
	padding-right:15px;
}
.phx-logo
{
	height: 30px;
	outline:none;
	border:none; 
}
.phx-separator-hr
{ 
	border-left: 1px solid #fff;
	display: inline-block;
	position: absolute;
	height: 20px; 
	width:20px; 
	top:10px;
	visibility: visible;
	opacity: 0.65;
}

/* STYLE POUR LE MENU DU HEADER */
.phx-header-nav
{
	position: absolute;
	right: 0;
	top:0px;
	padding-top:0px;
	padding-right: 10px;
	height: 40px;
	
}
.phx-header-nav >ul
{
	display: inline-block;
	height: 40px;
	list-style: none;
	vertical-align: top;
	margin: 0px; 
	padding:0px;
	overflow: hidden;
}

.phx-header-nav >ul>li
{
	display: inline-block; 
	margin: 0; 
	font-size:16px; 
	font-weight: normal;
	padding-top :5px;
	padding-left:10px;
	padding-right:10px;
	height:35px;
}

.phx-header-nav >ul>li:hover
{
	opacity:.8;
}

.phx-header-nav .ui-state-active a
{
	color:#fff !important;
}
.phx-header-nav .user-label
{
	font-size:12px; 
	padding-left:10px;
}
.phx-header-nav .user-icon
{
	font-size:14px; 
	color:#F5F5F5;
}
.phx-header-nav a{
	color:#fff;

}

#accountMenu
{
	position:absolute;
	display:none;
	overflow: auto;
	padding-left:0px;
	padding-top:5px; 
	margin:0px;
	width:130px; 
	right: 0;
	top:38px;
	z-index:999999;
	border-top:none; 
	border-width:2px;
}
#accountMenu  li
{
	font-size:12px !important;
	z-index:999999;
}
 
#accountMenu li a i
{
	padding-right:10px;
}
	
#accountMenu li a {
	height:100%; 
	color: inherit !important;
}

/*TODO : delete accountMenu css*/
.phx-sub-menu
{
	display:none;
	position:absolute;
	overflow: auto;
	padding-left:0px;
	padding-top:2px; 
	margin:0px;
	width:130px; 
	z-index:999999;
	border-top:2px; 
	border-width:2px;
}
.phx-sub-menu li
{
	font-size:12px !important;
	z-index:999999;
}
 
.phx-sub-menu li a i
{
	padding-right:10px;
}
	
.phx-sub-menu li a {
	height:100%; 
	color: inherit !important;
}


/*Style pour la notification*/
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 6px;
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
    background-color: #999;
    border-radius: 10px;
}

/*Style pour la notification rouge*/
.badge-red {
    background-color: #FA7B58;
	float:right;
}

/*Style pour la notification vert*/
.badge-green {
	background-color: rgba(159, 206, 80, 1);
	float:right;
}

@-webkit-keyframes clignote {
	0%{opacity:1;}
	50%{opacity:0;}
	100%{opacity:1}
}
.clignotant{
	
	-webkit-animation-name: clignote; 
	-webkit-animation-duration: 1.5s; 
	-webkit-animation-iteration-count:infinite; 
}

/* Style pour le spitter du menu */
.splitter-bar-vertical {
	width: 5px;
	background-image: url(../images/vgrabber.gif) !important; 
	background-repeat: no-repeat;
	background-position: center;
}
 
.splitter-bar-vertical-docked {
	width: 15px;
	background:#E9E9E9;
	background-image: url(../images/vdockbar-trans.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center;
}
.splitter-bar-vertical-hover {
	background-color:#B6B8B7 !important;  
	background-image: url(../images/vgrabber.gif) ;
	background-repeat: no-repeat !important;
	background-position: center;
}
.splitter-bar-vertical-active {
	background-color:#B6B8B7 !important;  
	opacity:0.8;
	background-image: url(../images/vgrabber.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center;
}

.splitterMask
{
   position:absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden; 
   z-index: 20000;
}

/* Style pour afficher le menu de navigation à gauche */
.tasklist-page .phx-leftnav, .admin-page .phx-leftnav{
	display:block;
}
.task-page .phx-main, .IF-page .phx-main
{
	margin-top:4px;
}
 
 .ui-dialog .phx-header
 {
	display:none;
 }

 .ui-dialog .phx-main
 {
	top:0px;
 }
 
 /** HEADER SEARCH **/
.header-search {
	font-family: "Open Sans", Arial, serif;
    height: 0;
    overflow: hidden;
    background: #404040;
}
.header-search.open {
    height: auto !important;;
}
.header-search form { 
    position: relative;
}
.header-search form .btn {
    position: absolute;
    right: 50px;
    top: 0;
    bottom: 0;
    padding: 5px 10px;
    line-height: 1;
    width: 40px;
    outline: none;
    background: transparent;
    font-size: 20px;
    color: #fff;
}
.header-search form .btn:focus, .header-search form .btn:active:focus, .header-search form .btn.active:focus {
    outline: none;
}
.header-search form .close-btn {
    right: 0;
    display: block;
    font-size: 20px;
}
.header-search form input {
    padding-left: 10px;
	width: 80%;
	color: rgba(208, 212, 208, 1);
    background: transparent;
    height: 40px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 20px;
    font-weight: 100;
    box-shadow: none;
    margin: 0;
	outline: none;
}
.header-search form input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.header-search form input:-ms-input-placeholder {
    color: #fff;
}
.header-search form input::-webkit-input-placeholder {
    color: #fff;
}
.header-search form input:focus {
    color: #fff;
    box-shadow: none;
}
.header-search  .btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}

#search-btn{
	display:none;
}

.tasklist-page #search-btn{
	display:inline-block;
}