/* NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* Navigation css */
.header-navbar .navbar-container ul.navbar-nav li {
	line-height: 1.8;
}

.header-navbar .navbar-container ul.navbar-nav li>a.nav-link {
	color: #7367f0;
	font-weight: 600;
	font-size: 18px;
}

#dashboard-ecommerce .match-height>[class*='col']>.card {
	flex: 0.5 0.5 auto;
}

#dashboard-ecommerce .card-statistics .statistics-body .avatar .avatar-content {
	width: 62px;
	height: 62px;
}

#dashboard-ecommerce .card-statistics .statistics-body {
	padding: 2rem 1.4rem 2rem !important;
}

#dashboard-ecommerce .style-margin-top {
	margin-top: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	color: #464040;
}

.card-congratulation-medal .text-success {
	margin-top: 5px;
	font-size: 1rem !important;
}

.stepper-wrapper {
	margin-top: auto;
	display: flex;
	justify-content: space-between;
}

.stepper-item {
	position: relative;
	flex-direction: column;
	align-items: center;
	margin-right: 12px;

	@media (max-width: 768px) {
		font-size: 12px;
	}
}

/* .step-name {
	display: table-caption;
  } */

.stepper-item::before {
	position: absolute;
	content: "";
	border-bottom: 2px solid #7367f0;
	width: 100%;
	top: 20px;
	left: -50%;
	z-index: 2;
}

.stepper-item::after {
	position: absolute;
	content: "";
	border-bottom: 2px solid #7367f0;
	width: 100%;
	top: 20px;
	left: 50%;
	z-index: 2;
}

.stepper-item .step-counter {
	position: relative;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #ccc;
	margin-bottom: 6px;
	margin-top: 10px
}

.stepper-item.active {
	font-weight: bold;
}

.stepper-item.completed .step-counter {
	background-color: #fff;
	border: 1px solid #7367f0;
}

.stepper-item.completed::after {
	position: absolute;
	content: "";
	border-bottom: 4px solid #7367f0;
	width: 100%;
	top: 18px;
	left: 17%;
	z-index: 3;
}

.stepper-item:first-child::before {
	content: none;
}

.stepper-item:last-child::after {
	content: none;
}

.step-counter .circle {
	width: 9px;
	height: 9px;
	background: #7367f0;
	border-radius: 100%;
}

.style-cloud-storage .progress {
	border-radius: unset;
}

.style-cloud-storage .progress .progress-bar:last-child {
	border-top-right-radius: unset;
	border-bottom-right-radius: unset;
}

#dashboard-ecommerce .match-height>[class*='col']>.card {
	flex: 1 1 auto;
}

#dashboard-ecommerce .card-statistics .statistics-body.style-profile-review {
	padding: 0rem 1.4rem 2rem !important;
}

.style-profile-review .table th,
.table td {
	padding: 1.5rem;
}

.card-transaction .card-header {
	padding: 10px;
	background-color: rgba(130, 134, 139, 0.12);
	color: #82868b !important;
}

#dashboard-ecommerce .card-transaction {
	border: 1px solid #b9acac;
}

#dashboard-ecommerce h5 {
	font-size: 1.1rem;
}

.assesments .col-lg-3 {
	flex: 0 0 33%;
	max-width: 33%;

}

.assesments .media-body {
	margin: 0 45px;
}

.assesments .card-body {
	padding: 0 !important;
}

.assesments {
	background: #fff;
	box-shadow: 0 8px 31px 0 rgba(35, 51, 53, 0.2);
}

.appoinments-card.card {
	flex: 0 auto;
}

.appoinments-card .table th,
.table td {
	padding: 0.72rem;
}

.assesments .card-header {
	display: block;
	padding: 1rem;
}

.assesments .transaction-item {
	margin: 24px 44px;
}

#dashboard-ecommerce .card-statistics .statistics-body.style-profile-review .avatar .avatar-content {
	width: 43px;
	height: 43px;
}

.revenue-report-wrapper .avatar .avatar-content {
	width: 24px;
	height: 24px;
}

.assesments .table th,
.table td {
	border-top: unset;
}

.feedback .table th,
.table td {
	border-top: 1px solid #ebe9f1;
}

.style-active-appoinments.card .card-header {
	justify-content: unset;
	padding: 1rem;
}

.update-table .avatar {
	width: 38px;
	height: 38px;
	margin-right: 10px;
}

.admin-right-table .table td {
	border-top: unset;
}

.admin-right-table .table th {
	border-top: unset;
	background-color: transparent !important;
	text-transform: capitalize;
}


.active-plan {
	flex: unset !important;
}

.card-flex {
	flex: 0.5 0.5 auto !important;
}

.admin-rights .card-block {
	display: block;
}

/* .notification-badge {
	position:absolute;
}

.notification-text {
    z-index: 26;
    color: white;
    background: #14146c;
    position: fixed;
    margin-left: 68px;
    padding: 1px 20px 5px 25px;
    line-height: 21px;
    text-align: center;
    padding-top: 5px;
    margin-top: -4px;
} */

/* For WebKit (Chrome, Safari, Opera) */
::-webkit-scrollbar {
	width: 5px;
	/* Width of the scrollbar */
}

/* Track */
::-webkit-scrollbar-track {
	background: #f9f9f9;
	/* Default color of the scrollbar track (off-white) */
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #ccc;
	/* Default color of the scrollbar handle (grey) */
	border-radius: 5px;
	/* Radius of the scrollbar handle */
}

/* Handle when scrolling */
::-webkit-scrollbar-thumb:vertical {
	background: #999;
	/* Color of the scrollbar handle when scrolling (darker grey) */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #bbb;
	/* Color of the scrollbar handle on hover (light grey) */
}

.style-post-cloud-section .card-body {
	padding: 0px 1.5rem 0px 1.5rem;
	max-height: 385px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.file-manager-application .documents-title {
	padding: 1rem 1rem;
	border-bottom: 1px solid #ebe9f1;
	background-color: #fff;
	border-top-right-radius: 0.357rem;
}

.card-header.create-pin-header {
	justify-content: center;
}

.create-pin.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body {
	height: 100%;

}

form.create-pin-form {
	display: flex;
	justify-content: center;
}

.flatpickr-input {
	background-color: #fff !important;
}

.special {
	margin-top: 2rem;
	font-size: 2rem;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease;

	i {
		font-size: 1rem;
		cursor: pointer;
	}

	&.hidden {
		opacity: 0;
		visibility: hidden;
	}
}

.create-pin-form #toggle-pin-visibility {
	border: unset;
	background: unset;
	font-size: 20px;
}

/* Hide file upload inputs by default */
.file-upload {
	display: none;
}

/* Style accordion items */
.accordion-item {
	border-bottom: 1px solid #ccc;
}

/* Style accordion titles */
.accordion-title {
	display: block;
	padding: 10px;
	cursor: pointer;
}

/* Style accordion content */
.accordion-content {
	padding: 10px;
	display: none;
}

/* Show accordion content when checkbox is checked */
.course-checkbox:checked+.accordion-title+.accordion-content {
	display: block;
}

.dropzone {
	border: 2px dashed #ccc;
	padding: 20px;
	text-align: center;
	margin-bottom: 10px;
}

/* .file-manager-main-content .card-body {
	display: flex;
} */
.upload-button {
	display: inline-block;
	padding: 10px 20px;
	background-color: #007bff;
	color: #fff;
	cursor: pointer;
}

.image-container {
	display: flex;
	flex-wrap: wrap;

}

.pin-input {
	/* margin: 0 0.5rem; */
	padding: 0.5rem;
	border-bottom: 1px solid #333;
	width: 50px;
	height: 50px;
	/* text-align: center; */
	font-size: 3rem;
	border-right: unset;
	border-top: unset;
	border-left: unset;
}

.image-box {
	margin-bottom: 10px;
}

.image-box img {
	width: 100px;
	height: 100px;
	object-fit: cover;
}

.image-name {
	margin-top: 5px;
}

.file-manager-content-body .accordion-title {
	display: inline-flex;
	font-size: 18px;
}

.file-manager-content-body .progress {
	height: 17px;
	width: 50%;
}

.file-manager-content-body .progress .percent {
	color: #000;
	font-weight: 600;
	margin-top: 9px;
	text-align: center;
	position: absolute;
	left: 10%;
	right: 0;
}

.file-manager-application .sidebar-file-manager .sidebar-inner {
	height: unset;
}

html .navbar-floating.footer-static .app-content .content-area-wrapper,
html .navbar-floating.footer-static .app-content .kanban-wrapper {
	height: unset;
}

.card.card-display-content {
	display: contents;
}

.profile-latest-img img {
	width: 180px;
	height: 105px;
}

#user-profile .profile-latest-img {
	border: 1px solid #d7d5d5;
	padding: 0 20px 20px;
}

.profile-latest-img img {
	width: 244px;
	height: 138px;
}

.profile-latest-img {
	margin-right: 3rem;
	margin-bottom: 3rem;
}

.table-view-doc {
	border: 1px solid #919090;
	border-radius: 10px;
	margin: 0.5rem;
	padding: 0.5rem;
	width: 90%;
	max-width: 150px;
}

.table-view-doc img {
	max-width: -webkit-fill-available;
}

.user-select-content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before {
	background-image: url("../../../icon/close-line-icon.svg");
}


.dep-ml1 {
	margin-left: 2rem;
}

.dep-ml2 {
	margin-left: 4rem;
}

.dep-ml3 {
	margin-left: 6rem;
}

.dep-ml4 {
	margin-left: 8rem;
}

.dep-ml5 {
	margin-left: 10rem;
}

.dep-ml6 {
	margin-left: 12rem;
}

.dep-ml7 {
	margin-left: 14rem;
}

.dep-ml8 {
	margin-left: 16rem;
}

.dep-ml9 {
	margin-left: 18rem;
}

.dep-ml10 {
	margin-left: 20rem;
}

.w-105 {
	width: 105%;
}

form .error:not(input) {
	color: #ea5455;
	border-color: #ea5455 !important;
}

.modal-adv .modal-dialog {
	max-width: 90%;
	/* Set modal width to 90% of viewport */
	width: 90%;
}

/* Prevent modal from exceeding viewport dimensions */
.modal-adv .modal-content {
	max-width: 100%;
}

/* Make sure the image is fully responsive */
.modal-adv .modal-body img {
	width: 100%;
	height: auto;
	/* Maintain aspect ratio */
	display: block;
	margin: 0 auto;
}

.fn-card-title {
	font-weight: 500;
	font-size: 1.285rem;
	color: #464040;
	line-height: 1.2;
	display: block;
}

.fn-form-title {
	font-weight: 500;
	font-size: 1.285rem;
	color: #464040;
	color: #0172be;
	line-height: 1.2;
	display: block;
}

.fn-form-section-title {
	font-weight: 500;
	font-size: 1rem;
	color: #464040;
	color: blue;
	line-height: 1;
	display: block;
}

hr.double {
	border-top: double;
}

.will-delete .form-control:disabled,
.will-delete .select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #ffd5d5;
}

.table thead th,
.table tfoot th {
	font-size: 0.875rem;
	color: #7367f0;
}

.table tbody td {
	font-size: 0.875rem;
	color: #000000;
}

.select2-selection.select2-selection--multiple .select2-search.select2-search--inline {
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	[class^="dep-ml"] {
		margin-left: 0rem;
	}
}

@media (max-width: 767px) {
	.card-revenue-budget .wallet-rate {
		display: block;
	}

	.recent-post-section {
		flex-direction: column;
	}

	.style-post-cloud-section.card-browser-states .browser-states {
		display: block;
	}
}

/*Media Quries*/
@media (min-width: 767px) {
	#dashboard-ecommerce .style-border-right {
		border-right: 1px solid #e3e3e3;
	}

	.card-revenue-budget .wallet-rate {
		display: flex;
	}

	.recent-post-section {
		flex-direction: row;
	}

	.style-post-cloud-section.card-browser-states .browser-states {
		display: flex;
	}
}

@media (max-width: 648px) {
	.content-header .breadcrumb {
		display: flex;
	}
}