@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Poppins", sans-serif;

}
body, html, p, a, input, header, footer, textarea, aside, article, section, form, ul, li, ol, h1, h2, h3, h4, h5, h6, img {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	font-size: 1.4vh !important;
	overflow-x: hidden !important;
}

a:link, a:hover, a:visited, a:active {
	text-decoration: none;
}

.tr {
	text-align: right;
}

.mapdesdivedit {
	height: 40px !important;
	top: 460px;
	/*margin-left: 3px;*/
	width: 96%;
	position: absolute;
	z-index: 999;
}

.mapdescdiv {
	height: 38px !important;
	top: 384px;
	left: 19px;
	width: 96%;
	position: absolute;
	z-index: 999;
}

.showbtn {
	color: #636363;
	background-color: #fff;
	border-color: #fff;
	padding: 0px 9px 0px 9px;
	font-size: 1.3vh;
	font-weight: 600;
	border-radius: 2px;
	margin: 0px 0px 0px 8px;
	line-height: 1.5;
}

.tl {
	text-align: left;
}

.AddDeleteButtonClass {
	position: absolute;
	right: 16px;
	top: 52px;
}
/*.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}*/
/* width */
::-webkit-scrollbar {
	/* display:none; */
}

::-webkit-scrollbar {
	width: 9px;
	height: 9px
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: #555;
	}

.well {
	min-height: 21px;
	padding: 7px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

.well-sm {
	padding: 9px;
	border-radius: 2px;
}

.roundimage {
	height: 24px;
	width: 26px;
	border-radius: 50%;
	border: 1px solid #ddd;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border-color: 1px solid #E74C3C;
	color: #ffffff;
	background-color: #E74C3C;
}

.nav-tabs .nav-link {
	border: 1px solid #f5f5f5;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	color: #000;
	cursor: pointer;
	font-weight: 600;
}

ul, li, ol {
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'PT Sans', Sans Serif;
}

h1 {
	font-size: 50px;
}

h2 {
	font-size: 40px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 17px;
}

h5 {
	font-size: 10px;
}

h6 {
	font-size: 5px;
}

body {
	background: #e8e8e8;
}

	body.login-bg {
		background-size: cover;
		background-color: #636363;
	}

header {
	background: #fff;
	position: fixed;
	z-index: 19;
	margin-top: 47px;
	width: 100%;
	border-top: 1px solid #ccc;
}

.modal-header {
	background-color: #636363;
}

header .nav {
	display: inline-block;
	width: 100%;
}

	header .nav li {
		display: inline-block;
		margin-right: 1px;
		border: 0 solid #666;
		text-align: center;
		font-size: 14px;
	}

		header .nav li + li {
			margin-right: 1px;
		}

		header .nav li a {
			display: inline-block;
			color: #000;
			border-bottom: 4px solid #fff;
			width: 100%;
			line-height: 50px;
			padding: 0 25px;
		}

			header .nav li a:hover {
				border-bottom: 4px solid #636363;
			}

			header .nav li a span {
				display: inline-block;
				width: 100%;
				height: 40px;
				margin-top: 9px
			}

			header .nav li a.dashboard-icon span {
				background-image: url(../images/menu-icons.png);
				background-position: -24px -9px;
				background-repeat: no-repeat;
				transition: all linear .2s;
			}

			header .nav li a.dashboard-icon:hover span {
				background-position: -24px -101px;
				transition: all linear .2s;
			}

			header .nav li a.callhistory-icon span {
				background-image: url(../images/menu-icons.png);
				background-position: -135px -9px;
				background-repeat: no-repeat;
				transition: all linear .2s;
			}

			header .nav li a.callhistory-icon:hover span {
				background-position: -135px -101px;
				transition: all linear .2s;
			}

			header .nav li a.job-icon span {
				background-image: url(../images/menu-icons.png);
				background-position: -248px -9px;
				background-repeat: no-repeat;
				transition: all linear .2s;
			}

			header .nav li a.job-icon:hover span {
				background-position: -248px -101px;
				transition: all linear .2s;
			}

			header .nav li a.account-icon span {
				background-image: url(../images/menu-icons.png);
				background-position: -351px -9px;
				background-repeat: no-repeat;
				transition: all linear .2s;
			}

			header .nav li a.account-icon:hover span {
				background-position: -351px -101px;
				transition: all linear .2s;
			}

			header .nav li a.location-icon span {
				background-image: url(../images/menu-icons.png);
				background-position: -455px -9px;
				background-repeat: no-repeat;
				transition: all linear .2s;
			}

			header .nav li a.location-icon:hover span {
				background-position: -455px -101px;
				transition: all linear .2s;
			}

			header .nav li a.vehicle-icon span {
				background-image: url(../images/menu-icons.png);
				background-position: -559px -9px;
				background-repeat: no-repeat;
				transition: all linear .2s;
			}

			header .nav li a.vehicle-icon:hover span {
				background-position: -559px -101px;
				transition: all linear .2s;
			}

			header .nav li a.newjob-icon span {
				background-image: url(../images/menu-icons.png);
				background-position: -681px -9px;
				background-repeat: no-repeat;
				transition: all linear .2s;
			}

			header .nav li a.newjob-icon:hover span {
				background-position: -681px -101px;
				transition: all linear .2s;
			}

		header .nav li:nth-child(7) {
			border-left: 1px solid #ccc;
		}

.total {
	background-color: #007bff;
}

.remaning {
	background-color: #ffc107;
}

.completed {
	background-color: #fff;
}

.todayorder-search {
	/*width: 24%;*/
	/* height: calc(1em + .75rem + 2px); */
	/* float: right; */
	/* margin-top: -6px; */
	width: 18% !important;
	padding: 0px 20px !important;
	border: 1px solid #1ABC9C !important;
	outline: none !important;
	border: none !important;
}

.assignedorders-search {
	width: 24%;
	height: calc(1em + .75rem + 2px);
	float: right;
	margin-top: -6px;
}

.page-link {
	position: relative;
	display: block;
	padding: .2rem .5rem;
	margin-left: -1px;
	line-height: 1.25;
	font-weight: 500;
	font-size: 1.4vh;
	color: #007bff;
	background-color: #fff;
	border: 1px solid #dee2e6;
}

.logo.logo-back-end img {
	width: 13vw;
	margin-top: 3px;
	margin-left: 0;
	height: auto;
}
/* SIDEBAR PANEL - ADNAN IQBAL */
.fixed-sidebar {
	position: fixed;
	width: 107px;
	background: #1ABC9C;
	top: 48px;
	left: -5px;
	height: 100%;
	z-index: 10;
	border-radius: 0px;
	padding: 10px;
}

	.fixed-sidebar ul {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

		.fixed-sidebar ul li {
			font-size: 14px;
			font-weight: 700;
			text-transform: capitalize;
			margin-bottom: 5px;
			text-align: center;
			display: inline-block;
			width: 100%;
			position: relative;
		}

/*			.fixed-sidebar ul li:first-child {
				margin-top: 0px
			}*/

			.fixed-sidebar ul li:nth-child(4) {
				position: relative;
			}

			.fixed-sidebar ul li ul {
				position: absolute;
				top: 0;
				left: 98px;
				background: #fff;
				display: none;
			}

				.fixed-sidebar ul li ul li {
					text-align: left;
/*					padding-left: 10px;*/
					margin: 0 0 0 0;
					border-bottom: 1px solid #dadada;
				}

					.fixed-sidebar ul li ul li ul {
						display: none;
					}

					.fixed-sidebar ul li ul li a {
						color: #636363;
						padding: 1vh !important;
					}

			.fixed-sidebar ul li a {
				color: #fff;
				display: block;
				padding: 10px;
				cursor: pointer;
			}

				.fixed-sidebar ul li a:hover {
					background: #16A085;
					color: #fff;
/*					border-radius: 15px;*/
				}

				/*			.fixed-sidebar ul li:hover ul {
				display: inline-block;
				box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
			}*/


				.fixed-sidebar ul li a span {
					display: inline-block;
					width: 100%;
					margin: 0 0 3px
				}
/*
			.fixed-sidebar ul li svg {
				font-size: 24px
			}*/

/* SUPER ADMIN PANEL - ADNAN IQBAL */
.super-admin {
	position: fixed;
	z-index: 20;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	padding: 5px 0;
}

.login-panel {
	display: inline-block;
	background: #fff;
	color: #636363;
}

.datetime-panel {
	display: inline-block;
	width: 170px;
	vertical-align: top;
	line-height: 45px;
	font-size: 14px;
	color: #636363;
}

	.datetime-panel p {
		text-align: center;
		font-weight: 400;
	}

.login-panel a {
	background: #fff;
	color: #000;
	padding: 5px 10px;
	display: block;
	position: relative;
	z-index: 20;
	border: 1px solid #ccc;
	margin: 5px 10px 0 0;
	border-radius: 3px;
	font-size: 14px;
}

	.login-panel a:hover {
		background: #636363;
		color: #fff;
		border: 1px solid #636363;
	}

.login-panel .login-toggle {
	position: absolute;
	z-index: 21;
	top: 90%;
	right: 1.5%;
	width: 200px;
	border: 0 solid #ccc;
	display: none;
	box-shadow: 0 0 5px #ccc;
	-o-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
}

.login-toggle li {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

	.login-toggle li:last-child {
		border: none;
	}

	.login-toggle li a {
		background: #fff;
		margin: 0;
		border: none;
		border-radius: 0;
		padding: 10px;
		text-align: left;
	}

		.login-toggle li a:hover {
			border: none;
		}

.top-panel {
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: top;
	line-height: 1.5;
}

.navbar-nav .dropdown-menu {
	position: absolute;
	float: none;
}

.drop {
	background-color: #E74C3C;
/*	border-radius: 10px;*/
	padding: 0px 0px;
	text-align: center;
	color: #fff !important;
	margin-bottom: 5px;
	font-size: 12px !important;
	line-height: 4vh !important;
	transition: all 0.3s ease-in-out;
}

.dropdown-item:focus, .dropdown-item:hover {
	color: #fff;
	text-decoration: none;
	background: #1ABC9C;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
	color: #fff;
}

.top-panel li {
	display: inline-block;
	line-height: normal;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	padding: 5px 10px;
	align-items: center;
}

	.top-panel li a {
		color: #636363;
	}

.content-wrapper {
	display: inline-block;
	width: 90%;
	/*background: #fff;*/
	margin-top: 60px;
}

.main-body {
	display: inline-block;
	width: 100%;
	background: #fff;
	padding: 5px
}

	.main-body h2 {
		font-size: 20px;
		background: #636363;
		color: #fff;
		padding: 10px;
		border-radius: 5px 5px 0 0;
		font-weight: 700
	}

.cate-form, .prod-form, .neworder-form, .profile-form-wrapper {
	display: inline-block;
	width: 100%;
	padding: 15px;
	background: #f5f5f5;
}

.category {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
	position: relative !important;
	z-index:1;
}

.orders-statistics-dropdown {
	width: 13%;
	display: inline-block;
	position: absolute;
	top: 7px;
	right: 5px;
	height: 30px;
	padding: 0;
	border: none
}

.product, .neworder {
	display: none;
	width: 100%;
}

.cate-form .form-fields, .prod-form .form-fields, .neworder-form .form-fields {
	border: 1px solid #ccc;
	display: inline-block;
	width: 100%;
	border-radius: 3px;
	padding: .45rem .5rem;
	margin-bottom: 0
}

	.cate-form .form-fields:focus, .prod-form .form-fields:focus, .neworder-form .form-fields:focus {
		outline: none;
	}

.saveBtn, .closeBtn, .updateProfileBtn {
	background: #E74C3C;
	border: 1px solid #E74C3C;
	color: #fff;
}

	.saveBtn:hover, .closeBtn:hover {
		background: #1ABC9C;
		border: 1px solid #1ABC9C;
		color: #fff;
	}

.active-box label, .active-box input[type=checkbox] {
	margin-top: 33px;
	margin-bottom: 0
}

.form-fields.datepicker {
	background: url(../images/calendar.png) 10px 7px no-repeat;
	padding-left: 40px
}

.dataTable thead th {
	background: #636363;
	color: #fff;
	padding: .5rem .7rem;
}

.dataTable tbody td {
	padding: .5rem .7rem;
}

	.dataTable tbody td span.label-success {
		color: #fff;
		background: #156f5f;
		padding: 3px 9px;
		border-radius: 4px;
	}

	.dataTable tbody td span.label-danger {
		color: #fff;
		background: red;
		padding: 3px 9px;
		border-radius: 4px;
	}
	/*new css open*/
	.dataTable tbody td span.label-waiting {
		color: #fff;
		background: #4169e1;
		padding: 3px 9px;
		border-radius: 4px;
	}

	.dataTable tbody td span.label-declined {
		color: #fff;
		background: #ec2e15;
		padding: 3px 9px;
		border-radius: 4px;
	}

	.dataTable tbody td span.label-pending {
		color: #fff;
		background: #8f0621;
		padding: 3px 9px;
		border-radius: 4px;
	}

	.dataTable tbody td span.label-accepted {
		color: #fff;
		background: #16A085;
		padding: 3px 9px;
		border-radius: 4px;
	}

	.dataTable tbody td span.label-collected {
		color: #fff;
		background: #8a2be2;
		padding: 3px 9px;
		border-radius: 4px;
	}

	.dataTable tbody td span.label-onroute {
		color: #fff;
		background: #ff8c00;
		padding: 3px 9px;
		border-radius: 4px;
	}

	.dataTable tbody td span.label-arrived {
		color: #fff;
		background: #000;
		padding: 3px 5px;
		border-radius: 4px;
	}

	.dataTable tbody td span.label-delivered {
		color: #fff;
		background: #108510;
		padding: 3px 9px;
		border-radius: 4px;
	}
	.dataTable tbody td span.label-bid {
		color: #fff;
		background: #512301;
		padding: 3px 6px;
		border-radius: 4px;
	}

	.dataTable tbody td span.label-notaccepted {
		color: #fff;
		background: #152c70;
		padding: 3px 9px;
		border-radius: 4px;
	}

	.dataTable tbody td span.label-ArrivedatPickup {
		color: #fff;
		background: #152c70;
		padding: 3px 9px;
		border-radius: 4px;
	}

	.dataTable tbody td span.label-Start_Job {
		color: #fff;
		background: #8824c1;
		padding: 3px 9px;
		border-radius: 4px;
	}

	/*new css close*/
	.dataTable tbody td svg {
		font-size: 13px;
	}

	.dataTable tbody td button.btn-success, .dataTable tbody td button.btn-danger, .dataTable tbody td button.btn-info, .dataTable tbody td button.btn-warning {
		line-height: 11px;
		padding: 6px 7px;
	}

.total-price {
	float: right;
	width: 100%;
}

.addToCart {
	background: green;
	color: #fff;
	margin: 30px 0 0;
	width: 100%;
}

	.addToCart:hover {
		background: darkgreen;
		color: #fff;
	}


/* PROFILE SETTINGS */
.profile-image {
	display: inline-block;
	width: 100%;
	background: #f1f1f1;
	text-align: center;
	padding: 50px 0;
	border-radius: 3px;
}

	.profile-image svg {
		font-size: 70px;
	}

	.profile-image span {
		display: block;
		padding: 20px 0 0
	}


/* LOGIN PANEL - ADNAN IQBAL */
/*.login-body {
	background: #fff;
	width: 42%;
	border-radius: 4px;
	margin: 12rem auto 0;
	padding: 1em 1em;
}*/

.login-body h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 36px;
	vertical-align: middle;
	padding: 10px 0;
	font-weight: 700;
	color: #1ABC9C;
}

		.login-body h2 span {
			display: block;
			width: 100%;
			padding: 10px 0;
			text-align: center;
			font-size: 16px;
			font-weight: 300;
			text-transform: capitalize;
			color: #000;
		}

.login-form {
	display: inline-block;
	width: 100%;
	padding: 30px 0;
}

.updateProfileBtn {
	width: 100%;
	margin-top: 27px;
	font-size: 20px;
	border-radius: 4px;
	padding: .7rem 0;
	transition: all ease .3s;
}


.login-form .updateProfileBtn:hover {
	background: #1ABC9C;
	border: 1px solid #1ABC9C;
	color: #ffffff;
}
.login-form .forget-pass {
	text-align: right;
	color: #E74C3C;
	font-weight: 500;
	display: block;
}

.login-form .forget-pass-2 {
	text-align: right;
	color: #fff;
	font-weight: 500;
	display: block;
	float: right;
	background: #E74C3C;
	padding: 5px 10px;
	border-radius: 35px;
	transition: all 0.3s ease-in-out;
}
	.login-form .forget-pass-2:hover {
		background: #1ABC9C;
	}
/*dashboard*/
.main-wrapper .no-gutters-tab > .col, .main-wrapper .no-gutters-tab > [class*=col-] {
	font-size: 0;
}

.row.no-gutters-tab,
.container.no-gutters-tab,
.container-fluid.no-gutters-tab {
	margin-left: 0;
	margin-right: 0;
}

.no-gutters-tab > [class^="col-"] {
	padding-left: 2px;
	padding-right: 2px;
}
/* DASHBOARD CSS - ADNAN IQBAL */
.main-wrapper {
	display: inline-block;
	width: 100%;
	background: #f5f5f5;
	padding: 10px;
	border-radius: 10px;
	height: 100vh;
}

.dataTable-wrapper {
	display: inline-block;
	width: 100%;
	background: #e8e8e8;
	height: 32.8vh;
}

	.dataTable-wrapper.orderTable {
		height: 300px
	}

	.dataTable-wrapper .dataTable, table.table-bordered.dataTable {
		margin: 0 !important;
		border-collapse: collapse !important
	}

.content-wrapper .main-wrapper h3 {
	background: #E74C3C;
	color: #fff;
	font-size: 14px;
	padding: 10px 30px;
}

.content-wrapper .main-wrapper .dataTable thead th {
	color: #fff;
	padding: .4rem .6rem;
}

.uperdetail {
	background: #E74C3C !important;
}

.map-wrapper {
	display: inline-block;
	width: 100%;
	background: #f3f3f3;
	padding: 0px;
}

.driver-vehicle-wrapper {
	display: inline-block;
	width: 100%
}

	.driver-vehicle-wrapper .driver-checkbox, .driver-vehicle-wrapper .vehicle-checkbox {
		display: inline-block;
		background: #fff;
		border: 1px solid #ccc;
		padding: 5px;
		border-radius: 5px;
	}

		.driver-vehicle-wrapper .driver-checkbox label, .driver-vehicle-wrapper .vehicle-checkbox label {
			margin-bottom: 0;
		}

		.driver-vehicle-wrapper .driver-checkbox label {
			padding-left: 30px;
			padding-right: 5px;
			background: url(../images/driver-icon.png) -5px -6px no-repeat;
		}

		.driver-vehicle-wrapper .vehicle-checkbox label {
			padding-left: 45px;
			padding-right: 5px;
			background: url(../images/truck-icon.png) -5px -7px no-repeat;
		}

.tabs-list {
	display: inline-block;
	width: 100%;
	position: fixed;
	bottom: 0.3%;
	text-transform: uppercase;
}

	.tabs-list li {
		display: inline-block;
	}

		.tabs-list li + li {
			margin-left: -2px;
		}

		.tabs-list li a:not([href]) {
			display: flex;
			padding: 5px 10px;
			border-radius: 5px 5px 5px 5px;
			font-size: 13px !important;
			font-weight: 600;
			cursor: pointer;
			line-height: normal;
			align-items: stretch;
			background: #E74C3C;
			color: #fff;
		}

		.tabs-list li a label {
			padding: 0;
			margin: 0;
		}

		.tabs-list li a:not([href]):hover {
			background: #1ABC9C;
			color: #fff;
		}

		.tabs-list li a.active {
			background: #16A085;
			color: #fff;
		}

.none {
	display: none;
}

.error {
	color: red;
}

/* CATEGORY LIST TABLE - ADNAN IQBAL */
.category h2 {
	font-size: 20px;
	background: #E74C3C;
	color: #fff;
	padding: 10px;
	border-radius: 5px 5px 0 0;
	font-weight: 700
}

.dataTables_paginate {
	padding-top: .85em;
}

	.dataTables_paginate .paginate_button a[href^="#"] {
		color: #000
	}

	.dataTables_paginate .paginate_button.active a[href^="#"] {
		color: #fff;
		background: #E74C3C;
		border-color: #E74C3C;
	}
/*.dataTables_filter, .dataTables_length, .dataTables_info, .dataTables_paginate {
	display: inline-block;
	width: 50%;
}
.dataTables_filter input[type=search]{
	border: 1px solid #ccc;
	outline: none;
	border-radius: 4px;
	padding: .1rem .5rem
}
.dataTables_length select{
	border: 1px solid #ccc;
	outline: none;
	border-radius: 4px;
	padding: .1rem .5rem
}
.dataTables_paginate .paginate_button {
	background: #636363;
	padding: .4rem .7rem;
	color: #fff;
}
.dataTables_paginate .paginate_button.previous{
	border-radius: 5px 0 0 5px;
}
.dataTables_paginate .paginate_button.next{
	border-radius: 0 5px 5px 0;
}
.dataTables_paginate .paginate_button.current{
	background: #045da7;
}*/


/* ORDER LIST TABS - ADNAN IQBAL */
.sttabs ul {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px
}

	.sttabs ul li {
		display: inline-block;
	}

		.sttabs ul li a {
			color: #000;
			background: #f1f1f1;
			display: block;
			padding: 5px 10px;
			border-radius: 4px 4px 0 0;
		}

			.sttabs ul li a.active {
				color: #fff;
				background: #636363;
			}

.active-div {
	display: block;
}

.not-active {
	display: none
}

	.not-active.activ {
		display: block
	}

/* SEARCH FIELD LIST - ADNAN IQBAL */
/*#ui-id-1, #ui-id-2 {
	height: 200px;
	overflow-x: auto;
	overflow-y: scroll;
	width: 30% !important;
	font-size: 13px;
}*/

.select2-container .select2-selection--single {
	height: 37px !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 35px !important
}

.select2-search--dropdown .select2-search__field {
	outline: none
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 35px !important;
}

.neworder-form input[name=OrderTime], .neworder-form input[name=OrderDate] {
	width: 90%
}

/* EDIT FORM - ADNAN IQBAL */
.edit-form label {
	font-size: 13px;
}

.edit-form-header {
	background: #636363;
}

	.edit-form-header h5 {
		color: #fff;
		font-size: 18px;
	}

	.edit-form-header .close {
		color: #fff;
		opacity: 1;
		text-shadow: none
	}

		.edit-form-header .close:hover {
			text-shadow: 0 1px 1px #fff;
		}

#today-order-wrapper {
	display: inline-block;
	width: 100%;
}

#pre-order-wrapper, #eb-order-wrapper, #search-order-wrapper, #recent-order-wrapper {
	display: none
}

.checkbox-selection {
	display: inline-block;
	width: 140px;
	margin-top: 35px;
}

.table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
	background-color: #1a2a48 !important;
}

.avail-driver .table {
	margin: 0
}

	.avail-driver .table tr:nth-child(odd) {
		background: #f1f1f1;
	}

	.avail-driver .table td {
		padding: .2rem .5rem;
		font-size: 12px;
	}

#btntodayordersautomax, #btntodayordersautomin {
	border: none;
	background: none;
	color: #fff;
	outline: none
}

#btnpreordersautomax, #btnpreordersautomin {
	border: none;
	background: none;
	color: #fff;
	outline: none;
}

#btnreturnordersautomax, #btnreturnordersautomin {
	border: none;
	background: none;
	color: #fff;
	outline: none;
}

#btnsearchordersautomax, #btnsearchordersautomin {
	border: none;
	background: none;
	color: #fff;
	outline: none;
}

#btnrecentordersautomax, #btnrecentordersautomin {
	border: none;
	background: none;
	color: #fff;
	outline: none;
}

#btncompletedordersautomax, #btncompletedordersautomin {
	border: none;
	background: none;
	color: #fff;
	outline: none;
}

#btncancelledordersautomax, #btncancelledordersautomin {
	border: none;
	background: none;
	color: #fff;
	outline: none;
}

#btnpenordersautomax, #btnpenordersautomin {
	border: none;
	background: none;
	color: #fff;
	outline: none;
}

#btnpenstoresautomax, #btnpenstoresautomin {
	border: none;
	background: none;
	color: #fff;
	outline: none;
}

#btnmaximizewritesms, #btnrestorewritesms {
	border: none;
	background: #636363;
	color: #fff;
	outline: none;
	float: right;
	margin-right: 0px;
	margin-top: 14px;
}

#btnmaximizecustomerorderhistory, #btnrestorecustomerorderhistory {
	border: none;
	background: #636363;
	color: #fff;
	outline: none;
	float: right;
	margin-right: 0px;
	margin-top: 14px;
}

#btnmaximizecustomerorderhistoryorderdetail, #btnrestorecustomerorderhistoryorderdetail {
	border: none;
	background: #636363;
	color: #fff;
	outline: none;
	float: right;
	margin-right: 0px;
	margin-top: 14px;
}

#btnmaximizedriverlist, #btnrestoredriverlist {
	border: none;
	background: none;
	color: #fff;
	outline: none;
	float: right;
	margin-right: 0px;
	margin-top: 14px;
}

#btnmaximizecustomerlist, #btnrestorecustomerlist {
	border: none;
	background: none;
	color: #fff;
	outline: none;
	float: right;
	margin-right: 0px;
	margin-top: 14px;
}

#btnmaximizecompanylist, #btnrestorecompanylist {
	border: none;
	background: none;
	color: #fff;
	outline: none;
	float: right;
	margin-right: 0px;
	margin-top: 14px;
}

#btnmaximizecustomerorderhistoryorderdetail, #btnrestorecustomerorderhistoryorderdetail {
	border: none;
	background: none;
	color: #fff;
	outline: none;
	float: right;
	margin-right: 0px;
	margin-top: 14px;
}

#btnmaximizesmsinboxlist, #btnrestoresmsinboxlist {
	border: none;
	background: none;
	color: #fff;
	outline: none;
	float: right;
	margin-right: 0px;
	margin-top: 14px;
}

#btnmaximizeemaillist, #btnrestoreemaillist {
	border: none;
	background: none;
	color: #fff;
	outline: none;
	float: right;
	margin-right: 0px;
	margin-top: 14px;
}

#btnmaximizemesssagealldrivers, #btnrestoremesssagealldrivers {
	border: none;
	background: none;
	color: #fff;
	outline: none;
	float: right;
	margin-right: 0px;
	margin-top: 14px;
}

#btnmaximizeemailbodydata, #btnrestoreemailbodydata {
	border: none;
	background: none;
	color: #fff;
	outline: none;
	float: right;
	margin-right: 0px;
	margin-top: 14px;
}

#btnminimizecustomerorderhistory {
	border: none;
	background: #636363;
	color: #fff;
	outline: none;
	float: right;
	margin-top: 14px;
	margin-right: 0px;
}

.editorderdiv {
	height: auto;
	max-height: 18vh;
	overflow: auto;
}

	.editorderdiv thead th {
		position: sticky;
		top: 0;
	}

.tooltipquestionmark {
	color: #fff;
	font-size: 6px;
	background-color: #1E91CF;
	padding: 4px 6px 4px 5px;
	border-radius: 50%;
}

.newbtn {
	background: #28a745;
	color: #fff;
}

	.newbtn:hover {
		background: darkgreen;
		color: #fff;
	}

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

.dropdown-menu {
	margin: 0.125rem 0em 0em -4em !important;
	padding: 0.2rem 0.2rem !important;
}

.todayorderdiv {
	background: #fff
}

.ui-front {
	z-index: 99999 !important;
}

/*table height scroll start css*/
/*.onorderdriverdiv tbody, .onorderdriverdiv thead tr {
	display: block;
}*/

.onorderdriverdiv tbody {
	overflow-y: overlay;
	overflow-x: hidden;
	max-height: 30vh;
}

/*.onorderdriverdiv tbody td, .onorderdriverdiv thead th {
	width: 89px !important;
}

.onorderdriverdiv thead th:last-child {
	width:  140px;
}*/
/*table height scrrol end css*/

/*table height scroll start css*/
/*.availabledriverdiv tbody, .availabledriverdiv thead tr {
	display: block;
}*/

.availabledriverdiv tbody {
	overflow-y: overlay;
	overflow-x: hidden;
	max-height: 30vh;
}
/*.availabledriverdiv tbody td, .availabledriverdiv thead th {
	width: 125px !important;
}

.availabledriverdiv thead th:last-child {
	width: 140px;
}*/
/*table height scrrol end css*/

/*table height scroll start css*/
/*.completedordersdiv tbody, .completedordersdiv thead tr {
	display: block;
}
*/
.completedordersdiv tbody {
	overflow-y: overlay;
	overflow-x: hidden;
	max-height: 49vh;
}

/*.completedordersdiv tbody td, .completedordersdiv thead th {
	width: 200px !important;
}

.completedordersdiv thead th:last-child {
	width: 140px;
}*/
/*table height scrrol end css*/

/*table height scroll start css*/
/*.cancelledordersdiv tbody, .cancelledordersdiv thead tr {
	display: block;
}*/

.cancelledordersdiv tbody {
	overflow-y: overlay;
	overflow-x: hidden;
	max-height: 44vh;
}
/*
	.cancelledordersdiv tbody td, .cancelledordersdiv thead th {
		width: 200px !important;
	}

		.cancelledordersdiv thead th:last-child {
			width: 140px;
		}*/
/*table height scrrol end css*/
/*table height scroll start css*/
/*.todayorderdiv tbody, .todayorderdiv thead tr {
	display: block;
}*/

.todayorderdiv tbody {
	overflow-y: overlay;
	overflow-x: hidden;
	max-height: 44vh;
}

/*.todayorderdiv tbody td, .todayorderdiv thead th {
	width: 200px !important;
}

.todayorderdiv thead th:last-child {
	width: 140px;
}*/
/*table height scrrol end css*/
/*table height scroll start css*/
/*.preorderdiv tbody, .preorderdiv thead tr {
	display: block;
}
*/
.preorderdiv tbody {
	overflow-y: overlay;
	overflow-x: hidden;
	max-height: 44vh;
}

/*.preorderdiv tbody td, .preorderdiv thead th {
	width: 200px !important;
}

.preorderdiv thead th:last-child {
	width: 140px;
}*/
/*table height scrrol end css*/
/*table height scroll start css*/
/*.searchorderdiv tbody, .searchorderdiv thead tr {
	display: block;
}*/

.searchorderdiv tbody {
	overflow-y: overlay;
	overflow-x: hidden;
	max-height: 48vh;
}

/*.searchorderdiv tbody td, .searchorderdiv thead th {
	width: 231px !important;
}

.searchorderdiv thead th:last-child {
	width: 140px;
}*/
/*table height scrrol end css*/
/*table height scroll start css*/
/*.recentorderdiv tbody, .recentorderdiv thead tr {
	display: block;
}*/

.recentorderdiv tbody {
	overflow-y: overlay;
	overflow-x: hidden;
	max-height: 42vh;
}

/*.recentorderdiv tbody td, .recentorderdiv thead th {
	width: 200px !important;
}

.recentorderdiv thead th:last-child {
	width: 140px;
}*/
/*table height scrrol end css*/
/*table height scroll start css*/
/*.bulkorderdiv tbody, .bulkorderdiv thead tr {
	display: block;
}*/

.bulkorderdiv tbody {
	overflow-y: overlay;
	overflow-x: hidden;
	max-height: 58vh;
}

/*	.bulkorderdiv tbody td, .bulkorderdiv thead th {
		width: 104px !important;
	}

		.bulkorderdiv thead th:last-child {
			width: 140px;
		}*/
/*table height scrrol end css*/
/*table height scroll start css*/
/*.editorderdiv tbody, .editorderdiv thead tr {
	display: block;
}*/

.editorderdiv tbody {
	overflow-y: overlay;
	overflow-x: hidden;
	max-height: 24vh;
}

/*.editorderdiv tbody td, .editorderdiv thead th {
	width: 200px !important;
}

.editorderdiv thead th:last-child {
	width: 140px;
}*/
/*table height scrrol end css*/
/*table height scroll start css*/
/*.productreviewdiv tbody, .productreviewdiv thead tr {
	display: block;
}*/

.productreviewdiv tbody {
	overflow-y: overlay;
	overflow-x: hidden;
	max-height: 70vh;
}

/*.productreviewdiv tbody td, .productreviewdiv thead th {
	width: 150px !important;
}

.productreviewdiv thead th:last-child {
	width: 140px;
}*/
/*table height scrrol end css*/

/*table height scroll start css*/
/*.createcustomerdiv tbody, .createcustomerdiv thead tr {
	display: block;
}*/

.createcustomerdiv tbody {
	overflow-y: overlay;
	overflow-x: hidden;
	max-height: 64vh;
}
/*.createcustomerdiv tbody td, .createcustomerdiv thead th {
	width: 324px !important;
}
.createcustomerdiv thead th:last-child {
	width: 140px;
}*/
/*table height scrrol end css*/
/*table height scroll start css*/
/*.createorderdiv tbody, .createorderdiv thead tr {
	display: block;
}*/

.createorderdiv tbody {
	overflow-y: overlay;
	overflow-x: hidden;
	max-height: 23vh;
}

/*.createorderdiv tbody td, .createorderdiv thead th {
	width: 310px !important;
}

.createorderdiv thead th:last-child {
	width: 140px;
}*/
/*table height scrrol end css*/

td.details-control {
	background: url('/Content/Images/Common/details_open.png') no-repeat center center;
	cursor: pointer;
}

tr.shown td.details-control {
	background: url('/Content/Images/Common/details_close.png') no-repeat center center;
}

.cate-form .control-label {
	font-weight: 700;
}

.cate-form .feather-download {
	position: relative;
	padding-left: 30px
}

	.cate-form .feather-download:before {
		position: absolute;
		content: '\e955';
		top: 6px;
		left: 11px;
	}

.addbtn {
	margin-top: 50px;
}

.avatar {
	background: #fff;
	padding: 1px;
}

.contacts-texts .badge-primary {
	margin-top: -10px;
}

.sidebar .tab-content {
	border-left: 1px solid #e5e9f2;
	border-right: 1px solid #e5e9f2;
	border-top: 1px solid #e5e9f2;
	border-bottom: 1px solid #e5e9f2;
}

.main {
	border-top: 1px solid #e5e9f2;
	border-bottom: 1px solid #e5e9f2;
	border-right: 1px solid #e5e9f2;
}

@media (max-width:1300px) {
	.dataTable-wrapper {
		height: 35vh;
	}

	.content-wrapper .main-wrapper .dataTable thead th {
		font-size: .8vw;
	}

	.dataTable-wrapper.orderTable {
		height: 30vh;
	}
}
/*start css by ss*/
/*.fixed-sidebar ul li {
	position: relative;
}*/
/*nav*/
.navbar {
	padding: 0px;
}

.navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 0;
}

.navbar-light .navbar-nav .nav-link {
	color: #000;
	padding: 0px;
}

	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
		color: #1ABC9C;
	}

#driverpopupdata {
	position: absolute;
	top: 0;
	background-color: #fff;
	left: -49%;
}

	#driverpopupdata.avail-driver .table tr:nth-child(odd) {
		background: transparent;
	}

	#driverpopupdata.avail-driver .table tbody {
		background: #333;
		color: #fff
	}

	#driverpopupdata.avail-driver .table td {
		font-size: 10px;
		border: 1px solid #666
	}

.popupdiv {
	position: absolute;
	background-color: #fff;
	right: 1%;
	top: 17%;
	z-index: 9;
	box-shadow: 0 0 5px #ccc;
	width: 20%;
}

.popupdivbutton {
	border: none;
	border-radius: 50%;
	padding: 0 0;
	line-height: 30px;
	width: 30px;
	height: 30px;
	position: absolute;
	right: -11px;
	top: -10px;
	background: #333;
	color: #fff;
	outline: none;
}

.popupdiv table {
	margin: 0
}

	.popupdiv table tbody {
		background: #333;
		color: #fff;
	}

	.popupdiv table td {
		border: 1px solid #999;
		font-size: 1vh;
		line-height: 12px
	}

		.popupdiv table td:first-child {
			width: 35%;
		}

	.popupdiv table td {
		padding: .5rem .75rem
	}

/*header css for resolution*/
/*.super-admin {
	height: 4.6vh;
}*/

/*.top-panel {
		width: 47.5vw;
	}*/

.top-panel li {
	font-size: 16px;
}

.datetime-panel {
	font-size: 1.4vh;
	width: 8.9vw;
}

.login-panel a {
	font-size: 1.4vh;
}
/*sidebar*/
/*.fixed-sidebar ul li {
	font-size: 1.3vh;
	font-weight: 600;
	text-transform: uppercase;
}*/

.fixed-sidebar ul li a {
	padding: 1.4vh 0;
	font-family: "Poppins", sans-serif;
}

.fixed-sidebar ul li svg {
	font-size: 2.2vh !important;
}

.fixed-sidebar ul li > ul {
	width: 8vw;
	top: 0vh;
	/*			height: 376px!important;
			overflow-y: scroll;*/
}

/*.fixed-sidebar {
	width: 5vw;
	top: 4vh;
	padding-top: 1em;
}*/
/*main content css*/
.content-wrapper .main-wrapper h3 {
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	position: relative;
	font-family: "Poppins", sans-serif;
}

.content-wrapper {
	width: 95.6vw;
	margin-top: 5.5vh;
	margin-left: 4.7vw;
}

.on-plot p {
	padding: 10px 10px;
}

.on-plot .driver li {
	padding: 10px 10px;
}

	.on-plot .driver li:nth-child(odd) {
		background: #636363;
		color: #fff;
	}

.neworder-form input.ProductModelQuantity {
	height: 56px;
}





/*ha2 location search dropdown height issue */
.ui-menu {
	height: 200px;
	overflow: auto;
}
/*inner pages heading */
.category h2 {
	font-size: 2.1vh;
	padding: 1.05vh;
}
/*table expand css*/
#todayorderDiv {
	transition: all ease-in .2s;
	position: relative
}

	#todayorderDiv.tableexpand {
		position: absolute;
		z-index: 19;
		bottom: 0px;
		transition: all ease-in .2s;
		background: #fff;
		width: 99%;
		height: 100%;
		left: 12px;
		margin-right: 0;
		margin-left: 0;
		right: 2px;
	}

#PreOrdersDiv.tableexpand {
	position: absolute;
	z-index: 19;
	bottom: 0px;
	transition: all ease-in .2s;
	background: #fff;
	width: 99%;
	height: 100%;
	margin-right: 0;
	margin-left: 0;
	right: 2px;
}

#SearchOrderDiv.tableexpand {
	position: absolute;
	z-index: 19;
	bottom: 0px;
	transition: all ease-in .2s;
	background: #fff;
	width: 99%;
	height: 100%;
	margin-right: 0;
	margin-left: 0;
	right: 2px;
}

#RecentOrderDiv.tableexpand {
	position: absolute;
	z-index: 19;
	bottom: 0px;
	transition: all ease-in .2s;
	background: #fff;
	width: 99%;
	height: 100%;
	margin-right: 0;
	margin-left: 0;
	right: 2px;
}

#CancelledOrderDiv.tableexpand {
	position: absolute;
	z-index: 19;
	bottom: 0px;
	transition: all ease-in .2s;
	background: #fff;
	width: 99%;
	height: 100%;
	margin-right: 0;
	margin-left: 0;
	right: 2px;
}

#ReturnOrderDiv.tableexpand {
	position: absolute;
	z-index: 19;
	bottom: 0px;
	transition: all ease-in .2s;
	background: #fff;
	width: 99%;
	height: 100%;
	margin-right: 0;
	margin-left: 0;
	right: 2px;
}

#CompletedOrderDiv.tableexpand {
	position: absolute;
	z-index: 19;
	bottom: 0px;
	transition: all ease-in .2s;
	background: #fff;
	width: 99%;
	height: 100%;
	margin-right: 0;
	margin-left: 0;
	right: 2px;
}

#PendingOrderDiv.tableexpand {
	position: absolute;
	z-index: 19;
	bottom: 0px;
	transition: all ease-in .2s;
	background: #fff;
	width: 99%;
	height: 100%;
	margin-right: 0;
	margin-left: 0;
	right: 2px;
}

#StoreRequestDiv.tableexpand {
	position: absolute;
	z-index: 19;
	bottom: 0px;
	transition: all ease-in .2s;
	background: #fff;
	width: 99%;
	height: 100%;
	margin-right: 0;
	margin-left: 0;
	right: 2px;
}

/*//for drivers pannel*/
.OnOrderDriverStatus {
	background-color: green;
	color: #fff;
	font-weight: 700;
}

.AvailableDriverStatus {
	background-color: #007bff;
	color: #fff;
	font-weight: 700;
}

.OnBreakDriverStatus {
	background-color: #ffc107;
	color: #fff;
	font-weight: 700;
}

.onlinedetail {
	background-color: #636363;
	font-weight: 600;
	color: #fff;
	padding: 9px 15px 5px 15px;
	margin-right: 83px;
}
/*VendorDashboard tiles*/
.panel-one h2 {
	background: #fff;
}

.blue h2 {
	color: #212529;
}

.green h2, .green .incoming-data {
	border-left: 4px solid green;
}

.green h2 {
	color: green;
}

.red h2, .red .incoming-data {
	border-left: 4px solid red
}

.red h2 {
	color: red;
}

.black h2, .black .incoming-data {
	border-left: 4px solid #000
}

.black h2 {
	color: #000;
}

.panel-one .incoming-data {
	width: 100%;
	background: #fff;
	text-align: right;
	padding: 0px 0px;
	border-radius: 0 0 5px 5px;
	margin-bottom: 5px;
	position: relative;
	font-size: 30px;
	font-weight: 700;
}

.Waiting-color {
	background-color: #4169e1;
	padding: 24px 30px 24px 24px;
	border-radius: 5px 0px 0px 5px;
	color: #fefeff;
}

.Cancelled-color {
	background-color: #ec2e15;
	padding: 24px 32px 24px 24px;
	border-radius: 5px 0px 0px 5px;
	color: #fefeff;
}

.Delivered-color {
	background-color: green;
	padding: 24px 27px 24px 24px;
	border-radius: 5px 0px 0px 5px;
	color: #fefeff;
}

.Pending-color {
	background-color: red;
	padding: 24px 26px 24px 24px;
	border-radius: 5px 0px 0px 5px;
	color: #fefeff;
}

.panel-two h2 {
	background: #0059df;
}

.panel-two .outgoing-data {
	display: inline-block;
	width: 100%;
	background: #c6dcfd;
	padding: 10px;
	border-radius: 0 0 5px 5px;
}

.panel-three h2 {
	background: #f58007;
}

.panel-three .pending-data {
	display: inline-block;
	width: 100%;
	background: #ffeedd;
	padding: 10px;
	border-radius: 0 0 5px 5px;
}

.panel-one h2 {
	font-size: 16px;
	padding: 5px 10px;
	margin: 0;
	border-radius: 5px 5px 0 0;
	text-transform: capitalize;
	font-weight: 400;
	background-color: #f3f3f3;
}

.panel-one svg {
	position: inherit;
	top: 0px;
	font-size: 30px;
	right: 20%;
}

.StoreOpen, .StoreClosed {
	position: absolute;
	left: 3px;
	top: 3px;
	background: #fff;
	padding: 1px 7px;
	border-radius: 4px;
	font-weight: 700;
	font-size: 11px;
	color: #363636;
}

#StoreDataDiv .card-body {
	padding: 0.55rem 1.25rem
}


.full-graph {
	display: inline-block;
	width: 100%;
	background: #f1f1f1;
	border-radius: 3px;
	margin-top: 10px;
}

	.full-graph h2 {
		font-size: 24px;
		text-transform: uppercase;
		font-weight: 900;
		padding: 10px 15px;
		border-bottom: 1px solid #ccc;
		line-height: 40px;
	}

#StoreDataDiv .vendor .restaurent {
	overflow: hidden;
	height: 100px;
}

.card-box-one {
	display: inline-block;
	width: 100%;
	background: #f1f1f1;
	margin-bottom: 20px;
}

.dataTables_paginate .pagination {
	justify-content: end;
}

.add-product {
	position: absolute;
	right: 30px;
	top: 35px;
	font-size: 1.2em;
}

.customer-info {
	position: absolute;
	right: 30px;
	top: 33px;
	font-size: 1.2em;
}

.SearchSuggestion-Loader {
	position: absolute;
	right: 42px;
	top: 36px;
	font-size: 1em;
}

.driver-img {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border-color: #cfcdcd;
}

.driver-name {
	/*color: #777;*/
	font-size: 18px;
	margin-top: 3px;
	display: inline-block;
	line-height: 36px;
	/*margin-bottom: 10px;*/
	color: #000;
	padding-left: 15px;
	font-weight: 700
}

.driver-content {
	/*color: #aaa;*/
	font-size: 14px;
	line-height: 20px;
	color: #000;
	padding-left: 45px;
}

.notificationcount a.dropdown-item {
	padding: 0 0 10px 0;
	border-radius: 5px;
}

	.notificationcount a.dropdown-item:hover {
		background: #ccc
	}

#result {
	margin-bottom: 20px;
}

.thumbnail {
	border: 1px solid #f1f1f1;
	border-radius: 5px;
	padding-top: 5px;
	margin-bottom: 15px
}

	.thumbnail .caption {
		display: block;
		padding: 10px 10px;
	}

		.thumbnail .caption p:first-child {
			margin-bottom: 5px;
		}
/* .prod-img { */
/* display: block; */
/* width: 100%; */
/* height: 130px; */
/* overflow: hidden; */
/* margin-bottom: 20px; */
/* } */
/* .prod-img img{ */
/* height: 130px; */
/* } */



/*add Media Quiry */
@media (max-width:2560px) {
	.logo.logo-back-end img {
		width: 12vw;
		filter: brightness(0) saturate(100%) invert(58%) sepia(84%) saturate(432%) hue-rotate(118deg) brightness(89%) contrast(85%);
	}

	.tabs-list li a img {
		width: 20px;
		margin: 0 5px 0 0;
	}

	.avail-driver-search {
		width: 40% !important;
		height: calc(0.8em + .75rem + 2px);
		float: right;
		margin-top: -2px;
		font-size: 1.8vh;
	}
}

@media (max-width:1440px) {
	.logo.logo-back-end img {
		width: 12vw;
		margin-top: 0.6vh;
		margin-left: 1em;
		height: auto;
	}

	.avail-driver-search {
		width: 40%;
		height: calc(0.7em + .75rem + 2px);
		float: right;
		margin-top: -3px;
		font-size: 1.8vh;
	}

	.onlinedetail {
		background-color: #636363;
		font-weight: 600;
		color: #fff;
		padding: 9px 5px 5px 5px;
		margin-right: 13px;
	}
}

@media (max-width:1300px) {
	.dataTable-wrapper {
		height: 32.7vh;
	}

	.content-wrapper .main-wrapper .dataTable thead th {
		font-size: 1.2vw;
	}

	.dataTable-wrapper.orderTable {
		height: 30vh;
	}

	.fixed-sidebar {
		width: 6vw;
		top: 4vh;
		padding-top: 1em;
	}

	.content-wrapper {
		width: 95.6vw;
		margin-top: 4.9vh;
		margin-left: 5vw;
	}

	.onlinedetail {
		background-color: #636363;
		font-weight: 600;
		color: #fff;
		padding: 9px 5px 5px 5px;
		margin-right: 13px;
	}

	.avail-driver-search {
		width: 40%;
		height: calc(0.5em + .75rem + 2px);
		float: right;
		margin-top: -3px;
		font-size: 1.8vh;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.logo.logo-back-end img {
		width: 14vw;
		margin-top: 0.8vh;
		margin-left: 1em;
		height: auto;
	}

	.tabs-list li a:not([href]) {
		display: block;
		background: #636363;
		padding: 2px 6px 0;
		border-radius: 5px 5px 5px 5px;
		font-size: 1vw !important;
		color: #fff;
		cursor: pointer;
		line-height: normal;
	}

	.logo.logo-back-end img {
		width: 17vw;
		margin-top: 0.8vh;
		margin-left: 1em;
		height: auto;
	}

	.main-wrapper {
		display: inline-block;
		width: 100%;
		background: #fff;
		padding: 6px 4px;
		border-radius: 4px;
		height: auto;
		margin-bottom: 3em;
	}

	.avail-driver-search {
		width: 47%;
		height: calc(0.5em + .75rem + 2px);
		float: right;
		margin-top: -2px;
		font-size: 1.8vh;
	}
}

@media only screen and (max-width: 991px) {
	.display-full {
		float: none !important;
		width: 100% !important;
		margin: 0 auto !important;
	}
}

@media only screen and (max-width: 768px) {
	.logo.logo-back-end img {
		width: 24vw;
		margin-top: 0.8vh;
		margin-left: 1em;
		height: auto;
	}

	.content-wrapper {
		width: 94.6vw;
		margin-top: 4.9vh;
		margin-left: 6.4vw;
	}

	.fixed-sidebar {
		width: 8vw;
		top: 4vh;
		padding-top: 1em;
	}

	.tabs-list li a:not([href]) {
		display: block;
		background: #636363;
		padding: 2px 6px 0;
		border-radius: 5px 5px 5px 5px;
		font-size: 0.95vw !important;
		color: #fff;
		cursor: pointer;
		line-height: normal;
	}

	.tabs-list li a img {
		width: 2.5vh;
	}

	.main-wrapper {
		display: inline-block;
		width: 100%;
		background: #fff;
		padding: 6px 4px;
		border-radius: 4px;
		height: auto;
		margin-bottom: 3em;
	}

	.avail-driver-search {
		width: 40%;
		height: calc(0.5em + .75rem + 2px);
		float: right;
		margin-top: -3px;
		font-size: 1.8vh;
	}

	.showbtn {
		color: #636363;
		background-color: #fff;
		border-color: #fff;
		padding: 0px 3px 0px 3px;
		font-size: 1.3vh;
		font-weight: 600;
		border-radius: 2px;
		margin: -3px 0px 0px 8px;
		line-height: 1.5;
	}
}


@media only screen and (max-width: 575px) {
	.display-full {
		float: none !important;
		width: 100% !important;
		margin: 0 auto !important;
	}

	.top-panel li {
		display: inline-block;
		line-height: 5vh;
		color: #636363;
		font-size: 14px;
		padding: 0 4px;
	}

	.tc {
		text-align: center;
	}

	.logo.logo-back-end img {
		width: 37vw;
		margin-top: 0.8vh;
		margin-left: 1em;
		height: auto;
	}

	.super-admin {
		height: 8vh;
	}

	.fixed-sidebar {
		width: 14vw;
		top: 8vh;
		padding-top: 1em;
	}

	.content-wrapper {
		width: 91.6vw;
		margin-top: 8.9vh;
		margin-left: 11.4vw;
	}

	.main-wrapper {
		display: inline-block;
		width: 100%;
		background: #fff;
		padding: 6px 4px;
		border-radius: 4px;
		height: auto;
		margin-bottom: 5em;
	}

	.tabs-list li a img {
		width: 2.5vh;
	}

	.tabs-list li a:not([href]) {
		display: block;
		background: #636363;
		padding: 2px 6px 0;
		border-radius: 5px 5px 5px 5px;
		font-size: 1.73vw !important;
		color: #fff;
		cursor: pointer;
		line-height: normal;
	}

	.tabs-list li {
		display: inline-block;
		margin-bottom: 2px;
	}

	.content-wrapper .main-wrapper .dataTable thead th {
		font-size: 2.7vw;
	}

	.fixed-sidebar ul li > ul {
		width: 21vw;
		top: 0vh;
	}

	.neworder-form input[name=OrderTime], .neworder-form input[name=OrderDate] {
		width: 100%;
	}
}

@media only screen and (max-width: 480px) {
	.display-full {
		float: none !important;
		width: 100% !important;
		margin: 0 auto !important;
	}

	.top-panel li {
		display: inline-block;
		line-height: 5vh;
		color: #636363;
		font-size: 14px;
		padding: 0 4px;
	}

	.tc {
		text-align: center;
	}

	.logo.logo-back-end img {
		width: 37vw;
		margin-top: 0.8vh;
		margin-left: 1em;
		height: auto;
	}

	.super-admin {
		height: 8vh;
	}

	.fixed-sidebar {
		width: 14vw;
		top: 8vh;
		padding-top: 1em;
	}

	.content-wrapper {
		width: 91.6vw;
		margin-top: 8.9vh;
		margin-left: 11.4vw;
	}

	.main-wrapper {
		display: inline-block;
		width: 100%;
		background: #fff;
		padding: 6px 4px;
		border-radius: 4px;
		height: auto;
		margin-bottom: 5em;
	}

	.tabs-list li a img {
		width: 2.5vh;
	}

	.tabs-list li a:not([href]) {
		display: block;
		background: #636363;
		padding: 2px 6px 0;
		border-radius: 5px 5px 5px 5px;
		font-size: 1.73vw !important;
		color: #fff;
		cursor: pointer;
		line-height: normal;
	}

	.tabs-list li {
		display: inline-block;
		margin-bottom: 2px;
	}

	.content-wrapper .main-wrapper .dataTable thead th {
		font-size: 2.7vw;
	}

	.fixed-sidebar ul li > ul {
		width: 21vw;
		top: 0vh;
	}

	.neworder-form input[name=OrderTime], .neworder-form input[name=OrderDate] {
		width: 100%;
	}

	.dataTable-wrapper {
		height: auto;
	}
}

@media only screen and (max-width: 425px) {
	.display-full {
		float: none !important;
		width: 100% !important;
		margin: 0 auto !important;
	}

	.top-panel li {
		display: inline-block;
		line-height: 5vh;
		color: #636363;
		font-size: 13px;
		font-weight: 500;
		padding: 0 4px;
	}

	.tc {
		text-align: center;
	}

	.logo.logo-back-end img {
		width: 37vw;
		margin-top: 0.8vh;
		margin-left: 1em;
		height: auto;
	}

	.super-admin {
		height: 8vh;
	}

	.fixed-sidebar {
		width: 14vw;
		top: 8vh;
		padding-top: 1em;
	}

	.content-wrapper {
		width: 91.6vw;
		margin-top: 8.9vh;
		margin-left: 11.4vw;
	}

	.main-wrapper {
		display: inline-block;
		width: 100%;
		background: #fff;
		padding: 6px 4px;
		border-radius: 4px;
		height: auto;
		margin-bottom: 8em;
	}

	.tabs-list {
		display: inline-block;
		width: 84%;
		position: fixed;
		bottom: 0.3%;
		text-transform: uppercase;
	}

		.tabs-list li a img {
			width: 2.5vh;
		}

		.tabs-list li a:not([href]) {
			display: block;
			background: #636363;
			padding: 4px 6px 0;
			border-radius: 5px 5px 5px 5px;
			font-size: 2.6vw !important;
			color: #fff;
			cursor: pointer;
			line-height: normal;
		}

		.tabs-list li {
			display: inline-block;
			margin-bottom: 2px;
		}

	.content-wrapper .main-wrapper .dataTable thead th {
		font-size: 2.7vw;
	}

	.fixed-sidebar ul li > ul {
		width: 21vw;
		top: 0vh;
	}

	.neworder-form input[name=OrderTime], .neworder-form input[name=OrderDate] {
		width: 100%;
	}

	.dataTable-wrapper {
		height: auto;
	}

	.onlinedetail {
		background-color: #636363;
		font-weight: 600;
		color: #fff;
		padding: 9px 5px 5px 5px;
		margin-right: 29px;
	}
}

@media only screen and (max-width: 411px) {
	.display-full {
		float: none !important;
		width: 100% !important;
		margin: 0 auto !important;
	}

	.top-panel li {
		display: inline-block;
		line-height: 5vh;
		color: #636363;
		font-size: 13px;
		padding: 0 5px;
	}

	.tc {
		text-align: center;
	}

	.logo.logo-back-end img {
		width: 37vw;
		margin-top: 0.8vh;
		margin-left: 1em;
		height: auto;
	}

	.super-admin {
		height: 8vh;
	}

	.fixed-sidebar {
		width: 14vw;
		top: 8vh;
		padding-top: 1em;
	}

	.content-wrapper {
		width: 91.6vw;
		margin-top: 8.9vh;
		margin-left: 11.4vw;
	}

	.main-wrapper {
		display: inline-block;
		width: 100%;
		background: #fff;
		padding: 6px 4px;
		border-radius: 4px;
		height: auto;
		margin-bottom: 8em;
	}

	.tabs-list {
		display: inline-block;
		width: 84%;
		position: fixed;
		bottom: 0.3%;
		text-transform: uppercase;
	}

		.tabs-list li a img {
			width: 2.5vh;
		}

		.tabs-list li a:not([href]) {
			display: block;
			background: #636363;
			padding: 4px 6px 0;
			border-radius: 5px 5px 5px 5px;
			font-size: 2.6vw !important;
			color: #fff;
			cursor: pointer;
			line-height: normal;
		}

		.tabs-list li {
			display: inline-block;
			margin-bottom: 2px;
		}

	.content-wrapper .main-wrapper .dataTable thead th {
		font-size: 2.7vw;
	}

	.fixed-sidebar ul li > ul {
		width: 21vw;
		top: 0vh;
	}

	.neworder-form input[name=OrderTime], .neworder-form input[name=OrderDate] {
		width: 100%;
	}

	.dataTable-wrapper {
		height: auto;
	}
}

@media only screen and (max-width: 375px) {
	.display-full {
		float: none !important;
		width: 100% !important;
		margin: 0 auto !important;
	}

	.top-panel li {
		display: inline-block;
		line-height: 5vh;
		color: #636363;
		font-size: 12px;
		padding: 0 4px;
	}

	.tc {
		text-align: center;
	}

	.logo.logo-back-end img {
		width: 37vw;
		margin-top: 0.8vh;
		margin-left: 1em;
		height: auto;
	}

	.super-admin {
		height: 8vh;
	}

	.fixed-sidebar {
		width: 14vw;
		top: 8vh;
		padding-top: 1em;
	}

		.fixed-sidebar ul li {
			font-size: 1.3vh;
		}

	.content-wrapper {
		width: 91.6vw;
		margin-top: 8.9vh;
		margin-left: 11.4vw;
	}

	.main-wrapper {
		display: inline-block;
		width: 100%;
		background: #fff;
		padding: 6px 4px;
		border-radius: 4px;
		height: auto;
		margin-bottom: 7em;
	}

	.tabs-list {
		display: inline-block;
		width: 84%;
		position: fixed;
		bottom: 0.3%;
		text-transform: uppercase;
	}

		.tabs-list li a img {
			width: 2.5vh;
		}

		.tabs-list li a:not([href]) {
			display: block;
			background: #636363;
			padding: 2px 6px 0;
			border-radius: 5px 5px 5px 5px;
			font-size: 2.5vw !important;
			color: #fff;
			cursor: pointer;
			line-height: normal;
		}

		.tabs-list li {
			display: inline-block;
			margin-bottom: 2px;
		}

	.content-wrapper .main-wrapper .dataTable thead th {
		font-size: 2.7vw;
	}

	.fixed-sidebar ul li > ul {
		width: 21vw;
		top: 0vh;
	}

	.dataTable-wrapper {
		height: auto;
	}

	.neworder-form input[name=OrderTime], .neworder-form input[name=OrderDate] {
		width: 100%;
	}

	.onlinedetail {
		background-color: #636363;
		font-weight: 600;
		color: #fff;
		padding: 9px 5px 5px 5px;
		margin-right: 46px;
	}
}

@media only screen and (max-width: 360px) {
	.display-full {
		float: none !important;
		width: 100% !important;
		margin: 0 auto !important;
	}

	.top-panel li {
		display: inline-block;
		line-height: 5vh;
		color: #636363;
		font-size: 11px;
		padding: 0px 5px;
	}

	.tc {
		text-align: center;
	}

	.logo.logo-back-end img {
		width: 37vw;
		margin-top: 0.8vh;
		margin-left: 1em;
		height: auto;
	}

	.super-admin {
		height: 8vh;
	}

	.fixed-sidebar {
		width: 14vw;
		top: 8vh;
		padding-top: 1em;
	}

		.fixed-sidebar ul li {
			font-size: 1.3vh;
		}

	.content-wrapper {
		width: 91.6vw;
		margin-top: 8.9vh;
		margin-left: 11.4vw;
	}

	.main-wrapper {
		display: inline-block;
		width: 100%;
		background: #fff;
		padding: 6px 4px;
		border-radius: 4px;
		height: auto;
		margin-bottom: 8em;
	}

	.tabs-list {
		display: inline-block;
		width: 84%;
		position: fixed;
		bottom: 0.3%;
		text-transform: uppercase;
	}

		.tabs-list li a img {
			width: 2.5vh;
		}

		.tabs-list li a:not([href]) {
			display: block;
			background: #636363;
			padding: 2px 6px 0;
			border-radius: 5px 5px 5px 5px;
			font-size: 2.5vw !important;
			color: #fff;
			cursor: pointer;
			line-height: normal;
		}

		.tabs-list li {
			display: inline-block;
			margin-bottom: 2px;
		}

	.content-wrapper .main-wrapper .dataTable thead th {
		font-size: 2.7vw;
	}

	.fixed-sidebar ul li > ul {
		width: 21vw;
		top: 0vh;
	}

	.dataTable-wrapper {
		height: auto;
	}

	.neworder-form input[name=OrderTime], .neworder-form input[name=OrderDate] {
		width: 100%;
	}
}

@media only screen and (max-width: 320px) {
	.display-full {
		float: none !important;
		width: 100% !important;
		margin: 0 auto !important;
	}

	.top-panel li {
		display: inline-block;
		line-height: 5vh;
		color: #636363;
		font-size: 10px;
		padding: 0 3px;
	}

	.tc {
		text-align: center;
	}

	.logo.logo-back-end img {
		width: 56vw;
		margin-top: 0.8vh;
		margin-left: 1em;
		height: auto;
	}

	.super-admin {
		height: 8vh;
	}

	.fixed-sidebar {
		width: 14vw;
		top: 8vh;
		padding-top: 1em;
	}

		.fixed-sidebar ul li {
			font-size: 1.1vh;
		}

	.content-wrapper {
		width: 91.6vw;
		margin-top: 8.9vh;
		margin-left: 11.4vw;
	}

	.main-wrapper {
		display: inline-block;
		width: 100%;
		background: #fff;
		padding: 6px 4px;
		border-radius: 4px;
		height: auto;
		margin-bottom: 9em;
	}

	.tabs-list {
		display: inline-block;
		width: 82%;
		position: fixed;
		bottom: 0.3%;
		text-transform: uppercase;
	}

		.tabs-list li a img {
			width: 2.5vh;
		}

		.tabs-list li a:not([href]) {
			display: block;
			background: #636363;
			padding: 2px 6px 0;
			border-radius: 5px 5px 5px 5px;
			font-size: 3vw !important;
			color: #fff;
			cursor: pointer;
			line-height: normal;
		}

		.tabs-list li {
			display: inline-block;
			margin-bottom: 2px;
		}

	.content-wrapper .main-wrapper .dataTable thead th {
		font-size: 2.7vw;
	}

	.fixed-sidebar ul li > ul {
		width: 21vw;
		top: 0vh;
	}

	.dataTable-wrapper {
		height: auto;
	}


	.neworder-form input[name=OrderTime], .neworder-form input[name=OrderDate] {
		width: 100%;
	}

	.onlinedetail {
		background-color: #636363;
		font-weight: 600;
		color: #fff;
		padding: 9px 5px 5px 5px;
		margin-right: 0px;
	}
}


@media screen and (-webkit-min-device-pixel-ratio: 0) {
}

@media (-webkit-max-device-pixel-ratio) {
}

@-moz-document url-prefix() {
}

.rs_table-wrapper {
	overflow-x: scroll;
	overflow-y: visible;
	padding-bottom: 5px;
}

	.rs_table-wrapper table thead {
		color: #fff;
		background: #000;
	}

	.rs_table-wrapper > table thead th,
	.rs_table-wrapper > table tbody td {
		white-space: nowrap;
		border: 1px solid #dee2e6;
	}

	.rs_table-wrapper .sticky-col {
		left: 0;
		position: absolute;
		top: auto;
		width: 141px;
		overflow-x: hidden;
		text-overflow: ellipsis;
	}

.fareTbl {
	height: 80vh;
}

.table {
	--bs-table-color: var(--bs-body-color);
	--bs-table-bg: transparent;
	--bs-table-border-color: var(--bs-border-color);
	--bs-table-accent-bg: transparent;
	--bs-table-striped-color: var(--bs-body-color);
	--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
	--bs-table-active-color: var(--bs-body-color);
	--bs-table-active-bg: rgba(0, 0, 0, 0.1);
	--bs-table-hover-color: var(--bs-body-color);
	--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
	width: 100%;
	margin-bottom: 1rem;
	color: var(--bs-table-color);
	vertical-align: top;
	border-color: var(--bs-table-border-color)
}

	.table > :not(caption) > * > * {
		padding: .5rem .5rem;
		background-color: var(--bs-table-bg);
		border-bottom-width: var(--bs-border-width);
		box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
	}

	.table > tbody {
		vertical-align: inherit
	}

	.table > thead {
		vertical-align: bottom
	}

.table-group-divider {
	border-top: calc(var(--bs-border-width) * 2) solid currentcolor
}

.form-control {
	width: 100%;
	border: 1px solid rgb(105, 105, 105);
	display: inline-block;
	text-align: left;
	font-size: 16px;
	font-weight: 500;
	border-radius: 5px;
	align-items: center;
	padding: 3px 8px;
	z-index: 99;
	/*position: relative;*/
}

	.form-control:focus {
		outline: 1px solid black;
		border-color: var(--color_1);
		box-shadow: 0 0 0 0.25rem #00205129;
	}

.form-select {
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	display: block;
	width: 100%;
	padding: .375rem 2.25rem .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

@media (prefers-reduced-motion:reduce) {
	.form-select {
		transition: none
	}
}

.form-select:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
	padding-right: .75rem;
	background-image: none
}

.form-select:disabled {
	background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 var(--bs-body-color)
}

select.form-control {
	-webkit-appearance: menulist !important;
	-moz-appearance: menulist !important;
	-ms-appearance: menulist !important;
	-o-appearance: menulist !important;
	appearance: menulist !important;
}

.form-select {
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	border-radius: 5px;
	align-items: center;
	padding: 6px 8px;
	border: 1px solid rgb(105, 105, 105) !important;
	background-position: right 12px center;
	background-size: 16px 16px;
}

	.form-select:focus {
		outline: 1px solid black;
		border-color: var(--color_1);
		box-shadow: 0 0 0 0.25rem #00205129;
	}

.fareStgBox {
	width: 100%;
	padding: 15px 0;
}

	.fareStgBox .form-group {
		margin: 0;
	}

	.fareStgBox label {
		font-size: 14px;
		font-weight: 500;
		margin-bottom: 5px;
	}

	.fareStgBox .faretopHead {
		width: 100%;
		font-size: 14px;
		font-weight: 500;
		padding: 5px 15px;
		background: #e8e8e8;
		border-radius: 8px;
		display: flex;
		align-items: center;
		margin-bottom: 15px;
	}

	.fareStgBox .form-check {
		display: flex;
		align-items: center;
		gap: 5px;
		padding: 0;
	}

		.fareStgBox .form-check label {
			margin: 0;
		}

.fareStgTbl {
	width: 100%;
	height: 29vh;
}

.fareStgTbl2 {
	width: 100%;
	height: 18vh;
}

.rs_table::-webkit-scrollbar {
	display: initial !important;
}

.Delete {
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	padding: 5px 10px;
	background-color: #E74C3C;
	border-color: #E74C3C;
	border-radius: 3px;
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
}

	.Delete:hover {
		color: #fff;
		background-color: #1ABC9C;
		border-color: #1ABC9C;
	}

.selected-drivers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	min-height: 0;
	overflow-y: scroll;
	max-height: 70px;
}

	.selected-drivers .driver-item {
		background: #1ABC9C;
		border: 1px solid #1ABC9C;
		color: #fff;
		padding: 10px 30px;
		font-size: 14px;
		border-radius: 5px;
		margin: 2px;
	}

		.selected-drivers .driver-item .remove-driver {
			background-color: #fff;
			width: 15px;
			display: inline-flex;
			height: 15px;
			color: #000;
			align-items: center;
			justify-content: center;
			border-radius: 3px;
			font-size: 17px;
			line-height: unset;
			margin-top: 4px;
			cursor:pointer;
		}
/*My Css*/
.login-bg {
	width: 100%;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f5f5f5;
}
.main-login {
	width: 100%;
	background: #fff;
	border-radius: 35px;
	box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
	position: relative;
	overflow: hidden;
}
.side-login-image {
	width: 100%;
	height: 100%;
	background: url(../../../../Content/Images/Banner/Banner1.jpeg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.main-login-fields{
	width: 100%;
	padding: 50px;
}
.login-logo {
	width: 100%;
	padding: 0px 0px 10px 0px;
	filter: brightness(0) saturate(100%) invert(55%) sepia(74%) saturate(468%) hue-rotate(118deg) brightness(95%) contrast(88%);
}
.custom-input-style {
	width: 100%;
	background: #fff;
	padding: 20px;
	border: 2px solid #1ABC9C;
	border-radius: 35px;
	transition: all 0.3s ease-in-out;
}
.custom-input-style::placeholder{
	color: #000;
	font-weight: 500;
}
	.custom-input-style:focus {
		outline: none;
		box-shadow: 0 10px 40px 0 rgba(0,0,0,0.1);
	}
.custom-input-style:not(:placeholder-shown){
	box-shadow: none;
}
td.driverView.completed {
	font-size: 12px;
}
.custom-form-input {
	margin-left: 10px;
	color: #000;
	border: 1px solid #1ABC9C;
}
.custom-form-input:focus{
	outline:none;
	border: 1px solid #1ABC9C;
}
.custom-nav{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.custom-left{
	margin-right: 10px;
}
.cutsom-form{
	border: 1px solid #1ABC9C;
	color: #000;
}
.content-wrapper .main-wrapper .dataTable thead th {
	background: #222222 !important;
	font-size: 14px !important;
	padding: 10px !important;
	font-family: "Poppins", sans-serif;
	text-transform: capitalize;
}
.custom-input-cat-style {
	border: 1px solid #1ABC9C !important;
	border-radius: 10px !important;
	padding: 10px 40px !important;
	height: 50px;
	background: #fff !important;
	transition: all 0.3s ease-in-out;
}
	.custom-input-cat-style:focus {
		box-shadow: 0 10px 40px 0 rgba(0,0,0,0.1);
	}
	.custom-label-style {
		font-weight: 600;
		margin-left: 20px;
	}
.custom-label-style-2 {
	font-weight: 600 !important;
}
.custom-input-modal-style {
	border: 1px solid #1ABC9C !important;
	border-radius: 10px !important;
	padding: 10px 30px !important;
	height: 50px;
}
.custom-input-style-1 {
	border: 1px solid #1ABC9C !important;
	border-radius: 10px !important;
	padding: 10px 12px !important;
	height: 50px;
	transition: all 0.3s ease-in-out;
}
	.custom-input-style-1:focus {
		box-shadow: 0 10px 40px 0 rgba(0,0,0,0.1);
	}
.custom-input-style-2 {
	border: 1px solid #1ABC9C !important;
	border-radius: 10px !important;
	padding: 10px 12px !important;
	height: 50px;
}
.custom-input-style-3 {
	border: 1px solid #1ABC9C !important;
	border-radius: 10px !important;
	padding: 10px 20px !important;
	background: #fff !important;
	height: 50px;
	transition: all 0.3s ease-in-out;
}

	.custom-input-style-3:focus {
		box-shadow: 0 10px 40px 0 rgba(0,0,0,0.1);
	}
.custom-input-style-4 {
	border: 1px solid #1ABC9C !important;
	border-radius: 10px !important;
	padding: 10px !important;
	background: #fff !important;
	transition: all 0.3s ease-in-out;
}

	.custom-input-style-4:focus {
		box-shadow: 0 10px 40px 0 rgba(0,0,0,0.1);
	}
.custom-input-style-5 {
	border: 1px solid #1ABC9C !important;
	border-radius: 10px !important;
	padding: 5px 10px !important;
	transition: all 0.3s ease-in-out;
}

	.custom-input-style-5:focus {
		box-shadow: 0 10px 40px 0 rgba(0,0,0,0.1);
	}
.custom-input-style-6 {
	border: 1px solid #1ABC9C !important;
	border-radius: 10px !important;
	padding: 10px 20px !important;
	background: #fff !important;
	height: 55px;
	transition: all 0.3s ease-in-out;
}

	.custom-input-style-6:focus {
		box-shadow: 0 10px 40px 0 rgba(0,0,0,0.1);
	}
.custom-input-style-7 {
	border: 1px solid #1ABC9C !important;
	border-radius: 10px !important;
	padding: 10px 20px !important;
	height: 55px;
	transition: all 0.3s ease-in-out;
}

	.custom-input-style-7:focus {
		box-shadow: 0 10px 40px 0 rgba(0,0,0,0.1);
	}
.custom-input-chat-style {
	border: 1px solid #1ABC9C !important;
	padding: 6px 10px !important;
	transition: all 0.3s ease-in-out;
}

	.custom-input-chat-style:focus {
		box-shadow: 0 10px 40px 0 rgba(0,0,0,0.1);
	}
.extra-padd {
	padding: 10px 40px;
}
.custom-width-th{
	width: 15px !important;
}
.custom-width-th-2 {
	width: 110px !important;
}
.custom-width-th-3 {
	width: 150px !important;
}
.custom-width-th-4 {
	width: 200px !important;
}
.extra-apadd{
	padding: 20px 30px !important;
}
.custom-bulk-th-50 {
	width: 50px !important;
}
.custom-bulk-th-70{
	width: 70px !important;
}
.custom-bulk-th-100 {
	width: 100px !important;
}
.custom-Btn-Dispatch{
	background: #1ABC9C !important;
	border: none !important;
	transition: all 0.3s ease-in-out;
}
	.custom-Btn-Dispatch:hover {
		background: #E74C3C !important;
	}
.custom-Btn-Close {
	background: #E74C3C !important;
	border: none !important;
	transition: all 0.3s ease-in-out;
}
.custom-Btn-Close:hover {
	background: #1ABC9C !important;
}
.modal-header .close {
	padding: 25px 20px !important;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{
	opacity: 1 !important;
}
.custom-order-invoice{
	padding: 30px;
}
.print-page-logo {
	width: 550px;
	filter: brightness(0) saturate(100%) invert(48%) sepia(87%) saturate(402%) hue-rotate(118deg) brightness(105%) contrast(89%);
}
.custom-card-style {
	border-radius: 35px !important;
/*	padding: 50px !important;*/
	border: 4px solid #1ABC9C !important;
}
.customer-info {
	margin-top: 9px;
	margin-right: 5px;
	color: #1ABC9C;
	transition: all 0.3s ease-in-out;
}
.customer-info:hover{
	color: #E74C3C;
}
.custom-th-style{
	background: #000 !important;
	color: #fff !important;
	padding: 10px 20px !important;
}

.custom-th-Dashboard-3{
	width: 200px !important;
}

.custom-th-Dashboard-4 {
	width: 1000px !important;
}

.custom-th-Dashboard-6 {
	width: 360px !important;
}

.custom-th-Dashboard-7 {
	width: 650px !important;
}

.custom-th-Dashboard-8 {
	width: 540px !important;
}

.custom-th-Dashboard-9{
	width: 450px !important;
}

.custom-th-Dashboard-10{
	width: 100px !important;
}

.custom-th-Dashboard-11 {
	width: 3400px !important;
}

.custom-th-Dashboard-12 {
	width: 140px !important;
}

.custom-th-Dashboard-13 {
	width: 160px !important;
}
.custom-preOrder-th-width{
	width: 100px !important;
}
.custom-returnOrder-th-width {
	width: 100px !important;
}
.custom-completeOrder-th-width {
	width: 100px !important;
}
.custom-cancelOrder-th-width {
	width: 100px !important;
}
.custom-pendingOrder-th-width {
	width: 100px !important;
}
.buttons-html5 {
	background: #1ABC9C !important;
	color: #fff !important;
	border: 1px solid #1ABC9C !important;
	transition: all 0.3s ease-in-out !important;
}
	.buttons-html5:hover {
		background: #E74C3C !important;
		border: 1px solid #E74C3C !important;
	}