/********************   imported files    ************************/
/*********************   Layout   *******************/
#navbar-wrapper {
  height: 106px;
  background-image: url("/img/header-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #092853;
  padding: 15px 30px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.header-actions-box {
  display: flex;
  align-items: center;
}
.header-actions-box .header-lang {
  color: #C1D6EF;
  font-size: 15px;
}
.header-actions-box .notify-btn {
  color: #C1D6EF;
  border: 0;
}
.header-actions-box .logout-btn {
  color: #C1D6EF;
}
.header-actions-box .notify-box {
  border-right: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  margin: 0 14px;
  padding: 0 13px;
}
.header-actions-box .notify-box .notify-badge {
  font-size: 8px !important;
  top: 1px;
  background-color: #C1D6EF;
  color: #092853;
  border: 1px solid #092853;
  transform: translate(-50%, -50%) !important;
}

#wrapper {
  display: flex;
  min-height: 100vh;
}

.brand-img {
  padding: 30px 16px;
  border-bottom: 1px solid #D5D5D5;
}

#sidebar-wrapper {
  background-color: #EEEEEE;
  width: 314px;
}

.sidebar-nav {
  padding-bottom: 100px;
}
.sidebar-nav .sidebar-nav-item {
  border-bottom: 1px solid #D5D5D5;
  border-radius: 0 !important;
}
.sidebar-nav .sidebar-nav-item:hover .sidebar-list-txt, .sidebar-nav .sidebar-nav-item.active .sidebar-list-txt {
  font-weight: 600;
}
.sidebar-nav .sidebar-link {
  padding: 16px;
  display: block;
}
.sidebar-nav .sidebar-list-icon {
  color: #3D6398;
}
.sidebar-nav .sidebar-list-txt {
  margin-left: 12px;
  font-weight: 500;
  font-size: 16px;
  color: #3D6398;
}
.sidebar-nav .collapsed-menu-box {
  padding: 0 16px 16px 53px;
}
.sidebar-nav .collapsed-menu-box .collapsed-menu .collapsed-menu-item:hover, .sidebar-nav .collapsed-menu-box .collapsed-menu .collapsed-menu-item.active {
  display: flex;
  align-items: baseline;
}
.sidebar-nav .collapsed-menu-box .collapsed-menu .collapsed-menu-item:hover .collapsed-menu-link, .sidebar-nav .collapsed-menu-box .collapsed-menu .collapsed-menu-item.active .collapsed-menu-link {
  font-weight: bold;
}
.sidebar-nav .collapsed-menu-box .collapsed-menu .collapsed-menu-item:hover:before, .sidebar-nav .collapsed-menu-box .collapsed-menu .collapsed-menu-item.active:before {
  content: "-";
  display: block;
  margin-right: 6px;
}
.sidebar-nav .collapsed-menu-box .collapsed-menu .collapsed-menu-link {
  padding: 8px 0;
  color: #3D6398;
  font-size: 14px;
}

#content-wrapper {
  padding: 30px 0;
}

.content-title {
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 0;
}

.accordion {
  --bs-accordion-bg: transparent !important;
}

.sidebar-nav-item .accordion-button:not(.collapsed) {
  background-color: transparent !important;
  box-shadow: none !important;
}

.accordion-button {
  align-items: stretch !important;
}
.accordion-button:focus {
  box-shadow: none !important;
}

.sidebar-nav-item .accordion-button:not(.collapsed)::after {
  background-image: url("/img/down-arrow.svg") !important;
  transform: none !important;
  background-size: auto !important;
}

.sidebar-nav-item .accordion-button::after {
  background-image: url("/img/right-arrow.svg") !important;
  background-size: auto !important;
}

.sidebar-nav-item .accordion-item {
  border: 0 !important;
}

button, input, optgroup, select, textarea, body {
  font-family: "Heebo", sans-serif !important;
}

.body-container {
  background: linear-gradient(to bottom, #092853 50%, #EEEEEE 50%);
}
.body-container .auth-container {
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
.body-container .auth-box {
  display: flex;
}
.body-container .auth-card {
  box-shadow: 2px 2px 50px #00000029;
  min-width: 854px;
  max-width: 854px;
  border-radius: 91px 37px 37px 91px;
  max-height: 483px;
}
.body-container .auth-card .form-side {
  width: 50%;
  padding: 30px 50px;
  background-color: #fff;
  border-radius: 91px 0 0 91px;
  min-height: 483px;
  max-height: 483px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.body-container .auth-card .welcome-side {
  width: 50%;
  background-color: #F0F3F6;
  min-height: 483px;
  max-height: 483px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 48px;
  border-radius: 0 37px 37px 0;
}
.body-container .auth-card .auth-title {
  color: #092853;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 35px;
}
.body-container .auth-card .auth-small-txt {
  color: #092853;
  font-size: 12px;
  font-size: 13px;
  font-weight: 500;
}
.body-container .auth-card .wlc-txt {
  color: #3D6398;
  letter-spacing: 3.92px;
  font-weight: bold;
  font-size: 30px;
  margin-top: 50px;
}

.form-control:focus {
  box-shadow: none !important;
}

.auth-btn {
  margin-top: 50px;
  background-color: #3D6398;
  color: #fff;
  font-weight: 500;
  padding: 10px;
  border: 1px solid #3D6398;
  border-radius: 27px;
  text-transform: uppercase;
}
.auth-btn:hover {
  background-color: #fff;
  border-color: #3D6398;
  color: #3D6398;
}

a {
  text-decoration: none !important;
}

.form-field {
  margin-bottom: 20px;
}

.input-group-text {
  border-left: 0 !important;
  background-color: #F2F2F2 !important;
  border-radius: 0 19px 19px 0 !important;
}

.appended-input-field {
  border-radius: 19px 0 0 19px !important;
  border-right: 0 !important;
  background-color: #F2F2F2 !important;
}

.appended-auth-icon {
  color: #959799 !important;
}

.content-wrapper {
  padding: 30px;
}

.admin-card {
  border: 1px solid #C1D6EF !important;
  border-radius: 11px !important;
}
.admin-card .card-header {
  padding: 15px 20px 19px;
}
.admin-card .card-header .admin-card-title-box {
  border-bottom: 1px solid #C1D6EF;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.admin-card .card-header .admin-card-title {
  color: #3D6398;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 0 !important;
  font-family: "Rajdhani", sans-serif !important;
}
.admin-card .card-header .form-filter-box {
  border-bottom: 1px dashed #3D6398;
}

.form-select {
  color: #75757d !important;
}
.form-select:focus {
  box-shadow: none !important;
}

.search-btn {
  background-color: #092853;
  border: 1px solid transparent;
  color: #fff;
  min-width: 115px;
  border-radius: 5px;
  padding: 6px;
  font-size: 16px;
}
.search-btn:hover {
  border-color: #092853;
  background-color: #fff;
  color: #092853;
}

.delete-btn {
  color: #D80B0B;
}

.edit-btn {
  color: #078218;
}

.admin-listing-table thead {
  background-color: #3D6398;
  border-radius: 5px 5px 0px 0px;
}
.admin-listing-table thead th {
  color: #FFFFFF;
  font-size: 16px;
  vertical-align: middle;
}
.admin-listing-table tbody {
  background-color: #F3F3F3 !important;
}
.admin-listing-table tbody td {
  color: #212529;
  font-size: 15px;
}

.edit-btn-mx {
  margin: 0 12px;
}

.export-btn {
  box-shadow: 2px 2px 20px #00000021;
  border-radius: 5px;
  min-width: 163px;
  color: #092853;
  font-size: 15px;
  background-color: #fff;
  padding: 8px 15px;
  margin-top: 25px;
}

.custom-pager .page-link {
  border-radius: 50% !important;
  padding: 5px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #202020;
  border-color: #A8A8A8;
  margin-right: 4px;
  font-size: 14px;
}
.custom-pager .page-link:hover, .custom-pager .page-link:focus, .custom-pager .page-link.active {
  background-color: #3D6398;
  color: #fff;
  border-color: #3D6398;
  box-shadow: none !important;
}
.custom-pager .disabled {
  color: #A8A8A8 !important;
  border-color: #A8A8A8 !important;
}

.sub-title-box {
  margin-bottom: 30px;
}
.sub-title-box .sub-title {
  display: flex;
  align-items: baseline;
  color: #3D6398;
  font-size: 20px;
  font-weight: bold;
  font-family: "Rajdhani", sans-serif !important;
}
.sub-title-box .sub-title:after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px dashed #3D6398;
}
.sub-title-box .sub-title .sub-title-txt {
  white-space: nowrap;
  margin-right: 15px;
}

.field-label {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}

.user-parent-box {
  min-height: 245px;
  margin-bottom: 40px;
}
.user-parent-box .user-img-box {
  position: relative;
}
.user-parent-box .user-img-box .user-img-bg {
  border-radius: 25px;
  background-color: #C1D6EF;
  width: 163px;
  height: 175px;
}
.user-parent-box .user-img-box .user-img {
  position: absolute;
  top: 18px;
  left: 18px;
}
.user-parent-box .greenish-box {
  margin-bottom: 30px;
  background-color: #078218;
  padding: 17px 23px;
  border-radius: 10px;
  color: #fff;
}
.user-parent-box .greenish-box .tit {
  font-weight: 600;
}
.user-parent-box .greenish-box .time {
  margin: 0 15px;
}
.user-parent-box .secondary-box {
  background-color: #4E4E4E;
}
.user-parent-box .admin-listing-txt-2 {
  font-size: 20px;
}

.title {
  color: #363636;
  font-size: 15px;
  font-weight: 600;
}

.txt {
  color: #3D6398;
  font-size: 16px;
}

.add-btn {
  min-width: 190px;
  border: 1px solid #3D6398;
  border-radius: 5px;
  padding: 6px;
  color: #092853;
  background-color: #fff;
  font-size: 16px;
}
.add-btn:hover {
  background-color: #092853;
  color: #fff;
  border-color: #092853;
}

.form-check-input:focus {
  box-shadow: none !important;
}

.add-another-box {
  margin-top: 10px;
}
.add-another-box .add-another-icon {
  color: #092853;
  margin-right: 5px;
}
.add-another-box .add-another-txt {
  color: #858585;
  font-size: 14px;
}

.img-listing-news {
  border-radius: 10px;
  width: 96px;
  height: 87px;
}

.btn-group {
  width: 100% !important;
}

.multiselect {
  width: 100% !important;
  text-align: start !important;
}
.multiselect:after {
  display: none !important;
}
.multiselect .caret {
  position: absolute;
  top: 13px;
  right: 16px;
}

.multiselect-container {
  width: 100%;
  margin-top: 0 !important;
  padding: 0 !important;
}
.multiselect-container li a {
  padding: 3px 31px !important;
}

.text-dark-blue-20 {
  color: #3D6398 !important;
  font-size: 20px;
}

.loaction-img-box {
  position: relative;
}
.loaction-img-box .loaction-img-bg {
  border: 9px solid #C1D6EF;
  border-radius: 25px;
  width: 200px;
  height: 177px;
}
.loaction-img-box .loaction-img {
  position: absolute;
  top: 73px;
  left: 34px;
  height: 100%;
  box-shadow: 2px 2px 10px #00000029;
  border: 1px solid #fff;
  border-radius: 11px;
}

.btn-close {
  font-size: 12px !important;
  opacity: 0.7 !important;
}

.slider-modal {
  --bs-modal-width: 651px !important;
}

.slider-img-node {
  border-radius: 6px;
}

/*.img-slider{
	.slick-slide{
		img{
			margin: 0 auto;
		}
	}
	.slider-for{
		margin-bottom: 15px;
		.slick-initialized {
			.slick-slide{
				margin: 0 15px;
			}
		}
	}
}*/
.delete-modal-title {
  color: #092853;
  font-size: 16px;
  font-weight: bold;
  font-family: "Rajdhani", sans-serif;
}

.delete-header-box {
  border-bottom: 2px solid rgba(61, 99, 152, 0.27);
}

.delete-txt {
  margin: 10px 0 28px;
  color: #3D6398;
  text-transform: capitalize;
  font-size: 17px;
  font-weight: 600;
}

.delete-btns-box .yes-btn {
  border-radius: 10px;
  background-color: #D80B0B;
  padding: 4px;
  min-width: 97px;
  color: #fff;
}
.delete-btns-box .no-btn {
  margin-left: 30px;
  background-color: #009E05;
}

.delete-modal {
  max-width: 404px !important;
}

.delete-icon {
  margin: 0 auto;
  display: block;
  width: 53px !important;
  height: 53px !important;
}

.modal {
  --bs-modal-margin: 8.75rem !important;
}

.about-app-box .about-app-txt {
  color: #212427;
  font-size: 16px;
}
.about-app-box li {
  margin-bottom: 11px;
}
.about-app-box .about-app-list {
  margin-top: 30px;
}
.about-app-box .about-app-list .check-list-icon {
  margin-right: 8px;
}
.about-app-box .about-app-list .check-list-txt {
  color: #212427;
  font-size: 14px;
}

.edit-icon-header {
  color: #3D6398;
  font-size: 20px;
}

.drive-field-box {
  border: 1px solid #DEDEDE;
  border-radius: 5px;
  padding: 0 10px;
}

.form-section-box .form-section-title {
  color: #3D6398;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.form-section-box .form-section-title:after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px dashed #3D6398;
}

.form-bordered-checkbox {
  margin-top: 4px;
}

.bordered-checkbox {
  margin-right: 21px;
  margin-left: 9px !important;
  margin-top: -2px !important;
  cursor: pointer;
}
.bordered-checkbox:before {
  content: "";
  display: block;
  width: 38px;
  height: 36px;
  border: 1px solid #DEDEDE;
  border-radius: 5px;
  margin-top: -10px;
  margin-left: -12px;
}

.car-img-bg {
  background-color: #C1D6EF;
  border-radius: 25px;
  width: 200px;
  height: 267px;
  padding-top: 17px;
  padding-left: 17px;
  padding-right: 17px;
}

.car-show-img {
  position: absolute;
  top: 73px;
  left: 66px;
}

.drive-icon {
  position: absolute;
  bottom: 0;
  left: 20px;
}

.car-show-txt {
  color: #212427;
  font-size: 18px;
  font-weight: 600;
}

.show-txt-box .show-txt-description {
  font-size: 16px;
  margin-bottom: 13px;
}

.order-card {
  border-radius: 20px !important;
  background-color: #F6F6F6 !important;
  margin-bottom: 30px;
}
.order-card .card-header {
  background-color: #F6F6F6 !important;
  border-radius: 20px 20px 0 0 !important;
  padding: 20px;
}
.order-card .order-header {
  border-bottom: 1px solid #C1D6EF;
  padding-bottom: 11px;
}
.order-card .order-header .order-title {
  color: #3D6398;
  font-size: 16px;
  font-weight: 600;
}
.order-card .order-header .order-date {
  color: #4E4E4E;
  font-size: 16px;
}
.order-card .card-body {
  padding: 20px;
  border-radius: 0 0 20px 20px !important;
}
.order-card .order-img-box {
  margin-right: 13px;
  border: 1px solid #C5C5C5;
  border-radius: 5px;
}
.order-card .order-img-box img {
  width: 107px;
  height: 94px;
}
.order-card .order-description-txt {
  color: #4E4E4E;
  font-size: 15px;
}
.order-card .order-amount {
  color: #3D6398;
  font-size: 15px;
  font-weight: 600;
}
.order-card .order-container {
  margin-bottom: 30px;
}
.order-card .order-footer {
  border-top: 1px solid #D5D5D5;
  padding-top: 20px;
}
.order-card .card-footer {
  padding: 20px;
}
.order-card .order-footer-box {
  margin-bottom: 20px;
}
.order-card .order-footer-box:last-child {
  margin-bottom: 0;
}

.print-btn {
  box-shadow: 2px 2px 20px #00000021;
  border-radius: 5px;
  min-width: 105px;
  padding: 6px;
  background-color: #fff;
}
.print-btn:hover {
  background-color: #F6F6F6;
}
.print-btn .print-txt {
  color: #092853;
  font-size: 15px;
  margin-left: 5px;
}

.cancel-order-btn {
  border-radius: 10px;
  background-color: #D80B0B;
  border: 1px solid #D80B0B;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 6px;
  min-width: 170px;
}
.cancel-order-btn:hover {
  background-color: #fff;
  color: #D80B0B;
}

.order-user-img {
  border-radius: 50%;
  width: 139px;
  height: 139px;
  margin-bottom: 25px;
}

.delivery-btn {
  box-shadow: 2px 2px 20px #00000021;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #fff;
  color: #092853;
  font-size: 15px;
  font-weight: 600;
  padding: 6px 10px;
  min-width: 177px;
}
.delivery-btn:hover {
  background-color: #3D6398;
  color: #fff;
  border-color: #3D6398;
}

.car-parts-box {
  box-shadow: 2px 2px 10px #00000029;
  border-radius: 19px;
  background-color: #5584BC;
  min-height: 128px;
}
.car-parts-box .car-parts-img {
  width: 39px;
  height: 39px;
  margin-bottom: 10px;
  filter: brightness(0) invert(1);
}
.car-parts-box .car-parts-tit {
  color: #fff;
  font-family: "Rajdhani", sans-serif !important;
  font-size: 15px;
  font-weight: 600;
}

.slider-img-box {
  margin: 0 12px;
}
.slider-img-box .car-slider-img {
  width: 100%;
  height: 251px;
}

.slick-prev:before, .slick-next:before {
  opacity: 1 !important;
  color: #5584BC !important;
  font-size: 26px !important;
}

.slick-prev {
  left: 22px !important;
}

.slick-next {
  right: 29px !important;
}

.car-accordion-btn {
  font-size: 16px;
  font-weight: 600;
  background-color: #EBEBEB !important;
  color: #092853 !important;
  padding-left: 44px !important;
}
.car-accordion-btn:after {
  background-image: url("/img/circle-plus.svg") !important;
  position: absolute;
  left: 15px !important;
}

.car-accordion-btn:not(.collapsed) {
  background-color: #3D6398 !important;
  color: #fff !important;
}
.car-accordion-btn:not(.collapsed):after {
  background-image: url("/img/circle-minus.svg") !important;
  filter: brightness(0) invert(1);
}

.car-accordion-body {
  background-color: #F3F3F3;
  padding: 15px !important;
}
.car-accordion-body .car-accordion-item {
  border-bottom: 1px solid #C1D6EF;
  padding-bottom: 11px;
  margin-bottom: 11px;
}
.car-accordion-body .car-accordion-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.car-accordion-body .car-accordion-item .car-accordion-txt {
  color: #363636;
  font-size: 14px;
}

.preview-img-box {
  position: relative;
}
.preview-img-box .preview-img-field {
  position: absolute;
  width: 150px;
  height: 110px;
  border: 0;
  border-radius: 10px;
}
.preview-img-box .img-slider-preview {
  width: 150px;
  height: 110px;
  border-radius: 10px;
  pointer-events: none;
  position: relative;
}

.vehicle-card {
  box-shadow: 2px 2px 10px #00000029;
  border-radius: 20px;
  margin-bottom: 24px;
}
.vehicle-card .card-header {
  padding: 13px 11px 0;
}
.vehicle-card .card-body {
  padding: 13px 11px;
}
.vehicle-card .vehicle-header {
  border-bottom: 1px solid rgba(61, 99, 152, 0.27);
  padding-bottom: 7px;
}
.vehicle-card .tit-v1 {
  color: #092853;
  font-size: 15px;
  font-weight: bold;
  font-family: "Rajdhani", sans-serif !important;
}
.vehicle-card .vic-menu li {
  padding: 4px 13px;
}
.vehicle-card .vic-menu li .dropdown-item {
  padding-bottom: 5px !important;
  border-bottom: 2px solid #F6F6F6;
}
.vehicle-card .vic-menu li:last-child .dropdown-item {
  border-bottom: 0;
}
.vehicle-card .vehicle-item {
  background-color: #EBEEF1;
  padding: 5px 11px;
  margin-bottom: 3px;
}

.details-modal-btn {
  text-decoration: underline;
  font-size: 13px;
  font-weight: bold;
}

.vic-modal {
  min-width: 690px;
  margin: 31px auto !important;
}
.vic-modal .modal-header {
  padding: 12px 14px;
}
.vic-modal .modal-header .modal-title {
  color: #092853;
  font-size: 16px;
  font-weight: bold;
}
.vic-modal .modal-header .vic-modal-header {
  border-bottom: 1px solid #3D6398;
}
.vic-modal .modal-body {
  padding: 12px 14px;
}

.add-v1-btn {
  color: #092853;
  border: 1px solid #3D6398;
  border-radius: 5px;
  min-width: 190px;
  font-size: 15px;
  padding: 5px;
}
.add-v1-btn:hover {
  background-color: #092853;
  color: #fff;
}

.user-order-card {
  background-color: #F6F6F6;
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 24px;
}

.user-order-tit1 {
  color: #3D6398 !important;
  font-size: 14px;
  font-weight: 600;
}

.user-order-tit2 {
  color: #787878 !important;
  font-size: 14px;
}

.ord-box-1 {
  border-right: 1px solid #DEDEDE;
  padding-right: 14px;
  margin-right: 14px;
}

.ord-status-txt {
  border: 1px solid #D8D8D8;
  border-radius: 5px;
  color: #787878;
  min-width: 135px;
  padding: 5px;
}

.user-order-img-box {
  border: 1px solid #C5C5C5;
  border-radius: 5px;
  background-color: #fff;
  max-width: 96px;
}

.user-order-img {
  width: 80px;
  height: 71px;
}

.appointment-table {
  border: 1px solid #E9E9E9;
  margin-bottom: 24px;
}
.appointment-table tbody td {
  padding: 13px;
}

.greenish-txt {
  color: #078218 !important;
}

.red-txt {
  color: #D60000 !important;
}

.yellow-txt {
  color: #F6B00B !important;
}

.blue-txt {
  color: #3D6398 !important;
}

.or-tit-box {
  background-color: #F3F3F3;
  border: 1px solid #DAE4F1;
  margin-bottom: 20px;
}

.or-tit-inner-box {
  padding: 9px 15px;
  border-right: 1px solid #C1D6EF;
}

.dash-filter-box {
  margin-bottom: 30px;
  border: 1px solid #D5D6D6;
  border-radius: 5px;
  padding: 20px 20px 0px;
  position: relative;
}
.dash-filter-box .dash-filter-tit {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: -12px;
  background-color: #fff;
  padding: 0 6px;
}

.dash-counter-box {
  background-color: #EEF5FE;
  padding: 20px;
  margin-bottom: 25px;
}

.dash-counter-count {
  color: #3D6398;
  font-size: 20px;
  font-weight: bold;
}

.dash-order-box {
  box-shadow: 2px 2px 20px #0000000F;
  border-radius: 5px;
  padding: 20px 12px;
  margin-bottom: 24px;
}

.das-box-tit {
  color: #3D6398;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 20px;
}

.bordered-section {
  border-bottom: 2px solid rgba(210, 210, 210, 0.33);
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.bordered-section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.dash-txt-1 {
  color: #D80B0B;
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 25px;
}

#chart-2 {
  height: 373px !important;
  width: 373px !important;
  margin: 0 auto;
}

#chart-4 {
  height: 287px !important;
  width: 287px !important;
  margin: 0 auto;
}

.dash-customer-img-box {
  background-image: linear-gradient(43deg, #FEA542 0%, #F05551 49%, #BF0889 100%);
  border-radius: 50%;
  padding: 4px;
}

.dash-customer-img {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  border: 3px solid #fff;
}

.dash-lang-box {
  background-color: #E1E1E1;
  border-radius: 10px;
  padding: 8px 15px;
  min-width: 137px;
}

.dash-version-box {
  background-color: #3D6398;
}

.sliderImgBox {
  position: relative;
  border: 1px solid #3d6398;
  padding: 12px;
  border-radius: 10px;
}

.sliderImageClose-btn {
  position: absolute;
  font-size: 25px;
  top: -11px;
  right: -6px;
}

.form-check-input, .form-check-label {
  cursor: pointer !important;
}

.dark-blue-txt {
  color: #3D6398 !important;
}

.invoiceModal {
  max-width: 941px !important;
}
.invoiceModal .modal-header {
  padding-top: 20px;
}

.invoice-header-txt {
  color: #4E4E4E;
  font-size: 13px;
}

.invoice-logo-1 {
  margin-bottom: 11px;
}

.invoice-header-table.table > :not(caption) > * > * {
  padding: 0.3rem 0.5rem;
}

#invoice-header-table thead th {
  font-size: 13px;
}

#printThis .invoice-header-table.table > :not(caption) > * > * {
  padding: 0.2rem 0.5rem;
}
#printThis .invoice-header-txt {
  font-size: 11px;
}

.txt-blue {
  color: #3D6398;
  font-size: 14px;
  font-weight: bold;
  margin-top: 16px;
}

.tax-box {
  margin-top: 7px;
  border: 1px solid #3D6398;
  border-radius: 5px;
  padding: 5px 15px;
}

.line-after-txt {
  border-right: 1px solid #BBBBBB;
}

.invoice-title-box {
  display: flex;
  align-items: center;
  color: #092853;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.invoice-title-box:after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 23px solid #3D6398;
  max-width: 246px;
}
.invoice-title-box:before {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 23px solid #3D6398;
}
.invoice-title-box .invoice-title {
  white-space: nowrap;
  margin: 0 15px;
}

.invoice-body {
  padding: 11px 0;
}

.invoice-table-2 thead {
  background-color: #4E4E4E;
  color: #fff;
  font-size: 14px;
}
.invoice-table-2 tbody td {
  background-color: #F5F5F5;
}

.invoice-notes-box {
  border: 1px solid #BBBBBB;
  border-radius: 5px;
  padding: 12px;
  height: 60px;
}

.invoice-amount-box {
  margin-top: 5px;
  border: 1px solid #3D6398;
  border-radius: 5px;
  padding: 7px 13px;
}

#invoice-table thead {
  font-size: 12px !important;
}

.invoice-amount-txt {
  display: flex;
  align-items: baseline;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
}
.invoice-amount-txt:before {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px dotted #707070;
  margin-right: 8px;
}

.txt-overflow {
  max-height: 70px;
  overflow: auto;
}

/*@media screen {
  #printSection {
    display: none;
  }
}
@media print {
  body * {
    visibility:hidden;
  }
  #printSection, #printSection * {
    visibility:visible;
  }
  #Print{
  	display: none;
  }
}*/
.res-show-logo-box {
  display: none;
}

.dash-order-inner-box {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}

.dash-order-img {
  width: 100%;
}

.user-show-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.user-show-header-setting {
  display: flex;
}

.pe-md {
  padding-right: 0 !important;
}

.about-app-container {
  display: flex;
}
.about-app-container .about-app-img {
  margin-right: 20px;
}

.collapsed-menu-btn {
  display: none;
}

.m-img-preview {
  margin-left: 10px;
}

.modal-body img {
  width: auto;
  max-height: 250px;
  max-width: 617px;
  margin: 0 auto;
  display: block;
}

.sliderImgBoxBtn {
  display: inline-flex;
  height: 112px;
  align-items: center;
  justify-content: center;
}

.part-img-x {
  width: -webkit-fill-available;
  max-height: 458px;
}

#mobile-sidebar {
  display: none;
}

.burger:before, .burger span, .burger:after {
  width: 0 !important;
}

aside .side-inner {
  padding: 0 !important;
}

.table-bordered {
  border: 1px solid #dee2e6 !important;
}

.chatUserImg {
  width: 38px;
  height: 38px;
  border-radius: 13px;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.16);
}

.chatCard .chatheader {
  border-radius: 5px !important;
  background-color: #0068af !important;
  padding: 9px 20px !important;
  min-height: 49.2px;
}
.chatCard .chatheader h3 {
  font-size: 18px;
  font-weight: bold;
  color: #f6f6f6;
  letter-spacing: 0.5px;
}
.chatCard .chatSidebar {
  width: 100%;
  box-shadow: 2px 2px 10px #00000029;
  border-radius: 10px;
  background-color: #D6E5F6;
  padding-top: 30px;
}
.chatCard .chatSidebar .btnSearch {
  background-color: #0068af;
  font-size: 14px;
  color: #fff;
  min-width: 84px;
}
.chatCard .chatSidebar .chatTab .chatItem {
  margin-bottom: 0;
}
.chatCard .chatSidebar .chatTab .chatLink {
  font-size: 16px;
  color: #000;
}
.chatCard .chatSidebar .chatTab .chatLink.active {
  color: #e79800;
  font-size: 16px;
  font-weight: bold;
  background-color: transparent;
  border-color: none;
}
.chatCard .chatSidebar .chatTabPane {
  cursor: pointer;
  padding: 22px 20px;
  border-bottom: 1px solid rgba(61, 99, 152, 0.1) !important;
}
.chatCard .chatSidebar .chatTabPane:last-child {
  border-bottom: 0;
}
.chatCard .chatSidebar .chatTabPane.active {
  background-color: #3D6398;
}
.chatCard .chatSidebar .chatTabPane.active .chatUserIcon {
  color: #e79800;
}
.chatCard .chatSidebar .chatTabPane.active .userInfoBox .userName {
  font-weight: normal;
  color: #fff;
}
.chatCard .chatSidebar .chatTabPane.active .userInfoBox .userRole {
  font-weight: normal !important;
  color: #fff;
}
.chatCard .chatSidebar .chatTabPane.active .chatMsg {
  color: #fff !important;
}
.chatCard .chatSidebar .chatTabPane:hover {
  background-color: #fff;
}
.chatCard .chatSidebar .chatTabPane:hover .chatUserIcon {
  color: #e79800;
}
.chatCard .chatSidebar .chatTabPane:hover .userInfoBox .userName {
  font-weight: normal;
  color: #2b2b2b;
}
.chatCard .chatSidebar .chatTabPane:hover .userInfoBox .userRole {
  font-weight: normal !important;
  color: #2b2b2b;
}
.chatCard .chatSidebar .chatTabPane:hover .chatMsg {
  color: #2b2b2b !important;
}
.chatCard .chatSidebar .chatUserIcon {
  color: #989898;
  font-size: 20px;
}
.chatCard .chatSidebar .userInfoBox {
  margin-left: 21px;
}
.chatCard .chatSidebar .userInfoBox .userName {
  font-size: 16px;
  font-weight: bold;
  color: #2b2b2b;
}
.chatCard .chatSidebar .userInfoBox .userRole {
  margin-top: 5px;
  font-size: 12px;
  color: #2b2b2b;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.chatCard .chatSidebar .chatMsg {
  font-size: 12px;
  color: #2b2b2b;
  white-space: nowrap;
}
.chatCard .chatSidebar .chatMsgNum {
  background-color: #3D6398;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-top: 7px;
}
.chatCard .chatSidebar .txtNum {
  color: #fff;
  font-size: 12px;
}
.chatCard .chatSearch {
  padding: 0 20px;
}
.chatCard .chatUserImg {
  width: 38px;
  height: 38px;
  border-radius: 13px;
  box-shadow: 2px 2px 10px #00000029;
}
.chatCard .msgCard {
  border-radius: 10px;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
.chatCard .msgCard .msgHeader {
  padding: 15px 25px;
  border-radius: 10px 10px 0 0;
  background-color: #fff;
  border-bottom: 1px solid #dfdfdf;
}
.chatCard .msgCard .msgHeader h3 {
  font-size: 16px;
  font-weight: bold;
  color: #2b2b2b;
  margin-left: 20px;
}
.chatCard .contactUserImg {
  width: 100%;
  height: 100%;
  max-width: 274px;
  max-height: 240px;
  border-radius: 13px;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.16);
}
.chatCard .contactUserBox {
  margin-top: 15px;
}
.chatCard .contactUserBox .contName {
  font-size: 19px;
  font-weight: bold;
  color: #2b2b2b;
  margin-bottom: 11px;
}
.chatCard .contactUserBox .contRole {
  font-size: 14px;
  color: #2b2b2b;
  margin-bottom: 11px;
}
.chatCard .contactIcon {
  color: #fff;
  border-radius: 5px;
  background-color: #0068af;
  width: 30px;
  height: 30px;
}
.chatCard .contactTxt {
  font-size: 16px;
  font-weight: bold;
  color: #2b2b2b;
  margin-left: 10px;
}
.chatCard .msgBody {
  padding: 30px;
}
.chatCard .contactBox {
  margin-bottom: 27px;
}
.chatCard .msgHeader2 {
  padding: 20px 30px;
}
.chatCard .chatBox {
  position: relative;
  max-height: 335px;
  overflow: auto;
  display: block;
  padding-right: 20px;
}
.chatCard .chatBox .prevTime {
  font-size: 16px;
  color: #2b2b2b;
}
.chatCard .chatBox .myChat {
  margin-bottom: 10px;
  border-radius: 5px;
}
.chatCard .chatBox .myChat:last-child {
  margin-bottom: 0;
}
.chatCard .chatBox .msgContainer {
  margin-right: 12px;
}
.chatCard .chatBox .msgBox {
  padding: 12px 15px;
  background-color: #3D6398;
}
.chatCard .chatBox .msgBox .mTxt {
  font-size: 16px;
  color: #fff;
}
.chatCard .chatBox .readMsgTxt {
  font-size: 16px;
  color: #2b2b2b;
  margin: 0 31px;
  white-space: nowrap;
}
.chatCard .chatBox .readMsgContainer {
  margin: 20px 0 20px 0;
}
.chatCard .chatBox .dividorBetween {
  width: 100%;
  color: #3D6398;
}
.chatCard .chatBox .myChat2 .msgContainer2 {
  margin-left: 12px;
}
.chatCard .chatBox .myChat2 .msgBox2 {
  background-color: #f0f0f0;
}
.chatCard .chatBox .myChat2 .msgBox2 .mTxt {
  color: #454546;
}

.shareFileIcon {
  margin-left: 12px;
  color: #989898 !important;
  font-size: 20px !important;
}

.sendMsgIcon {
  margin-left: 10px;
  color: #0068af !important;
  font-size: 20px !important;
}

.msgActionsBox {
  margin-top: 50px;
}

.titChat {
  font-size: 25px;
  font-weight: bold;
  color: #554e4e;
  margin-bottom: 19px;
}

.whiteDividor {
  border-top: 1px solid #3D6398;
  opacity: 0.1;
  margin: 20px 21px;
}

.listScroll {
  position: relative;
  max-height: 367px;
  overflow: auto;
  display: block;
}

.mb29 {
  margin-bottom: 29px;
}

.dirRtl {
  direction: rtl;
}

.file-icon-chat {
  position: absolute;
  width: 18px;
  height: 22px;
  left: 12px;
  top: 2px;
  visibility: hidden;
  pointer-events: none;
}

#fileInput {
  display: none;
}

#icon {
  cursor: pointer;
}

.news-slider-box .slider-for img {
  height: 428px;
  width: auto;
  margin: 0 auto;
  max-width: 602px;
}
.news-slider-box .slider-nav img {
  width: 100%;
  height: 79px;
  padding: 0 6px;
}

.change-dir-3 {
  align-items: center;
}

.custom-disabled-btn {
  background-color: #BEBEBF !important;
  color: #706969 !important;
  border-color: #BEBEBF !important;
  cursor: not-allowed !important;
}

.trim-txt {
  max-width: 215px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.link-hover {
  color: #3D6398 !important;
}

.btn-join {
  background-color: #078218;
  border-radius: 10px;
  min-width: 57px;
  padding: 2px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.chat-close-btn {
  background-color: #4E4E4E;
  border-radius: 7px;
  min-width: 110px;
  padding: 9px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}

.notification-menu {
  border-radius: 10px;
  max-width: 342px;
  min-width: 342px;
}
.notification-menu .notification-view-all {
  background-color: #4D4D4D;
  color: #fff !important;
  padding: 7px;
  font-size: 14px;
  font-weight: bold;
}
.notification-menu .notification-view-all:active, .notification-menu .notification-view-all:hover {
  background-color: #4D4D4D !important;
}
.notification-menu li {
  background-color: #F5F5F5;
}
.notification-menu li:first-child {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.notification-menu li:last-child .notification-item {
  border-bottom: 0;
}
.notification-menu li .notification-item {
  border-bottom: 1px solid #D8D8D8;
  padding: 15px 0;
}
.notification-menu li a {
  padding: 0 20px;
}
.notification-menu li a:hover .notification-txt {
  font-weight: bold;
}
.notification-menu li a:active {
  background-color: #F5F5F5;
}
.notification-menu li .notify-btn {
  color: #707070 !important;
  font-size: 27px;
}
.notification-menu li .notify-badge {
  font-size: 9px !important;
  top: 9px;
  left: 18px;
  background-color: #F88326 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
}
.notification-menu .notification-txt {
  font-size: 15px;
  color: #4D4D4D;
  white-space: break-spaces;
}

.container-box {
  margin-top: 35px;
  border: 1px solid #707070;
  border-radius: 10px;
  padding: 30px;
}
.container-box .box-tit {
  color: #0E2C53;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  background-color: #fff;
  padding: 0 9px;
}
.container-box .box-tit-container {
  margin-top: -53px;
  margin-bottom: 30px;
}

.notification-list li {
  margin-bottom: 15px;
}
.notification-list li:last-child {
  margin-bottom: 0;
}
.notification-list .notification-list-item {
  border-left: 3px solid #F88326;
  background-color: #F5F5F5;
  padding: 20px;
}
.notification-list .notification-list-item-txt {
  color: #4D4D4D;
  font-size: 16px;
  font-weight: 500;
  border-right: 1px solid #B2B2B2;
  margin-right: 30px;
  padding-right: 30px;
}
.notification-list .notification-check {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.notification-list .notification-check .form-check-label {
  color: #0DAA34;
  font-size: 14px;
  font-weight: 500;
}
.notification-list .notification-check .form-check-input {
  float: unset;
  margin-left: 0;
  width: 26px;
  height: 26px;
}
.notification-list .checkedNotifBox .notification-list-item-txt, .notification-list .checkedNotifBox .form-check-label {
  color: #4D4D4D;
  opacity: 0.56;
}
.notification-list .form-check-input:checked[type=checkbox] {
  background-image: url("/img/gray-checked-icon.svg");
  background-color: #9F9F9F;
  border: 1px solid #9F9F9F;
  background-size: auto;
  opacity: 0.45;
}

.landing-wrapper {
  font-family: "Almarai", sans-serif !important;
  background-image: url("/img/landing-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100vh;
  padding: 50px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.landing-wrapper .header-box {
  margin-bottom: 30px;
}
.landing-wrapper .header-box .tit-1 {
  color: #092853;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.landing-wrapper .landing-img {
  margin-bottom: 50px;
}
.landing-wrapper .landing-txt-1 {
  color: #4E4E4E;
  font-size: 18px;
  font-weight: bold;
  max-width: 751px;
  margin: 0 auto 25px;
}
.landing-wrapper .landing-txt-2 {
  color: #4E4E4E;
  font-size: 17px;
  max-width: 715px;
  margin: 0 auto;
}
.landing-wrapper .landing-tool-box {
  margin-right: 9px;
  padding: 8px 10px;
  display: flex;
  min-width: 140px;
  background-color: #404040;
  border-radius: 8px;
}
.landing-wrapper .landing-tool-box .landing-tool-txt-box {
  margin-left: 15px;
  text-align: left;
}
.landing-wrapper .landing-tool-box .landing-tool-txt-box .landing-tool-txt-1 {
  letter-spacing: 0.4px;
  color: #fff;
  font-size: 8px;
  margin-bottom: 2px;
}
.landing-wrapper .landing-tool-box .landing-tool-txt-box .landing-tool-txt-2 {
  letter-spacing: 0.55px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}
.landing-wrapper .landing-flex-box {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

/***********************  RTL   ****************************/
.rtl-direction .landing-wrapper .landing-tool-box {
  margin-right: 0;
  margin-left: 9px;
}
.rtl-direction .landing-wrapper .landing-tool-box .landing-tool-txt-box {
  margin-left: 0;
  margin-right: 15px;
  text-align: right;
}
.rtl-direction .notification-menu li .notify-badge {
  transform: translate(-50%, -50%) !important;
}
.rtl-direction .body-container .auth-card {
  border-radius: 37px 91px 91px 37px;
}
.rtl-direction .body-container .auth-card .form-side {
  border-radius: 0 91px 91px 0;
}
.rtl-direction .body-container .auth-card .welcome-side {
  border-radius: 37px 0 0 37px;
}
.rtl-direction .appended-input-field {
  border-radius: 0 19px 19px 0 !important;
  border-right: 1px solid #ced4da !important;
  border-left: 0 !important;
}
.rtl-direction .input-group-text {
  border-radius: 19px 0 0 19px !important;
  border-left: 1px solid #ced4da !important;
  border-right: 0 !important;
}
.rtl-direction .notify-btn .notify-badge {
  transform: translate(50%, -50%) !important;
}
.rtl-direction #wrapper .sidebar-nav .sidebar-list-txt {
  margin-left: 0;
  margin-right: 12px;
  text-align: right;
}
.rtl-direction .sidebar-nav-item .accordion-button::after {
  background-image: url("/img/left-arrow.svg") !important;
  margin-right: auto;
  margin-left: unset;
}
.rtl-direction #wrapper .sidebar-nav .collapsed-menu-box {
  padding: 0 53px 16px 16px;
}
.rtl-direction #wrapper .sidebar-nav .collapsed-menu-box .collapsed-menu .collapsed-menu-item:hover:before {
  margin-right: 0;
  margin-left: 6px;
}
.rtl-direction .user-order-tit1 {
  margin-left: 0 !important;
  margin-right: 8px !important;
}
.rtl-direction .export-btn span {
  margin-left: 0 !important;
  margin-right: 8px !important;
}
.rtl-direction .sub-title-box .sub-title .sub-title-txt {
  margin-right: 0;
  margin-left: 15px;
}
.rtl-direction .dash-version-box .user-order-tit1, .rtl-direction .dash-lang-box .user-order-tit1 {
  margin-left: 8px !important;
  margin-right: 0 !important;
}
.rtl-direction .admin-listing-txt-2 {
  text-align: left !important;
}
.rtl-direction .or-tit-inner-box {
  border-left: 1px solid #C1D6EF;
  border-right: 0;
}
.rtl-direction .edit-btn-mx {
  margin: 0 12px !important;
}
.rtl-direction .add-another-box .add-another-icon {
  margin-right: 0;
  margin-left: 5px;
}
.rtl-direction .multiselect .caret {
  right: unset;
  left: 16px;
}
.rtl-direction .m-img-preview {
  margin-right: 10px;
  margin-left: 0;
}
.rtl-direction .pe-md {
  padding-right: 15px !important;
  padding-left: 0 !important;
}
.rtl-direction .about-app-container .about-app-img {
  margin-right: 0;
  margin-left: 20px;
}
.rtl-direction .about-app-list {
  padding-right: 0;
}
.rtl-direction .about-app-list .check-list-icon {
  margin-right: 0 !important;
  margin-left: 8px;
}
.rtl-direction .form-check {
  padding-left: 0;
  padding-right: 1.5em;
}
.rtl-direction .form-check .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -1.5em;
}

/***********************  reponsive   ****************************/
@media (max-width: 1199px), not all and (min-width: 1200px) {
  .dash-order-inner-box {
    position: unset;
  }

  .dash-order-img {
    width: auto;
  }

  .pb-xl {
    padding-bottom: 15px;
  }

  .loaction-img-box {
    margin-bottom: 60px;
  }
}
@media (max-width: 1111px), not all and (min-width: 1112px) {
  #chart-2 {
    width: 100% !important;
  }
}
@media (max-width: 991px), not all and (min-width: 992px) {
  #chart-2 {
    width: 373px !important;
  }

  .auth-card {
    min-width: 100% !important;
  }

  #wrapper .sidebar-nav .sidebar-list-txt {
    font-size: 15px;
  }

  .user-parent-box .user-img-box {
    margin-bottom: 30px;
    text-align: center;
  }
  .user-parent-box .user-img-box .user-img-bg {
    display: none;
  }
  .user-parent-box .user-img-box .user-img {
    position: unset;
  }

  .admin-card .user-show-header {
    display: block;
  }
  .admin-card .user-show-header .admin-card-title {
    margin-bottom: 15px !important;
  }

  .about-app-container {
    display: block;
  }
  .about-app-container .about-app-img {
    text-align: center;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .about-app-container .about-app-img img {
    width: 200px;
  }
}
@media (max-width: 767px), not all and (min-width: 768px) {
  .chatSidebar {
    margin-bottom: 30px;
  }

  #mobile-sidebar {
    display: block;
  }

  .desktop-sidebar {
    display: none;
  }

  /*#wrapper{
  	position: relative;
  	#sidebar-wrapper{
  		position: absolute;
  		top: 0;
  		bottom: 0;
  		left: 0;
  		width: 218px;
  		z-index: 9;
  	}
  }*/
  .admin-card .card-header .form-filter-box {
    padding-bottom: 15px;
  }

  .pb-xl {
    padding-bottom: 0;
  }

  .body-container .auth-box {
    flex-direction: column-reverse;
  }
  .body-container .auth-card .form-side {
    width: 100%;
    border-radius: 12px;
  }

  .res-hidden-wlc-side {
    display: none !important;
  }

  .res-show-logo-box {
    display: block;
  }
  .res-show-logo-box .res-show-logo {
    width: 217px;
  }

  .auth-btn {
    max-width: 248px;
    display: block;
    margin: 50px auto 0;
  }

  #navbar-wrapper {
    justify-content: space-between;
  }

  .collapsed-menu-btn {
    display: block;
    color: #C1D6EF;
  }

  .rtl-direction .body-container .auth-card .form-side {
    border-radius: 12px;
  }
  .rtl-direction .pe-md {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .rtl-direction #wrapper #sidebar-wrapper {
    left: unset;
    right: 0;
  }

  .pe-md {
    padding-right: 15px !important;
  }
}
@media (max-width: 576px), not all and (min-width: 577px) {
  .change-dir-2 {
    flex-direction: column;
  }

  .delete-modal.modal-dialog {
    width: 100%;
    margin: auto;
  }

  .car-show-txt {
    margin-bottom: 20px;
    margin-right: 44px;
  }

  .car-img-bg {
    width: 100%;
    height: auto;
    padding-bottom: 17px;
    margin-bottom: 20px;
  }

  .car-show-img {
    position: unset;
    margin: 0 auto;
    display: block;
    width: 100%;
  }

  .drive-icon {
    top: 0;
    left: unset;
    right: 20px;
  }

  .car-parts-box {
    margin-bottom: 14px;
  }

  .res-show-logo-box .res-show-logo {
    width: 185px;
  }

  .body-container .auth-card .form-side {
    padding: 30px 15px;
  }

  #chart-2, #chart-4 {
    width: 250px !important;
    height: 250px !important;
  }

  .user-order-img-box {
    margin-bottom: 15px;
  }

  .loaction-img-box {
    margin-bottom: 30px;
  }

  .slider-modal.modal-dialog {
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 500px), not all and (min-width: 501px) {
  .news-slider-box .slider-for img {
    width: 100%;
  }
}
@media (max-width: 399px), not all and (min-width: 400px) {
  .user-show-header-setting {
    display: block;
  }
  .user-show-header-setting .dash-lang-box {
    margin-right: 0 !important;
    margin-bottom: 10px;
  }

  .res-show-logo-box .res-show-logo {
    width: 150px;
  }

  #chart-2, #chart-4 {
    width: 200px !important;
    height: 200px !important;
  }
}
@media (max-width: 390px), not all and (min-width: 391px) {
  .change-dir-3 {
    flex-direction: column;
    align-items: normal;
  }
  .change-dir-3 .add-btn {
    margin-right: 0 !important;
  }
}
@media (max-width: 367px), not all and (min-width: 368px) {
  #mobile-sidebar, #sidebar-wrapper {
    width: 210px;
  }
}
@media (max-width: 340px), not all and (min-width: 341px) {
  .landing-wrapper .landing-flex-box {
    flex-direction: column;
  }
  .landing-wrapper .landing-tool-box {
    margin-right: 0;
    margin-bottom: 10px;
    justify-content: center;
  }

  .rtl-direction .landing-wrapper .landing-tool-box {
    margin-left: 0;
  }
}
@media (max-width: 290px), not all and (min-width: 291px) {
  .dash-order-img {
    width: 194px;
  }
}
/****************   Components   *******************/
/*****************   Abstracts   *******************/

/*# sourceMappingURL=style.css.map */