@charset "utf-8";

/* ------ RED ------*/
body {
	background-color: #FDF9FF !important;
}

.user-profile {
	position: relative;    margin-top: 40px;
}

section.bg-primary {
	background-color: #43456C !important;
}
.user-role {
    color: #ffffff;
    position: relative;
    padding: 2px 0 2px 15px;
    margin: 10px 0;
    font-size: 15px;
    font-weight: 400;
}

.user-role:before {
	background-color: #ffffff;
	width: 3px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
}
.profile-info:after {
	position: absolute;
	left: -70%;
	width: 170%;
	background-color: #43456C;
	content: '';
	height: 100%;
    min-height: 100vh;
	top: 0;
	z-index: -1;
}
.opacity-8{opacity: 0.8;}
.profile-info {
	position: relative;
	color: #fff;
}

.profile-info svg path {
	stroke: #fff;
}
.user-profile{margin: 0 auto;margin-top: 90px;
	width: 370px;height: 470px;}
.user-profile > span {
	display: flex;
	align-items: center;
	max-width: 100%;
margin: 0 auto;
justify-content: center;border-radius: 220px 220px 0 0;height: 470px;overflow: hidden;width: 370px;background-image: url(../images/Portrait_Placeholder.png);
background-size: cover;
background-position: center;
  }
  .user-profile img {

max-height: 470px;
align-items: center;
display: flex;
flex: 1;

  }

.shape-1 img,
.shape-2 img,
.line-1 img,
.line-2 img {
	border-radius: 0 !important;
}

.line-1 {
	position: absolute;
	top: 30px;
	width: 60px;
	height: 60px;
}

.line-2 {
	position: absolute;
	bottom: -10px;
	width: 60px;
	height: 60px;
	right: 0;
}
h1{margin: 20px 0;}
.user-role {
    color: #ffffff;
    position: relative;
    padding: 2px 0 2px 15px;
    margin: 10px 0;
    font-size: 15px;
    font-weight: 400;
}

.user-role:before {
	background-color: #ffffff;
	width: 3px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
}

.user-profile > span {
	border-radius: 220px 220px 0 0;max-height: 470px;
}

.my-80 {
	margin-top: 80px;margin-bottom: 80;
}
.pb-80{padding-bottom: 80px;}
.shape-1 {
	position: absolute;
	right: 0;  z-index: 9;
	top: -40px;
}
.mt-3{margin-top: 30px !important;}
.shape-2 {
	position: absolute;
	left: -38px;
	bottom: -16px;
}
.ml-2{margin-left: 20px;}
.my-2{margin: 20px 0;}
.color-white a{color: #fff;}
.emp-bio{padding: 80px }
.box {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #eee;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.license-bg {
    background-color: #F5E8FC;
    color: #030302;
    padding: 10px 60px;
    margin-top: 10px;
    width: auto;
    display: inline-block;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 20px;
}
#appointments-table-header {
	background: #ca7532;
	color: #fff;
}
.btn-primary{    --bs-btn-color: #ffffff;
    --bs-btn-bg: #EA8528;
    --bs-btn-border-color:#EA8528;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg:#030302;
    --bs-btn-hover-border-color: #EA8528;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #121224;
    --bs-btn-active-bg:#EA8528;
    --bs-btn-active-border-color:#EA8528;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #121224;
    --bs-btn-disabled-bg: #EA8528;
    --bs-btn-disabled-border-color: #EA8528;
font-weight: 600;}

.appointments-table-title-dark {
	background: #b1c0c9;
}

.appointments-table-minutes-dark {
	background: #eceded;
}

.appointments-table-prices-dark {
	background: #eceded;
}

.appointments-table-schedule-dark {
	background: #eceded;
}


@media (max-width: 1200px){
	.container, .container-lg, .container-md, .container-sm {
		max-width: 96%;
		width: 100%;
	  }
	.shape-1 {
		position: absolute;
		right: 30px;
		width: 80px;
	  }
	  
	  .shape-1 img ,.shape-2 img{
		width: auto;
		max-width: 100%;
	  }
	  .user-profile img{max-height: 350px;}
	  .shape-2{height: 80px;width: 90px;left: -8px;}
}
@media (min-width: 992px){
	.container, .container-lg, .container-md, .container-sm {
		max-width: 96%;
		width: 100%;
	  }

}
@media (max-width:767px){

	.user-profile{text-align: center;width: 380px;
		margin: 50px auto;}
		.user-info-main{text-align: center;}.user-info-main div{margin: 0 auto;width: 100%;}
		.user-info-main div {
			margin: 0 auto;
			width: auto;
			display: inline-block;
		  }
		  .profile-info::after{min-height: 100%;}
		  .emp-bio {
			padding: 20px;
		  }
}