.btn-group-justified{
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

.ec_panel_shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.closebtn{
	color: black;
	/*float: right;*/
	position: absolute;
	right: 10px;
	top: 0px;
	font-size: 28px;
	font-weight: bold;
	border: none;
	background-color: #ebeff2;
}

.closebtn: hover,
.closebtn: focus{
	color: #000;
	text-decoration: none;
	cursor: pointer;

}



.editBtn {
    color: #d69116;
    font-size: 1.6em;
    cursor: pointer;
}
.fa-passwd-reset{
	color: #71eb70;
}

[data-my-tooltip]:before {
    content: attr(data-my-tooltip);
    position: absolute;
    opacity: 0;

}

[data-my-tooltip]:hover:before {
    opacity: 5;
    border-radius: 3px;
    padding: 3px;
    background:#5ba797;
    color: white;
    margin: -25px 0 0 0;
    z-index:29;
	  font-size: .8em;
	  height:18px;
	  line-height:18px;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;  
	   top: -30px;
	  left: auto;
	  height: auto;
	  width: 250px;
	  text-align:Left; /*setting it above. to the left. You can play with this */
}
 
 

/*aligns the Labels in all the tabs to start from close to the left margin..disabling it now..*/
/*label {
    text-align: left !important;
}*/