@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

body {
	font-family: "Plus Jakarta Sans", serif;
	font-style: normal;
	color: #6d6b77;
}

html {
	font-family: "Plus Jakarta Sans", serif;
	font-style: normal;
	color: #6d6b77;
}

.text-black {
	color: #262626;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] {
	background: #fff;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul {
	background: #fff;
}

.sidebar-nav ul .sidebar-item.selected>.sidebar-link {
	color: #444050;
	margin-bottom: 5px;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
	color: #444050;
	opacity: 1;
	margin-bottom: 5px;
}

.sidebar-nav ul .sidebar-item .sidebar-link.active .feather,
.sidebar-nav ul .sidebar-item .sidebar-link:hover .feather {
	color: #444050;
}

.sidebar-nav ul .sidebar-item .sidebar-link .feather {
	color: #444050;
}

.sidebar-nav .has-arrow::after {
	color: #444050;
	border-color: #444050;
	top: 50%;
}

.sidebar-nav ul .sidebar-item .sidebar-link.active,
.sidebar-nav ul .sidebar-item .sidebar-link:hover {
	opacity: 1;
	background: rgba(47, 43, 61, .06);
}

.sidebar-nav>ul>.sidebar-item>.sidebar-link.active {
	color: #444050;
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin3] {
	background: #fff;
}

.sidebar-nav ul .sidebar-item .first-level.my-account-menu {
	padding-left: 0px !important;
}

.sidebar-nav ul .sidebar-item .first-level.my-account-menu .sidebar-item .sidebar-link {
	padding: 6px 6px !important;
}

.sidebar-nav ul .sidebar-item .first-level.my-account-menu {
	border-radius: 8px;
}

.sidebar-nav ul .sidebar-item .first-level {
	padding-left: 0px;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
	padding: 6px 15px;
	border-radius: 8px;
}

.sidebar-nav ul .sidebar-item {
	padding: 0px 8px;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
	padding: 6px 15px 6px 15px;
	margin-bottom: 5px;
}

.box-shadow {
	box-shadow: 0 .1875rem .75rem 0 rgba(47, 43, 61, .14);
}

.box-rounded {
	border-radius: 0.375rem;
}

.stats-box-inner {
	display: flex;
	align-items: center;
	gap: 10px;
}

.stats-box-inner h2 {
	margin: 0px;
}

.stats-box-img {
	padding: 6px 6px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.stats-box-img img {
	height: 24px;
	width: 24px;
}

.stats-box-img1 {
	background-color: #87a3d536;
}

.stats-box-img2 {
	background-color: #f5896c38;
}

.stats-box-img3 {
	background-color: #00ada436;
}

.stats-box-img4 {
	background-color: #b3c8884f;
}

.stats-box-img5 {
	background-color: #d7196738;
}

.stats-box-img6 {
	background-color: #f3b23d4a;
}

.stats-box-img7 {
	background-color: #00bce12e;
}

.stats-box-img8 {
	background-color: #456eb538;
}

.card .stats-box-inner .card-headings {
	font-size: 17px;
	font-weight: 700;
	color: #000;
}

.stats-box-title {
	margin: 4px 0px 0px 0px;
	font-size: 13px;
	font-weight: 600;
	color: #6e6e6e;
}

.card-box-wrapper-section .card-title {
	font-size: 18px;
	min-width: 100px;
	font-weight: 500;
}

.card-box-wrapper-section ul li h5 {
	font-size: 12px;
}

form .custom-select.custom-select-sm.form-control {
	padding: 0rem .75rem;
	margin-right: 5px;
	border-radius: 3px;
}

.card-box-wrapper-section .table td,
.table th {
	padding: 1rem;
}

.form-card-wrapper-section .child ul {
	display: block !important;
}

.form-card-wrapper-section .child ul li {
	padding: 14px 0 !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.card-box-wrapper-section .table-responsive::-webkit-scrollbar-track {
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	border-radius: 10px;
	background-color: #f4f6f9;
}

.card-box-wrapper-section .table-responsive::-webkit-scrollbar {
	width: 12px;
	height: 10px;
	background-color: #f4f6f9;
}

.card-box-wrapper-section .table-responsive::-webkit-scrollbar-thumb {
	border-radius: 10px;
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
	background-color: #e1e1e1;
}

.btn-primary {
	background-color: #035945;
	border-color: #035945;
}

.btn-primary:hover {
	background-color: #035945;
	border-color: #035945;
	box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
	box-shadow: none;
}

.btn-primary.focus,
.btn-primary:focus {
	background-color: #035945;
	border-color: #035945;
	box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #035945;
	border-color: #035945;
}

.border-primary {
	border-color: transparent !important;
}

.lstick {
	background: #035945;
}

a {
	color: #035945;
}

a:focus,
a:hover {
	text-decoration: none;
	color: #035945;
}

.sidebar-nav .sidebar-item img {
	margin-right: 5px;
}

form #input-photo.form-control {
	border: 0px;
	padding: 2px 2px;
}

form #input-photo.form-control:focus {
	box-shadow: none;
}

form #input-banner.form-control {
	border: 0px;
	padding: 2px 2px;
}

form #input-banner.form-control {
	box-shadow: none;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: transparent;
}

.checkbox .custom-checkbox[type=checkbox] {
	position: relative;
	border: 2px solid #035945;
	/* border-radius: 2px; */
	background: none;
	cursor: pointer;
	line-height: 0;
	margin: 0 .3em 0 0;
	outline: 0;
	padding: 0 !important;
	vertical-align: text-top;
	height: 20px;
	width: 20px;
	-webkit-appearance: none;
	opacity: 1;
}

.checkbox-custom-style {
	margin-top: 32px;
}

.checkbox .custom-checkbox[type=checkbox]:hover {
	opacity: 1;
}

.checkbox span {
	color: rgb(0, 53, 72);
	font-weight: 600;
	font-size: 1rem;
}

.checkbox .custom-checkbox[type=checkbox]:checked {
	background-color: #035945;
	opacity: 1;
}

.checkbox .custom-checkbox[type=checkbox]:before {
	content: '';
	position: absolute;
	right: 50%;
	top: 50%;
	width: 6px;
	height: 12px;
	border: solid #FFF;
	border-width: 0 2px 2px 0;
	margin: -1px -1px 0 -1px;
	transform: rotate(45deg) translate(-50%, -50%);
	z-index: 2;
}

.checkbox .custom-checkbox[type=checkbox]:disabled {
	border: 2px solid #e1e1e1;
}

.sidebar-nav ul .nav-small-cap.configuration-wrapper {
	opacity: 1;
	background: rgba(47, 43, 61, .06);
	margin-bottom: 5px;
}

.configuration-title {
	color: #444050;
	opacity: 1;
	font-weight: 700;
}


form .form-control {
	display: block;
	width: 100%;
	padding: .426rem .9375rem;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.625;
	color: #444050;
	appearance: none;
	background-color: rgba(0, 0, 0, 0);
	background-clip: padding-box;
	border: 1px solid #d1d0d4;
	border-radius: 0.375rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

form .form-control:focus {
	color: #444050;
	background-color: rgba(0, 0, 0, 0);
	border-color: #035945;
	outline: 0;
	box-shadow: 0 2px 6px 0 rgba(120, 241, 221, 0.5);
}

form .form-control:focus,
.form-select:focus {
	border-color: #035945 !important;
}

form .form-control:focus {
	border-width: 2px;
	padding: calc(.426rem - 2px) calc(.9375rem - 2px);
}

.select2-container--bootstrap .select2-dropdown {
	border-color: #035945 !important;
	border-width: 2px !important;
}

.select2-container--bootstrap .select2-dropdown--above {
	box-shadow: 0 2px 6px 0 rgba(120, 241, 221, 0.5) !important;
	border-width: 2px !important;
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(120, 241, 221, 0.5) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(120, 241, 221, 0.5) !important;
	border-color: #035945 !important;
	border-width: 2px !important;
}


.select2-container--bootstrap .select2-results>.select2-results__options::-webkit-scrollbar-track {
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	border-radius: 10px;
	background-color: #f4f6f9;
}

.select2-container--bootstrap .select2-results>.select2-results__options::-webkit-scrollbar {
	width: 8px;
	height: 12px;
	background-color: #f4f6f9;
}

.select2-container--bootstrap .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
	border-radius: 10px;
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
	background-color: #e1e1e1;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
	background-color: #035945 !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control:before {
	background-color: #035945 !important;
}

.badge-info {
	background-color: rgb(194, 222, 232) !important;
	padding-top: 4px;
	padding-bottom: 4px;
	color: rgb(0, 53, 72) !important;
}

.badge-success {
	background-color: rgb(230, 239, 237);
	color: rgb(3, 89, 69);
}

.card-wrapper-header-section {
	background-color: rgba(255, 255, 255, .88);
	box-shadow: 0 .125rem .5rem 0 rgba(47, 43, 61, .12);
	border-radius: 0.375rem !important;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 18px 20px;
	gap: 10px;
}

.form-card-wrapper-section {
	background-color: rgba(255, 255, 255, .88);
	box-shadow: 0 .125rem .5rem 0 rgba(47, 43, 61, .12);

	border-radius: 0.375rem;
	/* overflow: hidden; */
}

.form-card-wrapper-section .card-header {
	background-color: transparent;
}

.form-card-wrapper-section .card-header h3 {
	display: none;
}

.form-card-wrapper-section .card-footer {
	background-color: transparent;
}

.form-card-wrapper-section table.dataTable tbody td {
	padding: 10px 10px;
}

.form-card-wrapper-section table.dataTable tbody tr {
	border-bottom: 1px solid #ededed;
}

.form-card-wrapper-section table.dataTable thead th {
	border-bottom: 1px solid #ededed;
	padding: 10px 10px;
	/* text-align: left !important; */
}

.form-card-wrapper-section table.dataTable tfoot th {
	border-top: 1px solid #ededed;
}

.form-card-wrapper-section table.dataTable tfoot td {
	border-top: 1px solid #ededed;
}

.form-card-wrapper-section table.dataTable.display tbody tr.odd {
	background-color: #fff;
}

.form-card-wrapper-section .btn.btn-xs {
	font-size: 12px;
}

.form-card-wrapper-section .pagination {
	gap: 10px;
}

.form-card-wrapper-section .pagination .paginate_button.page-item .page-link {
	padding: 0px 0rem;
	display: inline-block;
	border: 0px;
}

.form-card-wrapper-section .form-inline label {
	gap: 10px;
}

.btn {
	font-size: 13px;
}

.filter-navbar-wrapper {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(3, 1fr);
	margin: 0px 0px 10px 0px;
	padding: 18px 20px;
	background-color: rgba(255, 255, 255, .88);
	box-shadow: 0 .125rem .5rem 0 rgba(47, 43, 61, .12);
	border-radius: 0.375rem !important;
	position: relative;
	z-index: 1;
}

.filter-navbar-wrapper li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.filter-navbar-wrapper li .dropdown-toggle {
	white-space: nowrap;
	border: 1px solid #ccc;
	width: 100%;
	display: block;
	padding: 7px;
	border-radius: .375rem;
	position: relative;
	z-index: 9999;
}

.filter-navbar-wrapper li .dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
	right: 15px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.filter-navbar-wrapper .dropdown-menu {
	z-index: 99999 !important;
	max-height: 300px;
	overflow-y: auto;
}

.filter-navbar-wrapper .dropdown-menu .dropdown-item a {
	padding: 5px 8px;
	display: block;
}

.filter-navbar-wrapper .dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #dee2e7 !important;
}

.filter-navbar-wrapper .form-control {
	font-size: 14px !important;
	/* border-radius: .375rem !important; */
}

.filter-navbar-wrapper .dropdown-menu::-webkit-scrollbar-track {
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	border-radius: 10px;
	background-color: #f4f6f9;
}

.filter-navbar-wrapper .dropdown-menu::-webkit-scrollbar {
	width: 8px;
	height: 12px;
	background-color: #f4f6f9;
}

.filter-navbar-wrapper .dropdown-menu::-webkit-scrollbar-thumb {
	border-radius: 10px;
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
	background-color: #e1e1e1;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
	background-color: #035945 !important;
}

.text-filter-title-clear-button .fa {
	font-weight: 400 !important;
}

.page-titles h3 {
	font-size: 17px;
	font-weight: 700;
}

.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #035945;
	border-color: #035945;
}


.btn-info {
	border-color: rgb(194, 222, 232);
	;
	background-color: rgb(194, 222, 232);
	color: rgb(0, 53, 72);
}

.btn-info:hover {
	border-color: rgb(194, 222, 232);
	;
	background-color: rgb(194, 222, 232);
	color: rgb(0, 53, 72);
}

.btn-info:not(:disabled):not(.disabled):active {
	border-color: rgb(194, 222, 232);
	;
	background-color: rgb(194, 222, 232);
	color: rgb(0, 53, 72);
}

.btn-info:focus {
	border-color: rgb(194, 222, 232);
	;
	background-color: rgb(194, 222, 232);
	color: rgb(0, 53, 72);
	box-shadow: 0 0 0 .2rem rgb(194, 222, 232);
}

.form-card-wrapper-section .child ul li[data-dt-row]>a:not([href]) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.form-card-wrapper-section .dataTables_paginate .pagination .paginate_button.page-item {
	display: flex;
	align-items: center;
	justify-content: center;
}
.form-card-wrapper-section .dataTables_paginate .pagination .paginate_button.page-item.disabled a {
	color: #44405073;
}

.form-card-wrapper-section .dataTables_paginate .pagination .paginate_button.page-item.disabled:hover {
	background-color: transparent;
	background: transparent;
}

.form-card-wrapper-section .dataTables_paginate .pagination .paginate_button.page-item.disabled:hover a {
	color: #44405073;
}

.form-card-wrapper-section .dataTables_paginate .pagination .paginate_button.page-item.previous {
	padding: 1px 6px;
}

.form-card-wrapper-section .dataTables_paginate .pagination .paginate_button.page-item.next {
	padding: 1px 6px;
}

.form-card-wrapper-section .dataTables_paginate .pagination .paginate_button.page-item.active {
	background-color: #035945;
	background: #035945;
}

.form-card-wrapper-section .dataTables_paginate .pagination .paginate_button.page-item.active a {
	color: #fff;
}

.form-card-wrapper-section .dataTables_paginate .pagination .paginate_button.page-item:hover {
	background-color: #035945;
	background: #035945;
}

.form-card-wrapper-section .dataTables_paginate .pagination .paginate_button.page-item:hover a {
	color: #fff;
}

.user-profile-menu-wrapper .user-profile-menu .profile-image {
	border-radius: 50%;
}

.user-profile-menu-wrapper .user-profile-menu h4 {
	font-size: 17px;
	font-weight: 700;
}

.user-profile-menu-wrapper .user-profile-menu p {
	font-size: 13px;
	font-weight: 400;
	margin-top: 3px;
}

.user-profile-menu-wrapper .user-profile-menu .my-account-btn {
	margin-top: 3px;
	background-color: #035945;
	border-radius: 40px;
	padding: 6px 14px;
	color: #fff;
	font-size: 13px;
}

.user-profile-menu-wrapper .user-profile-menu .my-account-btn:hover {
	color: #fff;
}

.user-profile-menu-wrapper .user-profile-menu .user-list {
	padding: 0px;
	margin: 0px;
}

.user-profile-menu-wrapper .user-list .user-list-menu {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 25px;
}

.user-profile-menu-wrapper .user-list .user-list-menu:hover {
	color: #035945;
}

.user-profile-menu-wrapper .user-list .user-list-menu p {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	font-weight: 400;
}

.topbar .user-profile-menu.mailbox {
	width: 260px;
}

.user-profile-menu-wrapper .dropdown-divider {
	padding: 0px;
	margin: 0px;
}

.login-box-wrapper.auth-wrapper .auth-box {
	margin: 0% 0;
	height: 100vh;
	width: 100%;
}

.login-box-wrapper .login-box-text h4 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-size: 20px;
	color: #035945;
	font-weight: 700;
}

.login-box-wrapper .login-box-text p {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	color: #6d6b77;
	font-weight: 500;
}

.login-form-field label {
	font-size: 14px;
	color: #0e0e0e;
	font-weight: 500;
	margin-bottom: 6px;
}

.reorderpage-wrapper-box .bg-info {
	background-color: #035945 !important;
}

.mobile-user-profile {
	display: none;
}

.form-card-wrapper-section #input-image {
	border: 0;
	padding: 0rem .9375rem;
}


.sidebar-nav ul .sidebar-item .first-level .sidebar-item {
	padding: 0px 4px;
}

#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
	padding: 10px 8px;
}
.filter-navbar-wrapper .form-control.select2-hidden-accessible{
	width: 100%;
	min-width: 100%;
}
.filter-navbar-wrapper .input-group.date{
	width: 100%;
	min-width: 100%;
}
.filter-navbar-wrapper .select2.select2-container {
	width: 100%;
	min-width: 100%;
}

.custom-upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.custom-upload-btn-wrapper input[type=file] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
}

.custom-upload-btn-wrapper i {
	margin-right: 5px;
}

.dtr-details span.dtr-data{
	white-space: normal;
}

  
@media (min-width: 768px) {
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .sidebar-link {
		padding: 14px 6px;
	}
}


/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
	.filter-navbar-wrapper {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(2, 1fr);
	}

	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
		padding: 10px 8px;
	}

	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav ul .sidebar-item .first-level {
		padding-left: 3px;
	}

	.filter-navbar-wrapper .input-group.date {
		width: 100%;
	}

	.first-level .sidebar-item img {
		height: 10px;
	}

	.sidebar-nav ul .sidebar-item .first-level .sidebar-item {
		padding: 0px 4px;
	}
}


/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

	.dataTables_wrapper {
		 overflow-x: auto; 
	}

	.card-body {
		padding: 1rem;
	}

	.form-card-wrapper-section .child ul li {
		gap: 20px;
	}

	.card-wrapper-header-section {
		overflow-x: auto;
	}

	.card-wrapper-header-section .btn.ladda-button {
		white-space: nowrap;
	}

	.card-wrapper-header-section .btn-danger {
		white-space: nowrap;
	}

	.top-header-navbar .navbar-header {
		line-height: 25px !important;
	}

	.user-profile-menu-wrapper li {
		list-style: none;
	}

	.mobile-user-profile {
		display: block;
	}

	.navbar.top-navbar .nav-toggler {
		color: #0e0e0e;
	}

	.navbar.top-navbar .topbartoggler {
		color: #0e0e0e;
	}

	.filter-navbar-wrapper {
		gap: 15px;
		grid-template-columns: repeat(1, 1fr);
	}

	.filter-navbar-wrapper .input-group.date {
		width: 100%;
	}

	.form-card-wrapper-section .dataTables_wrapper .dataTables_length {
		text-align: left;
	}

	.form-card-wrapper-section table.dataTable.nowrap th {
		white-space: initial !important;
	}

	.form-card-wrapper-section table.dataTable.nowrap td {
		white-space: initial !important;
	}

	.form-card-wrapper-section .child ul li span.dtr-data {
		text-align: end;
		gap: 6px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.form-card-wrapper-section div.dataTables_wrapper div.dataTables_info,
	div.dataTables_wrapper div.dataTables_paginate {
		text-align: end;
		margin-bottom: 8px;
	}

	.btn {
		padding: .375rem .45rem;
		margin: 2px 0px;
	}

	.form-card-wrapper-section .pagination {
		gap: 2px;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button {
		min-width: 1.4em !important;
	}
}