body {
    color: #333;
    font-size: 15px;
}
.text-strong {
	font-weight: 600;
}

.asteriskField {
	color: #F8285A;
	font-weight: bold;
	margin-left: 2px;
}

.required-field .form-label:after {
  content:" *";
  color:red;
  font-weight: bold;
}

.form-select {
	font-size: inherit;
	color: inherit;
}
.form-select-lg {
	font-size: 1.25rem;
}
.form-control {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.625;
	color: inherit;
}
.form-control[type=color] {
	width: 100px;
}
.form-text {
	display: block;
}

.navbar {
	border-bottom: 0;
	box-shadow: 0 0 15px -10px #000;
}
.dropdown-menu { font-size: 1rem;}

.h3, h3 { font-weight: 400; }

body[data-theme="light"] .sidebar, body[data-theme="light"] .sidebar-content {
    background: linear-gradient(135deg, #e4f0ff 25%, #e1f7eb 80%);
}

body[data-theme="light"] .sidebar.sidebar-business, body[data-theme="light"] .sidebar-business .sidebar-content {
    background: linear-gradient(135deg, #ebe3f6 25%, #deedfb 80%);
}

.sidebar hr {
	margin: 1rem 20px;
	height: 0.5px;
	background-color: #495057;
}
.sidebar-brand {
	padding: 1rem 1.5rem 0;
	text-align: left;
	color: #495057;
	font-weight: bold;
}
.sidebar-header {
	padding: 1rem 1rem 0.375rem;
	font-size: 1rem;
	color: #495057;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	margin: 0 0 3px 0;
	font-weight: bold;
}

.sidebar-item {
	margin-bottom: 5px;
}
.sidebar-item.active {
	background-color: rgba(255,255,255);
	border-radius: 5px;
}
.sidebar-item:hover {
	background-color: rgba(255,255,255);
	border-radius: 5px;
}
body[data-theme=light] .sidebar-link:hover, body[data-theme=light] .sidebar-link:hover i, body[data-theme=light] .sidebar-link:hover svg, body[data-theme=light] .sidebar-item.active .sidebar-link:hover, body[data-theme=light] .sidebar-item.active>.sidebar-link {
    color: #495057;
}
body[data-theme=light] .sidebar-item.active>.sidebar-link i {
    color: #495057;
}
body[data-theme=light] .sidebar-item.active .sidebar-link:hover i, body[data-theme=light] .sidebar-item.active .sidebar-link:hover svg, body[data-theme=light] .sidebar-item.active>.sidebar-link i, body[data-theme=light] .sidebar-item.active>.sidebar-link svg {
    color: #495057;
}

.sidebar-content {
	padding-left: 5px;
	padding-right: 5px;
}

.sidebar-link, a.sidebar-link {
	padding: 0.4rem 1rem;
}

.btn {
	border-radius: 5px;
}

.btn-ai {
	background: linear-gradient(135deg, #ebe3f6, #deedfb);
	color: #000;
}
.btn-ai:hover {
	background: linear-gradient(135deg, #deedfb, #ebe3f6);
	color: #000;
}
.bg-ai {
	background: linear-gradient(135deg, #ebe3f6, #deedfb);
	color: #000;
}
.btn-white {
	background-color: #fff;
}
.navbar {
    border-bottom: 1px solid #dadfe6;
	box-shadow: none;
}

.card {
    box-shadow: none;
    border: 1px solid #dadfe6;
	border-radius: 8px !important;
	overflow: hidden;
}
.card-header:first-child {
    border-radius: 8px !important;
}

.footer-container {
	background-color: #ffffff;
	border-top: 1px solid #dee6ed;
}
.table {
	color: #2b2d2f;
}
.table-bgcolor {
	color: white;
}
.table-hover.table-bgcolor > tbody > tr:hover {
	color: white;
}
.table-bgcolor.bg-blue {
	background-image: linear-gradient( 96.5deg,  rgba(39,103,187,1) 10.4%, rgba(16,72,144,1) 87.7% );
}
.table-bgcolor.bg-green {
	background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(0,152,155,1) 0.1%, rgba(0,94,120,1) 94.2% );
}

.cookie-bar {
	padding: 20px;
	background-color: #01215e;
	color: white;
	font-size: 0.9rem;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	opacity: 0.8;
	z-index: 2;
}
.cookie-bar a {
	color: #ffffff;
}

/* Image avatar */
.img-avatar-parent {
	position: relative;
	top:0; left: 0;
}
.img-avatar-parent .img1 {
	position: relative;
	top: 0; left: 0;
}
.img-avatar-parent .img2 {
	position: absolute;
	bottom: -10px; right: -10px;
	width: 40%;
}

/* Hardskill dashboard */
.skill-container {
	width: 100%; /* Full width */
	background-color: #ddd; /* Grey background */
}

.skill-bar {
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	color: white;
	font-weight: 700;
	font-size: 0.8rem;
}

.skill_5_5 {width: 100%; background-image: linear-gradient(to right, #4facfe 0%, #0068a5 100%); }
.skill_4_5 {width: 80%; background-image: linear-gradient(to right, #3cba92 0%, #0ba360 100%); }
.skill_3_5 {width: 60%; background-image: linear-gradient(to right, #fcdd55 10%, #f8cb00 100%); color: #333; }
.skill_2_5 {width: 40%; background-image: linear-gradient(to right, #ff8839 0%, #ff7417 100%); }
.skill_1_5 {width: 20%; background-image: linear-gradient(to right, #df4b43 10%, #d80e0e 100%); }

.card.new-application { border-left: 3px solid transparent; }