body{
    background-color: #E5EBF1;
}

input:-ms-input-placeholder{
    color:#A1A1A1;
}
/*#lblForgotPassword {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: #2F80ED;
}*/
/*#btnLogIn {
	width: 90px;
	height: 48px;
	background: #2F80ED;
	border-radius: 6px;
}*/
/*.divLabelLogin {
	border: 1px solid #2F80ED;
	box-sizing: border-box;
	border-radius: 6px 0px 0px 6px;
	color: white;
	background: rgba(255, 255, 255, 0.2);
	height: 48px;
}*/
/*.divContentItem {
	background-color: rgba(0,0,0,0.8);
	max-width: 50vw;
	background: rgba(0, 0, 0, 0.8);
	border: 1px solid #2F80ED;
	box-sizing: border-box;
	border-radius: 6px;
}*/

.contentItemHeader{
    background: #2a4053;
}
.loginTitle
{
    font-family:Verdana;
    font-size:16px;
    font-weight:bold;
    color:#000000;
    margin:auto;        
}

/*.loginText {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
}*/

.headers{
    background-color: #2a4053;
}
.headerTitle{
    font-weight:bold;
    font-size:32px;
    color:White;
    font-family: Times New Roman;
    text-transform:uppercase;
}
/*sticky footer*/
.wrapStickyFooter{
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -102px;
}
/*on ajoute un content pour le push*/
.wrapStickyFooter:after{
  content: "";
  display: block;    
}
/*on met le height du push = sticky footer */
.stickyfooters, .wrapStickyFooter:after{
    height: 100px;
}
/*fin stickyfooter*/

.footers{
    background-color:#f5f5f5;
    width:100%;
    margin:0;
}
.footersText{
    font-size:16px;
    color:#868e96;   
}
.separator{
    height: 1px;
    margin-left : 0 !important;
    margin-right : 0 !important;
    padding-left : 0 !important;
    padding-right : 0 !important;
    background-image : -webkit-linear-gradient(left,#d0d0d0,#949494,#d0d0d0);
    background-image : -moz-linear-gradient(left,#d0d0d0,#949494,#d0d0d0);
    background-image : -ms-linear-gradient(left,#d0d0d0,#949494,#d0d0d0);
    background-image : -o-linear-gradient(left,#d0d0d0,#949494,#d0d0d0);
}


.text-white{
    color:#FFFFFF;
}

.groupWrapper{
    width:100%;
    margin:0 auto;
    border: 3px ridge #2a4053;
    padding: 15px 1px;
    border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    background: #f5f5f5;    
}

.groupList{
    width:100%;
    min-height: 150px;
    height:auto;
    max-height:250px;
    overflow-y:auto;
    padding: 0;
}

.groupList li{
    list-style:none;
    border: 1px outset #0047ba;
    width:95%;
    font-size:1.2em;
    padding: 2px 0px 2px 2px;
    margin : 1% 10% 1% 2%;
    text-align:center;
    cursor:pointer;
    background:#33526d;
    color:White;
}
.groupList li:nth-child(2n){
    background:#2a4053;
}

.groupfindselected{
    background-color:#ffa500!important;
    border: 2px outset #a9771e !important;
    
    -webkit-box-shadow: 0px 0px 10px 2px #ffa500!important;  
	-moz-box-shadow: 0px 0px 10px 2px #ffa500!important;   
	box-shadow: 0px 0px 10px 2px #ffa500!important; 
}

.rowFilterGroup{
    position:sticky;
    top:0px;
    background:#f5f5f5;
    border-bottom:1px solid black;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.FilterGroup{
    display:inline-block;
    border: 2px solid black;
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    padding: 5px 10px 0px 5px;
    background-color:#36516b;
    color:White; 
    -webkit-box-shadow: 0px 1px 1px 1px #000000!important;  
	-moz-box-shadow: 0px 1px 1px 1px #000000!important;   
	box-shadow: 0px 1px 1px 1px #000000!important; 
}
.removeFilterGroup{
   cursor:pointer; 
}

.IsModificationAccount{
    /*display:none;*/
}

/*Jquery ui autocomplete*/
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}
.ui-state-focus, .ui-menu{
    margin:0px !important;
}

.ui-state-focus{
    border: none !important;
    font-weight:normal !important;
}

/*bootstrap tooltip new css*/
.tooltipClick{
    cursor:pointer;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #003fff;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #003fff;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #003fff;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #003fff;
}
.tooltip-inner {
  color: #000;
  background: #fff;
  border: 3px solid #003fff;
  background-color: white;
  color: black;
  font-size: 12px;
  outline: none;
}

/*font awesome*/
.fa-1-5x{
    font-size:1.5em !important;
}
.fa-passwd-reset > .fa-lock {
  font-size: 0.85rem;
}

/*.fa-hint *{
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.fa-hint > .fa-hintcircle{
    color:black;
}
.fa-hint:hover > .fa-hintcircle{
    color:white;
}
.fa-hint > .fa-hintcircleThin{
    color:black;
}
.fa-hint > .fa-questionMarkHint{
    color:white
}
.fa-hint:hover > .fa-questionMarkHint{
    color:black;
}*/

.fa-hint *{
    color:black;
     -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.fa-hint > .fa-hintcircleQuestionHover{
    opacity:0;    
}
.fa-hint:hover > .fa-hintcircleQuestionHover{
  opacity: 1;
}
.fa-hint:hover > .fa-hintcircleQuestion{
  opacity: 0;
}