/* Universal Css Start Here */
body {
	background-color: var(--body-color);
	font-family: var(--font-default);
	color: var(--heading-color);
	position: relative;
	overflow-x: hidden;
}
html {
	overflow-x: hidden;
}
.mbsc-windows.mbsc-calendar-slide {
	background: transparent !important;
}
.mbsc-windows.mbsc-datepicker-inline {
	background: transparent !important;
}
select {
	background-image: url(../../../assets/img/dropdown.png) !important;
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: right;
	background-position-x: 95%;
}
.modal-content {
	background: #e4f0ef;
}
.modal.fade.show {
	background: #000000f0 !important;
}
.modal-header {
	padding-bottom: 0;
	border-bottom: 0;
}
.modal-footer {
	padding-top: 0;
	border-top: 0;
}
#thankEmployerModal {
	background: #000000ed;
}
body::-webkit-scrollbar {
	width: 12px; /* width of the entire scrollbar */
}
body::-webkit-scrollbar-track {
	background: #064071; /* color of the tracking area */
}
body::-webkit-scrollbar-thumb {
	background-color: white; /* color of the scroll thumb */
	border-radius: 20px; /* roundness of the scroll thumb */
	border: 3px solid #064071; /* creates padding around scroll thumb */
}
.over-hidden {
	overflow: hidden;
}
ul {
	padding: 0;
}
a {
	text-decoration: none !important;
	color: #064071;
	outline: none;
}
a:hover {
	color: #239d2c;
	transition: all 0.5s;
}
button {
	font-family: var(--font-btn);
}
figure {
	margin-bottom: 0;
}
.rounded {
	border-radius: 30px !important;
}
.btn-primary {
	color: #fff;
	border: 0;
	background: rgb(10, 116, 205);
	background: linear-gradient(
		90deg,
		rgba(10, 116, 205, 1) 0%,
		rgba(49, 221, 62, 1) 100%
	);
	font-size: 16px;
	border-radius: 100px;
	font-family: var(--font-btn);
	white-space: nowrap;
	transition: all 0.8s ease-out;
}
.btn-primary:hover {
	color: #000;
}
.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
	color: #c28500;
	background-color: transparent;
	border-color: transparent;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
	color: #c28500;
	background-color: transparent;
	border-color: transparent;
	box-shadow: unset;
}
.btn-check:focus + .btn,
.btn:focus {
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(42 105 177 / 14%);
}
.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: unset !important;
}
.extra-padd {
	padding: 15px 60px !important;
}
.colored-txt {
	color: var(--extra-color-1);
}
button {
	border: 0;
}
.second-theme-color {
	color: #239d2c;
}
/* Typography Start Here */
h1 {
	font-family: var(--font-heading);
}
h2 {
	font-family: var(--font-heading);
	color: var(--heading-color);
}
h3 {
	font-family: var(--font-heading);
	color: var(--heading-color);
}
h4 {
	font-family: var(--font-heading);
	color: var(--heading-color);
}
h5 {
	font-family: var(--font-heading);
	color: var(--heading-color);
}
h6 {
	font-family: var(--font-heading);
	color: var(--heading-color);
}
p {
	font-family: var(--font-default);
	font-size: 16px;
	color: var(--text-color-2);
}
.prn-express {
	background: rgb(10, 116, 205);
	background: linear-gradient(
		90deg,
		rgba(10, 116, 205, 1) 0%,
		rgba(49, 221, 62, 1) 100%
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
header.without-login {
	position: absolute;
	width: 100%;
	z-index: 3;
}
a.navbar-brand.logo img {
	height: auto;
	width: 180px;
}
.navbar-light .navbar-nav li.nav-item {
	padding: 0 20px;
}
.navbar-light .navbar-nav .nav-link {
	color: var(--text-color);
	font-size: 16px;
	position: relative;
}
.navbar-collapse {
	flex-basis: 100%;
	flex-grow: 1;
	align-items: center;
	justify-content: end;
}
.navbar-light .navbar-nav .nav-link:before {
	content: "";
	width: 0%;
	height: 5px;
	position: absolute;
	bottom: 0px;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(10, 116, 205);
	background: linear-gradient(
		90deg,
		rgba(10, 116, 205, 1) 0%,
		rgba(49, 221, 62, 1) 100%
	);
	transition: all 0.5s ease-in-out;
	border-radius: 100px;
	color: var(--text-color-2);
}
.nav-link.profile-nav:before {
	display: none !important;
}
.navbar-light .navbar-nav .nav-link:hover:before {
	width: 100%;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
	color: var(--text-color-2);
	position: relative;
}
.navbar-light .navbar-toggler {
	background: #fff;
}
a.nav-link.active:before {
	content: "";
	width: 100%;
	height: 5px;
	position: absolute;
	bottom: 0px;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(10, 116, 205);
	background: linear-gradient(
		90deg,
		rgba(10, 116, 205, 1) 0%,
		rgba(49, 221, 62, 1) 100%
	);
	transition: all 0.5s ease-in-out;
	border-radius: 100px;
}
.btn.login-btn {
	background: #239d2c;
	border-radius: 10px;
	padding: 0 40px;
	line-height: 42px;
	color: #fff;
	font-size: 16px;
	font-family: var(--font-btn);
	margin: 0 20px;
	height: 45px;
}
.btn.login-btn:hover {
	background: #31dd3e;
}
.btn.signup-btn {
	background: #064071;
	border-radius: 10px;
	padding: 0 40px;
	color: #fff;
	font-size: 16px;
	font-family: var(--font-btn);
	height: 45px;
	line-height: 42px;
}
.btn.signup-btn:hover {
	background: #0978ce;
}
.btn-secondary {
	color: #fff;
	background: rgb(10, 116, 205);
	background: linear-gradient(
		90deg,
		rgba(10, 116, 205, 1) 0%,
		rgba(49, 221, 62, 1) 100%
	);
	border: none;
	padding: 10px 40px;
	border-radius: 10px;
}

.main-banner-contant {
	position: relative;
}
.linear-box {
	/* position: absolute; */
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	z-index: 9999999;
	background: rgba(255, 255, 255, 0.8);
	padding: 20px 40px;
	border-radius: 20px;
	bottom: 50px;
	margin-bottom: 20px;
}
.linear-box-text .filterBtn {
	position: absolute;
	top: 12px;
	right: 30px;
}
#SearchFilterModal .modal-content {
	background: #f4feff;
}
.range__slider {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0.4em 0;
}
.range__slider:focus {
	outline: none;
}
.range__slider::-webkit-slider-runnable-track {
	background-color: #444444;
	height: 0.3em;
	margin: 0.4em 0;
	border-radius: 2px;
}
.range__slider::-moz-range-track {
	background-color: #444444;
	height: 0.3em;
	border-radius: 2px;
}
.range__slider::-moz-focus-outer {
	border: 0;
}
.range__slider::-ms-track {
	background-color: #444444;
	height: 0.3em;
	margin: 0.1em 0;
	border-radius: 2px;
}
.range__slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	text-align: center;
	width: 1.2em;
	height: 1.2em;
	border: 1px solid #cccccc;
	border-radius: 50%;
	cursor: pointer;
	box-sizing: border-box;
	margin-top: -0.5em;
}
.range__slider::-moz-range-thumb {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	text-align: center;
	width: 1.2em;
	height: 1.2em;
	border: 1px solid #cccccc;
	border-radius: 50%;
	cursor: pointer;
	box-sizing: border-box;
}
.range__slider::-ms-thumb {
	margin: 0;
}
.heading .range__amount {
	width: 100px;
}
#SearchFilterModal label {
	font-size: 15px;
	font-family: "Archivo-Medium";
}
#SearchFilterModal ul .keywords {
	background: #ddd;
	padding: 10px 12px;
	border-radius: 50px;
	font-size: 14px;
	display: flex;
	align-items: center;
	margin-right: 5px;
}
#SearchFilterModal ul .keywords .cross {
	width: 23px;
	height: 23px;
	background: #bbb6b6;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-left: 5px;
	cursor: pointer;
}
#SearchFilterModal .heading p {
	color: #363434;
	font-size: 13px;
}
section.main-banner {
	/* padding: 100px 0 0 0; */
	position: relative;
}
.mapView .job-card {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	width: 80%;
	margin: 0px auto;
}
.calender-view .all-jobs {
	height: 500px;
	overflow-y: auto;
	padding-right: 10px;
}
.calender-view .all-jobs .date-bar {
	margin-bottom: 10px;
	position: relative;
}

.calender-view .all-jobs .date-bar .txt {
	font-size: 18px;
	font-family: "Archivo-Medium";
	background: #fff;
	position: relative;
	z-index: 2;
	padding-right: 15px;
}

.calender-view .all-jobs .date-bar .line {
	height: 1px;
	width: 100%;
	background: #0000004d;
	position: absolute;
	left: 0;
	bottom: 14px;
}
.calender-view .all-jobs::-webkit-scrollbar {
	width: 0.2em;
}
.calender-view .all-jobs::-webkit-scrollbar-thumb {
	background-color: #17979d;
}
.calender-view .job-done-box {
	padding: 10px 10px;
}
.calender-view .job-done-box .job-name {
	font-size: 15px;
}
.calender-view .job-done-box p {
	font-size: 13px;
}
.calender-view .job-done-box .topbar .payment-status-tag {
	color: #000;
	background: transparent;
	padding: 0 0px;
	font-size: 14px;
	border-radius: 50px;
}
.calender-view .job-done-box .jobRate {
	font-size: 13px;
	margin-top: 5px;
}
.calender-view .job-done-box .jobRate span {
	background: #8bff9b85;
	border-radius: 50px;
	padding: 4px 8px;
	color: #39b54a;
	margin-right: 5px;
}
.linear-box-text span {
	font-size: 30px;
	font-family: var(--font-heading);
}

.btn.provider-btn {
	background: #0b74cd;
	border-radius: 10px;
	padding: 12px 25px;
	color: #fff;
}
.btn.provider-btn:hover {
	background: #064071;
}
.btn.employer-btn {
	background: #31dd3e;
	border-radius: 10px;
	padding: 12px 25px;
	color: #fff;
}
.btn.employer-btn:hover {
	background: #239d2c;
}
.search-div {
	position: relative;
}
.search-div i {
	position: absolute;
	left: 25px;
	top: 15px;
	font-size: 18px;
	background: rgb(10, 116, 205);
	background: linear-gradient(
		90deg,
		rgba(10, 116, 205, 1) 0%,
		rgba(49, 221, 62, 1) 100%
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.search-div .form-control {
	padding: 0.8rem 0.8rem 0.8rem 2.5rem;
}
.linear-box .select-view label {
	flex: 0 0 10%;
}
.linear-box .select-view label.title-label {
	font-size: 20px;
	font-family: "Archivo-Medium";
	flex: 0 0 15%;
	color: #0b74cd;
}
.linear-box .select-view .input-group label {
	border: 1px solid #ddd;
	border-radius: 50px;
	padding: 0px 20px 0px 0px;
	display: flex;
	align-items: center;
	color: #6e6e6e;
	cursor: pointer;
	margin-right: 10px;
}
.linear-box .select-view .form-group input:checked ~ label {
	background: linear-gradient(
		90deg,
		rgba(10, 116, 205, 1) 0%,
		rgba(49, 221, 62, 1) 100%
	);
	color: #fff;
}
.linear-box .select-view .input-group label .icon {
	margin-right: 10px;
}
.auth-section .nav-link.active {
	background: linear-gradient(
		90deg,
		rgba(10, 116, 205, 1) 0%,
		rgba(49, 221, 62, 1) 100%
	);
}
section.jobs-sec {
	background-image: url(../img/video-bg.webp);
	background-size: cover;
	background-position: center center;
	padding: 30px 0;
}
.jobSlider .slick-dots button:before {
	font-size: 40px;
}
.job-card {
	border-radius: 20px;
	box-shadow: 0px 0px 14px 0px rgb(185 185 185 / 20%);
	padding: 20px 20px;
	background: #fff;
	margin: 0 10px;
	position: relative;
}
.job-card h2 {
	font-size: 24px;
	width: 90%;
}
.job-card h6 {
	font-size: 16px;
	color: #9aaaa8;
}
.job-card p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin: 5px 0;
}
.est-start {
	display: flex;
	align-items: center;
	gap: 20px;
	color: #239d2c;
}
.est-start i {
	background: #d1ffd4;
	padding: 10px;
	border-radius: 20px;
	width: 35px;
	height: 35px;
}
.est-end {
	display: flex;
	align-items: center;
	gap: 20px;
	color: red;
}
.est-end i {
	background: #fde0e0;
	padding: 10px;
	border-radius: 20px;
	width: 35px;
	height: 35px;
}
.save-icon {
	background: #0d6efd;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 20px;
	top: 20px;
}
.badge {
	padding: 0.75em;
	font-size: 0.9em;
	font-weight: normal;
	border-radius: 0.7rem;
}

section.counter-sec {
	padding: 60px 0;
	background: #31dd3e;
}
#prg-counter .prg-container {
	text-align: center;
	width: 100%;
}
#prg-head h1 {
	text-align: center;
}
#prg-counter h3.prg-count {
	background-color: rgba(0, 0, 0, 0);
	color: #000;
	font-size: 2.25em;
	margin: 15px 0 0 0;
}
#prg-counter h3.prg-count::after {
	content: " +";
	display: inline-block;
}
#prg-counter h4.prg-count-title {
	color: #000;
	font-size: 16px;
	font-family: var(--font-default);
}
#prg-counter .prg-container i {
	font-size: 30px;
	background: #fff;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	color: #239d2c;
}
section.community-sec {
	padding: 60px 0;
}
.community-div {
	background: #e1f3f1;
	padding: 25px;
	border-radius: 15px;
	position: relative;
	border: 1px solid #ddd;
}
.dp-name img {
	width: 50px;
	height: 50px;
	border-radius: 100px;
}
.dp-name {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 25px;
}
.dp-name h5 {
	margin: 0;
	font-size: 18px;
}
.like-btn {
	display: flex;
	align-items: center;
	gap: 10px;
}
.like-btn p {
	margin: 0;
	color: #778482;
}
.like-btn i {
	font-size: 18px;
	background: rgb(10, 116, 205);
	background: linear-gradient(
		90deg,
		rgba(10, 116, 205, 1) 0%,
		rgba(49, 221, 62, 1) 100%
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.comment-btn {
	display: flex;
	align-items: center;
	gap: 10px;
}
.comment-btn p {
	margin: 0;
	color: #778482;
}
.comment-btn i {
	color: #778482;
}
.like-comment-div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
	color: #778482;
}
.comment-btn p:hover,
.like-btn p:hover {
	color: #000;
}
.name span {
	color: #000;
}
.target {
	height: auto;
	background: #fff;
	width: 150px;
	padding: 5px;
	display: none;
	position: absolute;
	right: 30px;
	top: 30px;
	border-radius: 10px;
	z-index: 2;
}
.job-img-div .target a:last-child {
	border-bottom: 0;
}
.Hide {
	display: none;
}
button.toggle {
	position: absolute;
	right: 20px;
	background: transparent;
	z-index: 2;
}
.target a {
	display: block;
	text-align: end;
	padding: 6px 16px;
	border-bottom: 1px solid #eee;
}
section.need-help-sec {
	padding: 60px 0;
	background: #064071;
}
.need-help-div h2 {
	color: #fff;
	margin-bottom: 20px;
}
.input-inline-btn {
	position: absolute;
	right: 8px;
	bottom: 14px;
	background-color: transparent;
	border: 0px;
	border-left: 1px solid #ffffff47;
	padding-left: 10px;
}
.form-control {
	color: var(--text-color-2);
	font-size: 14px;
	border: 1px solid #9aaaa8;
	border-radius: 0px;
	padding: 15px 20px;
	resize: none;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}
.rating {
	border: none;
	float: left;
	vertical-align: middle;
}
.avatar-star {
	margin-left: 10px;
}
.rating > label {
	color: #90a0a3;
	float: right;
	cursor: pointer;
}

.rating > label:before {
	margin: 1px;
	font-size: 16px;
	font-family: FontAwesome;
	content: "\f005";
	display: inline-block;
}
.rating > input {
	display: none;
}

.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
	color: #ef911f;
}

.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover input:checked label,
.rating > input:checked label:hover label {
	color: #ef911f;
}
.rating span#ratingValue {
	color: #9aaaa8;
	padding: 0 0 0 10px;
	font-size: 16px;
	line-height: 28px;
}
.rating-div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
}
section.jobs-sec.jobs-page {
	background-image: url(../img/video-bg.webp);
	background-size: cover;
	background-position: center center;
	padding: 60px 0 60px 0;
}
section.jobs-sec.jobs-page .nav-link {
	color: #000;
	margin-bottom: 20px;
	padding: 0;
}
section.jobs-sec.jobs-page .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: #239d2c;
	background-color: transparent;
}
.ApplyJobModals .Delete {
	background: #df3434 !important;
	padding: 10px 40px !important;
	color: #fff !important;
}
section.providers-sec {
	padding: 30px 0 60px 0;
	background-image: url(../img/video-bg.webp);
	background-size: cover;
	background-position: right;
}
.providers-box h2 {
	color: #064071;
	font-size: 42px;
	letter-spacing: -1px;
	line-height: 42px;
	margin: 15px 0;
}
.providers-box p {
	color: #064071;
	font-size: 16px;
	line-height: 20px;
}
.employer-box h2 {
	color: #1b7a22;
	font-size: 42px;
	letter-spacing: -1px;
	line-height: 42px;
	margin: 15px 0;
}
.employer-box p {
	color: #1b7a22;
	font-size: 16px;
	line-height: 20px;
}

.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
}
.bg-light .input-group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}
.text-small {
	font-size: 0.9rem;
}
.chat-screen .input-group-append button {
	background: transparent;
}
.chat-screen .input-group-append button img {
	filter: brightness(0.5) invert(1);
}
.messages-box,
.chat-box {
	height: 510px;
	overflow-y: scroll;
}

.rounded-lg {
	border-radius: 0.5rem;
}

input::placeholder {
	font-size: 0.9rem;
	color: #999;
}

.list-group-item.active {
	z-index: 2;
	background: rgb(10, 116, 205);
	background: linear-gradient(
		90deg,
		rgba(10, 116, 205, 1) 0%,
		rgba(49, 221, 62, 1) 100%
	);
	border-color: #0d6efd;
}
.what-your-mind {
	width: 100%;
	background: #fff;
	padding: 30px;
	border-radius: 20px;
	border: 1px solid #eee;
	margin-bottom: 30px;
}

input[type="file"] {
	display: block;
}
.imageThumb {
	max-height: 75px;
	border: 2px solid;
	padding: 1px;
	cursor: pointer;
}
.pip {
	display: inline-block;
	margin: 10px 10px 0 0;
	position: relative;
}
.remove {
	display: block;
	background: #f00;
	color: white;
	text-align: center;
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 100px;
	font-size: 13px;
	right: -10px;
	top: -10px;
}
.comments-area {
	position: relative;
}
.comments-area textarea {
	border-radius: 100px;
	height: 55px;
}
.comments-area button.btn.btn-primary {
	width: 55px;
	height: 55px;
	position: absolute;
	right: 0px;
	top: 0;
}
.user-comment-div {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: 20px;
}
.comment-user-name {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.comment-user-img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.comment-user-name h5 {
	font-size: 18px;
}
.community-detail-img img {
	width: 100%;
	height: 350px;
}
.user-comment {
	padding: 20px;
	border-radius: 10px;
	background: #e1f3f1;
	width: 100%;
}
.user-comment p {
	margin: 0;
}
.job-img-div img {
	width: 100%;
	height: 500px;
	position: relative;
	z-index: 1;
}
.job-img-div button.toggle {
	right: 20px;
	top: 20px;
}
.job-img-div .target {
	right: 36px;
	top: 20px;
}
.badge-div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
}
.badge-div h5 {
	color: #0d6efd;
}
.job-card.jobs-detail h2 {
	font-size: 2rem;
	width: 100%;
}
.light-color {
	display: inline-block;
	background: #e1f3f1;
	padding: 20px;
	border-radius: 30px;
}
.job-card.jobs-detail p {
	margin: 0 0 10px 0;
}
h6.gpa {
	color: #4489c1;
	display: inline-block;
}
h6.year {
	color: #4489c1;
	display: inline-block;
}
ul.requirements li {
	font-size: 18px;
	color: #566261;
	list-style: inside;
	margin-bottom: 10px;
}
.ContractsModal .job-rates ul {
	list-style: none;
}

.ContractsModal .job-rates ul {
	border: 1px solid #ddd;
	border-radius: 10px;
}

.ContractsModal .job-rates ul li {
	border-bottom: 1px solid #bababa;
	display: flex;
	align-items: center;
}

.ContractsModal .job-rates ul li .property {
	background: #bff4c3;
	height: 45px;
	display: flex;
	align-items: center;
	padding-left: 10px;
	width: 140px;
	justify-content: center;
	border-right: 2px solid #b5b5b5;
}

.ContractsModal .job-rates ul li .value {
	padding-left: 20px;
}

.ContractsModal .job-rates ul li:first-child .property {
	border-radius: 9px 0 0 0;
}

.ContractsModal .job-rates ul li:last-child .property {
	border-radius: 0 0 0 9px;
}
.ContractsModal .button-group {
	margin-top: 30px;
}

.ContractsModal .button-group .btn {
	padding: 10px 55px;
}

.ContractsModal .button-group .btn.Cancel {
	background: #31dd3e !important;
}

.ContractsModal .button-group .btn.Delete {
	background: #df3434;
	color: #fff;
}
.facility-div {
	background: #e1f3f1;
	padding: 20px;
	border-radius: 20px;
}
.facility-content {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}
.facility-content img {
	border-radius: 10px;
	width: 75px;
	height: 75px;
}

.calendar,
.calendar_weekdays,
.calendar_content {
	max-width: 100%;
}

.calendar {
	margin: auto;
	font-weight: 400;
}

.calendar_content {
	background: #fff;
}

.calendar_weekdays {
	background: #0978ce;
}

.calendar_header {
	padding: 10px 0;
}

.calendar_content,
.calendar_weekdays,
.calendar_header {
	position: relative;
	overflow: hidden;
}

.calendar_weekdays div {
	display: inline-block;
	vertical-align: top;
	color: #fff !important;
}

.calendar_weekdays div,
.calendar_content div {
	width: 14.28571%;
	overflow: hidden;
	text-align: center;
	background-color: transparent;
	color: #000;
	font-size: 16px;
	padding: 15px 0;
}

.calendar_content div {
	border: 1px solid transparent;
	float: left;
	position: relative;
	z-index: 0;
}

.calendar_content div:hover {
	border: 1px solid #dcdcdc;
	cursor: default;
}

.calendar_content div.blank:hover {
	cursor: default;
	border: 1px solid transparent;
}

.calendar_content div.past-date {
	color: #d5d5d5;
}

.calendar_content div.today {
	font-weight: bold;
	font-size: 16px;
	color: #fff !important;
}
.calendar_content div.today:after {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: 0 auto;
	background: #0978ce;
	z-index: -1;
	-webkit-box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
	-moz-box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
	box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
}

.calendar_content div.selected {
	background-color: #f0f0f0;
}

.calendar_header {
	width: 100%;
	text-align: center;
}

.calendar_header h2 {
	padding: 0 10px;
	font-weight: 500;
	font-size: 20px;
	color: #0978ce;
	float: left;
	width: 70%;
	margin: 0 0 10px;
}

button.switch-month {
	background-color: transparent;
	padding: 0;
	outline: none;
	border: none;
	color: #dcdcdc;
	float: left;
	width: 15%;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

button.switch-month:hover {
	color: #0978ce;
}

.hired-staff-div {
	background: #e1f3f1;
	padding: 20px;
	border-radius: 20px;
	display: flex;
	align-items: center;
	gap: 20px;
}

.hired-staff-div img {
	width: 70px;
	height: 70px;
	border-radius: 10px;
}
.staff-div-w {
	width: calc(100% - 70px);
}

.footer-content-div {
	margin: 50px 0;
}
.footer-content-div a.logo img {
	height: 80px;
	margin-bottom: 10px;
}
.footer-content-div h3 {
	width: 80%;
	font-size: 26px;
	letter-spacing: -1px;
}
a.google-play-btn img {
	width: 150px;
	margin-right: 15px;
	margin-top: 10px;
}
.quick-links h5 {
	margin-bottom: 20px;
}
.quick-links ul li {
	list-style: none;
	margin-bottom: 10px;
}
.quick-links ul li a {
	color: var(--text-color-2);
	font-size: 16px;
}
.quick-links ul li a:hover {
	color: #239d2c;
	text-decoration: underline !important;
}
ul.social-icons {
	display: flex;
	align-items: center;
	gap: 15px;
}
ul.social-icons li a {
	text-align: center;
	width: 40px;
	background: #eafcec;
	padding: 10px;
	border-radius: 10px;
	color: #1b7a22;
	height: 40px;
	display: inline-block;
	line-height: 25px;
}
ul.social-icons li a:hover {
	color: #fff;
	background: rgb(10, 116, 205);
	background: linear-gradient(
		90deg,
		rgba(10, 116, 205, 1) 0%,
		rgba(49, 221, 62, 1) 100%
	);
	transform: translateY(-8px);
}
ul.social-icons li a i {
	font-size: 20px;
}
.follow-us-div p {
	font-size: 13px;
	color: var(--text-color-2);
}

.shine-overlay {
	position: relative;
	overflow: hidden;
}
.shine-overlay:hover .shine {
	display: block;
}

.shine {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		from(rgba(255, 255, 255, 0)),
		color-stop(50%, rgba(255, 255, 255, 0.8)),
		to(rgba(255, 255, 255, 0))
	);
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0,
		rgba(255, 255, 255, 0.8) 50%,
		rgba(255, 255, 255, 0) 100%
	);
	pointer-events: none;
	z-index: 3;
	opacity: 0;
	transform: skew(30deg);
	animation: shine 0.75s linear 1;
}

@keyframes shine {
	0% {
		left: -50%;
		opacity: 0;
	}
	50% {
		left: 25%;
		opacity: 0.5;
	}
	100% {
		left: 100%;
		opacity: 0;
	}
}
.mobile-img-mobile {
	display: none;
}
.mobile-img-desc {
	display: block;
}

@media (max-width: 1025px) {
	ul.social-icons {
		gap: 10px;
	}
	ul.social-icons li a {
		width: 30px;
		padding: 5px;
		height: 30px;
		line-height: 25px;
	}
	ul.social-icons li a i {
		font-size: 17px;
	}
	.footer-content-div h3 {
		width: 90%;
		font-size: 24px;
	}
	.navbar-collapse {
		width: 100%;
		background: #fff;
		padding: 120px 20px 20px 20px;
		border-radius: 10px;
		height: 100vh;
		top: 0;
		position: absolute;
		left: 0;
		z-index: -1;
	}
	a.btn.login-btn {
		margin: 20px 0 20px 0;
	}
}
@media (max-width: 992px) {
	.footer-content-div h3 {
		width: 75%;
		font-size: 24px;
		margin: auto;
		text-align: center;
	}
	.download-btns {
		text-align: center;
	}
	.quick-links {
		margin-top: 20px;
	}
	ul.social-icons li a {
		line-height: 22px;
	}
}

@media (max-width: 576px) {
	.footer-content-div h3 {
		width: 100%;
	}
	.follow-us-div {
		text-align: center;
		margin-top: 20px;
	}
	ul.social-icons {
		justify-content: center;
	}
}
.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
	line-height: 45px;
	padding: 0 40px;
	border-radius: 10px;
}

.contect-info i {
	font-size: 55px;
	background: rgb(10, 116, 205);
	background: linear-gradient(
		90deg,
		rgba(10, 116, 205, 1) 0%,
		rgba(49, 221, 62, 1) 100%
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.contect-info {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}
.hide {
	display: none;
}
.nav-tabs {
	border-bottom: 0;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #2dc938;
	background-color: #bff4c3;
	border-color: transparent;
}
.nav-tabs .nav-link {
	margin-bottom: -1px;
	background: 0 0;
	border: 1px solid transparent;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	color: #2dc938;
	border-radius: 50px;
	border: 2px solid;
	margin-right: 10px;
}
.week-dropdwon {
	width: auto;
	background-color: #e1f3f1;
	border: 0;
	padding: 10px 40px 10px 20px;
	text-align: left;
	border-radius: 30px;
}
.week-dropdwon-div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.week-dropdwon-div h5 {
	margin: 0;
}
.week-dropdwon-div i {
	font-size: 24px;
}
.days-work-div {
	text-align: center;
	background: #e1f3f1;
	border-radius: 100px;
	padding: 10px;
}
.timesheet .accordion-button {
	justify-content: center;
}
.timesheet button.accordion-button {
	background: #e1f3f1;
	margin: 10px;
}
.timesheet .accordion-button:not(.collapsed) {
	color: #000;
	background-color: #e1f3f1;
	box-shadow: 0;
}
.accordion-button:focus {
	border-color: transparent;
	box-shadow: none;
}
.rejectedTimesheet {
	background-color: #f7cbcb !important;
}
.expenses-icon {
	width: 70px;
	height: 70px;
	background: #f2adad;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.rejectedTimesheet .expenses-icon img {
	width: 70px;
	height: 70px;
	border-radius: 10px;
}
.expenses-icon img {
	width: 35px;
	height: 35px;
}
.expenses-div {
	background: #f7cbcb;
	padding: 10px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	gap: 20px;
}
.amount-text {
	flex: 5;
}
.amount-type {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.rejected-div {
	display: block;
	background: #ffe5ff;
	padding: 10px 30px;
	border-radius: 12px;
}
.rejected-div span {
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 14px;
	color: #df3434;
	background: #f7cbcb;
	padding: 5px 15px;
	border-radius: 100px;
}
.revision-div {
	display: block;
	background: #e7f1fa;
	padding: 10px 30px;
	border-radius: 12px;
}
.revision-div span {
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 14px;
	color: #0b74cd;
	background: #b3d4f0;
	padding: 5px 15px;
	border-radius: 100px;
}
.approved-div {
	display: block;
	background: #eafcec;
	padding: 10px 30px;
	border-radius: 12px;
}
.approved-div span {
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 14px;
	color: #2dc938;
	background: #bff4c3;
	padding: 5px 15px;
	border-radius: 100px;
}
.modal-content .form-select,
.modal-content .form-control {
	padding: 0.75rem 2.25rem 0.75rem 0.75rem;
	border-radius: 5rem;
}
span.input-group-append {
	position: absolute;
	right: 30px;
	font-size: 20px;
	top: 8px;
	z-index: 3;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation)
	> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
	border-top-right-radius: 5rem;
	border-bottom-right-radius: 5rem;
}

.upload__inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.upload__btn {
	display: flex;
	font-weight: 600;
	text-align: center;
	transition: all 0.3s ease;
	cursor: pointer;
	border-radius: 100px;
	line-height: 36px;
	font-size: 14px;
	width: 100%;
	align-items: center;
	justify-content: center;
	background: rgb(10, 116, 205);
	background: linear-gradient(
		90deg,
		rgba(10, 116, 205, 1) 0%,
		rgba(49, 221, 62, 1) 100%
	);
	padding: 10px;
}
.upload__btn p {
	margin: 0;
}
.upload__btn:hover {
	background-color: unset;
	transition: all 0.3s ease;
}
.upload__btn-box {
	margin-bottom: 10px;
}
.upload__img-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.upload__img-box {
	width: 200px;
	padding: 0 10px;
	margin-bottom: 12px;
}
.upload__img-close {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
	line-height: 24px;
	z-index: 1;
	cursor: pointer;
}
.upload__img-close:after {
	content: "✖";
	font-size: 14px;
	color: white;
}

.img-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	padding-bottom: 100%;
}
.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
	color: #1d6eb5;
}
a.chat-icon {
	position: absolute;
	z-index: 2;
	right: 20px;
	bottom: 30px;
}
ul.specialities .keywords {
	background: #ddd;
	padding: 10px 12px;
	border-radius: 50px;
	font-size: 14px;
	display: flex;
	align-items: center;
	margin-right: 5px;
}
ul.specialities .keywords .cross {
	width: 23px;
	height: 23px;
	background: #bbb6b6;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-left: 5px;
	cursor: pointer;
}