
/* ------------------------       FOR     displayTemplate                     --------------------------------------------- */

.user-name-info, .user-email-info, .user-mobile-number-info, .user-dob-info, .user-gender-info{
	padding-bottom: 12px;
}

.name-info{
	color: darkgrey;
    font-size: 15px;
    font-weight: bold;
}

.user-full-name{
	padding-left: 130px;
    font-size: 14px;
    font-weight: bold;                             
    color: dimgray;
}
.email-id-info{
	color: darkgrey;
    font-size: 15px;
    font-weight: bold;
}
.email-span{
	padding-left: 114px;
    font-size: 14px;
    font-weight: bold;
    color: dimgray;
}

.number-info{
	color: darkgrey;
    font-size: 15px;
    font-weight: bold;
}
.phone-span{
	padding-left: 70px;
    font-size: 14px;
    font-weight: bold;
    color: dimgray;
}

.dob-info{
	color: darkgrey;
    font-size: 15px;
    font-weight: bold;
}
.dob-span{
	padding-left: 83px;
    font-size: 14px;
    font-weight: bold;
    color: dimgray;
}

.gender-info{
	color: darkgrey;
    font-size: 15px;
    font-weight: bold;
	
}
.gender-span{
	 padding-left: 125px;
    font-size: 14px;
    font-weight: bold;
    color: dimgray;
}
.totalProfile{
	 padding: 12px;
	 background-color: rgba(242, 242, 242, 0.34);
	
}
	
.user-all-info {
    padding: 12px;
}
/*------------------------------- UPDATED CSS-------------------------- */

.user-gender{
	position: relative;
    bottom: 4px;
    font-size: 10px;
    color: dimgray;
    font-weight: bold;
}
.male-user{
	width: 100px;
}
.columns .mat-form-field {
    width: 100%  !important;
}

.mobile .small-12 {
width: calc( 100% - .625rem - .625rem);
}
.mobile .small-6 {
width: calc( 50% - .625rem - .625rem );
}
