.whiteBG {
    background-color: white;
}

.avatar {
    border-radius: 50%;
    width:60%;
    height:15%;
}

.title-header {
    color: lightseagreen;
    font-weight: bold;
}

.border-gray {
    border:1px solid gray;
}



/* FOR TABLE */
.table-header-gray{
    font-weight:bold;
    background-color:gray;
    color:white;
}

table, th {
	text-align:center;
	margin-top:2%;
    font-size: 14px;
    background-color: #e2e2e2 !important;
}

thead {
	background-color: #d9e8e7;
}
.control-label {
	text-align:center;
    font-size: 12px;
}

.round-button {
	border-radius: 30px;
	background-color: #3fc5be;
}

#ul {
    list-style-type: none;
    width: 180px;
    background-color: white;
    padding: 5px;
    margin: auto;
}

li a, fa 	{
	/* background-color: #f1f3f2; */
    color: gray;
    padding: 8px 16px;
   /*  text-decoration: none; */
    display: block;	
    /* float: left; */
}

/* Change the link color on hover */

li a:hover, fa {
    /* background-color: #338c8a; */
    color: gray;
    border-left: 2px solid #338c8a;
    /* text-decoration: none; */
    width: 100%;
    /* padding: 5px; */
}

.placeHolder-text{
	color : #1e4ba2;
}

li a:active, fa {
	color: #338c8a;
    /* border-bottom: 2px solid #338c8a;  */
}
/* END FOR TABLE */