@import "all.css";
@import "bootstrap-select.min.css";
@import "froala_editor.pkgd.min.css";
@import "jquery.mCustomScrollbar.css";
@import "owl.carousel.min.css";
@import "owl.theme.default.min.css";
@import "bootstrap.min.css";
@font-face {
	font-family: 'SFUIDisplay-Regular';
	src: url('../fonts/SFUIDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SFUIDisplay-Regular.otf') format('opentype'), url('../fonts/SFUIDisplay-Regular.woff') format('woff'), url('../fonts/SFUIDisplay-Regular.ttf') format('truetype'), url('../fonts/SFUIDisplay-Regular.svg#SFUIDisplay-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SFUIDisplay-Medium';
	src: url('../fonts/SFUIDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/SFUIDisplay-Medium.otf') format('opentype'), url('../fonts/SFUIDisplay-Medium.woff') format('woff'), url('../fonts/SFUIDisplay-Medium.ttf') format('truetype'), url('../fonts/SFUIDisplay-Medium.svg#SFUIDisplay-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SFUIDisplay-Semibold';
	src: url('../fonts/SFUIDisplay-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/SFUIDisplay-Semibold.otf') format('opentype'), url('../fonts/SFUIDisplay-Semibold.woff') format('woff'), url('../fonts/SFUIDisplay-Semibold.ttf') format('truetype'), url('../fonts/SFUIDisplay-Semibold.svg#SFUIDisplay-Semibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SFUIDisplay-Bold';
	src: url('../fonts/SFUIDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SFUIDisplay-Bold.otf') format('opentype'), url('../fonts/SFUIDisplay-Bold.woff') format('woff'), url('../fonts/SFUIDisplay-Bold.ttf') format('truetype'), url('../fonts/SFUIDisplay-Bold.svg#SFUIDisplay-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SFUIDisplay-Heavy';
	src: url('../fonts/SFUIDisplay-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/SFUIDisplay-Heavy.otf') format('opentype'), url('../fonts/SFUIDisplay-Heavy.woff') format('woff'), url('../fonts/SFUIDisplay-Heavy.ttf') format('truetype'), url('../fonts/SFUIDisplay-Heavy.svg#SFUIDisplay-Heavy') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SFUIDisplay-Black';
	src: url('../fonts/SFUIDisplay-Black.eot');
	src: url('../fonts/SFUIDisplay-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/SFUIDisplay-Black.woff2') format('woff2'), url('../fonts/SFUIDisplay-Black.woff') format('woff'), url('../fonts/SFUIDisplay-Black.ttf') format('truetype'), url('../fonts/SFUIDisplay-Black.svg#SFUIDisplay-Black') format('svg');
	font-weight: 900;
	font-style: normal;
}
body {
	font-size: 14px;
	line-height: normal;
	color: #332c2e;
	font-family: 'SFUIDisplay-Regular';
	background-color: #f7f7f7;
}
a.active, a:focus, button:focus, button.active {
	outline: none;
}
a {
	text-decoration: none;
}
a:focus, a:hover, a:active {
	outline: 0;
	box-shadow: 0;
}
a:focus, a:hover {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin-bottom: 0;
}
a {
	text-decoration: none;
	transition: all .5s ease-in-out;
}
a:hover {
	text-decoration: none;
}
ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li {
	list-style: none;
}
p {
	margin: 0;
}
input:focus, select:focus, textarea:focus {
	outline: none;
}
strong {
	font-weight: 500;
}
img {
	max-width: 100%;
}
.btn {
	font-family: 'SFUIDisplay-Heavy';
	text-transform: uppercase;
}
/********************
Header CSS
*********************/

.navbar-brand {
	padding: 0 0 10px;
	margin-right: 26px;
}
header {
	padding: 33px 0 22px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5;
}
.navbar-toggler {
	padding: 0;
}
.navbar-toggler img {
	height: 26px;
}
header .navbar {
	align-items: center;
}
header .navbar-nav .nav-item .nav-link {
	font-family: 'SFUIDisplay-Semibold';
	font-size: 13px;
	letter-spacing: 0.46px;
	color: #332c2e;
	padding: 0 15px;
}
header .navbar-nav .nav-item .nav-link:hover, .quik-links .sign_in:hover {
	color: #db305f;
}
.quik-links {
	display: flex;
	align-items: center;
}
.quik-links .sign_in {
	font-family: 'SFUIDisplay-Semibold';
	font-size: 13px;
	letter-spacing: 0.46px;
	color: #332c2e;
	margin-right: 30px;
}
.btn {
	height: 36px;
	border-radius: 3px;
	padding: 0 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.14);
	font-size: 12px;
	font-family: 'SFUIDisplay-Heavy';
	;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #332c2e;
}
.btn i {
	margin-right: 10px;
}
.c-w {
	min-width: 134px;
}
.btn:focus {
	box-shadow: none;
}
.btn-primary {
	color: #fff;
	background-color: #db305f;
	border-color: #db305f;
}
.btn-primary:hover {
	background-color: #1d2124;
	border-color: #1d2124;
}
/***************************************/

.wrapper {
	background-image: linear-gradient(to bottom, #ffffff, #f0f0f0);
}
.work-email {
	padding: 213px 0 30px;
}
.text-ditch {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	max-width: 700px;
	margin: 0 auto;
}
.text-ditch h3 {
	font-family: 'SFUIDisplay-Heavy';
	font-size: 50px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.25px;
	text-align: center;
	color: #332c2e;
	position: relative;
}
.text-ditch h3 span {
	color: #db305f;
	margin-left: 80px
}
.text-ditch h4 img {
	position: relative;
	top: -8px;
}
.text-ditch h4 {
	font-family: 'SFUIDisplay-Heavy';
	font-size: 30px;
	letter-spacing: 0.75px;
	display: flex;
	align-items: flex-end;
	width: 100%;
	justify-content: flex-end;
	padding-right: 56px;
	margin-top: -100px;
}
.work-email form {
	max-width: 527px;
	margin: 20px auto 13px;
}
.work-email form .input-group {
	height: 50px;
}
.work-email form .input-group .form-control {
	font-family: 'SFUIDisplay-Medium';
	border-radius: 3px;
	border: solid 1px #faeed0;
	background-color: #faeed0;
	height: 100%;
	color: #332c2e;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
 .work-email form .input-group .form-control::placeholder {
 color: #4b4244;
}
.work-email form .input-group .form-control:focus {
	box-shadow: none;
	border: 1px solid #332c2e;
}
.work-email form .input-group .btn {
	font-family: 'SFUIDisplay-Heavy';
	height: 100%;
	min-width: 145px;
	text-transform: uppercase;
}
.btn-dark {
	border-radius: 3px;
	box-shadow: 4px 5px 26px 0 rgba(225, 225, 225, 0.39);
	background-color: #332c2e;
	color: #ffffff;
}
.btn-dark:hover {
	background-color: #db305f;
	border-color: #db305f;
}
/*****************
Talent Section
******************/

.hire-talent {
	background-image: url(../images/bg-shapes.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 82px 0;
}
.card-team {
	padding: 26px 10px 24px;
}
.card-team .t-img {
	width: 71px;
	height: 71px;
	margin: 0 auto 17px;
	border-radius: 50%;
}
.card-team .t-img img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.card-team h4 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 13px;
	letter-spacing: 0.04em;
	text-align: center;
	color: #332c2e;
	margin-bottom: 7px;
}
.card-team p {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	letter-spacing: 0.04em;
	text-align: center;
	color: #332c2e;
	margin-bottom: 21px;
}
.card-team {
	text-align: center;
}
.hireng-text {
	max-width: 480px;
	margin-left: auto;
}
.hireng-text h4 {
	font-family: 'SFUIDisplay-Heavy';
	font-size: 30px;
	letter-spacing: 0.01em;
	text-align: left;
	color: #332c2e;
	margin-bottom: 13px;
}
.hireng-text h4 span {
	color: #db305f;
}
.hireng-text p {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	letter-spacing: 0.03em;
	text-align: left;
	color: #332c2e;
	margin-bottom: 17px;
}
.hireng-text a {
	font-family: 'SFUIDisplay-Bold';
	font-size: 11px;
	letter-spacing: 0.04em;
	color: #db305f;
	text-transform: uppercase;
}
.hireng-text a:hover {
	text-decoration: underline;
	color: #332c2e;
}
.hireng-text a img {
	margin-left: 9px;
}
/*********************
Tracking Section
***********************/

.track-step {
	background-color: #fff;
	padding-bottom: 35px;
}
.tracking {
	padding: 15px 0 0;
}
.tracking .caption {
	margin-bottom: 88px;
}
.caption {
	text-align: center;
	max-width: 752px;
	margin: 0 auto 49px;
}
.caption img {
	margin-bottom: 26px;
}
.caption h3 {
	font-family: 'SFUIDisplay-Heavy';
	font-size: 30px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.38px;
	text-align: center;
	color: #332c2e;
}
.card {
	border-radius: 3px;
	box-shadow: 0 7px 11px 0 rgba(225, 225, 225, 0.39);
	background-color: #ffffff;
	border: none;
}
.track-step .card {
	margin-top: -35px;
	padding: 32px 30px 43px 41px;
	text-align: left;
	align-items: flex-start;
}
.track-step .card .shape-icon {
	margin-bottom: 27.2px;
}
.track-step .card h3 {
	font-size: 20px;
	font-family: 'SFUIDisplay-Bold';
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.71px;
	color: #332c2e;
	margin-bottom: 15px;
}
.track-step .card p {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	letter-spacing: 0.41px;
	color: #332c2e;
}
.track-step .row {
	margin: 0 -28px;
}
.track-step .row [class*="col-"] {
	padding: 0 28px;
}
/**************CLIENTS **********************/

.clients {
	padding: 35px 0;
	background-color: #ffffff;
}
.caption h4 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 20px;
	letter-spacing: 0.71px;
	text-align: center;
	color: #332c2e;
}
.caption p {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	color: #b2b2b2;
}
.client-list {
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.client-list li {
	padding: 15px;
}
/************HIRE TODAY**************/

.hire-today {
	background-color: #fff;
}
.hire-card {
	background-image: url(../images/bg-aversafe2.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	padding: 43.5px 0;
}
.hire-card h3 {
	font-family: 'SFUIDisplay-Heavy';
	font-size: 30px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.38px;
	text-align: center;
	color: #ffffff;
	margin-bottom: 4px;
}
.hire-card p {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	margin-bottom: 27px;
	text-align: center;
	color: #ffffff;
}
/***************FOOTER***************/

footer {
	padding: 49px 0;
	background-color: #ffffff;
}
.footer {
	display: flex;
}
.row-col {
	display: flex;
	justify-content: space-between;
	flex: 1;
}
.row-col .col-footer {
	flex-basis: 153px;
}
.row-col .col-footer h3 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 11px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #b2b2b2;
	margin-bottom: 15px;
}
.links-footer li a {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.92;
	letter-spacing: 0.41px;
	color: #332c2e;
}
.links-footer li a:hover {
	color: #db305f;
}
.col- {
	flex-basis: 286px;
}
.social-links {
	flex-basis: 200px;
	text-align: right;
}
.social-links a {
	display: inline-block;
	font-size: 20px;
	color: #332c2e;
	margin: 0 5px;
}
.social-links a:hover {
	color: #db305f;
}
/*********************************************
SIGN IN PAGE
**********************************************/

.register {
	padding: 120px 0 217px;
}
.form-holder {
	max-width: 900px;
	margin: 0 auto;
	border-radius: 3px;
	background-image: linear-gradient(56deg, #332c2e, #5d313d);
	box-shadow: 0 7px 11px 0 rgba(225, 225, 225, 0.39);
	min-height: 600px;
	display: flex;
	align-items: stretch;
}
.form-card {
	flex-basis: 39%;
	background-color: #fff;
	padding: 30px;
	display: flex;
	align-items: center;
}
.form-card form {
	width: 100%;
	display: block;
}
.checkbox-custom, .radio-custom {
	position: relative;
	margin-top: 0;
	display: inline-flex;
	align-items: center;
}
.checkbox-custom input[type="checkbox"], .radio-custom input[type="radio"] {
	opacity: 0;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}
.checkbox-custom label {
	cursor: pointer;
	margin-bottom: 0;
	text-align: left;
	display: inline-flex;
	align-items: center;
	position: relative;
}
.radio-custom label {
	cursor: pointer;
	margin-bottom: 0;
	text-align: left;
	display: inline-flex;
	align-items: center;
	position: relative;
}
.checkbox-custom label:before {
	content: '';
	margin-right: 10px;
	width: 13px;
	height: 13px;
	display: inline-block;
	border-radius: 2px;
	border: 1px solid #dddddd;
	background: #fff;
	top: 1px;
	position: relative;
}
.radio-custom label:before {
	content: '';
	margin-right: 10px;
	width: 13px;
	height: 13px;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #dddddd;
	background: #fff;
	position: relative;
}
.checkbox-custom input[type="checkbox"]:checked+label:before {
	background-color: #db305f;
	border: 1px solid #db305f;
}
.radio-custom input[type="radio"]:checked+label:before {
	background: #db305f;
	box-shadow: inset 0px 0px 0px 2.5px #fff;
}
.checkbox-custom input[type="checkbox"]:checked+label:after {
	position: absolute;
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\F00C';
	left: 3px;
	font-size: 7px;
	line-height: 1;
	color: #333;
	top: 50%;
	transform: translate(0, -50%);
}
.checkbox-primary input[type="checkbox"]:checked+label:after, .checkbox-primary input[type="radio"]:checked+label:after {
	color: #fff;
}
.form-holder form h3 {
	font-family: 'SFUIDisplay-Heavy';
	;
	font-size: 30px;
	color: #332c2e;
	margin-bottom: 9px;
}
.form-holder form p {
	font-size: 13px;
	font-weight: 500;
	color: #332c2e;
	margin-bottom: 29px;
	font-family: 'SFUIDisplay-Medium';
}
.form-holder form .form-group {
	margin-bottom: 0;
	border-radius: 3px;
	border: solid 1px #f0f0f0;
	background-color: #ffffff;
	padding: 0 0;
	position: relative;
}
.form-holder form .form-group.br-b {
	border-bottom: none;
}
.form-holder form .form-group.br-t {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.form-holder form .form-group .form-control {
	border: none;
	padding: 0 16px;
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #332c2e;
	height: 62px;
	padding-top: 27px;
	border-radius: 0;
	font-family: 'SFUIDisplay-Medium';
}
.form-holder form .form-group .form-control:focus {
	box-shadow: none;
	border: none;
	background-color: #faeed0;
}
.form-holder form label {
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #b2b2b2;
	margin: 0;
	font-family: 'SFUIDisplay-Medium';
}
.form-holder form .form-group label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 15px 16px;
	pointer-events: none;
}
.form-holder form .forget-link {
	font-size: 13px;
	letter-spacing: 0.5px;
	color: #b2b2b2;
	font-family: 'SFUIDisplay-Medium';
}
.form-holder form .forget-link:hover {
	color: #db305f;
	text-decoration: underline;
}
.header-dashboard {
	position: relative;
}
.form-footer {
	display: flex;
	align-items: center;
	margin-top: 31px;
}
.form-footer .btn {
	min-width: 70px;
	margin-right: 9px;
	font-family: 'SFUIDisplay-Bold';
}
.btn-light {
	background-color: #ffffff;
}
.btn-grey {
	background-color: #F0F0F0;
}
.signup-bg {
	background-image: url(../images/signup.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	flex-basis: 61%;
	display: flex;
	align-items: flex-end;
	padding-right: 73px;
}
.signup-bg h4 {
	font-family: 'SFUIDisplay-Heavy';
	;
	font-size: 30px;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: 1px;
	color: #ffffff;
	max-width: 234px;
	text-transform: uppercase;
	margin-left: auto;
	margin-bottom: 82px;
}
.signup-bg h4 span {
	font-size: 40px;
	color: #db305f;
	font-family: 'SFUIDisplay-Black';
}
/*********************************************
SIGN IN PAGE
**********************************************/

.password-c {
	border-radius: 3px;
	border: solid 1px #f0f0f0;
	background-color: #ffffff;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.form-holder form .password-c .form-group {
	border: none;
}
.form-holder form .password-c hr {
	margin: 0 13px;
}
.testimonial-slider {
	background-image: url(../images/bg-testimonial.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 61%;
}
.testimonial-card {
	padding: 62px 40px 12px;
}
.testimonial-slider .testimonial-card .c-img {
	width: auto;
	margin-bottom: 36px;
}
.testimonial-card p {
	font-family: 'Arial-BoldMT';
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #ffffff;
	margin-bottom: 25px;
	max-width: 425px;
}
.avatar-holder {
	width: 77px;
	height: 77px;
	border-radius: 50%;
	margin-bottom: 15px;
}
.avatar-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.author-des h3 {
	font-family: 'Arial-BoldMT';
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
}
.author-des h3 span {
	opacity: 0.6;
	font-size: 13px;
}
.footer-testimonial {
	margin-top: 110px;
	padding: 23px 0;
	position: relative;
}
.footer-testimonial:before {
	content: '';
	width: 79px;
	height: 4px;
	background-color: #db305f;
	position: absolute;
	top: 0;
	left: 0;
}
.footer-testimonial h4 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 26px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.68px;
	color: #ffffff;
}
.footer-testimonial h5 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 19px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #db305f;
}
.testimonial-slider .owl-theme .owl-nav [class*=owl-] {
	position: absolute;
	top: 60px;
	right: 30px;
	z-index: 5;
}
.testimonial-slider .owl-theme .owl-nav [class*=owl-]:hover {
	background-color: transparent;
	color: transparent;
}
.testimonial-slider .owl-theme .owl-nav .owl-prev {
	right: 73px;
}
/******************************************************************
DASHBOARD START
*********************************************************************/

.nav-dashboard li a {
	font-family: 'SFUIDisplay-Bold';
	font-size: 16px;
	letter-spacing: 0.5px;
	color: #db305f;
	padding: 0 15px;
}
.nav-dashboard li.active a {
	color: #332c2e;
}
.nav-dashboard li a:hover {
	color: #332c2e;
}
.header-dashboard {
	padding: 20px 0;
	min-height: 92px;
}
.header-dashboard .navbar-brand {
	margin-right: 81px;
}
.header-right .user-avatar {
	width: 36px;
	height: 36px;
	border-radius: 3px;
	box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.14);
	display: block;
}
.header-right {
	display: flex;
	align-items: center;
}
.header-right .notification {
	padding: 0 15px;
}
.header-right .user-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.header-right a {
	display: inline-flex;
	margin: 0 5px;
}
.header-right a.btn-primary {
	min-width: 120px;
}
.inner-wrapper {
	display: flex;
	width: 100%;
	align-items: stretch;
}
.sidebar-left {
	min-width: 309px;
	max-width: 309px;
}
.sidebar {
	background-color: #fff;
	padding: 22px 0;
	border-right: 1px solid #f0f0f0;
	height: 100%;
}
.content-main {
	width: 100%;
	min-height: 100vh;
	transition: all 0.3s;
	padding: 0 30px;
}
.p-20 {
	padding: 0 20px;
}
.pl-30 {
	padding-left: 30px;
}
.sidebar-left .heading2 {
	padding: 0 15px;
	margin-bottom: 11px;
	font-family: 'SFUIDisplay-Medium';
}
.heading2 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 20px;
	letter-spacing: 0.77px;
	color: #332c2e;
}
.heading4 {
	display: flex;
	align-items: center;
	padding: 0 15px;
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.31;
	letter-spacing: 0.5px;
	color: #332c2e;
	margin-bottom: 9px;
	font-family: 'SFUIDisplay-Bold';
}
.divider {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #f0f0f0;
}
.badge {
	border-radius: 3px;
	background-color: #332c2e;
	display: inline-block;
	font-size: 11px;
	font-family: 'SFUIDisplay-Bold';
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.42px;
	color: #ffffff;
	min-width: 23px;
	padding: 1.5px 4px;
}
.sidebar-link {
	padding: 10px 0;
}
.sidebar-link li a {
	padding: 0 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13px;
	line-height: 2.31;
	letter-spacing: 0.5px;
	color: #db305f;
	font-family: 'SFUIDisplay-Medium';
}
.sidebar-link li a:hover, .sidebar-link li.active a {
	color: #332c2e;
}
.title-mail {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 17px 0;
	background-color: #fff;
}
.title-mail h3 {
	font-size: 11px;
	font-family: 'SFUIDisplay-Bold';
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #332c2e
}
.mailbox-email-list ul {
	border-bottom: solid 1px #f2f2f2;
	border-radius: 3px;
}
.mailbox-email-list ul li a {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-radius: 3px;
	border: solid 1px #f2f2f2;
	background-color: #ffffff;
	border-bottom: none;
	position: relative;
}
.mailbox-email-list ul li.unread a:before {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	content: '';
	left: -4.5px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	background-color: #4795d5;
}
.mailbox-email-list ul li a .note-c {
	display: flex;
	flex: 1;
	align-items: center;
	flex-wrap: wrap;
	padding-right: 5px;
}
.mailbox-email-list ul li.unread .note-c span.highlite {
	color: #332c2e;
}
.mailbox-email-list ul li a:hover {
	background-color: #f2f9ff;
}
.note-c span {
	font-size: 13px;
	font-family: 'SFUIDisplay-Bold';
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	color: #332c2e;
	position: relative;
}
.note-c span:after {
	content: "|";
	color: #332c2e;
	font-size: 13px;
	padding: 0 10px;
}
.note-c span:last-child:after {
	content: none;
}
.note-c span.l-grey {
	color: #b2b2b2;
	font-family: 'SFUIDisplay-Medium';
}
.mailbox-email-list ul li a .right-date {
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	color: #b2b2b2;
	font-family: 'SFUIDisplay-Medium';
}
.mailbox-email-list ul li a {
	padding: 17.5px 15px;
}
.notification-links ul {
	height: 300px;
	overflow-y: auto;
}
.notification-links li a {
	margin: 0;
	padding: 5px 9px 4px 19px;
	display: block;
	border-bottom: solid 1px #f0f0f0;
}
.notification-links li a .notification-title {
	display: flex;
	align-items: center;
}
.notification-links li a .notification-title h3 {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0.5px;
	color: #332c2e;
}
.notification-links li a .notification-title h5.date-time {
	color: #b2b2b2;
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	letter-spacing: 0.5px;
}
.dropdown-menu.large {
	min-width: 320px;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.09);
	background-color: #ffffff;
	left: 50%;
	transform: translateX(-50%);
	padding-bottom: 0;
	border-radius: 0;
	border: none;
	top: 40px !important;
}
.dropdown-menu.large:before {
	background-image: url(../images/arrow-dropdown.png);
	content: '';
	position: absolute;
	top: -10px;
	transform: translate(-50%, 0);
	width: 24px;
	height: 19px;
	background-repeat: no-repeat;
	left: 50%;
}
.notification-links .note-body span {
	font-family: 'SFUIDisplay-Bold';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.23;
	letter-spacing: 0.5px;
	color: #b2b2b2;
	display: inline-block;
}
.notification-links .note-body span:after {
	content: "|";
	color: #b2b2b2;
	font-size: 13px;
	padding: 0 3px;
}
.notification-links .note-body span:last-child:after {
	content: none;
}
.notify-drop {
	position: relative;
}
.notification-view {
	padding: 8px 15px;
}
.notification-view a {
	font-size: 13px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.31;
	letter-spacing: 0.5px;
	color: #db305f;
	display: block;
}
.user-links .dropdown-menu {
	padding: 0 0 14px;
	min-width: 188px;
	background: #fff;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.09);
	left: 50%;
	transform: translateX(-50%);
	padding-bottom: 0;
	border-radius: 0;
	border: none;
	top: 54px !important;
}
.user-links .dropdown-menu:before {
	background-image: url(../images/arrow-dropdown.png);
	content: '';
	position: absolute;
	top: -10px;
	transform: translate(-50%, 0);
	width: 24px;
	height: 19px;
	background-repeat: no-repeat;
	left: 50%;
}
.user-links .dropdown-menu h4 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 13px;
	letter-spacing: 0.5px;
	color: #332c2e;
	margin: 0 20px;
	padding: 16.5px 0;
	border-bottom: 1px solid #F0F0F0;
	;
}
.user-links .dropdown-menu ul {
	padding: 9px 0 14px;
}
.user-links .dropdown-menu ul li a {
	font-family: 'SFUIDisplay-Medium';
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 0.04em;
	line-height: 29px;
	color: #db305f;
	display: block;
	padding: 0 20px;
}
.user-links li a:hover {
	color: #332C2E;
}
.page-title {
	font-size: 20px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.77px;
	color: #332c2e;
	padding: 14px 0;
	font-family: 'SFUIDisplay-Medium';
}
.sidebar-filter {
	padding: 10px 0;
}
.sidebar-filter ul {
	padding: 0 15px;
}
.sidebar-filter ul li .checkbox-custom, .sidebar-filter ul li .radio-custom {
	display: flex;
	width: 100%;
}
.sidebar-filter ul li .checkbox-custom label, .sidebar-filter ul li .radio-custom label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13px;
	letter-spacing: 0.5px;
	color: #db305f;
	width: 100%;
	padding-left: 23px;
	margin-bottom: 17px;
	font-family: 'SFUIDisplay-Medium';
}
.sidebar-filter ul li .checkbox-custom label:before, .sidebar-filter ul li .radio-custom label:before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.sidebar-filter ul li .checkbox-custom label .badge {
	background-color: #dddddd;
}
.sidebar-filter ul li .radio-custom label .badge {
	background-color: #332c2e;
}
.checkbox-custom input[type="checkbox"]:checked+label .badge {
	background-color: #332c2e;
}
.radio-custom input[type="radio"]:checked+label .badge {
	background-color: #dddddd;
}
.sidebar-filter ul {
	margin-bottom: 20px;
}
.checkbox-custom input[type="checkbox"]:checked+label, .radio-custom input[type="radio"]:checked+label {
	color: #332c2e;
}
.top-bar-page {
	display: flex;
	align-items: center;
	position: relative;
}
.page-counter span {
	font-size: 12px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.46px;
	color: #b2b2b2;
	margin-right: 5.9px;
	font-family: 'SFUIDisplay-Medium';
}
.page-counter {
	display: inline-flex;
	align-items: center;
}
.page-counter a {
	width: 24px;
	height: 24px;
	border-radius: 2px;
	border: solid 1px #dddddd;
	background-color: #ffffff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #332c2e;
}
.page-counter a:hover {
	background-color: #db305f;
	color: #fff;
}
.page-counter a.next {
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.page-counter a.prev {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.card-title {
	font-size: 18px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.69px;
	color: #332c2e;
	margin-bottom: 4px;
	font-family: 'SFUIDisplay-Medium';
	display: block;
}
.card-jobs .card-title:hover {
	color: #db305f;
}
.card-jobs .designation {
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #b2b2b2;
	margin-bottom: 15px;
	font-family: 'SFUIDisplay-Medium';
}
.card-jobs .card-body, .card-jobs .card-header {
	background-color: transparent;
	padding: 0 15px;
	border: none;
}
.card-jobs .card-header, .card-jobs .card-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.card-jobs .card-footer {
	padding: 15px;
	background-color: transparent;
	border: none;
}
.status {
	border-radius: 3px;
	display: inline-block;
	font-size: 11px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.42px;
	color: #332c2e;
	padding: 2.5px 5.3px;
	font-family: 'SFUIDisplay-Semibold';
}
.status.open {
	background-color: #47d5d0;
	color: #fff;
}
.status.close {
	background-color: #dddddd;
	color: #fff;
}
.status.drafts {
	background-color: #b2b2b2;
	color: #fff;
}
.card-jobs .card-body p {
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #332c2e;
	display: flex;
	align-items: center;
	margin: 0 0 15px;
	font-family: 'SFUIDisplay-Medium';
}
.card-jobs .card-body p img {
	margin-right: 9px;
}
.card-jobs .card-header {
	padding: 11px 15px;
}
.card-jobs .card-header h4 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 10px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #b2b2b2;
}
.card-action-toggle {
	color: #332c2e;
}
.badge-blue {
	background-color: #4795d5;
}
.badge-pink {
	background-color: #db305f;
}
.card-jobs {
	margin-bottom: 30px;
	transition: all 0.3s;
}
.card-jobs:hover {
	background-color: #f2f9ff;
}
.card-jobs:hover .card-action-toggle {
	color: #db305f;
}
.mCSB_inside>.mCSB_container {
	margin-right: 0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #db305f;
}
.mCSB_scrollTools {
	width: 7px;
}
/***************************************************/

.modal-fullwidth .modal-dialog {
	max-width: 100%;
	padding: 15px;
	margin: 0;
}
.modal-header {
	background-color: #fff;
	border-bottom: 1px solid #f0f0f0;
	padding: 12px 20px;
	align-items: center;
}
.modal-header .close {
	background-color: #db305f;
	color: #fff;
	opacity: 1;
	font-size: 17px;
	padding: 0;
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	margin: 0;
}
.modal-header h4 {
	font-size: 20px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #332c2e;
	font-family: 'SFUIDisplay-Medium';
}
.jobs-detail-card .card-header {
	background-color: #fff;
	border: none;
	padding: 0 20px;
	margin-bottom: 8px;
	flex-direction: column;
}
.jobs-detail-card .card-body {
	padding: 0 20px;
}
.jobs-detail-card .card-header h4 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 11px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #332c2e;
	margin-bottom: 5px;
}
.jobs-detail-card .card-header p {
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #b2b2b2;
	margin-bottom: 5px;
	font-family: 'SFUIDisplay-Medium';
}
.jobs-detail-card {
	padding: 15px 0;
}
.modal-content {
	background-color: #f0f0f0;
}
.form-control {
	height: 40px;
	border-radius: 3px;
	border: solid 1px #faeed0;
	background-color: #fbf7ee;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
}
.form-control:focus {
	box-shadow: none;
	border: 1px solid #faeed0;
	background-color: #fff;
}
.jobs-detail-card {
	margin-bottom: 10px;
}
div#editor {
	width: 81%;
	margin: auto;
	text-align: left;
}
.ss {
	background-color: red;
}
.fr-box.fr-basic .fr-element {
	min-height: 434px;
	background-color: #fbf7ee;
	border: solid 1px #faeed0;
}
.fr-box.fr-basic {
	border: solid 1px #faeed0;
}
.second-toolbar {
	display: none;
	border: none;
}
.fr-box.fr-basic .fr-wrapper, .fr-toolbar.fr-top {
	border: none;
}
.fr-toolbar.fr-top, .fr-box.fr-basic {
	border-radius: 0;
}
.job-sidebar {
	background-color: #fff;
	height: 100%;
	padding: 20px 0;
	border-left: 1px solid #F0F0F0;
}
.title-2 {
	padding: 0 14px;
}
.job-sidebar h3 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 11px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #332c2e;
	margin-bottom: 5px;
}
.content-jobs-detail {
	padding: 1rem 20px 6px;
}
.select-custom>.bootstrap-select>.dropdown-toggle.bs-placeholder, .select-custom>.bootstrap-select>.dropdown-toggle.bs-placeholder:active, .select-custom>.bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .select-custom>.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	color: #b2b2b2;
}
.select-custom .btn {
	box-shadow: none;
	border-radius: 3px;
	border: solid 1px #f0f0f0;
	background-color: #ffffff;
	font-family: 'SFUIDisplay-Medium';
}
.select-custom select.form-control {
	background-color: #ffffff;
	height: 36px !important;
}
.select-custom .form-control {
	height: 36px !important;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
	border: solid 1px #f0f0f0;
	background-color: #ffffff;
}
.btn-grey {
	border: solid 1px #f0f0f0;
	background-color: #F0F0F0;
}
.select-custom .dropdown-toggle::after {
	border-top: 3px solid #db305f;
}
.select-custom {
	position: relative;
}
.select-custom .dropdown-menu {
	padding: 0;
	border-radius: 0;
	min-width: 100%;
}
.select-custom .dropdown-menu ul li a {
	padding: .25rem 0.75rem;
	font-size: 13px;
}
.select-custom .dropdown-menu ul li a:hover {
	background-color: #332c2e;
	color: #fff;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: #db305f;
}
.content-jobs label {
	font-family: 'SFUIDisplay-Bold';
	font-size: 12px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	margin-bottom: 0;
}
.content-jobs .form-group {
	margin-bottom: 10px;
}
.content-jobs {
	padding: 20px 14px;
	border-bottom: 1px solid #f0f0f0;
}
.job-card {
	padding: 17px 0 0;
	border-bottom: 1px solid #f0f0f0;
}
.head-job-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: 'SFUIDisplay-Bold';
	font-size: 11px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	padding: 0 14px;
}
.link-custom {
	color: #db305f;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-family: 'SFUIDisplay-Medium';
}
.link-custom:hover {
	color: #db305f;
	text-decoration: underline;
}
.link-custom i {
	margin-right: 10px;
}
.link-custom img {
	margin-right: 3px;
}
.people-view {
	padding: 20px 14px;
	border-bottom: 1px solid #ddd;
}
.people-view li {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.people-view li h4 {
	margin: 0;
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
}
.people-view li h4 span {
	color: #b2b2b2;
}
.people-view li .av-user {
	margin-right: 9.2px;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	overflow: hidden;
}
.people-view li .av-user img {
	height: 100%;
	width: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.modal-footer {
	background-color: #fff;
}
.modal-footer .btn {
	margin-left: 10px;
	margin-right: 0;
}
/*********************************************/

.content-header {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}
.breadcrumb {
	display: flex;
	align-items: center;
	background-color: transparent;
	margin: 0;
}
.breadcrumb li:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	padding: 0 10px;
	color: #4b4244;
}
.breadcrumb li:last-child:after {
	content: none;
}
.breadcrumb li a {
	display: inline-block;
}
.breadcrumb li {
	font-size: 20px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
	font-family: 'SFUIDisplay-Medium';
}
.second-header {
	box-shadow: 0 7px 11px 0 rgba(225, 225, 225, 0.39);
	background-color: #332c2e;
	min-height: 70px;
	display: flex;
	align-items: center;
	padding: 11px 0;
}
.dropdown-header2 {
	display: flex;
	align-items: center;
}
.dropdown-header2 .btn {
	box-shadow: none;
	margin-left: 19px;
}
.btn-dark-brown {
	background-color: #4b4244;
	border-color: #4b4244;
	color: #fff;
}
.btn-dark-brown:hover {
	background-color: #db305f;
	color: #fff;
	border-color: #db305f;
}
.btn-group .btn {
	padding-right: 0;
}
.btn-group .btn.dropdown-toggle::after {
	content: none;
}
.btn-group .btn.dropdown-toggle .arrow-down {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #332c2e;
	margin-left: 15px;
}
.btn-group .btn.dropdown-toggle .arrow-down i {
	margin: 0;
}
.open-drop .btn.dropdown-toggle::after {
	margin-left: 16px;
}
.mt-30 {
	margin-top: 30px;
}
.tabs-links li a {
	font-family: 'SF UI Display Semibold';
	font-size: 14px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #db305f;
	display: block;
	padding: 14.5px 17px
}
.tabs-header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.tabs-links li a.active {
	border-radius: 3px;
	box-shadow: 0 7px 11px 0 rgba(225, 225, 225, 0.39);
	background-color: #ffffff;
	color: #332c2e;
}
.filter-list {
	display: flex;
	align-items: flex-end;
	margin-left: auto;
}
.filter-list a {
	margin-left: 20px;
}
.tabs-card-header {
	display: flex;
	align-items: center;
}
.tabs-card-header h4 {
	font-size: 20px;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	display: flex;
	align-items: center;
	font-family: 'SFUIDisplay-Medium';
}
.tabs-card-header {
	padding: 15px 0 18px;
}
.tabs-card-header h4 span {
	display: block;
	padding-bottom: 3px;
	margin-right: 13.6px;
}
.symbol-status {
	display: flex;
	align-items: center;
}
.symbol-status a {
	font-family: 'SFUIDisplay-Heavy';
	font-size: 11px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #332c2e;
	border-radius: 13px;
	padding: 7px 21px;
	margin-left: 10px;
}
.symbol-status a.badge-active {
	background-color: #db305f;
	color: #ffffff;
}
.symbol-status a.badge-active:hover {
	background-color: #332c2e;
}
.symbol-status a.badge-rejected {
	background-color: #f0f0f0;
	color: #332c2e;
}
.symbol-status a.badge-rejected:hover {
	background-color: #db305f;
	color: #ffffff;
}
.content-box {
	padding: 0 20px;
}
.filter-candidates {
	display: flex;
	align-items: center;
	background-color: #fbf7ee;
}
.filter-candidates li {
	width: 16.66%;
	text-align: center;
}
.filter-candidates li a {
	font-family: 'SFUIDisplay-Heavy';
	;
	font-size: 20px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	text-align: center;
	color: #dacdaf;
	display: block;
	padding: 18.5px 20px;
	transition: all 0.5s;
}
.filter-candidates li a:hover, .filter-candidates li a:hover span, .filter-candidates li a:hover strong {
	color: #332c2e;
}
.filter-candidates li a span {
	display: block;
	font-family: 'SFUIDisplay-Bold';
	font-size: 10px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	text-align: center;
	color: #dacdaf;
	margin-bottom: 8px;
	text-transform: capitalize
}
.filter-candidates li a strong {
	display: block;
	font-family: 'SFUIDisplay-Heavy';
	;
	font-size: 40px;
}
.filter-candidates li.active a span, .filter-candidates li.active a strong {
	color: #332c2e;
}
.candidate-tr span {
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	font-family: 'SFUIDisplay-Medium';
}
.table_custom tbody tr td a, .table_custom tbody tr td {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	color: #332c2e;
}
.table_custom tbody tr td a.interv::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid #db305f;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}
.table_custom tbody tr td a.interv span {
	color: #b2b2b2;
}
.table_custom tbody tr td span.date {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	color: #332c2e;
}
.rating i {
	color: #dddddd;
	font-size: 12px;
}
.rating i.text-orange {
	color: #ffb703;
}
.item-action {
	text-align: right;
	color: #332c2e;
}
.item-action a {
	color: #332c2e;
	font-size: 16px;
}
.item-action a:hover {
	color: #db305f;
}
.table_custom thead tr th {
	vertical-align: middle;
}
.table_custom thead tr th, .table_custom thead tr th .checkbox-custom label {
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #b2b2b2;
	font-family: 'SFUIDisplay-Medium';
}
.table_custom thead tr th .checkbox-custom label:before, .table_custom tbody tr td .checkbox-custom label:before {
	margin-right: 0;
}
.table_custom tbody tr td:first-child {
	width: 45px;
}
.table_custom thead tr th {
	border-bottom: none;
	border-top: none;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}
.table_custom tbody tr td {
	border-top: solid 1px #f2f2f2;
}
.table_custom {
	border: solid 1px #f2f2f2;
	border-top: 1px solid transparent;
}
.circle-tr {
	position: relative;
}
.circle-tr:before {
	width: 9px;
	height: 9px;
	content: '';
	border-radius: 50%;
	position: absolute;
	left: -25px;
	top: 50%;
	transform: translate(0, -50%);
}
.c-blue:before {
	background-color: #4795d5;
}
.c-pink:before {
	background-color: #db305f;
}
.table-responsive {
	overflow-x: inherit;
}
.table td, .table th {
	padding: 20px;
}
.table_custom.table-hover tbody tr:hover {
	background-color: #f2f9ff;
}
.table_custom.table-hover tbody tr:hover .item-action a {
	color: #db305f;
}
.table_custom {
	margin-bottom: 54px;
}
.interv-link {
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	color: #b2b2b2;
	font-family: 'SFUIDisplay-Medium';
}
.interv-link i {
	margin-right: 5px;
}
.interv-link:hover {
	color: #db305f;
}
.table_custom tbody tr td span.date.line-through {
	color: #b2b2b2;
	text-decoration: line-through;
}
.table_custom.table-hover tbody tr:hover .item-action .dropdown-menu a, .item-action .dropdown-menu a {
	color: #332c2e;
	display: block;
}
.item-action .dropdown-menu {
	padding: 0;
}
.item-action .dropdown-menu a {
	padding: 5px 10px;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
}
.item-action .dropdown-menu a i {
	margin-right: 8px;
	min-width: 16px;
}
.item-action .dropdown-menu a:hover, .table_custom.table-hover tbody tr:hover .item-action .dropdown-menu a:hover {
	background-color: #db305f;
	color: #fff;
}
/********************************************/

.drag-container {
	width: 100%;
	overflow-x: auto;
}
.drag-list {
	display: flex;
	align-items: flex-start;
	padding-bottom: 50px;
	margin: 0 -4.5px;
	width: 100%;
}
.drag-column {
	position: relative;
	min-width: 300px;
	padding: 0 4.5px 30px;
	min-height: 748px;
}
.drag-column-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10.5px 20px;
	background-color: #fbf7ee;
}
.drag-column-header h2 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 12px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.43px;
	color: #332c2e;
}
.drag-column-header h3 {
	font-size: 40px;
	font-family: 'SFUIDisplay-Bold';
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 2px;
	color: #dacdaf;
}
.drag-inner-list {
	background-color: #f0f0f0;
	padding: 10px 10px;
	border-radius: 3px;
}
.drag-inner-list .drag-item:last-child .card {
	margin-bottom: 0;
}
.drag-item {
	transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.drag-item .card {
	margin-bottom: 10px;
}
.drag-header-more {
	cursor: pointer;
}
.drag-options {
	position: absolute;
	top: 44px;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0;
	transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.drag-options.active {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
.drag-options-label {
	display: block;
	margin: 0 0 5px 0;
}
.drag-options-label input {
	opacity: 0.6;
}
.drag-options-label span {
	display: inline-block;
	font-size: 0.9rem;
	font-weight: 400;
	margin-left: 5px;
}
/* Dragula CSS  */

.gu-mirror {
	position: fixed !important;
	margin: 0 !important;
	z-index: 9999 !important;
	opacity: 0.8;
	list-style-type: none;
}
.gu-hide {
	display: none !important;
}
.gu-unselectable {
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
.card_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 14px 0;
}
.card_header a {
	font-size: 16px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.62px;
	color: #332c2e;
	font-family: 'SFUIDisplay-Medium';
}
.card_header a:hover {
	color: #db305f;
}
.drag-item .card_body {
	padding: 6px 13px 0;
}
.drag-item .card_footer {
	padding: 19px 13px 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.drag-item .card_footer .dropdown-toggle {
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	color: #332c2e;
	font-family: 'SFUIDisplay-Medium';
}
.drag-item .card_footer .dropdown-toggle:after {
	color: #db305f;
	border-top: .28em solid;
	border-right: .28em solid transparent;
	border-left: .28em solid transparent;
}
.empty-box p {
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	text-align: center;
	color: #b2b2b2;
	margin-top: 13px;
	font-family: 'SFUIDisplay-Medium';
}
.empty-box {
	padding: 16.5px 15px;
}
/******************MODAL CANDIDATES*************************/

.candidate-modalbox {
	padding: 0 !important;
	background-color: rgba(51, 44, 46, 0.91);
	opacity: 1;
}
.candidate-modalbox .modal-dialog {
	margin: 0 0 0 auto;
}
.candidate-modalbox .modal-content {
	height: 100vh;
	border-radius: 0;
}
.candidate-modalbox .modal-dialog {
	transform: translate(100%, 0) !important;
}
.candidate-modalbox .close {
	position: absolute;
	top: 16px;
	left: -36px;
	background-color: #db305f;
	color: #fff;
	opacity: 1;
	font-size: 17px;
	padding: 0;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
}
.modal.show .modal-dialog {
	transform: none !important;
}
.jobs-info-header {
	background-color: #332c2e;
	padding: 20px;
}
.jobs-info-header h4 {
	font-size: 20px;
	font-family: 'SFUIDisplay-Bold';
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
}
.contact_info1 {
	margin-bottom: 30px;
}
.contact_info1 a {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	color: #ffffff;
	margin-right: 10px;
}
.contact_info1 img {
	height: 10px;
	filter: brightness(0) invert(1);
}
.jobs-post-info .btn {
	padding: 0 10px;
}
.jobs-post-info h3 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 13px;
	letter-spacing: 0.41px;
	color: #ffffff;
	margin-bottom: 6px;
}
.jobs-post-info .btn img {
	margin-right: 10px;
}
.jobs-post-info {
	display: flex;
	align-items: flex-end;
}
.jobs-post-info ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.jobs-post-info ul li:first-child {
	margin-right: 10px;
}
.jobs-post-info ul li {
	position: relative;
}
.jobs-post-info .dropdown-menu {
	min-width: 100%;
	padding: 0;
	overflow: hidden;
}
.jobs-post-info .dropdown-menu .dropdown-item {
	font-size: 13px;
	padding: 5px 10px;
}
.jobs-post-info .dropdown-menu .dropdown-item:hover {
	background-color: #332c2e;
	color: #fff;
}
.jobs-post-info .dropdown-toggle::after {
	border-top-color: #db305f;
}
.action-btn .btn {
	width: 36px;
	height: 36px;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.action-btn .btn i {
	margin: 0;
}
.jobs-content-body {
	padding: 20px 20px 0;
	border-radius: 1px;
	background-color: #f0f0f0;
	overflow-y: auto;
}
.jobs-content-body .tabs-links li a {
	padding: 12px 17px;
}
.box-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.title5 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 11px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #b2b2b2;
	text-transform: uppercase;
}
a.link {
	font-size: 11px;
	font-family: 'SFUIDisplay-Bold';
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.46px;
	color: #db305f;
	display: inline-flex;
	align-items: center;
}
a.link:hover {
	color: #332c2e;
	text-decoration: underline;
}
a.link i {
	color: #332c2e;
	font-size: 9px;
	margin-right: 4px;
}
.box .contact-links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.box .contact-links li {
	margin-right: 18px;
}
.box .contact-links li a, .box .contact-links li p {
	font-family: 'SFUIDisplay-Bold';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	color: #332c2e;
	display: inline-flex;
	align-items: center;
}
.box .contact-links li a i, .box .contact-links li a img, .box .contact-links li p i {
	margin-right: 4px;
}
.box .contact-links li {
	display: flex;
}
.box h2 {
	margin-bottom: 11px;
}
.box .contact-linksli.social a {
	font-size: 16px;
	margin: 0 5px;
}
.box .contact-links li a:hover {
	color: #db305f;
}
.box .contact-links li p {
	margin-right: 5px;
}
.box .contact-links {
	margin-bottom: 9.5px;
}
.box p {
	font-family: 'SFUIDisplay-Medium';
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0.41px;
	color: #332c2e;
}
.box.contact_bx p span {
	display: inline-block;
	margin-right: 5px;
	color: #332c2e
}
.box.contact_bx p strong {
	font-family: 'SFUIDisplay-Bold';
	display: inline-block;
	margin-right: 8px;
	color: #332c2e
}
.box {
	padding: 15px 20px;
	border-bottom: 1px solid #f0f0f0;
}
.box .box-body .row-bx {
	margin-bottom: 9px;
}
.box .box-body .row-bx:last-child {
	margin-bottom: 0;
}
.clr-grey {
	color: #b2b2b2;
}
.skills-add {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 5px;
}
.skills-add .badge-grey {
	display: inline-block;
	font-family: 'SFUIDisplay-Medium';
	font-size: 12px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.46px;
	color: #332c2e;
	border-radius: 2px;
	background-color: #f0f0f0;
	padding: 4.5px 8px;
	margin: 5px;
}
.resume {
	border-radius: 0.5px;
	background-color: #f0f0f0;
	padding: 6px;
}
.resume-card {
	background-color: #fff;
	min-height: 104px;
	border-radius: 0.5px;
}
.rate-job h3 {
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	color: #332c2e;
}
.candidate-modalbox .modal-footer {
	padding: 20px;
}
.form-wrapper {
	background-color: #fff;
	padding: 15px 20px;
}
.form-wrapper .title5 {
	color: #332c2e;
	margin-bottom: 11px;
}
.custom-form label {
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #b2b2b2;
}
.cst-pad .form-control {
	padding: 0 8px;
}
.custom-form .bootstrap-select .btn {
	box-shadow: none;
	height: 40px;
	border: solid 1px #faeed0;
	background-color: #fbf7ee;
	color: #495057;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	padding: 0 .75rem;
	text-transform: inherit;
}
.custom-form .bootstrap-select .btn:focus {
	box-shadow: none;
}
.custom-form .bootstrap-select.show .btn {
	background-color: #fff;
}
.custom-form .bootstrap-select .dropdown-toggle::after {
	border-top-color: #DB305F;
}
.custom-form .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
}
.custom-form .bootstrap-select .dropdown-menu {
	padding: 0;
}
.custom-form .bootstrap-select .dropdown-menu li a {
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	padding: .3rem .75rem;
}
.cst-modal2, .feedback-modal {
	background-color: rgba(51, 44, 46, 0.91);
}
.file-type {
	color: #332c2e;
	text-transform: capitalize;
}
.fileuploaded {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
}
.fileuploaded a {
	display: inline-flex;
	align-items: center;
	font-family: 'SF UI Display Heavy';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #332c2e;
	padding: 7px;
	border: 1px solid #ddd;
	border-radius: 2px;
	margin-bottom: 10px;
}
.fileuploaded a:hover {
	background-color: #332c2e;
	color: #fff;
}
.fileuploaded a i {
	color: #1372f1;
	font-size: 19px;
	margin-right: 7px;
}
.innner-main {
	padding: 20px;
}
.interview-card .card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: transparent;
	border: none;
	padding: 0 10px 10px 20px;
}
.interview-card .card-header .title5 {
	color: #332c2e;
}
.interview-card .card-header .title5 span {
	color: #b2b2b2;
	font-size: 12px;
	text-transform: capitalize;
}
.interview-card.card {
	box-shadow: none;
	border: solid 1px #faeed0;
	padding: 15px 0 12px;
}
.interview-card .card-body {
	padding: 4px 20px 0;
}
.bg-offwhite {
	background-color: #fbf7ee;
}
.check i {
	color: #47d5d0;
}
.interview-shedule li .line-through {
	text-decoration: line-through;
}
.interview-shedule li p {
	font-family: 'SFUIDisplay-Bold';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	color: #332c2e;
	margin-bottom: 10px;
}
.interview-shedule li p i {
	margin-right: 8.2px;
}
.interview-shedule li:last-child p:last-of-type {
	margin-bottom: 0;
}
.card-header {
	display: flex;
	flex-wrap: wrap;
	background-color: transparent;
	border: none;
}
.card-interviewer {
	box-shadow: none;
	height: 100%;
	;
}
.card-interviewer .card-header h3 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.31;
	letter-spacing: 0.5px;
	color: #b2b2b2;
}
.card-interviewer {
	padding: 15px 0;
}
.card-interviewer .card-header {
	padding: 0 10px 0 20px;
}
.card-interviewer .card-body {
	padding: 0 20px;
	font-size: 13px;
	font-family: 'SFUIDisplay-Bold';
	font-style: normal;
	font-stretch: normal;
	line-height: 1.31;
	letter-spacing: 0.5px;
	color: #332c2e;
	margin-bottom: 5px;
}
.card-footer {
	background-color: transparent;
	border: none;
}
.card-interviewer .card-footer {
	padding: 0 20px;
	display: flex;
	flex-wrap: wrap;
}
.card-interviewer .card-footer .rating {
	margin-left: auto;
}
.innner-main .card {
	height: 100%;
}
.interview-tabs .no-gutters [class*="col-"] {
	margin-bottom: 10px;
	border: solid 1px #faeed0;
}
.card-interviewer .btn {
	box-shadow: none;
	border: 1px solid #f0f0f0;
}
.link-task {
	font-family: 'SFUIDisplay-Bold';
	display: block;
	border-radius: 3px;
	border: solid 1px #f0f0f0;
	background-color: #f0f0f0;
	font-size: 11px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	text-align: center;
	color: #332c2e;
	padding: 12.5px 20px;
}
.link-task i {
	margin-right: 8px;
}
.link-task:hover {
	color: #db305f;
}
.card-accordian {
	display: block;
	margin-top: 10px;
	border-radius: 3px;
	overflow: hidden;
}
.accordian-header {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 13px 15px;
	border: solid 1px #faeed0;
	background-color: #fbf7ee;
}
.accordian-header .task-title {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.46px;
	color: #332c2e;
	display: inline-flex;
	align-items: center;
}
.accordian-header .task-title i {
	font-size: 20px;
	margin-right: 13px;
	color: #dddddd;
}
.accordian-header .right-link {
	display: flex;
	align-items: center;
	margin-left: auto;
}
.accordian-header .right-link span {
	font-family: 'SFUIDisplay-Medium';
	font-size: 12px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.43px;
	text-align: right;
	color: #332c2e;
	margin-right: 14px;
}
.content-task {
	padding: 8px 15px 10px;
	border-top: none;
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.31;
	letter-spacing: 0.46px;
	color: #332c2e;
}
.task-body {
	border: solid 1px #faeed0;
}
.footer-task {
	padding: 15px;
	border-top: solid 1px #faeed0;
}
.footer-task h4 {
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	color: #b2b2b2
}
.footer-task h4 span {
	color: #332c2e;
}
.completed .accordian-header, .completed .footer-task, .completed .content-task {
	border-color: #f0f0f0;
}
.completed .accordian-header {
	background-color: #ffffff;
}
.completed .accordian-header .task-title span {
	text-decoration: line-through;
}
.completed .accordian-header .task-title i {
	color: #47d5d0;
}
.footer-task .link-custom {
	color: #b2b2b2;
	margin-left: auto;
}
.footer-task {
	display: flex;
	flex-wrap: wrap;
}
textarea.form-control {
	min-height: 123px;
}
textarea.form-control:focus {
	background-color: #fff;
}
.modal-title {
	font-family: 'SFUIDisplay-Bold';
	font-size: 20px;
	letter-spacing: 0.77px;
	color: #332c2e;
}
.talent-row {
	display: flex;
	align-items: center;
}
.talent-row .hireng-text {
	flex-basis: 480px;
	padding-left: 7px;
}
.card-holders {
	display: flex;
	align-items: flex-start;
}
.card-holders {
	flex: 1;
}
.card-holders .card-team {
	flex-basis: 33.3%;
}
.card-holders .card-team:first-child {
	z-index: 4;
	margin-top: 41px;
}
.card-holders .card-team:nth-child(2) {
	z-index: 3;
	margin-top: 128px;
}
.card-holders .card-team:nth-child(3) {
	z-index: 2;
}
.card-holders .card-team:nth-child(4) {
	z-index: 1;
	margin-top: 85px;
}
.card-holders .card-team:nth-child(2), .card-holders .card-team:nth-child(3), .card-holders .card-team:nth-child(4) {
	margin-left: -23px;
}
.menu-link {
	display: inline-block;
}
/*setting-account-page*/

.title-setting {
	font-size: 11px;
	padding: 31px 0 18px;
	font-family: 'SFUIDisplay-Bold';
	text-transform: uppercase;
}
.accout-main {
	max-width: 620px;
	width: 100%;
}
.accout-main .form-group {
	margin-bottom: 15px;
}
.accout-main .form-group label {
	color: #B2B2B2;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	margin-bottom: 11px;
}
.accout-main .form-group .form-control {
	height: 40px;
	border-radius: 3px;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	background: #fbf7ee;
	color: #332C2E;
	border: 1px solid #faeed0;
}
.accout-main form {
	padding-bottom: 16px;
	border-bottom: 1px solid #F0F0F0;
	margin-bottom: 16px;
}
.requst-box {
	text-align: center;
	border-radius: 3px;
	background: #fff;
	border: 1px solid #faeed0;
	padding: 23px 23px;
}
.requst-box h4 {
	font-size: 11px;
	color: #332C2E;
	font-family: 'SFUIDisplay-Bold';
	margin-bottom: 3px;
}
.requst-box h5 {
	font-size: 13px;
	color: #B2B2B2;
	font-family: 'SFUIDisplay-Medium';
	margin-bottom: 16px;
	font-weight: normal;
}
.requst-box a {
	color: #DB305F;
	font-size: 11px;
	font-family: 'SFUIDisplay-Bold';
}
.requst-box-two h5 {
	color: #332C2E;
}
/*************FEEDBACK********************/

.header-feed-back {
	background-color: #4b4244;
	padding: 20px;
}
.title-head {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 8px;
}
.title-head h3 {
	font-family: 'SFUIDisplay-Medium';
	font-size: 20px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #ffffff;
}
.header-feed-back .time-date {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	color: #ffffff;
	margin-left: auto;
}
.header-feed-back .head-body p {
	font-size: 13px;
	font-family: 'SFUIDisplay-Semibold';
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	color: #ffffff;
	margin-bottom: 12px;
}
.header-feed-back .head-body p span {
	font-family: 'SFUIDisplay-Medium';
	color: #b2b2b2;
	display: inline-block;
	margin-right: 5px;
}
.header-feed-back .head-body p:last-of-type {
	margin-bottom: 0;
}
.content-feeds {
	position: relative;
	height: 100%;
	;
}
.content-feeds .modal-footer {
	background-color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.heading-3 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 12px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #332c2e;
}
.main-box {
	border-radius: 3px;
	border: solid 1px #f2f2f2;
	background-color: #ffffff;
}
.feedback-list {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	background-color: #fff;
	padding: 20px;
	border-bottom: solid 1px #f2f2f2;
}
.feedback-list li h4 {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	margin-bottom: 7px;
}
.feedback-list li p {
	font-family: 'SFUIDisplay-Medium';
	color: #B2B2B2;
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.41px;
	max-width: 270px;
}
.feedback-list li .action {
	color: #332C2E;
	text-align: right;
}
.feedback-list li .dropdown a {
	font-family: 'SFUIDisplay-Medium';
	color: #332C2E;
	font-size: 13px;
	display: block;
	padding: 5px 10px;
	;
}
.feedback-list li .dropdown a i {
	margin-right: 5px;
}
.main-box {
	margin: 12px 0;
}
.column-header-modal {
	flex-direction: column;
	align-items: flex-start;
	background-color: #fff;
}
.column-header-modal p {
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.46px;
}
.column-header-modal p span {
	color: #b2b2b2;
}
.column-header-modal .close {
	position: absolute;
	right: 15px;
}
.mail-header .media {
	padding: 13px 16px;
	border-bottom: 1px solid #F0F0F0;
}
.mail-header .media .mail-cc {
	width: 66px;
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.46px;
	color: #332c2e;
}
.mail-header .media .send-to {
	flex: 1;
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.46px;
	color: #332c2e;
}
.mail-header .media .send-to span {
	color: #b2b2b2;
}
.mail-header .media .action-bx a {
	color: #DB305F;
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.46px;
}
.mail-header {
	margin-bottom: 10px;
}
.attach-file {
	background-color: #fff;
	padding: 20px;
}
.icon-pink {
	color: #DB305F;
}
.candidates-page .table_custom thead tr th {
	background-color: #f7f7f7;
	padding: 13px 20px;
}
.candidates-page .table_custom tbody tr td:first-child {
	width: 45px;
}
.candidates-page .table_custom thead tr th .checkbox-custom label:before, .candidates-page .table_custom tbody tr td .checkbox-custom label:before {
	margin: 0;
}
.text-grey {
	color: #b2b2b2;
}
/**************TAGIFY CSS************/

.tagify {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	border: 1px solid #ddd;
	padding: 0;
	cursor: text;
	position: relative;
	transition: .1s
}
 @keyframes tags--bump {
 30% {
 transform: scale(1.2)
}
}
.tagify:hover {
	border-color: #ccc
}
.tagify.tagify--focus {
	border-color: #85c8ea
}
.tagify[readonly] {
	cursor: default
}
.tagify[readonly]>.tagify__input {
	visibility: hidden;
	width: 0;
	margin: 5px 0
}
.tagify[readonly] .tagify__tag__removeBtn {
	display: none
}
.tagify[readonly] .tagify__tag>div {
	padding: .3em .5em
}
.tagify[readonly] .tagify__tag>div::before {
	background: linear-gradient(45deg, #d6d6d6 25%, transparent 25%, transparent 50%, #d6d6d6 50%, #d6d6d6 75%, transparent 75%, transparent) 0/5px 5px;
	box-shadow: none
}
.tagify+input, .tagify+textarea {
	border: 0;
	display: none
}
.tagify__tag {
	display: inline-block;
	position: relative;
	margin-right: 5px;
	z-index: 1;
	cursor: default;
	transition: .13s ease-out
}
.tagify__tag.tagify--editable>div::before {
	box-shadow: 0 0 0 2px #d3e2e2 inset!important;
	box-shadow: 0 0 0 2px #fff inset!important
}
.tagify__tag.tagify--editable.tagify--invalid>div::before {
	box-shadow: 0 0 0 2px #d39494 inset!important
}
.tagify__tag>div {
	vertical-align: top;
	position: relative;
	box-sizing: border-box;
	max-width: 100%;
	padding: .3em .5em;
	color: #000;
	border-radius: 3px;
	-webkit-user-select: none;
	user-select: none;
	transition: .13s ease-out;
	padding-right: 1.5em;
	display: flex;
	align-items: center;
}
.tagify__tag>div>* {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: top;
	min-width: 10px;
	font-family: 'SFUIDisplay-Medium';
	font-size: 12px;
}
.tagify__tag>div>[contenteditable] {
	outline: 0;
	-webkit-user-select: text;
	user-select: text;
	cursor: text
}
.tagify__tag>div::before {
	content: '';
	position: absolute;
	border-radius: inherit;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	box-shadow: 0 0 0 16px #e5e5e5 inset;
	box-shadow: 0 0 0 16px #fff inset;
	z-index: -1;
	pointer-events: none;
	transition: 120ms ease;
	animation: tags--bump .3s ease-out 1
}
.tagify__tag:hover:not([readonly]) div::before {
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	box-shadow: 0 0 0 16px #d3e2e2 inset;
	box-shadow: 0 0 0 16px #fff inset
}
.tagify__tag.tagify--noAnim {
	animation: none
}
.tagify__tag.tagify--hide {
	width: 0!important;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	opacity: 0;
	transform: scale(0);
	transition: .3s;
	pointer-events: none
}
.tagify__tag.tagify--mark div::before {
	animation: none
}
.tagify__tag.tagify--notAllowed div>span {
	opacity: .5
}
.tagify__tag.tagify--notAllowed div::before {
	box-shadow: 0 0 0 20px rgba(211, 148, 148, .44) inset!important;
	transition: .2s
}
.tagify__tag[readonly] .tagify__tag__removeBtn {
	display: none
}
.tagify__tag[readonly]>div {
	padding: .3em .5em
}
.tagify__tag[readonly]>div::before {
	background: linear-gradient(45deg, #d6d6d6 25%, transparent 25%, transparent 50%, #d6d6d6 50%, #d6d6d6 75%, transparent 75%, transparent) 0/5px 5px;
	box-shadow: none
}
.tagify__tag__removeBtn {
	font: 14px/16px Serif;
	width: 14px;
	height: 14px;
	text-align: center;
	border-radius: 50px;
	position: absolute;
	z-index: 1;
	right: calc(.5em - 2px);
	top: 50%;
	cursor: pointer;
	transform: translateY(-50%);
	transition: .2s ease-out;
	color: #DB305F;
}
.tagify__tag__removeBtn::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00d";
	font-size: 11px;
}
.tagify__input {
	display: block;
	min-width: 110px;
	padding: 12.5px 15px;
	position: relative;
	font-family: 'SFUIDisplay-Medium';
	border: 1px solid #ddd;
	border-bottom: none;
}
.tagify__input:empty::before {
	transition: .2s ease-out;
	opacity: .5;
	transform: none
}
.tagify__input:focus {
	outline: 0
}
.tagify__input:focus::before {
	transition: .2s ease-out;
	opacity: 0;
	transform: translatex(6px)
}
 @supports (-moz-appearance:none) {
 .tagify__input:focus::before {
 display: none
}
}
.tagify__input:focus:empty::before {
	transition: .2s ease-out;
	opacity: .3;
	transform: none
}
 @supports (-moz-appearance:none) {
 .tagify__input:focus:empty::before {
 display: inline-block
}
}
.tagify__input::before {
	content: attr(data-placeholder);
	line-height: 1.8;
	position: absolute;
	top: 9px;
	z-index: 1;
	color: #000;
	white-space: nowrap;
	pointer-events: none;
	opacity: 0
}
 @supports (-moz-appearance:none) {
 .tagify__input::before {
 line-height: inherit;
 position: relative
}
}
.tagify__input::after {
	content: attr(data-suggest);
	color: #000;
	opacity: .3;
	pointer-events: none
}
.tagify__input .tagify__tag {
	line-height: 1.1
}
.tagify__input .tagify__tag>div {
	padding-top: 0;
	padding-bottom: 0
}
.tagify__input .tagify__tag>div::before {
	top: -3px;
	bottom: -3px
}
.tagify__input .tagify__tag:hover:not([readonly])>div::before {
	top: -3px;
	bottom: -3px;
	left: 0;
	right: 0
}
.tagify--mix .tagify__input {
	padding: 5px;
	margin: 0;
	width: 100%;
	height: 100%;
	line-height: 1.7
}
.tagify__dropdown {
	position: absolute;
	z-index: 999;
	background: #fff;
	max-height: 300px;
	overflow: auto;
	border: 1px solid #85c8ea;
	box-shadow: 0 2px 4px -2px rgba(0, 0, 0, .2);
	box-sizing: border-box
}
.tagify__dropdown__item {
	box-sizing: inherit;
	padding: .35em .6em;
	margin: 2px;
	cursor: pointer;
	border-radius: 3px;
	position: relative;
	outline: 0
}
.tagify__dropdown__item--active {
	background: #e5e5e5
}
.tagify__dropdown__item:active {
	background: #f2f2f2
}
.skill-box {
	padding: 15px;
}
.tagify--outside {
	border-radius: 3px;
	background-color: #f0f0f0;
	padding: 10px;
	min-height: 43px;
}
.link-table li a {
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #db305f;
}
.link-table li {
	margin-right: 28px;
}
.link-table {
	display: flex;
	align-items: center;
}
.link-table li a:hover, .link-table li a:focus {
	color: #332C2E;
}
.mt--36 {
	margin-top: -36px;
}
.link-table .dropdown-menu {
	min-width: 334px;
	padding: 15px;
	position: absolute;
	transform: translate(-50%, -50%) !important;
	top: 82px !important;
	left: 50% !important;
	will-change: transform;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.09);
	background-color: #ffffff;
	border: none;
}
.link-table .dropdown-menu:before {
	background-image: url(../images/arrow-dropdown.png);
	content: '';
	position: absolute;
	top: -10px;
	transform: translate(-50%, 0);
	width: 24px;
	height: 19px;
	background-repeat: no-repeat;
	left: 50%;
}
.link-table .dropdown-menu p.note {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: 0.5px;
	color: #b2b2b2;
	margin-top: 11px;
}
.title-header {
	background-color: #fff;
	border-bottom: 1px solid #f0f0f0;
	padding: 12px 20px;
	align-items: center;
}
.title-header h4 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 11px;
	letter-spacing: 0.05em;
	text-align: left;
	color: #332c2e;
}
.footer-editor {
	padding: 11px 20px;
	border-radius: 0px 0px 3px 3px;
	background: #fff;
	border: 1px solid #faeed0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.footer-editor a {
	margin-right: 10px;
}
.badge-skill {
	display: inline-block;
	font-family: 'SFUIDisplay-Medium';
	font-size: 12px;
	letter-spacing: 0.04em;
	text-align: left;
	color: #332c2e;
	border-radius: 2px;
	background: #f0f0f0;
	padding: 4.5px 7px;
	margin-right: 3px;
	margin-bottom: 5px;
}
.skill-box {
	padding: 20px;
	border-radius: 3px;
	border: 1px solid #f0f0f0;
}
.email-user {
	padding: 20px 14px;
}
.accout-main .select-custom .btn {
	background: #fbf7ee;
	color: #332C2E !important;
}
 .accout-main .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #332C2E;
}
 .accout-main .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #332C2E;
}
 .accout-main .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #332C2E;
}
 .accout-main .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #332C2E;
}
.gogle-logo {
	border-radius: 3px;
	position: relative;
	background: #fbf7ee;
	padding: 8px 0;
	border: 1px solid #faeed0;
}
.gogle-logo a {
	font-size: 13px;
	color: #DB305F;
	font-family: 'SFUIDisplay-Medium';
	position: absolute;
	right: 14px;
	top: 15px;
}
.gogle-logo .img-brand img {
	width: 192px;
}
.head-workflow {
	display: flex;
	padding: 20px 0 17px;
	justify-content: space-between;
	align-items: center;
}
.head-workflow a {
	background: #332c2e;
	color: #fff;
	box-shadow: none;
}
.head-workflow a:hover {
	color: #fff;
	background-color: #db305f;
}
.head-workflow h3 {
	margin-bottom: 0;
	padding: 0;
}
.setting-accordian {
}
.setting-accordian .card-header {
	position: relative;
	border: 0;
	border-radius: 0;
	padding: 0;
	align-items: center;
	justify-content: space-between;
}
.setting-accordian .card {
	margin-bottom: 20px;
	box-shadow: none;
	padding: 9px 19px 9px 20px;
	background-color: #F0F0F0;
}
.setting-accordian .btn {
	padding: 0;
	box-shadow: none;
	color: #332C2E;
	font-size: 11px;
	font-family: 'SFUIDisplay-Bold';
	text-transform: uppercase;
}
.setting-accordian .btn:hover {
	text-decoration: none;
}
.setting-accordian .btn:focus {
	text-decoration: none;
}
.add-stage {
	display: flex;
	padding-right: 31px;
}
.add-stage li {
	margin-right: 19px;
}
.add-stage li:last-child {
	margin-right: 0;
}
.add-stage li a {
	color: #DB305F;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
}
.setting-accordian .card-body {
	background-color: #F0F0F0;
	padding: 18px 0 22px 0;
}
.interview-drag {
	border-radius: 3px;
	background: #fff;
	padding: 21px 21px 21px 9px;
	box-shadow: 0px 7px 11px rgba(221, 221, 221, 0.68);
	display: flex;
	justify-content: space-between;
	margin-bottom: 9px;
}
.interview-drag a {
	font-size: 13px;
	color: #332C2E;
	font-family: 'SFUIDisplay-Medium';
	text-transform: uppercase;
}
.interview-drag a img {
	margin-right: 10px;
}
.interview-drag li:first-child a {
	font-family: 'SFUIDisplay-Bold';
}
.interview-drag .add-interview {
	color: #B2B2B2;
}
.interview-drag .add-interview i {
	margin-right: 10px;
}
.interview-drag li {
	flex: 1;
}
.arrow-btn {
	color: #B2B2B2;
	width: 8px;
	position: absolute;
	right: 0;
	top: 12px;
	font-size: 16px;
}
.setting-table {
	border-radius: 3px;
	background: #fff;
	border: 1px solid #f0f0f0;
}
.setting-table thead th {
	border-bottom: none;
	color: #332C2E;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	font-weight: normal;
}
.setting-table thead th:first-child {
	color: #B2B2B2;
}
.setting-table td, .setting-table th {
	border-color: #F0F0F0;
}
.user-box {
	display: flex;
	align-items: center;
}
.user-box img {
	width: 36px;
	height: 36px;
	margin-right: 10px;
}
.user-box p {
	color: #332C2E;
	font-size: 13px;
	line-height: 15px;
	font-family: 'SFUIDisplay-Medium';
	font-weight: normal;
}
.user-box span {
	color: #B2B2B2;
	display: block;
}
.checkbox-custom, .radio-custom {
	position: relative;
	margin-top: 0;
	display: inline-flex;
	align-items: center;
}
.checkbox-custom input[type="checkbox"], .radio-custom input[type="radio"] {
	opacity: 0;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}
.checkbox-custom label {
	cursor: pointer;
	margin-bottom: 0;
	text-align: left;
	display: inline-flex;
	align-items: center;
	position: relative;
}
.radio-custom label {
	cursor: pointer;
	margin-bottom: 0;
	text-align: left;
	display: inline-flex;
	align-items: center;
	position: relative;
}
.checkbox-custom label:before {
	content: '';
	margin-right: 10px;
	width: 13px;
	height: 13px;
	display: inline-block;
	border-radius: 2px;
	border: 1px solid #dddddd;
	background: #fff;
	position: relative;
}
.radio-custom label:before {
	content: '';
	margin-right: 10px;
	width: 13px;
	height: 13px;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #dddddd;
	background: #fff;
	position: relative;
}
.checkbox-custom input[type="checkbox"]:checked+label:before {
	background-color: #db305f;
	border: 1px solid #db305f;
}
.radio-custom input[type="radio"]:checked+label:before {
	background: #db305f;
	box-shadow: inset 0px 0px 0px 2.5px #fff;
}
.checkbox-custom input[type="checkbox"]:checked+label:after {
	position: absolute;
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\F00C';
	left: 3px;
	font-size: 7px;
	line-height: 1;
	color: #333;
	top: 49%;
	transform: translate(0, -50%);
}
.checkbox-primary input[type="checkbox"]:checked+label:after, .checkbox-primary input[type="radio"]:checked+label:after {
	color: #fff;
}
.setting-table .radio-custom label:before {
	margin: 0;
	width: 16px;
	height: 16px;
}
.embed-page .divider {
	margin: 25px 0 23px;
}
.main-embed {
	display: flex;
	height: 100%;
}
.main-embed .code-box {
	width: calc( 100% - 316px);
	padding: 0px 20px 0;
	border-right: 1px solid #F0F0F0;
	margin-top: 10px;
}
.head-workflow .copy-code {
	background-color: transparent;
	color: #DB305F;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
}
.head-workflow .copy-code:hover {
	background-color: transparent;
	color: #DB305F;
}
.code-embed {
	background-color: #F0F0F0;
	padding: 20px;
	margin-bottom: 27px;
}
.code-embed p {
	line-height: 17px;
	background-color: #fff;
	color: #4B4244;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	padding: 16px 21px 9px 17px;
}
.application-box {
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
	padding: 21px 22px 11px;
}
.application-area {
	border-radius: 3px;
	background: #fff;
	box-shadow: 0px 7px 11px rgba(221, 221, 221, 0.68);
	padding: 21px 16px 21px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.application-area span {
	color: #332C2E;
	font-size: 11px;
	font-family: 'SFUIDisplay-Bold';
}
.text-application li {
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
}
.text-application span {
	color: #B2B2B2;
	font-family: 'SFUIDisplay-Medium';
}
.text-application li:first-child {
	min-width: 137px;
	margin-right: 60px;
}
.application-area span img {
	margin-right: 10px;
}
.text-application {
	display: flex;
	justify-content: space-between;
}
.job-code {
	padding: 38px 33px 0 15px;
}
.job-code {
	max-width: 316px;
	width: 100%;
}
.job-code a img {
	display: block;
	margin-bottom: 15px;
}
.job-code h5 {
	color: #332C2E;
	font-size: 11px;
	font-family: 'SFUIDisplay-Bold';
	margin-bottom: 10px;
}
.job-code p {
	margin-bottom: 28px;
	font-size: 13px;
	color: #B2B2B2;
	line-height: 17px;
	font-family: 'SFUIDisplay-Medium';
}
.job-code .question-box {
	padding-top: 17px;
	border-top: 1px solid #F0F0F0;
}
.job-code .question-box p {
	color: #4B4244;
	margin-bottom: 15px;
}
.job-code .question-box a {
	color: #DB305F;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
}
.setting-accordian .dropdown-toggle::after, #pills-hiring .dropdown-toggle::after {
	border-top: .3em solid #db305f;
}
.tabs-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#pills-hiring .btn {
	background-color: #332C2E;
	border-color: #332C2E;
}
#pills-hiring .btn:hover {
	background-color: #db305f;
	border-color: #db305f;
}
.hiring-one {
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
	padding: 20px 20px 15px;
}
.main-hiring {
	padding: 0 20px 138px;
}
.hiring-one {
	margin-bottom: 18px;
}
.hiring-two {
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
}
.hiring-two .interview-drag {
	box-shadow: none;
	padding-left: 21px;
	background-color: #FBF7EE;
	margin-bottom: 1px;
}
.hiring-two .interview-drag li a span {
	color: #B2B2B2;
}
.interview-drag li:first-child a {
	font-size: 11px;
}
.modal-footer .btn img {
	margin-right: 11px;
}
.merge-candidates .modal-footer .btn {
	background-color: #47D5D0;
	border-color: #47D5D0;
}
.merge-candidates .modal-footer .btn:hover {
	background-color: #db305f;
	border-color: #db305f;
}
.profile-headedr {
	background-color: #4B4244;
	padding: 14px 23px 16px 18px;
}
.title-profile {
	color: #FFFFFF;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	margin-bottom: 13px;
	display: block;
}
.profile-links {
	display: flex;
}
.profile-links li {
	margin-right: 10px;
}
.profile-links li:last-child {
	margin-right: 0px;
}
.profile-links li a {
	background-color: #332C2E;
	border-radius: 13.5px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: 'SFUIDisplay-Heavy';
	width: 77px;
	height: 27px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.profile-links li a:hover {
	background-color: #FFFFFF;
	color: #332C2E;
}
.proifle-items {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.profile-btn {
	width: 167px;
	height: 27px;
	border-radius: 3px;
	background: #db305f;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	font-size: 11px;
	font-family: 'SFUIDisplay-Heavy';
}
.profile-btn i {
	margin-right: 11px;
}
.profile-btn:hover {
	color: #fff;
	background-color: #47D5D0;
}
.title-setting {
	font-size: 11px;
	padding: 31px 0 18px;
	font-family: 'SFUIDisplay-Bold';
	text-transform: uppercase;
}
.accout-main {
	max-width: 620px;
	width: 100%;
}
.accout-main .form-group {
	margin-bottom: 15px;
}
.accout-main label {
	color: #B2B2B2;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	margin-bottom: 11px;
}
.accout-main .form-group .form-control {
	height: 40px;
	border-radius: 3px;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	background: #fbf7ee;
	color: #332C2E;
	border: 1px solid #faeed0;
}
.accout-main form {
	padding-bottom: 16px;
	border-bottom: 1px solid #F0F0F0;
	margin-bottom: 16px;
}
.requst-box {
	text-align: center;
	border-radius: 3px;
	background: #fff;
	border: 1px solid #faeed0;
	padding: 23px 23px;
}
.requst-box h4 {
	font-size: 11px;
	color: #332C2E;
	font-family: 'SFUIDisplay-Bold';
	margin-bottom: 3px;
}
.requst-box h5 {
	font-size: 13px;
	color: #B2B2B2;
	font-family: 'SFUIDisplay-Medium';
	margin-bottom: 16px;
	font-weight: normal;
}
.requst-box a {
	color: #DB305F;
	font-size: 11px;
	font-family: 'SFUIDisplay-Bold';
}
.requst-box-two h5 {
	color: #332C2E;
}
.accout-main .select-custom .btn {
	background: #fbf7ee;
	color: #332C2E !important;
}
 .accout-main .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #332C2E;
}
 .accout-main .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #332C2E;
}
 .accout-main .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #332C2E;
}
 .accout-main .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #332C2E;
}
.gogle-logo {
	border-radius: 3px;
	position: relative;
	background: #fbf7ee;
	padding: 8px 0;
	border: 1px solid #faeed0;
}
.gogle-logo a {
	font-size: 13px;
	color: #DB305F;
	font-family: 'SFUIDisplay-Medium';
	position: absolute;
	right: 14px;
	top: 15px;
}
.gogle-logo .img-brand img {
	width: 192px;
}
.head-workflow {
	display: flex;
	padding: 20px 0 17px;
	justify-content: space-between;
	align-items: center;
}
.head-workflow a {
	background: #332c2e;
	color: #fff;
	box-shadow: none;
}
.head-workflow a:hover {
	color: #fff;
	background-color: #db305f;
}
.head-workflow h3 {
	margin-bottom: 0;
	padding: 0;
}
.setting-accordian {
}
.setting-accordian .card-header {
	position: relative;
	border: 0;
	border-radius: 0;
	padding: 0;
	align-items: center;
	justify-content: space-between;
}
.setting-accordian .card {
	margin-bottom: 20px;
	box-shadow: none;
	padding: 9px 19px 9px 20px;
	background-color: #F0F0F0;
}
.setting-accordian .btn {
	padding: 0;
	box-shadow: none;
	color: #332C2E;
	font-size: 11px;
	font-family: 'SFUIDisplay-Bold';
	text-transform: uppercase;
}
.setting-accordian .btn:hover {
	text-decoration: none;
}
.setting-accordian .btn:focus {
	text-decoration: none;
}
.add-stage {
	display: flex;
	padding-right: 31px;
}
.add-stage li {
	margin-right: 19px;
}
.add-stage li:last-child {
	margin-right: 0;
}
.add-stage li a {
	color: #DB305F;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
}
.setting-accordian .card-body {
	background-color: #F0F0F0;
	padding: 18px 0 22px 0;
}
.interview-drag {
	border-radius: 3px;
	background: #fff;
	padding: 21px 21px 21px 9px;
	box-shadow: 0px 7px 11px rgba(221, 221, 221, 0.68);
	display: flex;
	justify-content: space-between;
	margin-bottom: 9px;
}
.interview-drag a {
	font-size: 13px;
	color: #332C2E;
	font-family: 'SFUIDisplay-Medium';
	text-transform: uppercase;
}
.interview-drag a img {
	margin-right: 10px;
}
.interview-drag li:first-child a {
	font-family: 'SFUIDisplay-Bold';
}
.interview-drag .add-interview {
	color: #B2B2B2;
}
.interview-drag .add-interview i {
	margin-right: 10px;
}
.interview-drag li {
	flex: 1;
}
.arrow-btn {
	color: #B2B2B2;
	width: 8px;
	position: absolute;
	right: 0;
	top: 12px;
	font-size: 16px;
}
.setting-table {
	border-radius: 3px;
	background: #fff;
	border: 1px solid #f0f0f0;
}
.setting-table thead th {
	border-bottom: none;
	color: #332C2E;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	font-weight: normal;
}
.setting-table thead th:first-child {
	color: #B2B2B2;
}
.setting-table td, .setting-table th {
	border-color: #F0F0F0;
}
.user-box {
	display: flex;
	align-items: center;
}
.user-box img {
	width: 36px;
	height: 36px;
	margin-right: 10px;
}
.user-box p {
	color: #332C2E;
	font-size: 13px;
	line-height: 15px;
	font-family: 'SFUIDisplay-Medium';
	font-weight: normal;
}
.user-box span {
	color: #B2B2B2;
	display: block;
}
.checkbox-custom, .radio-custom {
	position: relative;
	margin-top: 0;
	display: inline-flex;
	align-items: center;
}
.checkbox-custom input[type="checkbox"], .radio-custom input[type="radio"] {
	opacity: 0;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}
.checkbox-custom label {
	cursor: pointer;
	margin-bottom: 0;
	text-align: left;
	display: inline-flex;
	align-items: center;
	position: relative;
}
.radio-custom label {
	cursor: pointer;
	margin-bottom: 0;
	text-align: left;
	display: inline-flex;
	align-items: center;
	position: relative;
}
.checkbox-custom label:before {
	content: '';
	margin-right: 10px;
	width: 13px;
	height: 13px;
	display: inline-block;
	border-radius: 2px;
	border: 1px solid #dddddd;
	background: #fff;
	position: relative;
}
.radio-custom label:before {
	content: '';
	margin-right: 10px;
	width: 13px;
	height: 13px;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #dddddd;
	background: #fff;
	position: relative;
}
.checkbox-custom input[type="checkbox"]:checked+label:before {
	background-color: #db305f;
	border: 1px solid #db305f;
}
.radio-custom input[type="radio"]:checked+label:before {
	background: #db305f;
	box-shadow: inset 0px 0px 0px 2.5px #fff;
}
.checkbox-custom input[type="checkbox"]:checked+label:after {
	position: absolute;
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\F00C';
	left: 3px;
	font-size: 7px;
	line-height: 1;
	color: #333;
	top: 50%;
	transform: translate(0, -50%);
}
.checkbox-primary input[type="checkbox"]:checked+label:after, .checkbox-primary input[type="radio"]:checked+label:after {
	color: #fff;
}
.setting-table .radio-custom label:before {
	margin: 0;
	width: 16px;
	height: 16px;
}
.embed-page .divider {
	margin: 25px 0 23px;
}
.main-embed {
	display: flex;
	height: 100%;
}
.main-embed .code-box {
	width: calc( 100% - 316px);
	padding: 0px 20px 0;
	border-right: 1px solid #F0F0F0;
	margin-top: 10px;
}
.head-workflow .copy-code {
	background-color: transparent;
	color: #DB305F;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
}
.head-workflow .copy-code:hover {
	background-color: transparent;
	color: #DB305F;
}
.code-embed {
	background-color: #F0F0F0;
	padding: 20px;
	margin-bottom: 27px;
}
.code-embed p {
	line-height: 17px;
	background-color: #fff;
	color: #4B4244;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	padding: 16px 21px 9px 17px;
}
.application-box {
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
	padding: 21px 22px 11px;
}
.application-area {
	border-radius: 3px;
	background: #fff;
	box-shadow: 0px 7px 11px rgba(221, 221, 221, 0.68);
	padding: 21px 16px 21px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.application-area span {
	color: #332C2E;
	font-size: 11px;
	font-family: 'SFUIDisplay-Bold';
}
.text-application li {
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
}
.text-application span {
	color: #B2B2B2;
	font-family: 'SFUIDisplay-Medium';
}
.text-application li:first-child {
	min-width: 137px;
	margin-right: 60px;
}
.application-area span img {
	margin-right: 10px;
}
.text-application {
	display: flex;
	justify-content: space-between;
}
.job-code {
	padding: 38px 33px 0 15px;
}
.job-code {
	max-width: 316px;
	width: 100%;
}
.job-code a img {
	display: block;
	margin-bottom: 15px;
}
.job-code h5 {
	color: #332C2E;
	font-size: 11px;
	font-family: 'SFUIDisplay-Bold';
	margin-bottom: 10px;
}
.job-code p {
	margin-bottom: 28px;
	font-size: 13px;
	color: #B2B2B2;
	line-height: 17px;
	font-family: 'SFUIDisplay-Medium';
}
.job-code .question-box {
	padding-top: 17px;
	border-top: 1px solid #F0F0F0;
}
.job-code .question-box p {
	color: #4B4244;
	margin-bottom: 15px;
}
.job-code .question-box a {
	color: #DB305F;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
}
.setting-accordian .dropdown-toggle::after, #pills-hiring .dropdown-toggle::after {
	border-top: .3em solid #db305f;
}
.tabs-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#pills-hiring .btn {
	background-color: #332C2E;
	border-color: #332C2E;
}
#pills-hiring .btn:hover {
	background-color: #db305f;
	border-color: #db305f;
}
.hiring-one {
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
	padding: 20px 20px 15px;
}
.main-hiring {
	padding: 0 20px 138px;
}
.hiring-one {
	margin-bottom: 18px;
}
.hiring-two {
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
}
.hiring-two .interview-drag {
	box-shadow: none;
	padding-left: 21px;
	background-color: #FBF7EE;
	margin-bottom: 1px;
}
.hiring-two .interview-drag li a span {
	color: #B2B2B2;
}
.interview-drag li:first-child a {
	font-size: 11px;
}
.modal-footer .btn img {
	margin-right: 11px;
}
.merge-candidates .modal-footer .btn {
	background-color: #47D5D0;
	border-color: #47D5D0;
}
.merge-candidates .modal-footer .btn:hover {
	background-color: #db305f;
	border-color: #db305f;
}
.profile-headedr {
	background-color: #4B4244;
	padding: 14px 23px 16px 18px;
}
.title-profile {
	color: #FFFFFF;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	margin-bottom: 13px;
	display: block;
}
.profile-links {
	display: flex;
}
.profile-links li {
	margin-right: 10px;
}
.profile-links li:last-child {
	margin-right: 0px;
}
.profile-links li a {
	background-color: #332C2E;
	border-radius: 13.5px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: 'SFUIDisplay-Heavy';
	width: 77px;
	height: 27px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.profile-links li a:hover {
	background-color: #FFFFFF;
	color: #332C2E;
}
.proifle-items {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.profile-btn {
	width: 167px;
	height: 27px;
	border-radius: 3px;
	background: #db305f;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	font-size: 11px;
	font-family: 'SFUIDisplay-Heavy';
}
.profile-btn i {
	margin-right: 11px;
}
.profile-btn:hover {
	color: #fff;
	background-color: #47D5D0;
}
.bg-grey {
	background-color: #f7f7f7;
}
.table {
	background-color: #fff;
}
.dashboard-wrapper .tabs-card-header {
	padding: 15px 20px 18px;
}
.account-footer {
	border-radius: 3px;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: flex-end;
	background-color: #ffffff;
	padding: 28.5px 0;
	margin-top: 100px;
}
.account-footer button {
	margin-left: 10px;
}
.select-form {
	position: relative;
}
.select-form select {
	-webkit-appearance: none;
}
.select-form::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid #db305f;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translate(0, -50%);
	pointer-events: none;
}
.page-title strong {
	font-family: 'SFUIDisplay-Bold';
	color: #332c2e;
}
.cstm-filter .btn-filter-result {
	min-height: 40px;
	border-radius: 3px;
	border: solid 1px #faeed0;
	background-color: #fbf7ee;
	display: flex;
	align-items: center;
	padding: 12px 17px;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #332C2E;
}
.cstm-filter .btn-filter-result span {
	color: #b2b2b2;
}
.cstm-filter .btn-filter-result.dropdown-toggle:after {
	border-top-color: #DB305F;
	margin-left: auto;
	pointer-events: none;
}
.cstm-filter .dropdown-menu {
	min-width: 100%;
	border-radius: 0;
	border: none;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.09);
	padding: 0;
}
.cstm-filter .dropdown-menu a {
	display: block;
	padding: 12px 17px;
	font-size: 13px;
	font-family: 'SFUIDisplay-Medium';
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #332C2E;
}
.cstm-filter .dropdown-menu a:hover {
	background-color: #332C2E;
	color: #fff;
}
aside .heading4 {
	text-transform: uppercase;
}
/*******************************************************/

.file-upload {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	height: 200px;
	padding: 5px 10px;
	font-size: 1rem;
	text-align: center;
	color: #ccc;
	border-radius: 3px;
	background: #fbf7ee;
	box-shadow: 0px 7px 11px rgba(225, 225, 225, 0.4);
}
.file-upload-wrapper .card.card-body.has-error .file-upload-message .file-upload-error, .file-upload-wrapper .card.card-body.has-preview .btn.btn-sm.btn-danger {
	display: inline-flex;
	align-items: center;
	color: #fff;
	padding: .3rem .75rem;
}
.file-upload i {
	font-size: 1rem
}
.file-upload .mask.rgba-stylish-slight {
	opacity: 0;
	-webkit-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear
}
.file-upload:hover .mask.rgba-stylish-slight {
	opacity: .8
}
.file-upload-wrapper .card.card-body.has-error {
	border-color: #f34141
}
.file-upload-wrapper .card.card-body.has-error:hover .file-upload-errors-container {
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}
.file-upload-wrapper .card.card-body.disabled input {
	cursor: not-allowed
}
.file-upload-wrapper .card.card-body.disabled:hover {
	background-image: none;
	-webkit-animation: none;
	animation: none
}
.file-upload-wrapper .card.card-body.disabled .file-upload-message {
	opacity: .5;
	text-decoration: line-through
}
.file-upload-wrapper .card.card-body.disabled .file-upload-infos-message {
	display: none
}
.file-upload-wrapper .card.card-body input {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 5
}
.file-upload-wrapper .card.card-body .file-upload-message {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translate(-50%, -50%);
	left: 50%;
	width: 100%;
}
.file-upload-wrapper .card.card-body .file-upload-message span.file-icon {
	font-size: 50px;
	color: #ccc
}
.file-upload-wrapper .card.card-body .file-upload-message p {
	margin: 5px 0 0
}
.file-upload-wrapper .card.card-body .file-upload-message p.file-upload-error {
	color: #f34141;
	font-weight: 700;
	display: none
}
.file-upload-wrapper .card.card-body .btn.btn-sm.btn-danger {
	display: none;
	position: absolute;
	opacity: 0;
	z-index: 7;
	top: 10px;
	right: 10px;
	-webkit-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
	height: auto;
}
.file-upload-wrapper .card.card-body .file-upload-preview {
	display: none;
	position: absolute;
	z-index: 1;
	background-color: #fff;
	padding: 5px;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	text-align: center
}
.file-upload-wrapper .card.card-body .file-upload-preview .file-upload-render .file-upload-preview-img img {
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-transition: border-color .15s linear;
	-o-transition: border-color .15s linear;
	transition: border-color .15s linear;
	-o-object-fit: cover;
	object-fit: cover
}
.file-upload-wrapper .card.card-body .file-upload-preview .file-upload-render i {
	font-size: 80px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	color: #777
}
.file-upload-wrapper .card.card-body .file-upload-preview .file-upload-render .file-upload-extension {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-top: 10px;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: -.03em;
	font-size: 1rem;
	color: #fff;
	width: 42px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.file-upload-wrapper .card.card-body .file-upload-preview .file-upload-infos {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	background: rgba(0, 0, 0, .7);
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear
}
.file-upload-wrapper .card.card-body .file-upload-preview .file-upload-infos .file-upload-infos-inner {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -40%);
	-ms-transform: translate(0, -40%);
	transform: translate(0, -40%);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
	padding: 0 20px;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}
.file-upload-wrapper .card.card-body .file-upload-preview .file-upload-infos .file-upload-infos-inner p {
	padding: 0;
	margin: 0;
	position: relative;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	color: #fff;
	text-align: center;
	line-height: 25px;
	font-weight: 700
}
.file-upload-wrapper .card.card-body .file-upload-preview .file-upload-infos .file-upload-infos-inner p.file-upload-infos-message {
	margin-top: 15px;
	padding-top: 15px;
	font-size: 12px;
	position: relative;
	opacity: .5
}
.file-upload-wrapper .card.card-body .file-upload-preview .file-upload-infos .file-upload-infos-inner p.file-upload-infos-message::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: #fff;
	width: 30px;
	height: 2px
}
.file-upload-wrapper .card.card-body:hover .btn.btn-sm.btn-danger, .file-upload-wrapper .card.card-body:hover .file-upload-preview .file-upload-infos {
	opacity: 1
}
.file-upload-wrapper .card.card-body:hover .file-upload-preview .file-upload-infos .file-upload-infos-inner {
	margin-top: -5px
}
.file-upload-wrapper .card.card-body.touch-fallback {
	height: auto !important
}
.file-upload-wrapper .card.card-body.touch-fallback:hover {
	background-image: none;
	-webkit-animation: none;
	animation: none
}
.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview {
	position: relative;
	padding: 0
}
.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-render {
	display: block;
	position: relative
}
.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-infos .file-upload-infos-inner p.file-upload-infos-message::before, .file-upload-wrapper .card.card-body.touch-fallback.has-preview .file-upload-message {
	display: none
}
.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-render .file-upload-font-file {
	position: relative;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	top: 0;
	left: 0
}
.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-render .file-upload-font-file::before {
	margin-top: 30px;
	margin-bottom: 30px
}
.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-render img {
	position: relative;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}
.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-infos {
	position: relative;
	opacity: 1;
	background: 0 0
}
.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-infos .file-upload-infos-inner {
	position: relative;
	top: 0;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	padding: 5px 90px 5px 0
}
.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-infos .file-upload-infos-inner p {
	padding: 0;
	margin: 0;
	position: relative;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	color: #777;
	text-align: left;
	line-height: 25px
}
.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-infos .file-upload-infos-inner p.file-upload-infos-message {
	margin-top: 0;
	padding-top: 0;
	font-size: 18px;
	position: relative;
	opacity: 1
}
.file-upload-wrapper .card.card-body.touch-fallback .file-upload-message {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	padding: 40px 0
}
.file-upload-wrapper .card.card-body.touch-fallback .btn.btn-sm.btn-danger {
	top: auto;
	bottom: 23px;
	opacity: 1
}
.file-upload-wrapper .card.card-body.touch-fallback:hover .file-upload-preview .file-upload-infos .file-upload-infos-inner {
	margin-top: 5rem
}
.file-upload-wrapper .card.card-body .file-upload-loader {
	position: absolute;
	top: 15px;
	right: 15px;
	display: none;
	z-index: 9
}
.file-upload-wrapper .card.card-body .file-upload-loader::after {
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	-webkit-animation: rotate .6s linear infinite;
	animation: rotate .6s linear infinite;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #777;
	border-left: 1px solid #ccc;
	border-right: 1px solid #777;
	content: ""
}
.file-upload-wrapper .card.card-body .file-upload-errors-container {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	background: rgba(243, 65, 65, .8);
	text-align: left;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0s linear .15s, opacity .15s linear;
	-o-transition: visibility 0s linear .15s, opacity .15s linear;
	transition: visibility 0s linear .15s, opacity .15s linear
}
.file-upload-wrapper .card.card-body .file-upload-errors-container ul {
	padding: 10px 20px;
	margin: 0;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.file-upload-wrapper .card.card-body .file-upload-errors-container ul li {
	margin-left: 20px;
	color: #fff;
	font-weight: 700
}
.file-upload-wrapper .card.card-body .file-upload-errors-container.visible {
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}
.file-upload-wrapper .card.card-body~.file-upload-errors-container ul {
	padding: 0;
	margin: 15px 0
}
.file-upload-wrapper .card.card-body~.file-upload-errors-container ul li {
	margin-left: 20px;
	color: #f34141;
	font-weight: 700
}
 @-webkit-keyframes rotate {
 0% {
 -webkit-transform: rotateZ(-360deg);
 transform: rotateZ(-360deg)
}
 100% {
 -webkit-transform: rotateZ(0);
 transform: rotateZ(0)
}
}
 @keyframes rotate {
 0% {
 -webkit-transform: rotateZ(-360deg);
 transform: rotateZ(-360deg)
}
 100% {
 -webkit-transform: rotateZ(0);
 transform: rotateZ(0)
}
}
/* .file-upload-wrapper input[type="file"] {
    display: none;
} */

.file-upload-wrapper {
	margin-bottom: 10px;
	background-color: #FBF7EE;
}
input.file_upload {
	opacity: 0;
}
.file-upload-message h3 {
	font-family: 'SFUIDisplay-Medium';
	font-size: 20px;
	color: #332c2e;
}
.file-upload-message p {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #DB305F;
	margin-bottom: 7px;
}
.file-upload-message p span {
	color: #332C2E;
}
.file-upload-message h5 {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #b2b2b2;
}
.form-group.error label {
	font-size: 13px;
	color: #ef2b2b;
}
.form-group.error .form-control {
	border-color: #ef2b2b;
}
.error-message p {
	font-size: 13px;
	color: #ef2b2b;
}
.side-menu, .close-sidebar {
	display: none;
}
.bg-menu {
	background-color: #DB305F;
}
.relative {
	position: relative;
}
.relative .form-control {
	padding-right: 40px;
}
.btn-search-main {
	background-color: transparent;
	border: none;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 8px;
}
.search-resulat-holder .result-total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12.5px 15px;
	background-color: #F0F0F0;
}
.search-resulat-holder .result-total h4 {
	font-family: 'SFUIDisplay-Bold';
	font-size: 11px;
	letter-spacing: 0.05em;
	text-align: left;
	color: #db305f;
}
.search-resulat-holder .result-total span {
	font-family: 'SFUIDisplay-Bold';
	font-size: 11px;
	letter-spacing: 0.05em;
	text-align: left;
	color: #B2B2B2;
}
.search-body {
	padding: 8.5px 15px;
	background-color: #fff;
	border-bottom: 1px solid #f2f2f2;
}
.search-body h4 {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	letter-spacing: 0.04em;
	line-height: 15px;
	text-align: left;
	color: #332c2e;
	margin-bottom: 4px;
}
.search-body p {
	font-family: 'SFUIDisplay-Medium';
	font-size: 13px;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.15;
	letter-spacing: 0.5px;
	color: #b2b2b2;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#search-result .modal-dialog {
	margin-right: 251px;
	margin-left: auto !important;
	margin-top: 18px;
}
.setting-accordian .btn[aria-expanded="true"] .arrow-btn {
	transform: rotate(180deg)
}