@import url("https://fonts.googleapis.com/css?family=Muli");


body {
  font-family: "Muli";
}

.my-container {
	border: 0.05rem solid #dedfe0;
}

.profile-col {
	border-right: 0.05rem solid #dedfe0;
}

.border-profile {
	border-top: 0.05rem solid #dedfe0;
}

.text-link a {
	text-decoration: none!important;
}

.text-link:hover {
	
	background: grey;
}

.text-link {
	padding-left: 1rem;
}

.text-link p:hover {
	color: white;
}

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

.badge-commission {
	font-size: 0.7rem;
}


.button-profile-icon {
	background: white;
	color: grey;
}

.photo-border {
	border: 0.05rem solid #cacbcc;
	background: #f2f3f5;
}

.column2 {
	background: yellow;
}

.profile-row {
	background: yellow;
}

.modal-dialog {
	position: fixed;
	width: 100% !important;
	margin: 0 auto!important;
    padding: 0 !important;
    max-width:300vh !important;
    max-height: 100%!important;
}




@media (max-width: 767px) {
	.border-profile p {
		margin: 0 auto;
		text-align: center;
	}

	.profile-col {
	border-right: none;
	border-bottom: 0.05rem solid #dedfe0;
	margin: 0 auto;
	}

	.text-link a {
		text-align: center;
	}

	.text-profile {
		text-align: center;
	}

	.text-my-profile {
		text-align: center;
	}

	.text-link {
		padding-left: 0;
	}

}

@media (max-width: 991px) {
	.profile-col {
		border-right: none;
		border-bottom: 0.05rem solid #dedfe0;
		margin: 0 auto;
	}

	.text-link a {
		text-align: center;
	}

	.text-profile {
		margin-bottom: 0;
		text-align: center;
	}

	.text-my-profile {
		text-align: center;
		margin-bottom: 0;
	}

	

}