div.buy-now {
	display: none !important;
}

.main-menu .navbar-header .navbar-brand {
	margin: 0;
	height: 100%;
}

.main-menu .navbar-header .navbar-brand .brand-logo img {
	width: auto;
	max-width: 100%;
}

.main-menu .navigation>li.active>a {
	box-shadow: none !important;
}

.cstm-stat-card .avatar .avatar-content {
	width: 40px;
	height: 40px;
}

.cstm-stat-card .avatar .avatar-content .font-medium-5 {
	width: 26px !important;
	max-width: unset;
	height: 26px !important;
	max-height: unset !important;

}

.cstm-stat-card .avatar .avatar-content {
	font-size: 26px !important;

}

.cstm-stat-card .card .card-text {
	font-size: 1.1rem;
}

.card-link:hover .card {
	box-shadow: 0 0px 0px 0 rgb(34 41 47 / 0%);
	transform: translateY(4px);

}


th span.sort-wr {
	display: inline-flex;
	flex-direction: column;
}

th.sort .th-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: -7px 0;
}

.table thead th {
	vertical-align: top;
	text-transform: uppercase;
	font-size: .857rem;
	letter-spacing: .5px;
	vertical-align: middle;
}

.table thead th .btn.btn-icon {
	padding: 0.35rem 0.37rem;
}

.table td,
.table th {
	padding: 0.72rem 1rem;
}

.table th .custom-control,
.table td .custom-control {
	padding: 0;
}

.table .dropdown-menu {
	min-width: 9rem;
}

.cstm-table td {
	color: #202020;
	font-weight: 500;
}

.text-end {
	text-align: end;
}

.table-control .btn {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;

}

.table-control .btn:hover {
	color: #FFBD00 !important;
}

.btn-group [class*=btn-]:not([class*=btn-outline-]):not([class*=btn-flat-]):not([class*=btn-gradient-]):not([class*=btn-relief-]) {
	border-right-color: rgb(255 255 255 / 8%) !important;
	border-left-color: rgb(255 255 255 / 8%) !important;
}

label {
	color: #472d30;
	font-size: .95rem;
	font-weight: bold;
}

.search-btns-wr .btn {
	margin-bottom: .25rem;

}

.cstm-table .tooltip-custom {
	width: fit-content;
}

.ord-state {
	height: 100%;
	align-items: stretch;

}

.modal .cstm-close {
	top: 50%;
	transform: translateY(-50%) !important;
	background: transparent !important;
	transition: .3s ease !important;
	font-weight: bold;
	opacity: .8;


}

.modal .cstm-close:hover {
	color: #000;
	opacity: 1;

}

div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_length label {
	display: flex;
	align-items: center;
}

.my-table-control {
	border-top-left-radius: 0.428rem;
	border-top-right-radius: 0.428rem;
	display: none;
	flex-wrap: wrap;
	align-items: center;
	padding: .5rem;
	color: black !important;
	font-weight: bold;
}

.my-table-control.show {
	display: flex !important;
}

.my-table-control .wr,
.my-table-control .btn {
	margin: auto .5rem;

}

.page-title {
	font-size: 1.1rem;
	font-weight: bold;
	font-family: 'Tajawal', sans-serif;

}

.filters-btn {
	border-radius: 50%;
	width: 38px;
	height: 38px;
	transition: .3s ease;
}

.filters-btn .ficon {
	color: #2B357A !important;
	width: 19px !important;
	transition: .3s ease;
}

.filters-btn:hover {
	background-color: transparent !important;
}

.filters-btn:hover .ficon {
	transform: scale(1.15);
}


.table-control-wr .table-op {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .5rem;
	flex-wrap: wrap;

}

.table-control-wr .table-op .num-select .form-group {
	align-items: center;
	margin-bottom: 0;
}

.table-control-wr .table-op .num-select .form-group select {
	min-width: 80px;
}

.table-control-wr .table-op .num-select label {
	display: flex;
	white-space: nowrap;
	align-items: center;
	margin: 0 8px;
}

.table-control-wr .table-op .btns .ficon {
	color: #ffffff !important;
	width: 20px !important;
}

.form-group span.error {
	color: #FF3031;
}

div.dataTables_wrapper div.dataTables_filter label {
	justify-content: flex-end;
}

.cstm-table td .d-flex {
	align-items: center;
}

.cstm-table td .d-flex .td-pic-wr {
	margin-right: .5rem;
}

.cstm-table td .d-flex .details {
	min-width: 90px;
}

.cstm-table td .d-flex .td-pic-wr img {
	border-radius: 50%;
	height: 45px;
	width: 45px;
}

.td-check,
.check-th {
	min-width: 38px !important;
	width: 45px !important;
	text-align: center;
}

.cstm-table td .dropdown .dropdown-menu {
	min-width: 6.5rem;

}


.my-img-up .custom-file-label:after {
	display: none;
}

.my-img-up .upPic {

	max-width: 80px;
	max-height: 80px;
	margin: 5px 0;
	display: none;
	padding: 3px;
	background-color: #ccc;
	border-radius: 5px;
}

.my-img-up .upPic.active {
	display: block;
}

.my-img-up .custom-file-label {
	margin-bottom: 0;
}

.select2-dropdown {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
	border-color: #2B357A !important;
}


.rate-wrap {
	position: relative;
	overflow: hidden;
	direction: ltr;
	text-align: left;
	display: flex;
	font-size: .95rem !important;
	cursor: default
}

.rate-wrap .rate {
	display: flex;
	justify-content: left;
	align-items: center;
	height: 100%;
}

.rate .r-active {
	color: gold;
	position: relative;
	z-index: 5;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}

.rate .r-disabled {
	position: absolute;
	overflow: hidden;
	color: #cacaca;
}

td .rate-wrap {
	font-size: 12px !important;
}

td .form-inline {
	width: 100% !important;
	margin: auto;
	padding: 0 !important;
}

td .form-inline .select2 {
	min-width: 170px;
	width: 100% !important;

}

td .op-num {
	font-weight: 500;
	margin-top: 3px;
	color: #2B357A !important;
}

.table-responsive.min-h {
	min-height: 19rem;
}

.cstm-table tr.dropopen {

	background-color: rgba(239, 76, 26, 0.12) !important;
}

@media (min-width: 768px) {

	.csmt-sidebar {
		width: 650px !important;
	}
}

#productForm .dropzone {
	min-height: 150px;
	border: 1px dashed #2B357A;
	background: #fff;
	border-radius: 0.357rem;

}

#productForm .dropzone .dz-message {
	font-size: 1.1rem;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 80%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding-top: 2rem;
	margin: 0;
	font-weight: 500;
	color: #2B357A !important;
}

.dz-button {
	border: 0 !important;
	background-color: transparent !important;
	color: #999 !important;
	outline: 0 !important;
	box-shadow: none !important;
}

.dropzone .dz-message:before {
	font-size: 35px;
	top: 5rem;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
}

#productForm .form-group span.error {
	font-size: 12px;
}

.dropzone .dz-preview .dz-progress {
	top: 70%;
}

.small-filters .card-body {
	padding: 1rem;

}

.small-filters .search-btns-wr {
	margin-top: 24px;
}

.bold {
	font-weight: bold;
}

.tablestyle2 .bold {
	font-size: 95%;
}

td .td-det {
	color: #5c5c5c;
	font-weight: 400;
	padding-left: 5px;
	margin-top: 2px;
	font-size: 95%;
}

.tablestyle2 .font-weight-bold {
	font-weight: bold !important;
}

.tablestyle2 .total-td {
	font-size: 1.1rem;
}

.order-total .total-wr {
	width: 270px;
	margin-left: auto;
	padding: 10px 20px;
	max-width: 100%;
	font-weight: bold;

}

.order-total .total-wr .item {
	display: flex;
	justify-content: space-between;
	padding: 6px 0;
	align-items: center;
}

.order-total .total-wr .item .lbl {
	color: #858585;
}

.order-total .total-wr .item.final {
	border-top: 1px solid rgba(0, 0, 0, .1);
	padding-top: 10px;
	margin-top: 4px;

}

.order-total .total-wr .item.final .lbl {
	color: #262626;
}

.order-total .total-wr .item.final .val {
	color: #2B357A;
	font-size: 1.2rem;
}

.page-top-btns .btn {
	padding: 10px;
}

.my-cstm-card {
	overflow: hidden;
}

.my-cstm-card .card-title {
	padding: .5rem;
	margin-bottom: .5rem;

}

.my-cstm-card .card-body {
	padding-top: .25rem;
	padding-bottom: .25rem;
}

.my-cstm-card .card-body .item {
	line-height: 2;
	display: flex;
	align-items: center;
	padding: .5rem 1rem;
	margin-bottom: 2px;
	border-radius: 5px;
	font-weight: bold;
}

.my-cstm-card .card-body .item .i-wr {
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	flex-shrink: 0;
	height: 28px;
	margin-right: 5px;
	background-color: transparent !important;
}

.my-cstm-card .card-body .item .val {
	color: #383F51;
}

.my-cstm-card .logo {
	width: 80px;
	height: 80px;
	margin-bottom: .5rem;
}

.my-cstm-card.bill-card .item {
	justify-content: space-between;
	align-items: center;
	box-shadow: 1px 0px 3px #ef432423;
	margin: 5px 0;
	color: #383F51;
	line-height: 1.5;
}

.my-cstm-card .item.address {
	align-items: flex-start;
	line-height: 1.5;
	margin-bottom: .5rem !important;
}

.my-cstm-card .item.address .val {
	font-weight: 500;
}

.my-cstm-card.address-card .item {
	line-height: 1.5;
	padding: .25rem 1rem;
	margin: 0;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.active a {
	background-color: #2B357A;
	color: #fff;
}

.add-order .bs-stepper-content .text-muted {

	font-size: 13px;
}

.add-order .bs-stepper-content hr {
	margin-bottom: 20px;
}

.add-order .bs-stepper-content .bootstrap-touchspin.input-group-lg .touchspin.form-control {
	height: 38px !important;
	min-width: 50px;
}

.add-order .bs-stepper-content .bootstrap-touchspin.input-group-lg .bootstrap-touchspin-down,
.add-order .bs-stepper-content .bootstrap-touchspin.input-group-lg .bootstrap-touchspin-up {
	height: 30px !important;
	width: 30px;

}

.add-order .bs-stepper-content .bootstrap-touchspin.input-group-lg {
	width: 10.375rem;
}

/* ===================================== */
.show-img-wr .td-pic-wr img {
	padding: 2px;
	height: 40px;
	width: 40px;
	object-fit: cover;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .brand-logo {
	overflow: hidden;

}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .brand-logo img {

	padding: 1rem;
	transform: translateX(-1rem) translateY(-1rem);



}

.cstm-table .actions-td {
	min-width: 6.5rem;

}

.td-pic-wr.big-pic-wr {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
}

.td-pic-wr.big-pic-wr img {
	height: 65px;
	width: auto;
	max-width: 85px;

}

.gallery-thumbs .swiper-slide {
	background-color: #000;
	opacity: 1;
}


.gallery-thumbs .swiper-slide img {

	opacity: .4;
}

.gallery-thumbs .swiper-slide-thumb-active img {
	opacity: 1;
}

.car-slider .gallery-top img {
	min-height: 245px;
	object-fit: cover;
}

.car-slider .gallery-thumbs .swiper-slide img {
	min-height: 65px;
	object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
	color: #2B357A;
	font-weight: bold;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 30px;
}

.my-cstm-card .card-title .avatar.avatar-sm .avatar-content .fas {
	font-size: 1.5rem;
	width: 1.5rem;
	height: 1.5rem;
}

.my-cstm-card .start-time {
	font-weight: bold;
	line-height: 2;
	color: #000;
}

.my-cstm-card .start-time span {
	color: #2B357A;
	font-size: 1.2em;
}

.my-cstm-card.info-card .item {
	justify-content: space-between;
	align-items: center;
	box-shadow: 0px 0px 3px #2B357A2d;
	margin: 5px 0;
	line-height: 1.5;
}

.my-cstm-card.info-card .title {
	font-weight: bold;
	color: #000;
	margin-top: .4rem;
	margin-bottom: .75rem;

}

.my-cstm-card.info-card .item .lbl {
	color: #666666;
}

.my-cstm-card.info-card .item .val {
	color: #000;
}

.my-cstm-card.info-card p {
	color: #666666;
}

.my-cstm-card.info-card.v2 .card-body {
	display: flex;
	height: fit-content;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 1rem;
}

.my-cstm-card.info-card.v2 .item {
	box-shadow: 0px 0px 2px #2B357A10;
	margin: 8px 0;

}

.my-cstm-card.info-card.v2 .card-body .col-md-6 {
	padding: 0 .7rem;
}

.my-cstm-card.info-card.v2 .card-body .col-md-6:nth-child(odd) .item:nth-child(odd) {
	background-color: #2B357A10;

}

.my-cstm-card.info-card.v2 .card-body .col-md-6:nth-child(even) .item:nth-child(even) {
	background-color: #2B357A10
}


.select2-dropdown {
	z-index: 888 !important;
}


@media (max-width: 767.98px) {
	.my-cstm-card.info-card.v2 .card-body .col-md-6.item {
		background-color: #fff;
	}

	.my-cstm-card.info-card.v2 .card-body .col-md-6.item:nth-child(odd) {
		background-color: #2B357A1c;

	}
}

.add-form h4 {
	padding: 1rem 0;
	margin-bottom: .5rem !important;
	color: #2B357A !important;
}


/* img uploader style */

.iui-cloud-upload:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f382";
	color: #2B357A82;
}

.iui-close::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00d";
}

.image-uploader {
	min-height: 10rem;
	border: 1px dashed #2B357A82;
	position: relative;
	border-radius: 4px;
	color: #999;
}

/* img uploader style EEEnd */



.flatpickr-time {
	height: 40px;
	border-top: 1px solid #eceef1;
}

.font-normal {
	font-weight: 500 !important;
}

.flatpickr-input[readonly] {
	background-color: #fff;
}

.auc-card .card-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #2B357A2d;
}

.auc-card .card-title h5 {
	font-weight: bold;
	margin-bottom: 0;
}

.auc-card .card-title .badge-pill {
	font-size: 13px !important;
}

.auc-card .card-body .item .lbl {
	display: flex;
	align-items: center;
	color: #5c5c5c;
	white-space: nowrap;
}

.auc-card .card-body .item .lbl .i-wr {
	margin: 0 !important;
	color: #2B357A;
	font-size: 20px;
	justify-content: flex-start;
	align-items: center;
}

.auc-card .card-body .item {
	align-items: flex-start;

}



.auc-card .card-body .item .lbl .i-wr svg {
	width: 20px;
	height: 20px;
}

.auc-card .card-body .item .val {
	margin: 0 5px;
	color: #000;
}

td .d-flex.justify-content-between {
	flex-wrap: wrap;
}

td .name.text-success {
	white-space: nowrap;
}


.active-car-card .row {
	margin: 0;
}

.active-car-card .car-title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.active-car-card .car-title .car-name {
	min-height: 38px;
	display: flex;
	align-items: center;
	margin-right: .75rem;
	font-weight: 500;
}

.active-car-card .col-md-12,
.active-car-card .col-md-5,
.active-car-card .col-md-7 {
	padding: 0 .2rem;
}



.active-car-card .item {
	justify-content: space-between;
	padding: 3px 4px !important;

}

.embed-responsive-3by2::before {
	padding-top: 66.67%;
}

.active-car-card .item:nth-child(odd) {
	background-color: #2B357A10;
}

.embed-responsive .slider-wr {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.embed-responsive .slider-wr #component-swiper-navigations,
.embed-responsive .slider-wr .swiper-container,
.embed-responsive .slider-wr .swiper-slide img {
	height: 100%;
}

.embed-responsive .slider-wr .swiper-slide img {
	object-fit: cover;
	object-position: center;
}

.active-car-card .box-wr {
	display: flex;
	flex-wrap: wrap;
}

.active-car-card .box-wr .box {
	min-width: 50%;
	padding: .5rem;
	flex-grow: 1;
}

.active-car-card .box-wr .box:nth-child(1) {
	margin-right: 0;
	padding-left: 0;
}

.active-car-card .box-wr .box:nth-child(2) {
	margin-right: 0;
}

.active-car-card .box .card {
	margin-bottom: 0;
}

.active-car-card .box .card-text {
	color: #5c5c5c;
	font-weight: 600;
	margin-bottom: 0;
}

.active-car-card .box .card-header {
	box-shadow: 0 2px 12px 0 rgb(34 41 47 / 10%);
	padding: 4px 0;
	border-radius: 5px;
	padding: .75rem;
}

.active-car-card .box .inner {

	display: block;
	width: 100%;
	height: 100%;
	transition: all .3s ease;
}

.active-car-card .box-wr .box .inner:hover,
.active-car-card .box-wr .box .inner:focus {
	box-shadow: 0 0px 1px 0 rgb(34 41 47 / 10%);
}

.active-car-card .box-wr .box .inner div {
	padding: 4px;
}

.active-car-card .box-wr .box .name {
	color: #5c5c5c;
}

.active-car-card .col-md-5 {
	justify-content: space-between;
}

.active-car-card .col-md-5 .box {
	margin: .5rem 0;
}


.box .clint-name {
	color: #5c5c5c;
	font-weight: bold;
	display: flex;
	align-items: center;
	margin-top: 8px;
}

.box .clint-name svg {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}


.next-car-card {
	box-shadow: 0 2px 8px 0 rgb(34 41 47 / 12%) !important;
	border: 1px solid #2B357A1f;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}

.next-car-card .item {
	font-size: .95rem;
}

.next-car-card .item .lbl {
	color: #858585;
}

.next-cars .card-body {
	max-height: 800px;
	overflow-y: scroll;
}


.next-car-card .img-wr {
	position: relative;
	width: 100%;
	padding: 28.125% 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.next-car-card .img-wr img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.next-car-card .card-footer {
	border-top: 0;
	font-size: 1.1rem;
}


#r-show {
	min-width: 80px;
}

td .brand-img-wr {
	max-width: 60px;
	max-height: 60px;
}

@media (max-width: 767.98px) {

	.last-numbers .box-wr .box {
		width: 50%;
		padding: .5rem;
	}
}

.my-cstm-card.v3 {
	border: 1px solid #2B357A3b;
	padding-bottom: 1rem;
}

.my-cstm-card.v3 .card-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1rem;
	border-bottom: 1px solid #2B357A3b;
	background-color: #2B357A0e;
}

.my-cstm-card.v3 .card-title>div {
	display: flex;
	align-items: center;
	align-content: center;
}

.my-cstm-card.v3 .card-title span {
	margin: 0 .5rem;
}

.my-cstm-card.v3 .card-title .progress {
	width: 200px;
	margin: 0 .5rem !important;
}

.my-cstm-card.v3 .col-lg-4 {
	padding: 0 .5rem;
}

.my-cstm-card.v3 .col-lg-4 .item {
	font-size: .9375em;
}

.item-start .item {
	justify-content: flex-start !important;
}

span.time,
span.date {
	padding: 4px 6px;
	box-shadow: 0px 0px 0px 1px #2B357A4b;
	margin: 0 2px;
	display: inline-flex;
	border-radius: 5px;
	position: relative;
	direction: ltr;
	align-items: center;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
}

span.time svg,
span.date svg {
	margin-right: 5px;
	height: 18px;
	width: 18px;
}

@media (max-width: 767.98px) {

	.my-cstm-card.v3 .card-title {
		flex-wrap: wrap;
	}

	.my-cstm-card.v3 .card-title>div {
		width: 100%;
		margin-left: auto;
	}
}

a {
	color: inherit;
	background-color: transparent;
}

td.num-val {
	text-align: left !important;
}

.buy-card .btn {
	margin-left: auto;
	margin-top: 1rem;
	display: block;
	max-width: 200px;
}

.count-row {
	counter-reset: cards-counter 0;
}

.next-car-card {
	overflow: hidden;
	cursor: move;
}

.next-car-card .card-footer {
	display: flex;
	padding: 0;
}

.next-car-card .card-footer>a {
	flex-grow: 1;
	border-radius: 0;
	margin: 0;
}

.next-car-card .img-wr::before {
	counter-increment: cards-counter;
	content: "";
	background-color: rgba(0, 0, 0, 0.85);
	min-width: 50px;
	position: absolute;
	left: 8px;
	top: 8px;
	z-index: 5;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	line-height: 1;
}

.next-car-card .img-wr::before {
	content: "?";
}

.next-cars .card .img-wr::before {
	content: counter(cards-counter);
}

.add-form .custom-file-input:lang(en)~.custom-file-label::after {
	display: none;
}

.tox-tinymce {
	border: 1px solid #D8D6DE !important;
	border-radius: 0.357rem !important;
}

.hm-wr .form-control:nth-child(1) {
	margin-right: .5rem;
}

td .per-val {
	display: flex;
	justify-content: space-between;
	min-width: 180px;
}

td .per-val:not(:last-child) {
	margin-bottom: 6px;
}

td .per-val .num {
	text-align: center;
	color: #2B357A;
}

.owner .name {
	margin-bottom: .5rem;
	min-width: 140px;
}

.owner .name:hover {
	color: #2B357A;
}

a:hover {
	color: #204F8D;
}

a.card-link:hover {
	color: inherit;
}

.cstm-table td .title {
	min-width: 150px;
}

.next-car-card .img-wr .actions {
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 5;
}

.next-car-card .img-wr .actions .btn-outline-success {
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
	background-color: rgba(255, 255, 255, 0.4) !important;
	border-color: rgba(255, 255, 255, 0.4) !important;
}



.number-align {
	direction: ltr;
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
}

.num-perc {
	text-align: center !important;
}

.attr-wr .custom-control-label {
	font-weight: 500;

}

.attr-wr {
	padding: .75rem 0;
	margin-bottom: 1rem;
}

.attr-wr .custom-control {
	margin-bottom: .5rem;
}

.pack-det .item .lbl svg {
	width: 20px;
	height: 20px;
}

.pack-det .item .lbl {
	display: flex;
	align-items: center;
	color: #5c5c5c;
	white-space: nowrap;
}

.pack-det .item .lbl .i-wr {
	margin: 0 !important;
	color: #2B357A;
	font-size: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.sm-card .card-title {
	font-size: 1.1em;
}


.custom-file-input:lang(en)~.custom-file-label::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f382";
	color: #2B357A;
	background-color: #cacaca5e;
	font-size: 1.1rem;
}

.date-time-wr {
	flex-direction: column;
	align-items: flex-end !important;
	min-width: 135px !important;

}

.date-time-wr .time {
	margin-top: 5px;
}

td span.time,
td span.date {
	padding: 2px 6px;
	box-shadow: 0px 0px 0px 1px #2B357A29;
	margin: 0 2px;
	display: inline-flex;
	border-radius: 5px;
	position: relative;
	direction: ltr;
	align-items: center;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
}

.table-responsive {
	min-height: 250px;
}

.big-lable {
	font-size: 1.25rem;
	margin-bottom: .75rem;
}

/* 6-2-2023 */

.add-form .form-row:nth-last-child(2) {
	border-bottom: 0;
}

.pill-style {
	gap: 10px;
}

.pill-style .nav-link {
	font-size: 15px;
	padding-top: 12px;
	padding-bottom: 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	padding: 10px;
	background-color: #f7f7f7;
	min-width: 100px;
	color: #204F8D;
}

.pill-style .nav-link.active {
	background-color: #2B357A;
	box-shadow: none;
	border-color: #2B357A;
}

.pill-style .nav-link .i-wr {
	margin-bottom: 10px;
	font-size: 24px;
}

.pill-style .nav-link .i-wr svg {
	width: 24px;
	height: 24px;
}

.pill-style .nav-link .num {
	position: absolute;
	top: 3px;
	left: 3px;
	min-width: 20px;
	border-radius: 4px;
	font-size: 14px;
	padding: 3px;
	background-color: #204F8D;
	text-align: center;
	color: #fff;
}

.pill-style .nav-link.disabled .num {
	opacity: .2;
}

.tab-tittle {
	font-size: 22px;
	color: #5c5c5c;
}

.card-body .tab-pane .card-title {
	margin-bottom: 1.5rem !important;
}

.lay-parent {
	height: fit-content;
	position: relative;
}

.lay-parent .lay {
	border-radius: 6px;
	background-color: rgba(255, 255, 255, 0.85);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	display: block;
}

.lay-parent .lay.hide {
	display: none;
}

label {
	color: #262626;
}

.bg-light-info.sel-type {
	margin-left: -1.5rem;
	margin-right: -1.5rem;
	padding: 1rem 1.5rem;
	padding-bottom: 0;
	margin-bottom: 1rem;
}

.form-btns-wr {
	text-align: center;
}

.form-btns-wr .btn:nth-child(2) {
	margin-right: 1rem;
}

.up-file {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
	margin-top: .5rem;
}

.up-file svg {
	height: 24px;
	width: 24px;
	margin: auto 5px;
}

.card-header.top-info {
	color: #2B357A !important;
	font-size: 18px;
	margin-bottom: 1rem;
	padding: 1rem;
}

.card-header.top-info span.val {
	color: #000;
}

.card-header.top-info .badge-pill {
	margin: auto 5px;
	display: inline-flex;
}

.card-header.top-info .stat1 {
	background-color: #ffffff;
	color: #F05323;
}

.card-header.top-info .dropdown-menu {
	left: 0 !important;
	right: auto;
}

.bg-gray {
	background-color: #4d556b;
}

.bg-light-blue {
	background-color: #01BAEF;
}

.bg-rose {
	background-color: #F62DAE;
}


.bg-mauve {
	background-color: #9893DA;
}

.cstm-badge {
	padding: 6px 10px;
	font-weight: 500;
	font-size: 15px;
}

.show-table td {
	font-size: 15px;
}

.sid-info {
	box-shadow: inset 0 0 3px rgba(0, 0, 0, .2);
	padding: 1rem;
	padding-top: 0;
	height: 100%;
	font-size: 15px;
}

.sid-info .lbl {
	background-color: #4d556b;
	color: #ffffff;
	padding: 8px 12px;
	margin-left: -1rem;
	margin-right: -1rem;
	margin-bottom: .75rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sid-info .lbl span svg {
	width: 20px;
	height: 20px;
}


.sid-info .item {
	margin-bottom: 1rem;
}

.show-op .comments {
	margin-top: 2rem;

}

.show-op .comments h4 {
	font-weight: bold;
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

.show-op .comments h5 {
	font-weight: bold;
	font-size: 1.25rem;
	margin-bottom: 1rem;
}

.comments .comment {
	display: flex;
	align-items: flex-start;
	padding: .75rem;
	border-radius: 6px;
	box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 18%);
	margin-bottom: 1rem;
}

.comments .comment img {
	width: 40px;
	height: 40px;
	margin-left: 8px;
	border-radius: 50%;
}

.comments .comment .text {
	font-size: 15px;
	font-weight: 500;
	color: #3d556b;
	margin-top: 8px;
}

.btn-min-width {
	min-width: 160px;
}

.comments form {
	margin-bottom: 2rem;
}

.comments .custom-file .custom-file-label {
	font-weight: bold;
	color: #262626;
}

.table-op,
.num-select .form-inline {
	gap: 10px;
}

.col-lg-3 .input-group .btn,
.num-select .input-group .btn {
	padding: 8px;
}

.tab-pane .table-control-wr {
	padding-top: 1rem;
}

.hash-th {
	width: 36px;
}

.modal-search-result {
	padding-top: .75rem;
	margin-top: .5rem;
	border-top: 1px dashed #2B357A;
}

.modal-search-result .cstm-table td {
	padding: .5rem;
}

.modal-search-result .table-responsive {
	min-height: unset;
}

.modal .info-itme {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 1rem;
}

.modal .info-itme .lbl {
	color: #858585;
}

.modal .info-itme .val {
	color: #262626;
}

.table-center-icon svg {
	width: 22px;
	height: 22px;
}


td .wr .person {
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.modal .form .text-center .bold {
	font-size: 18px;
	margin-top: 2.5rem;
	margin-bottom: 1rem;
}

.modal .form .text-center .light {
	margin-bottom: 1.5rem;
}

.sides-modal .bold.text-primary {
	font-size: 18px;
	margin-bottom: 1.5rem;
}

h5.modal-title {
	font-size: 16px;
	font-weight: bold;
	color: #4d556b;
}

.sides-modal .card {
	border-radius: 0;
	margin-bottom: 1rem;
	box-shadow: unset;
	border: 1px solid #cacaca5e;
}

.sides-modal .card .card-title {
	font-size: 16px;
	padding: 5px .75rem;
	margin-bottom: .5rem;
}

.sides-modal .card .card-title.bg-light-success {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sides-modal .card .card-body {
	padding: 5px .75rem;
	display: flex;
	flex-wrap: wrap;
}

.sides-modal .col-md-6:nth-child(1) {
	border-left: 1px dashed #2b357a59;
}

@media (min-width: 992px) {

	.modal-lg,
	.modal-xl {
		max-width: 900px;
	}
}

.sides-modal .card .card-body .i-wr {
	color: #2B357A;
}

.sides-modal .card .card-body .i-wr svg {
	height: 18px;
	width: 18px;
}

.sides-modal .card .card-body .info-itme {
	margin-bottom: .5rem;
	width: 50%;
}

.sides-modal:nth-child(2) {
	margin-top: 2rem;
}

.sides-modal .form .justify-content-around .custom-control-label {
	padding: 1rem 2rem;
	border-radius: 2rem;
	margin-bottom: 1rem;
}

.sides-modal .form .justify-content-around .custom-radio {
	padding: 0;
}

.sides-modal .form .justify-content-around .custom-radio .custom-control-label::before,
.sides-modal .form .justify-content-around .custom-radio .custom-control-label::before {
	top: 16px;
	right: 5px;
}

.modal .reply-in {
	padding: .75rem;
	background-color: #f5f5f5;
	border-radius: 6px;
	margin-top: .5rem;
	margin-bottom: 1rem;
}

.reply-in .reply-in {
	padding: 0;
}

#editRedirctModal,
#acceptRedirctModal {
	background-color: rgba(0, 0, 0, .6);
}

.table-search {
	padding: 1rem;
	padding-bottom: .25rem;
}

.pill-style.v2 .nav-link {
	padding-top: 2rem;
	padding-bottom: 1rem;
}

.team-mem .name {
	font-weight: 600;
}

.team-mem .mail {
	font-weight: 500;
	font-size: 14px;
	color: #5c5c5c;
}

.cstm-table td .d-flex.team-mem .td-pic-wr img {
	border-radius: 50%;
	height: 54px;
	width: 54px;
}

td .icon-item {
	margin-top: 6px;
}

td .icon-item .i-wr {
	color: #204F8D;
}


td .icon-item .i-wr svg {
	height: 16px;
	width: 16px;
}

.sm.cstm-badge {
	font-size: 14px !important;
	padding-top: 4px;
	padding-bottom: 4px;
}

.form-logo-wr {
	text-align: center;
	padding: 20px;
}

.login-body .align-items-center.justify-content-center.px-5,
.login-body .d-none.align-items-center.p-5 {
	padding: 0 !important;
}

.login-body .app-content {
	margin: 0 !important;
}

.login-body .app-content .img-fluid {
	width: 100% !important;
	object-fit: cover;
	max-height: 100vh;
}

.card-link .card-body .card-text {
	color: #6c6c6c;
	font-weight: 500;
	font-size: 18px;
}

#revenue-report-chart {
	direction: ltr;
}

.cstm-avatar img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.transaction-item .font-weight-bolder {
	flex-shrink: 0;
}

.avatar {
	cursor: default;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .brand-logo {
	transform: translateX(23px);
}

.main-menu .navbar-header {
	height: 6.5rem;
}

.main-menu .main-menu-content {
	height: calc(100% - 6.5rem) !important;
}

.main-menu .navbar-header .navbar-brand .brand-logo img {
	max-height: 70px;
	object-fit: cover;
}

.int-wr {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
}

.int-wr .img-wr .bold {
	text-align: center;
	margin: 8px 0;
}

.int-wr .img-wr img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 50%;
}

.int-wr .img-wr {
	padding-left: 1rem;
	height: 100%;
	align-items: center;
}



.int-wr .info {
	width: 500px;
	max-width: 100% !important;
	flex-grow: 1;
}

.int-wr .info .d-flex {
	justify-content: space-between;
	align-items: center;
	margin-bottom: .75rem;
}

.int-wr .info .d-flex .dropdown-menu {
	left: 0 !important;
	right: auto !important;
}

.int-wr .info .d-flex .name {
	font-size: 18px;
	font-weight: bold;
}

.int-wr .info .item {
	margin-bottom: .75rem;
	font-size: 15px;
}

.int-wr .info .item span {
	margin-left: 5px;
}

.int-wr .info .item .cstm-badge {
	padding: 3px 8px;
	font-size: 15px;
}

.table-control-wr .table-op .num-select .form-group select.set-width {
	min-width: 140px;

}



.work-time h4 {
	font-size: 20px;
	font-weight: bold;
}

.wt-card h5 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 1rem;
}

.wt-card div {
	line-height: 24px;
}

.wt-card .card-body {
	padding: 10px;
}

.wt-card span {
	font-weight: bold;
	font-size: 17px;
	padding: 0 5px;
	line-height: 24px;
}

.bold2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
}


.scroll-y {
	overflow-y: auto;
	width: 100%;
}

.users-stats .scroll-y {
	max-height: 290px;
	padding-left: 30px;
}

.users-stats .bold2 {
	margin-bottom: 20px;
}

.users-stats .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 15px;
}


.users-stats .item .badge {
	font-size: 15px;
}

.dark-layout .badge.badge-light-primary,
.dark-layout .btn-outline-primary,
.dark-layout .filters-btn .ficon,
.dark-layout .bg-light-primary,
.dark-layout .avatar.bg-light-primary,
.dark-layout .text-primary {
	color: #5c72ff !important;
}

.dark-layout .text-info {
	color: #4595ff !important;
}

.dark-layout .btn-outline-danger,
.dark-layout .avatar.bg-light-danger,
.dark-layout .text-danger,
.dark-layout .bg-light-danger {
	color: #ff0704 !important;
}

.g-4 .card-body .justify-content-between .avatar-group {
	max-width: calc(100% - 110px);
	padding: 0 20px;
	overflow: hidden !important;
}

.perm-wr {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.group-card h5 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0;
	margin-left: auto;
}

.group-card .card-body {
	padding: 1rem;
}

.card-body .minus-margin {
	margin: 0 -1rem;
}

.card-body .minus-margin .table {
	margin-bottom: 1rem;
}

.table.table-sm td {
	padding: 6px 8px;
}

.perm-wr .table.table-sm th {
	padding: 10px 8px;
	font-size: 14px;
}

.perm-wr .table-responsive {
	min-height: unset;
}

.prem-input {
	width: 100%;
	display: block;
	margin-bottom: 12px;
}

.group-card .form-check-input {
	margin-left: 6px;
	transform: scale(1.2);
	box-shadow: none !important;
}

.group-card .form-check-label {
	font-weight: 500;
	font-size: 15px;
}

.group-card .form-check-input:disabled {
	opacity: .8;
}

.group-card .prem-group {
	padding-bottom: 8px;
	border: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 12px;
	padding: 10px;
	padding-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 12px;
}

.group-card .main-prem {
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 2rem;
	padding-right: 2rem;
	margin-left: -10px;
	margin-right: -10px;
	width: 100%;
	width: calc(100% + 20px);
	min-width: 100%;
}

.group-card .main-prem label {
	font-weight: bold;
}

.group-card .sub-prem {
	padding: 0 2rem;
}

.group-card .custom-switch {
	display: flex;
	align-items: flex-start;
}

/* edit */
.reports-nav {
	margin-bottom: 1rem;
}

.reports-nav .nav-pills {
	margin-bottom: 0;
	gap: 4px;
}

.reports-nav .nav-pills .dropdown-toggle {
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

.reports-nav .nav-pills .dropdown-toggle::after {
	right: 1px;
}

.reports-nav .form-group {
	margin-bottom: 0;
	min-width: 120px;
	color: #202020;
}

.result-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .75rem;
	padding-bottom: .75rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.result-actions h4 {
	font-size: 17px;
	font-weight: bold;
}


.dropzone {
	min-height: 165px;
	border-radius: 6px;
	border: 1px dashed #2b357a81;
}

/* =================================================== */
@media (max-width: 575px) {
	.header-navbar .dropdown-notification {
		margin: 0 8px;
	}

	.small-filters .col-4.text-end.search-btns-wr {
		width: 100% !important;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.navigation li a i,
	.navigation li a svg {
		margin-left: 0.75rem;
		margin-right: .5rem;
	}

	.main-menu.menu-light .navigation>li ul li>a {
		padding-left: 20px;
	}

	.card-transaction .transaction-item .avatar {
		margin-left: .75rem;
	}

	.card-transaction .transaction-item .media-body {
		margin-left: 5px;
	}

	.sides-modal .card .card-body .info-itme:nth-child(1) {
		width: 100% !important;

	}

	.container,
	.container-sm {
		max-width: 575px
	}

	.order6 {
		order: 6 !important;
		margin-top: 1rem;
	}

}