@charset "utf-8";

/* ------ RED ------*/

.dot-bg {
    position: absolute;
}
body{font-family: "Raleway", sans-serif !important;background-color: #111827 !important;}
.bg-primary{background-color: #111827 !important;color: #fff;}
.user-role {
    color:#EAB308;
    position: relative;
    margin: 10px 0;
    font-size: 20px;
    font-weight: 500;
}
header svg path{stroke: #fff}
header{padding-top: 80px;}
header a{color: #fff;}
.top-header{background-color: rgba(0,0,0,0.8);padding:  20px 0;position: fixed;top: 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 100%;z-index: 9;}
.py-7{padding:70px 0;}
.comment-section{background-color: #fff;color: #fff !important;}
.header h1{    font-weight: 800;
    text-transform: uppercase;
    font-size: 46px;
    margin: 20px 0;}
	.call-info {
		font-weight: 600;
	}
	
	.call-info div {
		display: flex;
		align-items: center;
		margin-right: 25px;
	}
	
	.call-info svg {
		margin-right: 5px;
	}
	p.user-bio {
		margin-top: 20px;
		width: 80%;
		font-size: 19px;
	}
	.btn-primary{    --bs-btn-color: #121224;
		--bs-btn-bg: #FFC727;
		--bs-btn-border-color:#FFC727;
		--bs-btn-hover-color: #fff;
		--bs-btn-hover-bg:#030302;
		--bs-btn-hover-border-color: #FFC727;
		--bs-btn-focus-shadow-rgb: 49, 132, 253;
		--bs-btn-active-color: #121224;
		--bs-btn-active-bg:#FFC727;
		--bs-btn-active-border-color:#FFC727;
		--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--bs-btn-disabled-color: #121224;
		--bs-btn-disabled-bg: #FFC727;
		--bs-btn-disabled-border-color: #FFC727;
	font-weight: 600;}

	.user-profile {
		border-radius: 40px;
		overflow: hidden;
		width: 380px;
		height: 380px;
		position: relative;
		background: url(../images/Portrait_Placeholder.png);background-position: center;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
	}

	.user-profile > span {
		display: flex;
		align-items: center;
		max-width: 100%;
		justify-content: center;
	  }
	  .user-profile img {
		
		max-height: 470px;
		align-items: center;
		display: flex;
		flex: 1;
	  }
	.decompressEmail a{color: #ffffff;}
	header svg path {
		stroke: #fff;
	  }
	  .skills-block {
		margin-top: 30px;
	  }
	.skills-block .wr-skill {
		border: 1px solid rgb(2, 6, 23);
		padding: 15px 20PX;
		display: block;
		border-radius: 10px;
		background: rgb(2, 6, 23);
		font-weight: 600;
		box-shadow: 0 0 10px rgba(0,0,0,0.05);
	  }
	  .skills-block > span > span {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
	  }
	.box {
		background: #222222;
		padding: 20px;
		border-radius: 10px;
		border: 1px solid #878787;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	}
	a{color: #030302;text-decoration: none;}
	.user-bio-info{
		padding: 100px 0;
		background-color: #25282D; color: #fff;
	}
	h2{font-weight:600;}
	.skills{font-size: 18px;}
	.history{padding:60px 0;display: flex;background-color: #111827;color: #fff;}
	.history h2{margin-bottom: 20px;}
	.history-box {
		width: 500px;
		margin: 0 auto;text-align: center;
	}
	.w-80{width: 80%;}
	.license-bg {
		background-color: #F5E8FC;
		color: #030302;
		padding: 10px 20px;
		
		width: auto;
		display: inline-block;
		border-radius: 60px;
		font-size: 14px;
		font-weight: 500;
	}
	.comment-section{padding:80px 0;}

	.top-menu ul {
		list-style: none;
		margin: 0 auto;
	}
	
	.top-menu ul li a {
		color: #fff;font-weight: 600;
	}
	
	.top-menu ul li {
		display: inline-block;
		margin: 0 10px;
	}
#appointments-table-header
{
	background:#939598;
	color:#fff;
}

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

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

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