.nav>li>a {
    position: relative !important;
    display: block !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
.navbar-inverse {
  	background-color: #6a2790 !important;
  	border-color: none !important;
	top:9% !important;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #521276 !important;
}
.navbar-inverse .navbar-toggle {
    border-color: #521276 !important;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #521276 !important;
}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
     margin-right: 0px !important;
     margin-left:  0px !important;
}
.ui-selectonemenu label.ui-selectonemenu-label {
    cursor: pointer;
}
.navbar-fixed-top {
  top: 59px !important;
  /* border-width: 16px 20px 1px; */
  background-color:  #6a2790 !important;
}
/* .navbar-nav {
  float: left !important;
  margin: 0 !important;
  width: 70% !important;
  margin-left: auto !important;
} */
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
	font-size:16px !important;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #4f4f4f;
    text-decoration: none;
    text-shadow: none !important;
    font-size: 16px;
}
.navbar-nav>li>a {
  color: #fff !important;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
  color: #fff !important;
  background-color: #521276 !important;
}
.navbar-fixed-top, .navbar-fixed-bottom {
    position: absolute !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 1030 !important;
}
.navbar {
  border-radius: none !important;
}
.navbar-nav ul li a:hover{
	border-top:2px solid #FFF;
}
.navbar {
  position: relative;
  min-height: 39px;
  margin-bottom: none !important;
  border: none !important;
  border-radius:0 !important;
}
.navbar-default .navbar-nav>li>a {
  color: #FFF !important;
}
.navbar-default .navbar-nav>li>a:hover {  
  color: #555;
  background-color: #521276 !important;
  
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  color: #555;
  background-color: #521276 !important;
}
.navbar-default {
  background-color: #FFFFFF;
  border-color:none !important;
  }
.navbar-nav{
	float:none !important;	
	float: none !important;
    width: 77%;
    margin-left: auto;
    margin-right: inherit;

}
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    background: #ffffff;
    -moz-box-shadow: inset 0 2px 2px #8f8f8f;
    -webkit-box-shadow: inset 0 2px 2px #8f8f8f;
    box-shadow: inset 0 2px 2px #8f8f8f;
    color: #313131;
    margin: 6px !important;
    padding: 0 !important;
}
.navCloverLi .nav li a {
    text-transform: uppercase !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
}
.ui-widget {
    font-size: 13px !important;
    width: 95% !important;
    padding: 4px !important;
    line-height: 1.42857143;
    color: #555 !important;
    background-image: none !important;
    /* border: 1px solid #ccc !important; */
    border-radius: 4px !important;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important; */
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important; */
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #D2D2D2 !important;
    background: #c4c4c4 url("/cloverhs/app/javax.faces.resource/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png?ln=primefaces-aristo") 50% 50% repeat-x;
    background: #c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
    background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
    background: #c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
    font-weight: bold;
    color: #4f4f4f;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
}
.ui-state-default {
    border: none !important; 
}
.ui-inputfield {
    margin: 0 !important; 
    outline: medium none !important; 
    padding: 4px !important;
    font-weight: normal !important; 
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    /* border: 1px solid #D2D2D2 !important; */
    background: #c4c4c4 url("/cloverhs/app/javax.faces.resource/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png?ln=primefaces-aristo") 50% 50% repeat-x;
    background: #c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
    background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
    background: #c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
    font-weight: bold;
    color: #4f4f4f;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
}
@media (min-device-width:768px){
	.menuContainer{
	  width: 50%;
	  margin-left: auto;
	  margin-right: auto;
	}
	.navbar-nav>li>a {
	    float: left;
	    padding-top: 15px !important;
	    padding-bottom: 15px !important;
	}
}
@media (min-device-width:700px){
	.menuContainer{
	  width: 60%;
	  margin-left: auto;
	  margin-right: auto;
	}
}
@media (min-device-width:650px){
	.menuContainer{
	  width: 70%;
	  margin-left: auto;
	  margin-right: auto;
	}
} 
@media (max-device-width: 768px)){
	.navbar-nav>li>a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	    padding-left: 10px;
	    padding-right: 10px;
	    font-size: 10px ;
	}
}
@media (max-width: 960px){
	.webNair {
		margin-left: 24px;
		margin-bottom: -10px;
	}
	.navbar {
		position: relative;
		min-height: 36px;
		margin-bottom: none !important;
		border: none !important;
		border-radius: 0 !important;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2){
	.navbar {
		position: relative;
		min-height: 36px;
		margin-bottom: none !important;
		border: none !important;
		border-radius: 0 !important;
	}
	.navbar-nav {
	    width: 77% !important;
	}
}