body {
	background-color: #ebeff5 !important;
	overflow-x: hidden;
}

.container {
	max-width: 1600px !important;
}

* {
	font-family: 'Nunito Sans', sans-serif;
}

.fa,
.far,
.fas {
	font-family: 'Font Awesome 5 Free' !important;
}

p {
	font-weight: 500;
}

a {
	text-decoration: none !important;
}

.white {
	background: white;
}

.main-content {
	min-height: calc(100vh - 5px - 45px) !important;
}

.dashboard-content {
	max-height: 100vh;
	overflow-y: scroll;
}

/* sidebar  */
#sidebarmenu {
	background-color: #ffffff !important;
	box-shadow: none !important;
}

.sidebar {
	background-color: #ffffff !important;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	padding: 14px 0 30px;
	box-shadow: none !important;
	min-height: 100vh;
}

.navbar-brand {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	background-color: #ffffff;
	box-shadow: none !important;
	font-size: 14px !important;
	font-weight: 600;
	line-height: 1.14;
	letter-spacing: 0.7px;
	color: #11263a !important;
}

.navbar {
	background-color: white;
}

.navbar .navbar-toggler {
	top: 0.25rem;
	right: 1rem;
}

.navbar .form-control {
	padding: 0.75rem 1rem;
	border-width: 0;
	border-radius: 0;
}

.nav-link {
	font-size: 14px;
	font-weight: 600;
	color: #7d889a;
	padding: 0.75rem 1rem !important;
	margin: 0.5rem 0;
	border-radius: 10px;
}

.avatar-nav-link {
	font-size: 14px;
	font-weight: 600;
	color: #7d889a;
	padding: 0.75rem 1rem !important;
	margin: 0.5rem 0;
	border-radius: 10px;
}

.nav-link:hover {
	background-color: #e5eef5;
	color: #015a9f;
	text-decoration: none;
}

.nav-link-active {
	background-color: #015a9f !important;
	color: #fff !important;
}

.nav-link-active svg {
	stroke: #fff !important;
}

.nav-link:hover svg {
	stroke: #015a9f;
}

.online-nav-link {
	font-size: 14px;
	font-weight: 600;
	color: #2E4155;
	padding: 0rem 1rem !important;
	border-radius: 10px;
}

.online-nav-link-language {
	font-size: 14px;
	font-weight: 600;
	color: #A0B1BE;
	padding: 0rem 1rem !important;
	border-radius: 10px;
}

.dropdown-item {
	padding: 1rem 1rem;
}

.dropdown-item:hover {
	cursor: pointer;
	background-color: #e5eef5 !important;
}

.online-nav-link-language:hover {
	color: #015a9f;
	cursor: pointer;
}

.online-nav-link:hover {
	color: #0e141b;
}

.online-nav-item {
	padding: 18px 0px !important;
	margin-bottom: -10px;
}

.online-nav-item-active {
	border-bottom: 5px solid #005ba4;
}

.bg-white {
	background-color: white;
	color: var(--mainBlack);
}

.navbar-dark .navbar-toggler {
	color: rgba(0, 0, 0, 0.5);
	border-color: rgba(0, 0, 0, 0.1);
}

.navbar-dark .navbar-nav .nav-link {
	color: #ffffff !important;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.79;
	text-align: justify;
}

li ul {
	list-style: none;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
	color: #ff6d11 !important;
}

@media (max-width: 991.98px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		margin-bottom: 0.75rem;
	}

	.btn-group,
	.btn-group-vertical {
		display: unset !important;
	}

	.dropdown-menu {
		border: none !important;
		display: block;
	}

	.dropdown-item {
		padding: 0.5rem 0;
		margin-bottom: 0.75rem;
	}
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 0.5rem 1.5rem !important;
	}
}

.btn-navbar-avatar {
	border: solid 1px #f2f7fa;
	border-radius: 50% !important;
	background-color: rgba(136, 164, 255, 0.05);
	padding: 0.5rem 0.25rem;
	width: 45px !important;
	text-align: center;
	font-size: 17px;
	line-height: 1.6;
	font-weight: bold;
	color: #f2f7fa;
	text-transform: uppercase;
}


.author {
	border-radius: 12px;
	background-color: #f2f7fa;
	margin-bottom: -70px;
}

.btn-avatar-initial {
	border-radius: 50% !important;
	background-color: #fff;
	padding: 0.25rem;
	width: 36px !important;
	height: 36px !important;
	text-align: center;
	font-size: 18px !important;
	color: #004cff !important;
	text-transform: uppercase;
	flex-shrink: 0;
}

.online-btn-navbar-avatar {
	border: solid 1px #CCE7F1 !important;
	border-radius: 20% !important;
	background-color: #CCE7F1 !important;
	padding: 0.5rem 0.25rem !important;
	text-align: center !important;
	font-size: 17px !important;
	line-height: 1.6;
	font-weight: bold;
	color: #f2f7fa;
	text-transform: uppercase;
}

.online-dropdown-menu {
	left: -30px !important;
	top: 113% !important;
}

.online-btn-avatar-initial {
	border-radius: 50% !important;
	background-color: #CCE7F1;
	padding: 0.25rem;
	width: 36px !important;
	height: 36px !important;
	text-align: center;
	font-size: 18px !important;
	color: #005BA4 !important;
	text-transform: uppercase;
	flex-shrink: 0;
}

/* end side bar  */

.login-card {
	background-color: #ffffff;
	flex-direction: column;
	padding: 100px 250px !important;
}

.first-header {
	background: #005a9a;
	padding: 10px;
}

.second-header {
	padding: 10px;
}

.footer {
	background: white;
}

.tooltip-div:hover:before {
	content: attr(data-tooltip);
	position: absolute;
	padding: 5px 10px;
	margin: -3px 0 0 0px;
	background: #ffffff;
	box-shadow: 0 6px 14px 0 rgba(8, 26, 49, 0.06);
	color: white;
	border-radius: 5px;
	color: #7d889a;
	font-size: 13px;
	font-weight: 500;
}

.tooltip-div:hover:after {
	content: '';
	position: absolute;
	margin: 0 0 0 3px;
	width: 0;
	height: 0;
	background-color: #ffffff;
}

.dropdown-menu {
	background: #ebeff5;
	border: none !important;
	box-shadow: 2px 4px 7px 0 rgba(226, 227, 234, 0.42);
}

.basic-text-color {
	color: #015a9f;
}

.message-confirmation {
	color: #005899;
	font-weight: bold;
}

.white-text {
	color: #ffffff;
}

.black-text {
	color: #000000;
}

:hover.white-text {
	color: #ffffff;
}

.light-grey-text {
	color: #9fafc6;
}

.grey-text {
	color: #424f67;
}

:hover.grey-text {
	color: #424f67;
}

.dark-grey-text {
	color: #162a4c;
}

:hover .dark-grey-text {
	color: #162a4c;
}

.blue-text {
	color: #0e62ff;
}

.dark-blue-text {
	color: #005ba4 !important;
}

.dark-red-text {
	color: #ba3838;
}

.small-font {
	font-size: 14px;
}

.medium-font {
	font-size: 16px;
}

.large-font {
	font-size: 23px;
}

.large-26-font {
	font-size: 26px;
}

.super-large-font {
	font-size: 40px;
}

.bold {
	font-weight: 600;
}

.letter-spacing-large {
	letter-spacing: 0.64px;
}

.letter-spacing-large-1 {
	letter-spacing: 1px;
}

.dashboard-cards {
	display: flex;
	justify-content: space-between;
}

.blue-card {
	width: 100%;
	max-width: 290px !important;
	border-radius: 27.9px !important;
	border: #0066cb !important;
	background-color: #0066cb !important;
	padding: 40px !important;
}

.purple-card {
	width: 100%;
	max-width: 290px !important;
	border-radius: 27.9px !important;
	border: #38519e !important;
	background-color: #38519e !important;
	padding: 40px !important;
}

.yellow-card {
	width: 100%;
	max-width: 290px !important;
	border-radius: 27.9px !important;
	border: #fec028 !important;
	background-color: #fec028 !important;
	padding: 40px !important;
}

.online-card {
	border-radius: 20px !important;
	background-color: #ffffff;
	padding: 20px 30px !important;
}

.right-dashboard-side {
	width: 100%;
	max-width: 400px !important;
	background: white;
	padding: 36px !important;
	border-radius: 27.9px !important;
}

.first-img-in-right-side-dashboard {
	width: 100%;
	max-width: 76px;
	height: 76px;
	border-radius: 14.4px;
	margin-right: 15px;
	background-color: #7cc8e7;
}

.second-img-in-right-side-dashboard {
	width: 100%;
	max-width: 76px;
	height: 76px;
	border-radius: 14.4px;
	background-color: #005a9f;
	margin-right: 15px;
}

.third-img-in-right-side-dashboard {
	width: 100%;
	max-width: 76px;
	height: 76px;
	border-radius: 14.4px;
	margin-right: 15px;
	background-color: #fec028;
}

.fourth-img-in-right-side-dashboard {
	width: 100%;
	max-width: 76px;
	height: 76px;
	border-radius: 14.4px;
	margin-right: 15px;
	background-color: #4942ac;
}

.sixth-img-in-right-side-dashboard {
	width: 100%;
	max-width: 76px;
	height: 76px;
	border-radius: 14.4px;
	margin-right: 15px;
	background-color: #ec9493;
}

.add-item {
	padding: 9px 24px;
	border-radius: 4px;
	background-color: #01abf1;
	border: #01abf1;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
}

.semi-bold {
	font-weight: 600;
}

.table-content {
	background: white;
	padding: 10px;
	padding-top: 0px;
	border-radius: 4px;
}

.online-table {
	border-radius: 20px !important;
	background-color: #ffffff;
}

tbody,
td,
tfoot,
th,
thead,
tr {
	border-color: none;
	border-style: none !important;
	border-width: 0;
}

thead {
	border-bottom: 1px solid #f6f6f6 !important;
}

td {
	vertical-align: middle;
	border-bottom: 1px solid #f6f6f6 !important;
}

.td {
	vertical-align: middle;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

th {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

td p {
	white-space: nowrap;
}

.active-status-icon {
	color: #0e62ff;
}

.clickable:hover {
	background-color: #e5eef5;
	cursor: pointer;
}

.dropdown-toggle {
	width: 100%;
	max-width: 170px;
}

.reports-paid {
	width: 100%;
	border-radius: 15.5px;
	background-color: rgba(0, 205, 166, 0.1);
	font-size: 14px;
	font-weight: 600;
	line-height: 0.93;
	letter-spacing: 0.5px;
	color: #00cda6;
	margin: 0px;
	padding: 5px;
	text-align: center;
}

.reports-close {
	width: 100%;
	border-radius: 15.5px;
	background-color: rgba(255, 75, 115, 0.1);
	font-size: 14px;
	font-weight: 600;
	line-height: 0.93;
	letter-spacing: 0.5px;
	color: #ff3554;
	margin: 0px;
	padding: 5px;
	text-align: center;
}

.reports-reversed {
	width: 100%;
	border-radius: 15.5px;
	background-color: rgb(255 174 75 / 10%);
	font-size: 14px;
	font-weight: 600;
	line-height: 0.93;
	letter-spacing: 0.5px;
	color: #ff8a35;
	margin: 0px;
	padding: 5px;
	text-align: center;
}

.reports-open {
	width: 100%;
	border-radius: 15.5px;
	background-color: #5ff3ae45;
	font-size: 14px;
	font-weight: 600;
	line-height: 0.93;
	letter-spacing: 0.5px;
	color: #31e893;
	margin: 0px;
	padding: 5px;
	text-align: center;

}

.reports-approved {
	width: 100%;
	border-radius: 15.5px;
	background-color: #0f513238;
	font-size: 14px;
	font-weight: 600;
	line-height: 0.93;
	letter-spacing: 0.5px;
	color: #157548;
	margin: 0px;
	padding: 5px;
	text-align: center;

}

.open-status {
	width: 100%;
	max-width: 75px;
	border-radius: 15.5px;
	background-color: rgba(0, 205, 166, 0.1);
	font-size: 14px;
	font-weight: 600;
	line-height: 0.93;
	letter-spacing: 0.5px;
	color: #00cda6;
	margin: 0px;
	padding: 5px;
	text-align: center;
}

.close-status {
	width: 100%;
	max-width: 75px;
	border-radius: 15.5px;
	background-color: rgba(255, 75, 115, 0.1);
	font-size: 14px;
	font-weight: 600;
	line-height: 0.93;
	letter-spacing: 0.5px;
	color: #ff3554;
	margin: 0px;
	padding: 5px;
	text-align: center;
}

.download-excel {
	border-radius: 5px;
	background-color: #0059aa;
	border: #0059aa;
	font-size: 16px;
	text-align: center;
	color: #ffffff;
	padding: 9px 24px;
}

.download-excel:hover {
	color: #ffffff !important;
}

.reports-red-text {
	color: #ff3554;
}

.reports-green-text {
	color: #1fad6b;
}

.reports-orange-text {
	color: #FE9528;
}

.reports-light-blue-text {
	color: #7CC8E7;
}

.reports-blue-text {
	color: #0066CB;
}

.reports-yellow-text {
	color: #FEC028;
}

.icon-tabler-arrow-bar-to-down {
	margin-right: 8px;
}

.document-type {
	width: 100%;
	border-radius: 8px !important;
	box-shadow: 0 7px 64px 0 rgba(0, 0, 0, 0.03) !important;
	background-color: #ffffff !important;
	border: #ffffff !important;
	padding: 10px !important;
}

.submit {
	padding: 9px 24px;
	border-radius: 5px;
	background-color: #0059aa;
	border: #0059aa;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff !important;
}

.search-input {
	border-radius: 4px;
	border: none;
	background-color: #ffffff;
	padding: 10px;
	padding-left: 20px;
}

.search-input::placeholder {
	color: #b9c1c7 !important;
	font-size: 16px;
}

.auth-input {
	border: none;
	border-bottom: 1px solid #e6e7e8 !important;
	background-color: #ffffff;
	padding: 5px;
	width: 100%;
	max-width: 510px;
}

.input-group-text {
	background: white !important;
	border: none !important;
	border-bottom: 1px solid #e6e7e8 !important;
	padding-bottom: 12px !important;
}

.auth-logo {
	margin-bottom: 115px !important;
}

.auth-button {
	padding: 10px 50px;
	border-radius: 35px;
	background-color: #005899;
	border: #005899;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
	color: #ffffff !important;
}

.auth-input::placeholder {
	color: #b9c1c7 !important;
}

.auth-img {
	width: 100%;
	max-width: 700px;
}

.input-admin {
	border: solid 1px #ced4da !important;
	padding: .375rem .75rem;
	border-width: 0;
	border-radius: 0;
}

.input {
	border-radius: 8px;
	border: solid 1px #e6e7e8 !important;
	background-color: #ffffff !important;
	padding: 5px;
}

.input input {
	border: none !important;
	border: solid 1px #e6e7e8 !important;
	background-color: #ffffff !important;
	padding: 5px;
}

.input select {
	width: 100%;
	border: none;
	background-color: #ffffff;
	padding: 5px;
}

.document-type,
input {
	font-size: 15px;
	color: #11263a !important;
}

.online-date-input {
	border-radius: 22px;
	border: solid 2px #e2e9f1;
	background-color: #ffffff;
	padding: 10px 20px;
}

.pagination {
	display: flex;
	justify-content: flex-end;
	margin: 0px;
}

.pagination-number,
.page-link {
	padding: 2px 6px;
	color: #0058b0 !important;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	background-color: #ffffff !important;
	padding: 7px 10px;
}

.pagination-current,
.page-link {
	color: white !important;
	background-color: #0058b0 !important;
	padding: 7px 10px;
}

.page-item {
	align-self: center;
	margin-right: 3px !important;
	margin-left: 3px !important;
}

.page-link {
	position: relative;
	color: #0058b0 !important;
}

.dark-button {
	width: 100%;
	max-width: 131px;
	padding: 9px;
	border-radius: 5px;
	background-color: #0059aa;
	border: #0059aa;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.3px;
	text-align: center;
	color: #ffffff !important;
	text-decoration: none;
}

.dark-button1 {
	width: 100%;
	max-width: 131px;
	padding: 9px;
	border-radius: 5px;
	background-color: #0059aa;
	border: #0059aa;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.3px;
	text-align: center;
	color: #ffffff;
	margin-left: 140px;
	margin-top: 20px;
}

.light-button {
	width: 100%;
	max-width: 131px;
	padding: 9px;
	border-radius: 5px;
	background-color: #e7ecfa;
	border: #e7ecfa;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.3px;
	text-align: center;
	color: #0058b0 !important;
	box-shadow: 0 6px 14px 0 rgba(8, 26, 49, 0.06);
}

.red-button {
	width: 100%;
	max-width: 131px;
	padding: 9px;
	border-radius: 5px;
	background-color: #ba3838;
	border: #ba3838;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.3px;
	text-align: center;
	color: #ffffff !important;
	text-decoration: none;
}

.light-red-button {
	width: 100%;
	max-width: 161px;
	padding: 9px;
	border-radius: 26px;
	background-color: #f8ebeb;
	border: #f8ebeb;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.26px;
	text-align: center;
	color: #ba3838;
}

.filter-button {
	width: 100%;
	max-width: 114px;
	border-radius: 25px;
	background-color: #ccdeed;
	border: #ccdeed;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.3px;
	text-align: center;
	color: #005ba4;
}

.search-button {
	border-radius: 4px;
	color: #0042ff !important;
	font-size: 16px !important;
	font-weight: bold;
	letter-spacing: 0.3px;
	text-align: center;
	background-color: #ffffff !important;
	padding: 6px 16px !important;
	border: none;
	margin-left: 10px;
}

.reversal-button {
	width: 100%;
	max-width: 159px;
	padding: 9px;
	border-radius: 4px;
	background-color: #ba3838;
	border: #ba3838;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.26px;
	text-align: center;
	color: #ffffff;
}

.edit-button {
	padding: 9px;
	border-radius: 5px;
	background-color: #0059aa;
	border: #0059aa;
}

.delete-button {
	padding: 9px;
	border-radius: 5px;
	background-color: #ba3838;
	border: #ba3838;
}

.img {
	width: 100%;
	max-width: 1264px;
}

.card {
	border: none !important;
}

@media (max-width: 768px) {
	.nav-link {
		text-align: center;
	}

	.dashboard-cards {
		justify-content: center;
	}

	.blue-card,
	.purble-card {
		margin-bottom: 20px;
	}
}

.client-card {
	border-radius: 20px !important;
}

.collapse-button {
	background: transparent;
	border: none !important;
}

.clients-chart {
	background: white;
	border-radius: 20px;
	padding: 10px 20px;
}

/* Rilindi */
#total-orders {
	background-color: #4cb4c7;
}

#orders-delivered {
	background-color: #7abecc;
}

#orders-pending {
	background-color: #7cd1c0;
}