.settings-panel .expanded.theme-colors #myapp-0 {
	background: #b56a9f;
	-webkit-box-shadow: inset 0 0 0 3px #d3d;
	box-shadow: inset 0 0 0 3px #212529;
}

/*.filter-slelect > .bootstrap-select .btn{*/
/*	padding: 5px 10px !important;*/
/*}*/
/*.dataTables_filter .form-control , .wrapper_filter .form-control{*/
/*	height: inherit;*/
/*}*/
/*.filter-slelect > .form-control {*/
/*	height: calc(1em + 1rem + 2px);*/
/*}*/

.dataTables_length .custom-select{
	padding: 5px 25px 5px 7px;
	height: auto;
}

.filter-slelect > .custom-select {
	background-color: #fafafa !important;
	/* username-table_length */
}
.select2-selection.select2-selection--single{
	background: #fafafa;
	border: 1px solid #ddd;
}
#history-slider {
	width: 150px;
	margin-left: 10px;
	margin-right: 10px;
}

#GC .slider-selection {
	background: var(--theme-primary);
}

#GC .slider-handle {
	background: var(--theme-primary);
}

.slider.slider-horizontal {
	width: 150px;
	height: 26px;
	margin: 10px;
}

.slider-handle {
	position: absolute;
	top: 0;
	width: 3px;
	height: 26px;
}

.slider-handle.round {
	border-radius: 0;
}

.slider.slider-horizontal .slider-handle {
	margin-left: -2px;
}

.hrt-btn {
	border-radius: 25px;
	padding: 18px;
	width: 65px;
	height: 20px;
}

.hrt-btn i {
	position: absolute;
	top: 35%;
	color: white;
	font-weight: 900;
}

.map-zoom-control {
	margin: 10px;
	/* background:black; */
}

.custom-map-zoom-control {
	bottom: 60px;
	transition-duration: .3s;
	transition-timing-function: ease-in;
}

@media screen and (max-width:525px) {
	.custom-map-zoom-control {
		bottom: 155px;
	}
}

.custom-map-zoom-control.active {
	bottom: 210px;
}

.map-zoom-control>a {
	color: black !important;
	background: white !important;
	margin: 10px;
	border: 2px solid #aaaaaad4;
	display: block;
}

.map-zoom-control>a i {
	font-weight: 600;
}

.map-zoom-control>a:hover, > a:active, > a:focus, > a:visited {
	border: 2px solid #aaaaaad4 !important;
	opacity: .7;
}

.hide {
	display: none !important;
}

.no-padding {
	padding: 0px !important;
}

.aline-left {
	text-align: left;
}

.aline-center {
	text-align: center;
}

.aline-right {
	text-align: right;
}

.margin-bottom {
	margin-bottom: 8px;
}

.margin-top {
	/*margin-top: 15px;*/
}

.margin-right {
	margin-right: 15px;
}


.wrapper_filter  .margin-top{
	margin-top: 15px !important;
}
.margin-left {
	margin-left: 15px;
}

.margin-15 {
	margin: 15px;
}

.geo-code-data div{
	word-wrap: break-word !important;
}

.vehicleIcon {
	max-width: 20px !important;
	max-height: 40px !important;
	margin-left: -8px;
	margin-top: -15px;
}

.tpm {
	position: relative;
}

.tpm img {
	height: 16px;
	margin: 0px;
	vertical-align: middle
}

.statelite-txt {
	position: absolute;
	font-size: 7px;
	left: 50%;
	vertical-align: middle;
	top: 56%;
	transform: translate(-50%, -50%);
}

.speed-chart {
	height: 150px;
	width: 100%;
	text-align: center;
	bottom: 1%;
}

.footerDrawer .card-title {
	font-size: 0.8375rem !important;
}



.his-data {
	background: #ffffff;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.his-data a {
	margin-bottom: 10px;
}

.his-data div {
	margin-bottom: 10px;
}

@media screen and (max-width:525px) {
	.his-data {
		padding-left: 20px;
	}
}

.btn-his {
	background: #e6e6e6;
	display: inline-block;
	padding: 0.25em 0.4em;
	font-weight: 500;
	/* line-height: 1; */
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 4px;
	margin-right: 15px;
}

.badge-danger {
	color: #fff;
	background-color: #ec4607;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder {
	color: #515151;
	background: #fafafa;
	border: 1px solid #e0dfe2;
}


.mod-skin-dark  .bootstrap-select>.dropdown-toggle.bs-placeholder {
	color: #fff;
	background: transparent;
	border: 1px solid rgba(0, 0, 0, 0.35) !important;
}


.form-row>[class*="col-"] {
	padding-right: 20px;
	padding-left: 20px;
}

.help-block, .invalid-feedback, .valid-feedback {
	font-size: 0.7875rem;
	margin-top: 0.325rem;
}

.was-validated .form-control[readonly] {
	border-color: #1dc9b7;
	padding-right: calc(1.47em + 1rem);
	background-image:
			url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center right calc(0.3675em + 0.25rem);
	background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem);
}

.was-validated span.select2-selection.select2-selection--single, span.select2-selection.select2-selection--multiple
{
	border-color: #1dc9b7;
	padding-right: calc(1.47em + 1rem);
	background-repeat: no-repeat;
	background-position: center right calc(0.3675em + 0.25rem);
	background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem);
}

/*
* header  status button 
*/
.wrapper_btn {
	align-items: end;
}

.status-btn {
	text-align: center;
	flex: 1;
	margin-left: 6px;
	padding: 7px 10px;
	border-width: 2px;
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
}

.status-btn img{
	display: none;
}


@media screen and (max-width:414px) {
	.status-btn {
		margin-left: 4px;
	}
}

@media screen and (max-width:320 px) {
	.status-btn span {
		font-size: 11px;
	}
}

.status-btn:active {
	box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.3) !important;
	border: 1px solid #ffffff !important;
}

.status-btn:focus {
	box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.3) !important;
	border: 1px solid #ffffff !important;
}


/*.status-btn.btn-active {*/
/*	border: 1px solid !important;*/
/*}*/


.wrapper_btn .status-btn:first-child {
	margin-left: 0px;
}

.status-btn img {
	margin-right: 9px;
}

@media screen and (max-width:424px) {
	.status-btn img {
		display: none;
	}
}



.tb-all, .on-trip-vehicles{
	color: #4eb4e1 !important;
	background-color: transparent !important;
	border-color: #4eb4e1 !important;
}

.tb-all:hover, .on-trip-vehicles:hover, .tb-all.btn-active, .on-trip-vehicles.btn-active{
	color: #fff !important;
	background-color: #4eb4e1 !important;
}


.tb-overspeed {
	color: #df6c1a !important;
	background-color: transparent !important;
	border-color: #df6c1a !important;
}

.tb-overspeed:hover, .tb-overspeed.btn-active {
	color: #fff !important;
	background-color: #df6c1a !important;
}


.tb-running, .intransit-trip-vehicles, .loaded-vehicles {
	color: #63be77 !important;
	background-color: transparent !important;
	border-color: #63be77 !important;
}
.tb-running:hover, .intransit-trip-vehicles:hover, .loaded-vehicles:hover, .tb-running.btn-active, .intransit-trip-vehicles.btn-active, .loaded-vehicles.btn-active{
	color: #fff !important;
	background-color: #63be77 !important;
}

.tb-idle {
	color: #ffb20e !important;
	background-color: transparent !important;
	border-color: #ffb20e !important;
}

.tb-idle:hover, .tb-idle.btn-active {
	color: #fff !important;
	background-color: #ffb20e !important;
	border-color: #ffb20e !important;
}



.tb-stopped, .not-on-trip-vehicles, .unloaded-vehicles {
	color: #ee6464 !important;
	background-color: transparent !important;
	border-color: #ee6464 !important;
}

.tb-stopped:hover, .not-on-trip-vehicles:hover, .unloaded-vehicles:hover, .tb-stopped.btn-active, .not-on-trip-vehicles.btn-active, .unloaded-vehicles.btn-active {
	color: #fff !important;
	background-color: #ee6464 !important;
	border-color: #ee6464 !important;
}



.tb-unreachable {
	color: #2196f3 !important;
	background-color: transparent !important;
	border-color: #2196f3 !important;
}


.tb-unreachable:hover, .tb-unreachable.btn-active {
	color: #fff !important;
	background-color: #2196f3 !important;
	border-color: #2196f3 !important;
}


.tb-new {
	color: #aaa !important;
	background-color: transparent !important;
	border-color: #aaa !important;
}

.tb-new:hover, .tb-new.btn-active {
	color: #fff !important;
	background-color: #aaa !important;
	border-color: #aaa !important;
}



.tb-inactive {
	color: #0d0d0d !important;
	background-color: transparent !important;
	border-color: #0d0d0d !important;
}


.tb-inactive:hover, .tb-inactive.btn-active {
	color: #fff !important;
	background-color: #0d0d0d !important;
	border-color: #0d0d0d !important;
}




.wrapper_filter {
	padding:  5px 1rem;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;
	border-bottom: solid 1px #999 !important;
}




.wrapper_filter.mobile{
	border: 1px solid rgba(0, 0, 0, 0.09);
}




@media screen and (max-width:414px) {
	.wrapper_filter {
		padding: 9px;
	}
}

@media screen and (max-width:414px) {
	.page-content {
		padding: 0px !important;
	}
}

.wrapper_select {
	display: flex;
	align-items: center;
}

.filter-slelect {
	flex: 1;
}

@media screen and (max-width:414px) {
	.filter-slelect {
		flex: none;
		display: block;
		margin-bottom: 10px;
	}
}

.page-content-wrapper{
	background-color:#faf8fb;
}

.panel-content {
	padding: 10px 0px !important;
}

/* table custom css */
.table a {
	color: #0088f5 !important;
	text-decoration: none;
}

.table a:hover {
	text-decoration: underline !important;
	color: #2296f3;
}

table.dataTable.table-bordered td.selected {
	box-shadow: none;
	background: #ddd;
}

.table td {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	/*padding:0.2rem 1.50rem;*/
	padding:0.3rem 1rem 0.3rem 1.0rem !important;
	vertical-align: middle;
}

.table th {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	padding: .60rem 1.50rem;
	vertical-align: middle;
}

.dataTables_empty{
	color: var(--theme-primary);
}

table.DTFC_Cloned tr {
	background-color: transparent;
	margin-bottom: 0;
}

#adDashboardTableDiv .dataTables_filter {
	display: none;
}

#geofenceTableDiv .dataTables_filter {
	display: none;
}

#alertTableDiv .dataTables_filter {
	display: none;
}

/* #adDashboardTableDiv .mb-3, .my-3 {
	margin-bottom: 0rem !important;
} */

#geofenceTableDiv .mb-3, .my-3 {
	margin-bottom: 0rem !important;
}
#alertDiv{
	margin:0px;
	border-left:1px solid #c1c2c157;
	border-right:1px solid #c1c2c157;
}

#alertDiv .mb-3, .my-3 {
	margin-bottom: 0rem !important;
}

.modal-xl {
	max-width: 94% !important;
	margin-top: 10px !important;
	/*margin-left: 6.5% !important;*/
}

.modal-footer {
	padding: 0px 21px;
}
/*dashboard Table Search*/
.filter-table {
	margin-bottom: 20px;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before{
	right: 1rem !important;
	content: "\f175";
	font-size: 14px;
	bottom:9px;
	font-family: 'Font Awesome 5 Pro';
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{
	right: 0.5rem !important;
	content: "\f176";
	font-size: 14px;
	/* top: 9px; */
	bottom: 9px;
	font-family: 'Font Awesome 5 Pro';
}

#templateModel table.dataTable thead#timeline-table-headers .sorting:before, #templateModel table.dataTable thead#timeline-table-headers .sorting_asc:before, #templateModel table.dataTable thead#timeline-table-headers .sorting_desc:before, #templateModel table.dataTable thead#timeline-table-headers .sorting_asc_disabled:before, #templateModel table.dataTable thead#timeline-table-headers .sorting_desc_disabled:before{
	right: 1rem !important;
	content: "\f175";
	font-size: 0px;
	bottom:9px;
	font-family: 'Font Awesome 5 Pro';
}
#templateModel table.dataTable thead#timeline-table-headers .sorting:after, #templateModel table.dataTable thead#timeline-table-headers .sorting_asc:after, #templateModel table.dataTable thead#timeline-table-headers .sorting_desc:after, #templateModel table.dataTable thead#timeline-table-headers .sorting_asc_disabled:after, #templateModel table.dataTable thead#timeline-table-headers .sorting_desc_disabled:after{
	right: 0.5rem !important;
	content: "\f176";
	font-size: 0px;
	bottom: 9px;
	font-family: 'Font Awesome 5 Pro';
}


.search_bar {
	display: inline-block;
}

@media screen and (max-width:1024px) {
	.search_bar {
		width: 30%;
	}
}

@media screen and (max-width:767px) {
	.search_bar {
		display: block;
		width: 100%;
	}

	.footerDrawer .card-body{
		height: auto;
	}



}

.group_buttons {
	display: inline-block;
	width: 86%;
	text-align: end;
}

@media screen and (max-width:1024px) {
	.group_buttons {
		width: 69%;
	}
}

@media screen and (max-width:767px) {
	.group_buttons {
		display: block;
		width: 100%;
		margin-top: 10px;
	}
}

@media screen and (max-width:375px) {
	.group_buttons {
		text-align: left;
	}
}

@media screen and (max-width:767px) {
	.btn-filter {
		padding: 7px 10px !important;
	}
}

@media screen and (max-width:375px) {
	.btn-filter {
		width: 49%;
		margin-bottom: 3px;
	}
}

/*Over Map Button*/
.wrapper_over-map {
	top: 50px;
	display: inline-block;
	right: 18px;
	position: absolute;
	z-index: 9;
}

.over_map {
	background: white;
	padding: 10px 15px;
	box-shadow: 1px 1px 9px -2px #0000007d;
	display: none;
	margin-right: 14px;
	border-radius: 10px;
	white-space: nowrap;
}

.over_map .row{
	padding: 0;
	margin: 0;
	align-items: center !important;
}

/*.over_map .row button{*/
/*	padding: 10px 20px;*/
/*	border: none;*/
/*	border-bottom: 1px solid #bbbfc4;*/
/*	border-radius: 0;*/
/*	font-size: 16px;*/
/*	color: #889098;*/
/*}*/

.over_map .row button:hover{
	color: #fff;
}

.over_map>div {
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #0000001a;
}

.over_map>div:last-child{
	border: none ;
}


.over-map.active {
	display: block;
}

.over_map input {
	margin-right: 10px;
	height: 27px;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
	box-shadow:inherit !important;
}

/*PopUp for Vehicle Address*/
.infowindow .header {
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	background: #ff000014;
	padding: 5px;
}

.infowindow i {
	margin-right: 10px;
}

.infowindow div {
	margin-top: 3px;
}

/*Vehicle ToolTip*/
.vehicleNo_tooltip {
	font-weight: 600;
	font-size: 11px;
	background: var(--theme-primary);
	padding: 4px;
	color: white;
	margin-top: 5px;
}

.vehicleNo_tooltip::before {
	content: '';
	position: absolute;
	border: 7px solid transparent;
	margin-top: -18px;
	margin-left: -3px;
	border-bottom-color: var(--theme-primary);
}

/*Vehicle Status*/
.bg-new-state {
	display: inline-block;
	height: 13px;
	width: 13px;
	border-radius: 50%;

	background: darkgrey;
}

.bg-idle-state {
	display: inline-block;
	height: 13px;
	width: 13px;
	border-radius: 50%;
	background: #ffb43e;

}

.bg-overspeed-state {
	display: inline-block;
	height: 13px;
	width: 13px;
	border-radius: 50%;
	background: #de6d33;
}

.bg-running-state {
	display: inline-block;
	height: 13px;
	width: 13px;
	border-radius: 50%;
	background: #63be77;
}

.bg-stopped-state {
	display: inline-block;
	height: 13px;
	width: 13px;
	border-radius: 50%;
	background: #ee6463;

}

.bg-unreachble-state {
	display: inline-block;
	height: 13px;
	width: 13px;
	border-radius: 50%;
	background: #2296f3;
}
/*Table Footer*/
.footerDrawer {
	width: 95%;
	position: fixed;
	bottom: 0;
	z-index: 7;
}





.dashboardvie .info-w-content i{ background-color: #f6f6f6 !important; width: 25px; height: 25px; text-align: center; line-height: 26px; border-radius: 100px; color: #212d38;  display: inline-block;}

.dashboardvie .info-w-content .fa.fa-location-arrow{color: #ff324a;}

.dashboardvie .info-w-content .fa.fa-alarm-clock{
	color: #4c2fff;
}

.dashboardvie .info-w-content .fa.fa-truck{
	color: #00d898;
}

.dashboardvie .pt-2.pl-2{
	display: flex;
}

@media screen and (max-width:1024px) {
	/*.footerDrawer {*/
	/*	width: calc(100% - 280px);*/
	/*}*/
}

@media screen and (max-width:768px) {
	.footerDrawer {
		width: 90%;
	}
}
/*PopUp Header*/
.popup_header {
	background: white;
	padding: 12px 15px;
	border-top: 3px solid #b56a9f !important;
	border-bottom: 1px solid #00000014 !important;
	border-color:var(--theme-primary) !important;
}

.popup_header #vehicle-vehicleNo {
	color: black !important;
	font-weight: 600 !important;
}

/*Transform Icon*/
.transform_icon {
	transform: rotate(180deg);
}

/*Custom Button_Add*/
.custom_add {
	margin-left: 16px;
	line-height: normal;
}

/*Modal Button*/
.close {
	opacity: 1 !important;
}

.close i {
	color: white;
}

/*Modal Header*/
.modal-header {
	padding: .75rem 1.25rem;
}

/*Navbar*/
.nav {
	padding: 0px 20px;
}


/*Page Header*/
.page-header {
	height: 2.725rem !important;
	padding: 0 1rem !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	/*padding-top: 8px !important;*/
}

.page-content {
	padding: 0 0rem !important;
}

.page-header h3 {
	font-size: 15px;
	margin: 0px 0px 0px 10px;
	font-weight: 400;
	color: #605f5f;
}
/*Popup navbar*/
.nav-tabs .nav-item .nav-link.active {
	background: aliceblue;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
	color: black;
}

.was-validated .custom-control-input:valid:checked ~.custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before
{
	color: #fff;
	border-color: #6e4e9e;
	background-color: #7a59ad;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
	color: #fff;
	border-color: #e7e1f0;
}

.invalid-feedback {
	color: #ef2929;
}

.btn-save {
	padding: 10px 32px;
}
/*Map Buttons*/
.btn-map-zoom {
	border: 1px solid grey;
	height: 40px !important;
	width: 40px !important;
	display: flex;
	background: white;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
}

.do-8 {
	opacity: .8;
}
.do-8 img{
	height: 20px;
}

.fw-500 {
	font-weight: 500;
}

.header-function-fixed:not(.nav-function-top ) .page-content {
	margin-top: 3.125rem;
}

.toggleBar {
	font-size: 15px;
	margin: 0px auto;
	display: inline-block;
	padding: 0px 60px;
	background: #00000038;
	color: white;
}

td.details-control {
	background: url('/gps/resources/img/open.png') no-repeat
	center center !important;
	cursor: pointer;
}

tr.shown td.details-control {
	background: url('/gps/resources/img/close.png') no-repeat
	center center !important;
}

.toggle_container {
	height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color:var(--theme-primary) !important;
}
/*Right Popup*/
.his-right-wrapper {
	background: white;
	top: 100px;
	width: 319px;
	text-align: center;
	bottom: 0;
	right: -319px;
	transition-duration: .5s;
	transition-timing-function: ease-in;
}

.his-right-wrapper.active {
	right: 0px;
}

.his-setting-wrapper{
	top: 135px;
	transition-duration: .5s;
	transition-timing-function: ease-in;
}

.his-setting-wrapper.active {
	right: 318px;
}

.his-setting-wrapper-pannel.wrapper_over-map {
	top: 185px;
	transition-duration: .5s;
	transition-timing-function: ease-in;
}

.his-setting-wrapper-pannel.wrapper_over-map.active  {
	right: 330px;
}


.his-right-arrow {
	position: absolute;
	z-index: 11;
	border-radius: 33px 0px 0px 33px;
	display: inline-block;
	overflow: hidden;
	top: 0px;
	left: -55px;
}

.his-right-arrow i {
	font-weight: 900;
	color: black;
	padding: 11px 22px;
	color: white;
}

.his-right-data {
	osition: relative;
	background: white;
	color: black;
	height: 84%;
	overflow-y: scroll;
}

.tickets,.stoppage-tickets,.trip-tickets{
	list-style-type: none;
	width: 100%;
	padding: 0px;
}

/* .stoppage-tickets{
	list-style-type: none;
      width: 100%;
	padding: 0px;
} */

.ticket {
	background: #ccc; padding : 10px; padding-bottom : 10px;
	border-bottom: 2px solid white;
	padding: 10px;
	padding-bottom: 10px;
}

.ticket a .tpr-header-content {
	width: 100%;
	font-weight: 600;
	display: block;
	padding: 0px 0px 5px 0px;
	color: white;
}

.ticket a .tpr-header-title {
	display: inline-block;
	text-align: left;
	width: 49%;
}

.ticket a .tpr-header-title.pull-right {
	display: inline-block;
	text-align: left;
	width: 49%;
	text-align: right;
	padding-right: 10px;
}

.ticket a .tpr-content {
	display: block;
	padding: 5px 10px;
	background: white;
	color: black;
}

.ticket a .tpr-address-data {
	display: block;
	text-align: left;
	margin-bottom: 2px;
	margin-top: 2px;
}

.ticket a .tpr-address-data span:first-child {
	vertical-align: top;
	display: inline-block;
}

.ticket a .tpr-address-data span:last-child {
	display: inline-block;
	width: calc(100% - 40px);
}

.ticket a .tpr-date-time {
	display: block;
	text-align: left;
}

.ticket a .tpr-date-time .tpr-speed {
	display: block;
	display: inline-block;
	width: 39%;
}

.ticket a .tpr-date-time .tpr-time {
	display: inline-block;
	width: 60%;
}

.ticket a span img {
	height: 24px;
	margin-right: 10px;
}
.li-active{
	background:var(--theme-primary);
}

.treeSelector-container {
	width: 100% !important;
}

.treeSelector-container .treeSelector-input-box {
	height: calc(1rem + 1rem + 2px) !important;
	background-color: #fafafa;
	padding-left: 10px;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	overflow: hidden;
	padding-top:6px;
}




.treeSelector-container .treeSelector-wrapper.visible {
	display: block;
	position: absolute;
	left: 0;
	max-height: 200px;
	overflow: auto;
	width: 100%;
	padding-left: 4px;
	background: #fff;
	border: 1px solid #e8dce4;
	z-index: 6;
}

.treeSelector-container .treeSelector-input-box .title-item {
	display: inline;
	line-height: 2.1;
	padding: 4px 5px;
}

.treeSelector-container.no-options .treeSelector-input-box {
	padding-top: 8px;
	padding-left: 10px;
	color: #7d7676;
	user-select: none;
}

.tp-col{
	padding: 2px;
	width: 100px;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid ~ .select2   {
	border-color: #ef2929;
	background-image:none;
}

.custom-vehicle-type-check .select2-selection { border-color: transparent !important; }
.custom-vehicle-type-check .select2 { border: 1px solid #E5E5E5; border-radius: 4px; }
.was-validated .custom-select:valid ~ .select2 { border-color: #1dc9b7; }

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
	border-color: #ef2929;
	box-shadow: 0 0 0 0.2rem rgba(253, 57, 57, 0.25);
}
.nav-menu li a > [class*='fa-'], .nav-menu li a > .ni {
	color: #f5f5f5 !important;
}
.nav-function-top .nav-menu li a > [class*='fa-']:not(.fa-thumbtack), .nav-menu li a > .ni {
	color: var(--theme-primary) !important;
}

.nav-menu li a >.aside-pined {
	color: rgba(204, 170, 0, 1)!important
}
/*.table-striped tbody tr:nth-of-type(odd) {*/
/*	background-color: #f4f4f4;*/
/*}*/
/*.table-striped tbody tr:nth-of-type(even) {*/
/*	background-color: white;*/
/*}*/
.badge-success {
	font-weight: 600;
	color: #3da607;
	background-color: rgba(29, 201, 88, 0.3);
}

.badge-danger {
	font-weight: 600;
	color: #ec4a36;
	background-color: rgba(232, 76, 54, 0.26);;
}

.badge-warning {
	font-weight: 600;
	color: #bf8c1e;
	background-color: #ffc241;
}

.table-hover tbody tr:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 1;
	cursor:pointer;
}
.table-bordered th {
	border: 0px solid white !important;
}
.table-bordered td {
	border: 1px solid #e7eaed !important;
}

.aside-pin{
	font-size: 12px !important;
	margin-left: 5px !important;
	transform: rotate(45deg);
	padding: 5px;
	color:white;
}

#pined-menu-item .pined-chip{
	padding-top: 8px;
	padding-right: 14px;
	padding-bottom: 8px;
	padding-left: 14px;
	margin-left:12px;
	cursor:pointer;
	color:black;
	background-color:rgb(242,242,242);
	border-radius: 14px;
}

.nav-menu li > ul li a {
	padding: 0.8125rem 2rem;
}

.nav-function-minify .scroll_bar {
	max-height: 275px;
	overflow-y: auto;
	width:210px;
}
.scroll_bar::-webkit-scrollbar {
	width: 4px;
}
.scroll_bar::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: var(--theme-primary);
	box-shadow: inset 0 0 6px  var(--theme-primary);
}
.scroll_bar::-webkit-scrollbar-track {
	border-radius: 4px;
}

.lh-nr{
	line-height: normal;
}

#pageLoader {
	position: absolute;
	z-index: 200;
	height: 100%;
	width: 100%;
	text-align: center;
	top: 0;
	position: fixed;
	font-size: 14px;
	background-color: rgba(0,0,0,0.8);
	z-index: 9999;
}

#pageLoader .loader-box {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 25px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	margin: 0.1em 0 15px 0 !important;
}
.DTFC_LeftBodyLiner {
	overflow-x: hidden;
}

.gm-style-iw-c >button{
	padding-right: 45px !important;
	padding-top: 0px!important;
}

.gm-style-iw.gm-style-iw-c{
	padding :0px !important;
}

.gm-style-iw-d{
	overflow: hidden !important;
	max-height:300px !important
}

.iw-text{
	width: 250px;
	display: inline-block;
	overflow-wrap: break-word;
}

.gm-style-iw-d i{
	vertical-align: top;
	width: 22px;
	font-style: normal;
}

.info-w-content{
	overflow-y: auto !important;
	max-height: 150px;
	padding-bottom: 5px;
}

.gm-style-iw-d .add-poi-btn{
	padding: 0px 4px;
	float: right;
	margin-right: 30px;
	background: white;
	color: black;
	margin-top: -1px;
}

.nav-function-top .page-header-text{
	color:white !important;
}

.nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
	display: block;
}
.dt-button-collection{
	max-height: 210px;
	overflow-y: scroll;
}

#advDashboardVehicleTable_wrapper  th:first-child  {
	padding-right: .10rem;
}

#advDashboardVehicleTable_wrapper #columnVisibilityDiv .btn-xs{
	color:#fff;
}
.toast-error {
	background-color: #fd3939;
}
.fa-exclamation-triangle{
	margin: 0px;
	font-size: 22px;
	height: 32px;
	min-width: 31px;
	padding: 0px;
	color: red;
	padding: 0px;
	margin-top: 15px;
	background: transparent;
	width: -36px;
	border-radius: 50%;
}
table.dataTable {
	border: 0px;
}
table.dataTable th {
	border-top: 0px;
}
.page-content {
	padding: 0px 0px 0px 0px;
}
.fa-info-circle{
	align-self: center;
	margin-left: 10px;
	color: #b2b0b0;
	font-size: 18px;
}
.fa-bell{
	margin: 0px;
	font-size: 22px;
	height: 32px;
	min-width: 31px;
	padding: 0px;
	color: #e2b510;
	padding: 0px;
	margin-top: 15px;
	background: transparent;
	width: -36px;
	border-radius: 50%;
}
.announcement-title{
	text-align: center;
	font-size: x-large;
}
.fuel-config-scroll{
	border-style: solid;
	border-width: 2px;
	border-color: #cea0ae;
}

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

tr.selected, table.dataTable tbody > tr > .selected {
	-webkit-box-shadow: none;
	box-shadow: none !important;
	background: rgba(153, 93, 136, 0.61) !important;
	background: #aaaaaac2 !important;
	font-weight: 500;
	color: inherit;
}
/*.sub-menu-right{*/
/*	position: fixed;*/
/*	width: 13.75rem;*/
/*	left: 315px;*/
/*	margin-top: -16.8rem !important;*/
/*	padding-top: 3.75rem;*/
/*	border-radius: 4px .5rem .5rem .5rem;*/
/*	display:none;*/
/*}*/
ul.sub-menu-right li a {
	color: #c499b7;
	padding: 0.8125rem 2rem 0.8125rem 1.2rem !important;
}

.btn-suspension{
	color: #fff;
	background-color: #e44747;
	border-color: #f52756;
}

.leaflet-popup-content-wrapper{
	padding:0px 0px 1px 0px !important;
}

.leaflet-popup-content{
	margin:0px 0px 13px 0px !important;
	/*width:310px !important;*/
	width:auto;
}

.edit-tool-box i:hover{
	color: #b56a9f !important;
	cursor: pointer;
}

.edit-tool-box{
	margin-top: 10px;
}

.edit-tool-box i{
	border: 2px solid;
	padding: 4px;
	background: white;
	border-radius: 50%;
	font-size: 18px;
	margin-top: 10px;
	cursor: pointer;
}

.edit-tool-box a{
	border: 1px solid;
	padding: 4px;
	background: white;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	border-style:inset;
}

.tour-editable-row{
	color:red
}

.tour-editable-sd{
	color:red
}

label.seperator {
	font-size: 16px;
	font-weight: bold;
	background-color: #4a4a4a;
	color: #fff;
	border-radius: 50%;
	padding-top: 6px;
	padding-right: 11px;
	padding-left: 10px;
	padding-bottom: 7px;
}
.deselectMe {
	cursor: pointer;
	font-weight: bold;
	background-color: #4a4a4a;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	padding: 3px 8px;
}

span.diffAmt.inc {
	background-color: #009b2c;
}

span.diffAmt.dec {
	background-color: #f7001e;
}

span.diffAmt {
	font-size: 12px;
	border-radius: 2px;
	color: #fff;
	padding: 2px 8px;
	margin-right: 12px;
	vertical-align: super;
}

span.diffIcon.inc {
	background-position: 6px 0;
	transform: rotate(180deg);
}

span.diffIcon.dec {
	background-position: -11px 0;
	transform: rotate(180deg);
}

span.diffIcon {
	width: 15px;
	height: 15px;
	display: inline-block;
}

.sprite {
	background: url(/gps/resources/img/65307835.cms) no-repeat;
}

#metroFuelPrice{
	border: 1px solid rgba(0, 0, 0, 0.09);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;
}

#mcfp-header {
	padding: 0px 40px;
	margin-bottom: 10px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	color: #4a4a4a;
}
#mcfp-sub-header{
	margin-left: 40px;
	margin-right: 55px;
}

#mcfp-sub-header>a {
	margin-left: 10px;
	border-radius: 13px;
	border: solid 1px #d1d1d1;
	font-size: 14px;
	font-weight: bold;
	width: 64px;
	height: 26px;
	float: right;
	text-align: center;
	line-height: 25px;
	background-color: #fff;
	color: #000;
	cursor: pointer;
}

#mcfp-sub-header>a.selected {
	background-color: #000;
	color: #fff;
}

#fuelTFilter ul {
	list-style: none;
}

#fuelTFilter ul li {
	width: 15%;
	float: left;
	margin-right: 18px;
}

#fuelTFilter ul li p {
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
	border: solid 1px #e7e7e7;
	width: 91%;
	padding: 10px;
}

.cityname {
	background-color: #d5cdcd;
	font-size: 16px;
	text-transform: uppercase;
	padding: 2px 6px;
	bottom: 1px;
	position: relative;
}

.ftype {
	color: #737373;
	padding: 2px 4px;
	font-size: 12px;
	text-transform: uppercase;
	background: #e5e0e0;
}

.fPrice {
	font-size: 25px;
	margin-right: 2px;
	font-weight: bold;
}


#fuelTFilter ul li p span.diffIcon.dec {
	background-position: -52px -4px;
	transform: rotate(180deg);
}

#fuelTFilter ul li p span.diffIcon.inc {
	background-position: -31px 1px;
	transform: rotate(180deg);
}

#fuelTFilter ul li p span.diffIcon {
	width: 18px;
	height: 22px;
	display: inline-block;
	margin-top: 2px;
}

.s3-image-preview{
	/*  width: 397px;*/
	/*  height: 223px; */
	display: block;
	max-width:397px;
	max-height:223px;
	width: auto;
	height: auto;
}

#fullscreen-image-preview{
	display: block;
	max-width:1212px;
	width: auto;
	height: auto;
}

/*Over More Options */
.wrapper_over_more_options {
	top: 46px;
	display: inline-block;
	right: 20px;
	position: absolute;
}

.wrapper_over_more_options.mt-2.neadasbord{
	top: -10px;
}

.wrapper_over_share_location_options {
	top: 0 !important;
}


.wrapper_over_share_location_options {
	top: 42px;
	display: inline-block;
	right: 20px;
	position: absolute;
}
.over_more_options {
	background: white;
	padding: 11px 20px;
	box-shadow: 1px 1px 9px -2px #0000007d;
	display: none;
}
.btn-rounded-border{
	border-radius: 4px;
	border: solid 1px #bdbdbd !important;
}
.over_mappop>div {
	padding-top: 0px;
	margin-top: -3px;
	border-bottom: none;
}

.custom-leaflet-stoppage-icon{
	/*position: relative;*/
	text-align: center;
	color: white;
}

.trip-sts {
	color: #fff !important;
}
.wrapper_on_dashboard_div_{
	align-items: center;
	flex-wrap: wrap;
}
.dashboard_btn{
	width: 31%;
	margin: 3px;
	padding: 4px 10px;
	float: none;
}
#dashboard-status-header-div-hover, #dashboard-trip-header-div-hover{
	width: 50%;
	height:	45px;
	/*overflow: hidden;*/
	border: 1px solid #888a85;
	transition: height 0.5s;
}
#dashboard-status-header-div-hover:hover{
	height: 127px;
}
#dashboard-trip-header-div-hover:hover{
	height: 130px;
}

.halt-unloading-vehicles, .trip-not-started-vehicles, .at-unloading-location-vehicles {
	color: #aaa !important;
	background-color: transparent !important;
	border-color: #aaa !important;
}

.halt-unloading-vehicles:hover, .trip-not-started-vehicles:hover, .at-unloading-location-vehicles:hover,   .halt-unloading-vehicles.btn-active, .trip-not-started-vehicles.btn-active, .at-unloading-location-vehicles.btn-active {
	color: #fff !important;
	background-color: #aaa !important;
	border-color: #aaa !important;
}



.halt-loading-vehicles, .at-loading-location-vehicles, .route-deviated-vehicles {
	color: #aaa !important;
	background-color: transparent !important;
	border-color: #aaa !important;
}


.halt-loading-vehicles:hover, .at-loading-location-vehicles:hover, .route-deviated-vehicles:hover, .halt-loading-vehicles.btn-active, .at-loading-location-vehicles.btn-active, .route-deviated-vehicles.btn-active {
	color: #fff !important;
	background-color: #aaa !important;
	border-color: #aaa !important;
}




.measure_distance_tooltip {
	font-weight: 600;
	font-size: 11px;
	background: #b3b0b0;
	padding: 4px;
	color: white;
	margin-top: -10px;
	left: 46px;
}

.measure_distance_tooltip::before {
	content: '';
	position: absolute;
	border: 7px solid transparent;
	margin-top: 1px;
	margin-left: -18px;
	border-bottom-color: #b3b0b0;
	transform: rotate(270deg);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.back-to-dash-container{
	position: absolute;
	z-index: 11;
	border-radius: 33px 0px 0px 33px;
	overflow: hidden;
	top: 60px;
	right: 0;
	cursor: pointer;
}

.back-to-dash-container i{
	font-weight: 900;
	padding: 11px 22px;
	color: white;
}
.toggle-dashboard-table-map{
	position: absolute;
	left: 57.3%;
	padding:6px 4px;
	height: 30px;
}
#toggle-dashboard-table, #toggle-video-options-pannel {
	top: 35%;
	position: absolute;
}
#toggle-dashboard-map, #toggle-video-control-pannel {
	top: 42%;
	position: absolute;
}
.toggle-dashboard-table{
	left: 98.7% !important;
}
.toggle-dashboard-map{
	left: 0% !important;
}

.error-btn{
	color: #fff !important;
	background-color: #ee6464 !important;
	border-color: #ee6464 !important;
}

.login-form{
	background: #e6e6e6;
}

.login-form-checkbox::before {
	background-color: #e6e6e6;
}

#dashboard-geofence-filter-div .dropdown-toggle.bs-placeholder{
	height: 2.2rem !important;
	margin-left: 6px;
}

/*#history-geofence-filter-div .dropdown-toggle.bs-placeholder{*/
/*	height: 2rem !important;*/
/*}*/

.rtl{
	direction: rtl;
}

.rtl-label,.help-block-rtl{
	float:right;
}
.invalid-feedback-rtl,.filter-option-rtl{
	text-align: right !important;
}

.select2-rtl{
	direction: rtl;
	text-align:right;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	position: absolute;
}
::-webkit-scrollbar-thumb {
	background: #555d65 !important;
	border-radius: 1px;
}
::-webkit-scrollbar-thumb {
	background: #555d65 !important;
	border-radius: 1px;
}
::-webkit-scrollbar-thumb {
	background: #555d65 !important;
	border-radius: 1px;
}
::-webkit-scrollbar-track {
	border-radius: 1px;
	background-color: #f2f2f2;
}

body:not(.mobile-detected)::-webkit-scrollbar, body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar {
	height: 8px;
	width: 8px;
}

.dropdown-multilevel.dropdown-multilevel-left .dropdown-menu {
	display: none !important;
}

.dropdown-multilevel.dropdown-multilevel-left:hover .dropdown-menu {
	display: block !important;
}

/**** Mukesh css 22-04-2022 *******/
.hSroll{  display: flex; flex-shrink: 0; position: relative;
	/*mask-image: linear-gradient(to top, transparent, black),
	linear-gradient(to left, transparent 6px, black 6px);
	mask-size: 100% 20000px;
	mask-position: left bottom;

	-webkit-mask-size: 100% 20000px;
	-webkit-mask-position: left bottom;
	transition: mask-position 0.3s, -webkit-mask-position 0.3s;*/
}

/*.hSroll:hover{-webkit-mask-position: left top;}*/
.hSroll::-webkit-scrollbar {
	width: 6px;
}
.hSroll::-webkit-scrollbar-track {
	background: #ccc;
}

.hSroll::-webkit-scrollbar-thumb {
	background-color: #ccc ;
	border-radius: 6px;
}
.hSroll:hover{-webkit-mask-position: left top;}


.vehicleCol{ display: flex; flex-direction: column; overflow-x:hidden; display: flex; height:83.8vh; }
.vehicleCard{background: #fff; box-shadow: 0 0 7px rgba(0,0,0,0.1); border-radius: 5px; margin: 10px 10px 0 15px; width:490px; padding:20px 15px 14px 15px; transition: all 0.5s ease 0s;}
.vehicleCard:hover{cursor: pointer; transform: scale(1) }
.cardHead{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 16px}
.cardHead .cardName{display: flex; justify-content: space-between; align-items: center;}
.cardHead .vehThumb { width: 55px; margin:0px 10px 0px 10px; text-align: center}
.cardHead .vehThumb img{ max-width: 100%; display: block}
.cardHead .cardName h3{font-size: 20px; line-height: 28px; color:#424242; font-weight: 600; margin: 0; word-break: break-all;}
.cardHead .cardName h3 span{ font-size: 14px; line-height: 18px; font-weight: 500; color: #848f9a; display: block}
.cardHead .indicater { list-style: none; display: flex;}
.cardHead .indicater li{ width: 34px; height: 34px;  border-radius: 50%; background: #f6f6f6; margin: 0 0 0 5px;     display: flex;	align-items: center;	justify-content: center;}
.vehicleCard .addressRow{display: flex; align-items: center; margin: 13px 0}
.vehicleCard .addressRow .icon{ width: 34px; margin: 0 5px 0 0; text-align: center;}
.vehicleCard .addressRow h4{font-size: 16px; line-height: 18px; color:#424242; font-weight: 500; margin: 0}
.vehicleCard .addressRow h4 span{ font-size: 14px; line-height: 18px; font-weight: 500; color: #848f9a; display: block}

.row.datagap {
	margin-top: -13px;
	margin-bottom: -10px;
}


/*.cardDetail{ background: #fff; box-shadow: 0 0 7px rgba(0,0,0,0.1); border-radius: 5px; padding:20px 15px; margin: 10px 5px 0 0; position: sticky; top: 10px;}*/
.cardDetail{
	background: #fff;
	box-shadow: 0 0 7px rgb(0 0 0 / 10%);
	border-radius: 5px;
	padding: 10px 15px 10px 15px;
	margin: 4px 5px 0 0;
	position: absolute;
	z-index: 100;
	right: -344px;
	width: 336px;
}
.cardDetail .tabs{display: flex; justify-content: space-between;}
.cardDetail .tabs button{
	border: 1px solid #dee2e6;
	color: #212d38;
	font-weight: 500;
	background: none;
	padding: 7px 9px;
	border-radius: 5px;
	font-size: 12px;
	display: flex;
	align-items: center
}
.cardDetail .tabs button:first-child{ margin:0;}
.cardDetail .vehicleData{ margin: 10px 0 0;}
/*.cardDetail .vehicleData ul{ list-style: none; padding: 0; margin: 0;  overflow-x: auto;	height: calc(100vh - 250px); padding-right: 16px;}*/
.cardDetail .vehicleData ul{ list-style: none; padding: 0; margin: 0;  overflow-x: auto;	    max-height: calc(100vh - 250px);}
.cardDetail .vehicleData li{ display: flex; align-items: center; width: 100%; color: #848f9a; position: relative; margin: 0 0 10px; font-size: 14px; font-weight: 400;}
.cardDetail .vehicleData .icon{ width: 22px; display: block; margin: 0 8px 0 0;}
.cardDetail .vehicleData strong{ text-align: right; color: #424242; font-weight: 500; margin: 0 0 0 10px;     position: absolute; right: 10px; top:2px; width: 140px;}

.cardDetail button .fa.fa-chevron-down{
	font-size: 12px;
	margin-left: 10px;
}


.tableMapView{
height: calc(83.9vh + 43px);
}

.tourTableMapView{
	height:83.9vh;
}

.cardMapView{
	height: calc(83.8vh + 43px);
}

.tourCardMapView{
	height:83.8vh;
}

.historyMapView{
	height:95vh;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
	height: 30px;
}


@media (max-width:1399px) {
	.cardHead .cardName h3 {font-size: 14px;}
	.cardHead .cardName h3 span{ font-size: 12px;}
	.vehicleCard .addressRow{ margin: 10px 0;}
	.vehicleCard .addressRow h4{font-size: 14px;}
	.vehicleCard .addressRow h4 span{ font-size: 12px;}
	.cardDetail .tabs button{font-size: 14px}

	.vehicleCard {
		width: 440px;
	}
	.cardDetail {
		right: -345px;
	}

	#history-geofence-filter-div.col-sm-4{
		max-width: 150px !important;
	}


	#history-geofence-filter + .btn.dropdown-toggle.bs-placeholder.btn-light {
		font-size: 12px;
	}



}

#dashboard-geofence-filter-div .dropdown-toggle.bs-placeholder {
	height: 2.4rem !important;
}


.input-group .bootstrap-select.form-control .dropdown-toggle {
	margin-left: 6px;
	height: 2.4rem !important;
}



@media(max-width: 767px){
	.hSroll{ flex-shrink:2; flex-wrap: wrap; width: 100%; height: 50vh; order: 1;}
	.vehicleCol{  width: 100%;
		position: absolute;
		height: calc(100vh - 50vh); }
	#advDashboardMap{
		height:calc(100vh - 90px);
	}
	#bottom-filter-pannel{
		width: 100% !important;
	}

	#bottom-filter-pannel .over_map  .row { display: flex !important; flex-wrap: nowrap; }


}

@media(max-width: 575px){
	.cardHead{ flex-wrap: wrap;}
	.cardHead ul{ margin: 10px 0;}
}


@media screen and (max-width: 767px) {
	.vehicleCard {
		width: 100%;
		margin: 0%;
	}

	.cardHead .indicater {
		margin: 0;
		padding: 0;
		justify-content: space-between;
		width: 80px;
		background: transparent !important;
		border-radius: 10px;
	}

	.cardHead .indicater li {
		width: 34px;
		height: 0px;
		border-radius: 50%;
		background: transparent !important;
		margin: 0px;
		margin-top: -10px;
	}

	.cardHead .vehThumb {
		flex: 1 0 55px;
	}


	.tpm img {
		height: 12px;
	}

	.tpm.btt img {
		height: 8px !important;
	}

	.vehicleCard {

		padding: 0;
	}

	.filtermob {
		display: flex;
		flex-wrap: nowrap;
		padding-right: 11px;
	}

	.wrapper_filter.mobile{
		flex-direction: column !important;
	}

	.wrapper_filter.mobile .filtermob{
		margin-top: 10px;
		padding-right: 0;
	}


	div.col-sm-12.col-md-7.mt-3.margin-bottom, .col-sm-12.col-md-5.mt-3.margin-bottom {
		margin: 0 !important;
		padding: 0 !important;
	}

	div.col-sm-12.col-md-7.mt-3.margin-bottom{
		margin-bottom: 3px !important;
	}

	.toggle-dashboard-table-map{
		display: none !important;
	}

	.footerDrawer .card-body{
		height: auto !important;
	}


	.newdashbo {
		top: 60px !important;
		right: 40px !important;
	}

	#search-nearby-location-modal .col-md-7 .row, #search-nearby-location-modal .col-md-12 .row{
		display: flex;
		flex-wrap: nowrap;
	}

	#search-nearby-location-modal .col-md-7 .row  .col-md-7 {
		width: 400px !important;
	}

	 #search-nearby-location-modal .col-md-12 .row  .col-md-7{
		width: 400px !important;
		 white-space: nowrap !important;
	}

	#search-nearby-location-modal .col-md-12 .row  .col-md-1.ml-6 , #search-nearby-location-modal .col-md-7 .row  .col-md-1.ml-6{
		width: 40px;
	}

	.row.nearby-location .col-md-7 {
		width: 150px !important;
	}

	modal-dialog[style="width: 60%; left: 0px; top: 0px;"]{
		width: 100% !important;
	}

	.over_more_options.shareLocationMenuOpened{
		margin-top: 61px !important;
		margin-right: 39px !important;
	}

	#search-nearby-location-modal .modal-dialog {
		width: 95% !important;
	}

	#vehicle-historical-location-modal .modal-dialog.modal-xl{
		width: 100% !important;
	}


	#back-to-dashboard{
		margin-top: 7px !important;
		margin-left: 13px !important;
	}

	#lock-unlock-modal .modal-dialog{
	 		width: 100% !important;
	}

	#dashboard-setting-modal li .row.mt-2{flex-wrap: nowrap !important;}

	.dashboardvie .btn-primary span button{
		white-space: nowrap;
	}

	.cardHead {
		flex-wrap: nowrap !important;
	}


	.row.datagap .addressRow{
		width: 50%;
		float: left;
	}

	.row.datagap .addressRow h4{
		font-size: 12px;
	}



	/*#pined-menu-item, .aside-pin{display: none !important}*/


	header.page-header, main.page-content {
		padding-left: 0.2rem !important;
		padding-right: 0.2rem !important;
	}


	.topfilt{
		display: flex !important;
		flex: 1 !important;
		flex-wrap: nowrap !important;
	}

	.topfilt .row.ml-0{
		width: 100%;
		flex: 1 0 100%;
		flex-wrap: nowrap;
		display: flex;
	}
	#dashboard-trip-header-div-hover button:first-child, #dashboard-status-header-div-hover button:first-child{
		margin-left: 0 !important;
	}


	.wrapper_filter.mobile .row.flex-column.addashboard#trip-status-filter-row {
		padding-left: 7px !important;
		padding-right: 10px !important;
	}

	.row.flex-column.addashboard#trip-status-filter-row{
		padding: 0 7px !important;
	}

	div#advDashboardMap.mapDashboard{
		height: calc(100vh - 90px) !important;
	}

	.topfilt .row.ml-0 .search_bar{
		width: 40% !important;
	}

	.ml-3.mt-2.show-yearSelection-text{
		width: 100px !important;
	}
	.ml-2.show-yearSelection-select2-option{
		width: 163px !important;
	}
	.ml-2.mt-1.close-chart-on-vehicle-list-page{
		width: 16%;
		margin: 0 !important;
	}

	.ml-2.mt-1.close-chart-on-vehicle-list-page button{
		margin: 0;
		padding: 10px 0;
	}

	.modal-xl {
		max-width: 100% !important;
		margin-top: 10px !important;
		margin-left: 10px !important;
		margin-right: 10px !important;
	}


	.settingbottom button{
		width: 90px;
		white-space: nowrap;
	}


}


.tpm.btt img{
	height: 13px;
}


.wrapper_filter.mobile .row.flex-column.addashboard#trip-status-filter-row{
	padding-left: 12px;
}
#dashboard-trip-header-div-hover button:first-child{
	margin-left: 0 !important;
}

.topfilt .row.ml-0 .search_bar{
	width: auto !important;
}


.footerDrawer #showShareLocationOptions{
	margin-top: 43px;
	margin-right: 36px;
}

#showShareLocationOptions{
	border-radius: 6px !important;
}

/****************** Durgesh **********************/

.highcharts-menu{
	height: 100px;
	overflow: scroll;
}

.hideByFilter{
	display: none;
}

.newdashbo{
	top: 46px;
	display: inline-block;
	right: 28px;
	position: absolute;

}


.footerDrawer #showMoreOptions.over_map.over_mappop button{
	margin: 2px 0 !important;
}

.address-data div {
	word-wrap: break-word;
}

/*#history-geofence-filter-div button{
	margin-left: -15px !important;
}*/

.newdashbo .over_map.over_mappop.moreOptionMenuOpened{
	padding: 10px 0;
}


.newdashbo .over_map .row button {
	margin: 2px 11px;
}

.neadasbord .moreOptionMenuOpened{
	background: #fff;
}

.neadasbord .moreOptionMenuOpened button{
	border: 0;
	font-size: 14px;
	border-radius: 0;
	border-bottom: solid 1px #d9d9d9;
	padding: 7px 20px;
	color: #000;
	border-radius: 4px;
}

.nav-function-minify .report_scroll_bar {
	max-height: 400px;
	overflow-y: auto;
	width:210px;
}
.report_scroll_bar::-webkit-scrollbar {
	width: 4px;
}

.report_scroll_bar::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: var(--theme-primary);
	box-shadow: inset 0 0 6px  var(--theme-primary);
}

.report_scroll_bar::-webkit-scrollbar-track {
	border-radius: 4px;
}

/*  */
.chart-card {
	border-radius: 5px;
	border : solid 1px #e3e3e3;
}

.arrow-up-icon {
	color : #64c267;
}

.arrow-down-icon {
	color : #ed4b1c
}

.analytics-card .card-line{
	width: 85%;
	border: solid 1px #f2f2f2;
}

.analytics-card-headers {
	font-size : 32px;
	color : #f26101;
}

.analytics-card-text {
	font-size : 16px;
	font-weight: bold;
	color: #1a1a1a;
}

.analytics-title {
	font-size : 20px;
	font-weight: bold;
	color: #1a1a1a;
	margin-top: 10px;
	margin-bottom: 10px;
}

.km-text {
	font-size: 26px;
	color:#bababa;
}

.comp-abv-text {
	font-size : 16px;
	color : #67cb80;
	font-weight: 500;
}

.comp-dwn-text {
	font-size: 16px;
	color: #ed5458;
	font-weight: 500;
}

.analytics-dash-table-text {
	font-size: 12px;
	font-weight: 500;
}

.pie-chart-title-text {
	font-size: 14px;
	color: #bababa;
}

.pie-chart-sub-text {
	font-size: 20px;
	color: #1a1a1a;
}

.analytics-total-event-count {
	position:absolute;
	text-align:center;
	right: 20px;
	top: 10px;
}

/* LEAFLET DRAGGABLE MODAL CSS */

.modal-header {
	cursor: move;
}
.live-track-modal .modal-dialog{
	max-width: 100%;
}
.live-track-modal .modal-dialog-centered{
	display: flex;
	justify-content: center;
	align-items: center;
}

.live-track-modal .modal-content {
	overflow: hidden;
	width:360px;
}
.live-track-modal .modal-header h4{
	font-size: 14px;
}
.live-track-modal .trarkFoot{
	position: absolute;
	width: 100%;
	bottom: 0px;
	z-index: 9999;
	background: #fff;
}

.text-red{
	color : #ff1330;
}

.uploaded-docs {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0 16px;
}

.modal-header.btn-primary.ui-draggable-handle + .leaflet-container  .leaflet-top {
	top: 100px !important;
}

.modal-header.btn-primary.ui-draggable-handle{
	padding-left: 1.2rem !important;
}


/*.input-group-text.fs-xl{*/
/*	border-radius: 0 4px 4px 0px !important;*/
/*}*/

.transporter-indexNo-data:before, .transporter-indexNo-data:after{display: none !important}

.addashboard #dashboard-status-header-div-hover, .addashboard #dashboard-trip-header-div-hover{
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
	display: flex;
	border: none;
	padding: 0;
}


.add-poi-button{
	box-shadow: none !important;
}

.add-poi-button:focus{
	box-shadow: none !important;
}

.dashboard_btn {
	width: inherit !important;
	font-weight: 500;
	padding: 7px 10px;
	font-size: 13px;
	white-space: nowrap;
	text-align: center;
	border-width: 2px;
}

.addashboard #dashboard-status-header-div-hover{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}




/*.addashboard .tb-all, .addashboard .on-trip-vehicles{*/
/*	background-color: transparent !important;*/
/*	color: #442063 !important;*/
/*	border: solid 1px !important;*/
/*}*/

/*.addashboard .tb-overspeed {*/
/*	color: #df6c1a !important;*/
/*	background: transparent !important;*/
/*	border-color: #df6c1a !important;*/
/*}*/

/*.addashboard .tb-running, .addashboard .intransit-trip-vehicles, .addashboard .loaded-vehicles {*/
/*	color: #63be77 !important;*/
/*	background: transparent !important;*/
/*	border-color: #63be77 !important;*/
/*}*/

/*.addashboard .tb-idle {*/
/*	color: #ffb20e !important;*/
/*	background: transparent !important;*/
/*	border-color: #ffb20e !important;*/
/*}*/

/*.addashboard .tb-stopped, .addashboard .not-on-trip-vehicles, .addashboard .unloaded-vehicles {*/
/*	color: #ee6464 !important;*/
/*	background: transparent !important;*/
/*	border-color: #ee6464 !important;*/
/*}*/

/*.addashboard .tb-unreachable {*/
/*	color: #2196f3 !important;*/
/*	background: transparent !important;*/
/*	border-color: #2196f3 !important;*/
/*}*/

/*.addashboard .tb-new {*/
/*	color: #aaa !important;*/
/*	background: transparent !important;*/
/*	border-color: #aaa !important;*/
/*}*/
/*.addashboard .tb-inactive {*/
/*	color: #0d0d0d !important;*/
/*	background: transparent !important;*/
/*	border-color: #0d0d0d !important;*/
/*}*/


/*.addashboard .wrapper_filter {*/
/*	background: white;*/
/*	padding:  5px 16px;*/
/*	border: 1px solid rgba(0, 0, 0, 0.09);*/
/*	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;*/
/*}*/

.dropdown-menu .dropdown-menu{
	opacity: 1 !important;
	visibility: visible !important;
	transform: inherit !important;
}

div.dt-button-collection {
	position: initial;
	overflow: hidden;
}

div.dt-button-collection div.dropdown-menu {
	overflow: auto;
	max-height: 300px;
}

.swal2-container {
	z-index: 9999;}

.adfilte{
	margin-left: 10px;
}


#dashboard-geofence-filter-div .dropdown.bootstrap-select.show-tick.form-control{
	width:120px !important;
}


.nav-menu li > ul li a {
	padding: 0.8125rem 2rem 0.8125rem 1.4rem !important;
}

.btn-light {
	border: solid 1px #e5e5e5 !important;}

@media (min-width: 992px){
	.mod-skin-light.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > span.nav-link-text {
	color: #000 !important;
}

}

.page-content .panel{padding: 0 10px;}

.dashboardvie .btn-primary{background-color: #fff; border: none !important;	box-shadow: none;}
.dashboardvie .btn-primary span{ color: #000 !important; }
.dashboardvie .btn-primary:hover{background-color:transparent !important; }

.advancenormal{padding:0 8px 0 17px  !important;}


table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
	white-space: pre;
}


.sub-menu-right.bg-primary{
	background: rgba(0, 0, 0, 0.32) !important;
}


.over_map .custom-control.custom-switch.custom-control.custom-switch.pt-2.pl-6.ml-3 {
	padding: 0 32px !important;
	margin: 0;
}


.over_map .label.form-label.pt-2{
	padding: 0;
	margin: 0;
}

.custom-home-nav-menu .fas.fa-thermometer-empty{
	text-align: center !important;
}

.badge {
	padding: 0.15em 0.4em 0.35em 0.4em;}

@media (max-width: 768px){
	.col-sm-12.wrapper_btn.headerbutton{
		display: flex;
		overflow: auto;
	}

	.filtervahical div{
		width: 47.5%;
		float: left;
		padding: 0;
		margin-left: 0 !important;
		margin: 0 6px;
	}

	.filtervahical div:nth-child(1), .filtervahical div:nth-child(2){
		width: 100%;
	}

	.filtervahical{
		margin: 0;
	}

	.filtervahical div button{
		width: 100%;
		margin:4px 0;
	}

	.filterbutton{
		column-count: 3;
	}

	.filterbutton .status-btn {
		text-align: center;
		flex: 1;
		margin-left: 0px !important;
		padding: 4px 0px;
		border-width: 2px;
		font-size: 10px;
		font-weight: 500;
		white-space: nowrap;
		width: 100%;
		margin-bottom: 6px;
	}

	.custom_add{
		margin-top: 0px !important;
		margin: 0px 0px 0px 10px;
	}

	.nav-function-minify .scroll_bar {
		max-height: 275px;
		overflow-y: auto;
		width: 97%;
	}

	.mapDashboard{
		height: calc(100vh - 60vh) !important;
	}

	.status-btn{ font-size: 0px}

	.status-btn span {
		font-size: 10px;
	}

	.cardDetail {
		right: -20px;
	}

	.header-btn[data-class='mobile-nav-on']{
		border-color: #cbcbcb !important;
		background-color: #fff !important;
		background-image: inherit !important;
		color: #000 !important;
	}


	.settingbottom .col-md-3{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 12px 0;
	}

	.settingbottom .col-md-3 h3{
		font-size: 14px;
		margin: 0;
	}

	.settingbottom .col-md-3 button{
		padding: 4px 10px;
	}

	.nav-function-minify .report_scroll_bar{
		width: 100%;
	}


	.waves-effect .ml-1{
		display: none;
	}

	.addashboard #dashboard-status-header-div-hover{
		flex-wrap: wrap;
	}

	#dashboard-geofence-filter-div .dropdown.bootstrap-select.show-tick.form-control {
		width: 70px !important;
	}

	.topfilt .custom_add{
		margin-top: 0 !important;
	}

}


.pagination .page-item:first-child:not(.active) .page-link, .pagination .page-item:last-child:not(.active) .page-link, .pagination .page-item.disabled .page-link {
	background: inherit !important;
}

.trackmappop{
	font-family: 'Roboto';
	font-size: 14px;
	color: #464d5c;
	font-weight: 500;
}


.dashboardvie.trackmappop{
	overflow: hidden;
	border-radius: 9px;
	/*border: solid 1px #dee2e6;*/
}

.gm-style .gm-style-iw-c{
	box-shadow: 1px 9px 8px 0px rgb(0 0 0 / 21%) !important;
}

.gm-ui-hover-effect{
	top: 8px !important;
}


.header-icon{
	margin: 0 !important;

}


.fal.fa-angle-down, .fal.fa-angle-up{
	color: #fff !important;
}


.highcharts-contextmenu{
	position: absolute;
	z-index: 999999999;
	padding: 24px;
	pointer-events: auto;
	display: block;
	right: -14px;
	top: -210px;
}

.tabledatalist .gm-style-iw-c > button {
	margin-top: -9px!important;
	margin-right: -5px !important;

}

.bs-actionsbox .btn-group button {
	width: 50%;
	white-space: pre;
}

.scroll_bar{ overflow-x:hidden;  flex-shrink: 0; position: relative;
}
/*.hSroll:hover{-webkit-mask-position: left top;}*/

.scroll_bar::-webkit-scrollbar {
	width: 6px;
}

.scroll_bar::-webkit-scrollbar-track {
	background: #fff;
}

.scroll_bar::-webkit-scrollbar-thumb {
	background-color: #ccc ;
	border-radius: 6px;
}

.scroll_bar:hover{-webkit-mask-position: left top;}

.report_scroll_bar{ overflow-x:hidden;  flex-shrink: 0; position: relative;
}
/*.hSroll:hover{-webkit-mask-position: left top;}*/

.report_scroll_bar::-webkit-scrollbar {
	width: 6px;
}

.report_scroll_bar::-webkit-scrollbar-track {
	background: #fff;
}

.report_scroll_bar::-webkit-scrollbar-thumb {
	background-color: #ccc ;
	border-radius: 6px;
}

.report_scroll_bar:hover{-webkit-mask-position: left top;}



.vehicleCol{ overflow-x:hidden;  flex-shrink: 0; position: relative;
}
/*.hSroll:hover{-webkit-mask-position: left top;}*/

.vehicleCol::-webkit-scrollbar {
	width: 6px;
}

.vehicleCol::-webkit-scrollbar-track {
	background: #fff;
}

.vehicleCol::-webkit-scrollbar-thumb {
	background-color: #ccc ;
	border-radius: 6px;
}

.vehicleCol:hover{-webkit-mask-position: left top;}

.dataTables_scrollBody{ overflow-x:hidden;  flex-shrink: 0; position: relative;

}
/*.hSroll:hover{-webkit-mask-position: left top;}*/

.dataTables_scrollBody::-webkit-scrollbar {
	width: 6px;
}

.dataTables_scrollBody::-webkit-scrollbar-track {
	background: #fff;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
	background-color: #ccc ;
	border-radius: 6px;
}

.dataTables_scrollBody:hover{-webkit-mask-position: left top;}

.vehicleData{ overflow-x:hidden;  flex-shrink: 0; position: relative;

}
/*.hSroll:hover{-webkit-mask-position: left top;}*/

.vehicleData::-webkit-scrollbar {
	width: 6px;
}

.vehicleData::-webkit-scrollbar-track {
	background: #fff;
}

.vehicleData::-webkit-scrollbar-thumb {
	background-color: #ccc ;
	border-radius: 6px;
}

.vehicleData:hover{-webkit-mask-position: left top;}


.mapcard{ overflow-x:hidden;  flex-shrink: 0; position: relative;
}
/*.hSroll:hover{-webkit-mask-position: left top;}*/

.mapcard::-webkit-scrollbar {
	width: 6px;
}

.mapcard::-webkit-scrollbar-track {
	background: #fff;
}

.mapcard::-webkit-scrollbar-thumb {
	background-color: #ccc ;
	border-radius: 6px;
}

.mapcard:hover{-webkit-mask-position: left top;}



.footerDrawer .card-body {
	height: 250px;
}


.trarkFoot *{
	font-size: 12px !important;
}

.mapDashboard .btn.btn-xs.btn-light.waves-effect.waves-themed.add-poi-button{
	color: #000;
}

.DTFC_LeftHeadWrapper:before, .DTFC_LeftBodyWrapper:before, .DTFC_LeftFootWrapper:before {
	background: #585858 !important;
}

.over_map.over_mappop.moreOptionMenuOpened{
	width: auto;
}

#dashboard-geofence-filter-div .dropdown-toggle{
		margin-left: 6px;
}


.select2-container--default .select2-selection--single {
	background-color: #fff !important;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder{
	background-color: #fff !important;
}

.pr-3.pl-3.pt-3.pb-2.btn-primary{
	padding: 5px 13px !important;
}


.pr-3.pl-3.pt-3.pb-2.btn-primary .gm-style-iw-c > button{
padding-right: 45px !important;
padding-top: 0px !important;
top: 6px !important;
	filter: none !important;
}


input.form-control:disabled, input.form-control[readonly]{
	background-color: #fff !important;
}


.btn.dropdown-toggle.btn-light:hover{
	background-color: transparent !important;
}


.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle{
	background-color: transparent !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-results__option[aria-selected] {
	word-wrap: break-word;
}
.edit-delete-dynamic-schema.ml-3{
	display: flex;
}


/************************** Trip List ************************/


.listboderbottom{
	border-bottom: dashed 1px #d5d5d5 !important;
	margin: 0 !important;
	padding: 10px 0 10px 6px;
}

.listboderbottom:last-child{
	border: none !important;
}

.listboderbottom .icon{
	text-align: center;
}

.vehicle-current-trip{
	padding: 0 0px 0 16px !important;
	margin-top: 36px !important;
	margin-bottom: 0 !important;
}

.tripflex{
	flex-direction: column;
	align-items: flex-start !important;
}

.vehicle-current-trip h4{
	font-size: 18px;
	font-weight: 500;
	color: #212d38;
	margin: 0;
}

.vehicle-current-trip ul.vehicle-trip-detail{
	padding-left: 40px !important;
	position: relative;
	overflow: hidden;
	margin-left: -12px;
}

.vehicle-current-trip ul.vehicle-trip-detail:after{
	height: 48%;
	position: absolute;
	border: 1px #d5d5d5;
	content: ' ';
	top: 0;
	left: 12px;
	border-style: dashed;
}


.vehicle-current-trip ul.vehicle-trip-detail li{
	flex-direction: column;
	align-items: flex-start;
}

.vehicle-current-trip ul.vehicle-trip-detail li span{
	font-weight: bold;
	color: #000;
	margin-top: -2px;
}

.vehicle-current-trip ul.vehicle-trip-detail li:first-child{
	margin-top: 2px;
}
.vehicle-current-trip ul.vehicle-trip-detail li:first-child:after{
	content: '';
	width: 16px;
	height: 16px;
	background-color: #fff;
	position: absolute;
	left: -35px;
	z-index: 9;
	border-radius: 100px;
	border: solid 4px red;
}

.vehicle-current-trip ul.vehicle-trip-detail li:last-child:after{
	content: '';
	width: 18px;
	height: 18px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAACXBIWXMAAAsTAAALEwEAmpwYAAABWElEQVQ4jY3TsUtWYRQG8J+XGwhN4UeIZpNzQyC0qIMGQkPoYAS6VYQE4eofoEakmyDhaEshKg6KazWloEhDNUROYiClyAeKNtx78XzXr+iZ7nnO83DPc973bbA2JqAR/ehFK07xBQt4H4Vp+L6DSXSrxT08wRuM4SckebMLS3VMBa7icf7npsLYgjlcL4l/4bjEdeIVKikeoT009zCeZ2rEAzwL0w1jK80zFKjiKRYD9xHneJ7XCfoS3AyiTSzXyTiDo1BXElwJxAHO6hgP1OZtSHAYiFuyZZXRiUqoTxJ8DUQbptEcuA68cLEc2E2xiruBHMRtfJCdXw+uhX4VayneYhQ3QrNd7RFFrGAxwS6m/iIq4zAfe7+Yexbr/2GcwCcuAh/LLvLnf5jm8bIo4qa+4yF+1DGtYET2zC4ZYRsD2AncOwzhdxTG91hgA/fxGt9kd7RaFv0Bj5BCvMyLKbMAAAAASUVORK5CYII=');
	position: absolute;
	left: -36px;
	z-index: 9;
	border-radius: 100px;
	border: initial;
	top: 0;
	background-size: 15px;
	background-position: center;
	background-repeat: no-repeat;
}

.trip-dash-icon img{ display: block !important;  height: 18px; }
.trip-dash-icon button{display: flex}

#announcement-alert-modal .modal-dialog{
	max-width: 100%;
	width: 730px !important;
	margin-top: 40px;
	overflow: hidden;
}
#announcement-alert-modal .modal-dialog .form-control { min-height: 650px; overflow: auto; }
#announcement-alert-modal .modal-dialog .panel-content{ height: auto !important; width: 100% !important; margin: auto !important; text-align: center; }
#announcement-alert-modal .modal-dialog .panel-content p { text-align: left; }
.uploaded-docs li {
	width: 100%;
	flex: 1 1 30%;
	list-style: none;
	padding: 10px;
	margin: 10px 9px;
	background: #eee;
	border-radius: 10px;
	text-align: center;
}

.uploaded-docs li a {
	list-style: none !important;
}

@media (max-width: 767px){
	.lava-playercontainer div{
		width:49.0% !important;
		height: 40vh !important;
	}

	.lava-playertoolbar { display: flex; overflow-x: scroll; padding: 10px 0; height: 61px !important;
		align-items: center;}
	.tv_video_item_box_ch{
		display: none !important;
	}

}

#add-trip-report-modal .modal-body{ height: calc(100vh - 90px);  overflow-x: scroll;}
.pagination-bar{ background: #fff; padding: 10px 0; position: sticky; bottom: 0; z-index: 99;}
.vehicleHeading {
	font-weight: 500;
	font-size: 18px;
	color: #212d38;
}
.vehicle-main .trip_data span.fw-600 {
	font-weight: bold;
	color: #000;
	margin-top: -2px;
}
.vehicle-main .cardDetail {
	position: static; right: inherit;
}
.vehicle-main {
	position: absolute;	z-index: 100;right: -344px;	width: 336px;  max-height: calc(100vh - 140px); overflow-x: hidden;
	overflow-y: auto;
}
li.source {
	flex-direction: column;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	padding-left: 40px;
}
.vehicle-main .cardDetail .vehicleData ul {
	max-height: inherit !important;
}


.trip_data li:first-child::after {
	content: '';
	width: 16px;
	height: 16px;
	background-color: #fff; left: 12px;
	position: absolute;
	z-index: 9;
	border-radius: 100px;
	border: solid 4px red;
}
li.source.destination::after {
	content: '';
	width: 18px;
	height: 18px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAACXBIWXMAAAsTAAALEwEAmpwYAAABWElEQVQ4jY3TsUtWYRQG8J+XGwhN4UeIZpNzQyC0qIMGQkPoYAS6VYQE4eofoEakmyDhaEshKg6KazWloEhDNUROYiClyAeKNtx78XzXr+iZ7nnO83DPc973bbA2JqAR/ehFK07xBQt4H4Vp+L6DSXSrxT08wRuM4SckebMLS3VMBa7icf7npsLYgjlcL4l/4bjEdeIVKikeoT009zCeZ2rEAzwL0w1jK80zFKjiKRYD9xHneJ7XCfoS3AyiTSzXyTiDo1BXElwJxAHO6hgP1OZtSHAYiFuyZZXRiUqoTxJ8DUQbptEcuA68cLEc2E2xiruBHMRtfJCdXw+uhX4VayneYhQ3QrNd7RFFrGAxwS6m/iIq4zAfe7+Yexbr/2GcwCcuAh/LLvLnf5jm8bIo4qa+4yF+1DGtYET2zC4ZYRsD2AncOwzhdxTG91hgA/fxGt9kd7RaFv0Bj5BCvMyLKbMAAAAASUVORK5CYII=);
	position: absolute;
	z-index: 9;
	border-radius: 100px; left: 12px;
	border: initial;
	top: 0;
	background-size: 15px;
	background-position: center;
	background-repeat: no-repeat;
}
li.source.destination::before {
	position: absolute;
	bottom: 100%;
	content: "";
	border-left: 2px dashed #d5d5d5;
	left: 20px;
	height: 100%;
}

.trip_data li.listboderbottom strong {
	top: inherit !important;
}
.panel-content li.form-control.mb-3.btn-primary {text-align: center !important;}

.dataTables-word-break{
	word-break: break-all;
}


.leaflet-tooltip.leaflet-stoppage-marker , .leaflet-idle-marker {
	background-color: transparent;
	border: transparent;
	color : white;
	box-shadow: none;
	font-weight: bold;
	font-size: 18px;
	top: -22px;
	left: -1px;
	align-content: center !important;
}

/*.leaflet-tooltip.leaflet-idle-marker {
	background-color: transparent;
	border: transparent;
	color : white;
	box-shadow: none;
	font-weight: bold;
	font-size: 22px;
	top: -20px;
	align-content: center !important;
}*/

.leaflet-vehicleNo-tooltip {
	font-weight: 600 !important;
	font-size: 11px !important;
	background: var(--theme-primary) !important;
	padding: 4px !important;
	color: white !important;
	margin-top: 5px !important;
	border-radius: 0px !important;
	opacity: 1 !important;
	border: 0px solid #fff !important;
}

.settingMainBox{ position: relative}
.settingMainBox .ourBtn:hover .settingMenu{display: block!important;}
.settingMenu{  position: absolute; border-radius: 3px; right: 15px; top:45px; z-index: 99; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); width: 100px; }
.settingMenu .fa{ margin: 0 8px 0 0; font-size:14px;}
.settingMenu ul{ list-style: none; padding: 0; margin: 0; }
.settingMenu ul li{ position: relative; padding: 5px 10px; border-bottom: 1px solid #ccc; display: flex; align-items: center;}
.settingMenu ul li:last-child{ border: none; }
.settingMenu ul li a{ color:#666; display: flex; align-items: center;}
.settingMenu ul li a:hover{ color:#8D547D}
.subSetting li div:hover{ color:#8D547D}
.subSetting{ display: none; border-radius: 3px; position: absolute; left:-150px; top:0; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); width: 140px; padding: 10px;}

.leaflet-settings-button input[type="checkbox"]:checked + .custom-control-label {
	font-weight: 600;
}

.ourBtn{
	color: #ccb5c3 !important;
}

a.ourBtn:hover{
	color: #fff !important;
}

.leaflet-tooltip-right:before {
	border-right-color: var(--theme-primary) !important;
}

.leaflet-tooltip-left:before {
	border-left-color: var(--theme-primary) !important;
}

.leaflet-tooltip-right {
	margin-left: 16px !important;
}

.leaflet-geofence-icon{
	width: 40px !important;
	height: 41px !important;
}

.btn_over_map{
	width: 30px !important;
	height: 30px !important;
	justify-content: center !important;
	display: flex !important;
	align-items: center !important;
}

.tblite_wrapper_btn {
	display: flex;
	align-items: center;
}

.tblite_status-btn {
	text-align: left;
	flex: 1;
	margin-left: 16px;
	padding: 3px 8px;
}

@media screen and (max-width:414px) {
	.tblite_status-btn {
		margin-left: 4px;
	}
}

@media screen and (max-width:320 px) {
	.tblite_status-btn span {
		font-size: 11px;
	}
}

.tblite_status-btn:active {
	box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.3) !important;
	border: 1px solid #ffffff !important;
}

.tblite_status-btn:focus {
	box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.3) !important;
	border: 1px solid #ffffff !important;
}

.tblite_status-btn.btn-active {
	box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.3) !important;
	border: 1px solid #ffffff !important;
}

.wrapper_btn .tblite_status-btn:first-child {
	margin-left: 0px;
}

@media screen and (max-width:424px) {
	.tblite_status-btn img {
		display: none;
	}
}

.tblite-tb-all{
	background : #4eb4e1;
	color: #FFFFFFFF;
}

.tblite-tb-all:hover, .tblite-tb-all.btn-active{
	color: #fff !important;
	background-color: #4eb4e1 !important;
}

.tblite-tb-running{
	color: #fff !important;
	background-color: #63be77 !important;
	border-color: #63be77 !important;
}

.tblite-tb-overspeed {
	color: #fff !important;
	background-color: #df6c1a !important;
	border-color: #df6c1a !important;
}

.tblite-tb-idle{
	color: #fff !important;
	background-color: #ffb20e !important;
	border-color: #ffb20e !important;
}

.tblite-tb-stopped{
	color: #fff !important;
	background-color: #ee6464 !important;
	border-color: #ee6464 !important;
}

.tblite-tb-unreachable{
	color: #fff !important;
	background-color: #2196f3 !important;
	border-color: #2196f3 !important;
}

.tblite-tb-new{
	color: #fff !important;
	background-color: #aaa !important;
	border-color: #aaa !important;
}

.mobile-nav-height { max-height: 170px; overflow-y: auto; }

.tblite-tb-inactive{
	color: #fff !important;
	background-color: #0d0d0d !important;
	border-color: #0d0d0d !important;
}

nav.shortcut-menu .menu-item{
	justify-content: center !important;
	display: flex !important;
	align-items: center !important;
}

@media(max-width:767px){
	.mobile-nav-height{max-height: 250px; overflow-y: auto;}
}


/*completeSearch start*/
.autocomplete-input-container {
	position: absolute;
	z-index: 1;
	width: 100%;
}

.autocomplete-input {
	text-align: center;
}

#my-input-autocomplete {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
	font-size: 15px;
	border-radius: 3px;
	border: 0;
	width: 318px;
	height: 40px;
	text-overflow: ellipsis;
	padding: 0 1em;
}

@media(max-width:1400px){
	.geo-searching, .geo-searching input {
		width: 250px !important;
	}
}

#my-input-autocomplete:focus {
	outline: none;
}

.autocomplete-results {
	margin: 0 auto;
	right: 0;
	left: 0;
	position: absolute;
	display: none;
	background-color: white;
	width: 320px;
	padding: 0;
	list-style-type: none;
	margin: 0 auto;
	border: 1px solid #d2d2d2;
	border-top: 0;
	box-sizing: border-box;
	top: 40px;
}

.autocomplete-item {
	padding: 5px 5px 5px 35px;
	height: 35px;
	line-height: 26px;
	border-top: 1px solid #d9d9d9;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.autocomplete-icon {
	display: block;
	position: absolute;
	top: 7px;
	bottom: 0;
	left: 8px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
}

.autocomplete-icon.icon-localities {
	background-image: url(https://images.woosmap.com/icons/locality.svg);
}

.autocomplete-item:hover .autocomplete-icon.icon-localities {
	background-image: url(https://images.woosmap.com/icons/locality-selected.svg);
}

.autocomplete-item:hover {
	background-color: #f2f2f2;
	cursor: pointer;
}

.autocomplete-results::after {
	content: "";
	padding: 1px 1px 1px 0;
	box-sizing: border-box;
	text-align: right;
	display: block;
	background-position: right;
	background-repeat: no-repeat;
	background-size: 120px 14px
}

.custom-tables .date-data, .custom-tables .vehicle-data, .custom-tables .working-hours-data { width: 555px !important; text-align: center; }
/*completeSearch end*/

#jimiIot-video-modal .modal-dialog { margin: 5.75rem auto; }
#advance-dashboard2-table_wrapper .dataTables_scroll { width: 100%; }
#advDashboardVehicleTable_wrapper, #advance-dashboard2-table_wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; }
#advDashboardVehicleTable_wrapper .dataTables_length { padding-left: 10px; margin-top: 25px; }
#advDashboardVehicleTable_wrapper .dataTables_info { margin-top: 20px; }
#advDashboardVehicleTable_wrapper .dataTables_paginate { margin-top: 12px; }
#advDashboardVehicleTable_wrapper .row { width: 100%; }
#advDashboardVehicleTable_wrapper .col-sm-12 .dataTables_info {
	margin-top: 0;
}

div.dataTables_wrapper div.dataTables_info {
	padding-left: 10px;
}


#advance-dashboard2-table_wrapper .dataTables_length { padding-left: 10px; margin-top: 12px; }
#advance-dashboard2-table_wrapper  .pagination .page-item:not(:first-child) { margin-left: 0; }

#advDashboardVehicleTable_wrapper .dataTables_length .custom-select, #advance-dashboard2-table_wrapper .dataTables_length .custom-select { min-width: 58px; }
#advDashboardVehicleTable_wrapper  .pagination .page-item:first-child .page-link:hover, #advDashboardVehicleTable_wrapper  .pagination .page-item:last-child .page-link:hover, #advance-dashboard2-table_wrapper.dataTables_wrapper .dataTables_paginate .pagination .page-item:last-child .page-link:hover, #advance-dashboard2-table_wrapper.dataTables_wrapper .dataTables_paginate .pagination .page-item:first-child .page-link { color: #442063; }
.dataTables_scroll { width: 100%; }


/************************** Vipin css ************************/
.header-btn, .btn.js-waves-off { display: flex; align-items: center; justify-content: center; }
#js-nav-menu.nav-menu li a .fas { width: auto; min-width: inherit; }
div.dataTables_wrapper div.dataTables_info { padding-left: 10px; }
.his-data .h7 { padding-left: 10px; }
.history-bottom-slider svg { width: 99%; overflow: inherit !important; }
.highcharts-container { overflow: visible !important; }
.analytics-dash-table-text { padding-right: 10px; word-break: break-word; }
.select2-container--default .select2-selection--single .select2-selection__rendered, .bootstrap-select .dropdown-toggle .filter-option-inner-inner { color: #999; }
.bootstrap-select>.dropdown-toggle:after { border-color: #888 transparent transparent transparent !important; border-style: solid !important; border-width: 5px 4px 0 4px !important; content: "" !important; }
.bootstrap-select.show>.dropdown-toggle:after { border-color: transparent transparent #888 transparent !important; border-width: 0 4px 5px 4px !important; }
.analytics-card img { max-width: 37px; }
#distance-comparison.dis-container, #duration-comparison.dis-container { padding-left: 14px; }
#dashboard-status-header-div-hover .topfilt .dashboard_btn, #dashboard-trip-header-div-hover .dashboard_btn { margin: 2px !important; }
/*#advDashboardSearch { text-align: left; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }*/

#jimiIot-video-modal .modal-dialog { margin: 5.75rem auto; }

#advance-dashboard2-table_filter { display: none; }

@media screen and (max-width: 1599px) {
	div.dataTables_wrapper div.dataTables_length label, #advDashboardVehicleTable_wrapper .dataTables_info,
	.dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link { font-size: 12px; }
	#advDashboardVehicleTable_wrapper .dataTables_length { margin-top: 21px; }
	#advDashboardVehicleTable_wrapper .dataTables_paginate { margin-top: 9px; }
	#advDashboardVehicleTable_wrapper .pagination .page-item:not(:first-child) { margin-left: 0; }
	.dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link { height: 1.7rem; min-width: 1.7rem; }

}

@media screen and (max-width: 1299px) {

	#advDashboardVehicleTable_wrapper .dataTables_info { padding-right: 10px; }
	.dashboard_btn { padding: 7px 8px; font-size: 11px; }
	#dashboard-status-header-div-hover .topfilt .dashboard_btn, #dashboard-trip-header-div-hover .dashboard_btn { margin: 1px !important; }
	.custom_add { margin-left: 7px; }
}

#jimiIot-video-modal .modal-dialog { margin: 5.75rem auto; }
.custom-tables .date-data, .custom-tables .vehicle-data, .custom-tables .working-hours-data { width: 555px !important; text-align: center; }
.modalLargeNew {
	max-width: 1100px;
}


/*.deleteButton {*/
/*	padding: 8px;*/
/*	color: #ff324f;*/
/*	margin-left: -2px;*/
/*	border-radius: 100px;*/
/*	border: none;*/
/*	background-color: #fdefef;*/
/*}*/


/********** STREAMX VIDEO DOWNLOADING CSS START**************/

.newdashbo.videomore { right: auto; left: 0; top: 22px; z-index: 99;}
.newdashbo.videomore .over_map .row button { margin: 3px 0px; width: 100%; }
.newdashbo.videomore .over_map.over_mappop.moreOptionMenuOpened { padding: 9px 8px !important; }

/********** STREAMX VIDEO DOWNLOADING CSS END**************/


.streamx-delete-video-btn { color: red; font-size: 16px; }
.streamx-download-video-btn { color: green; font-size: 18px; }
.streamx-video-progress-btn { color: #2196f3; font-size: 18px; }

/********** STREAMX VIDEO ALARM EVENTS CSS START**************/
.streamxalarmlive video { width: 100%; height: 290px; }
/********** STREAMX VIDEO ALARM EVENTS CSS END**************/


/*dashbaord trip name work*/
.tripName-data{ word-break: break-all; }
/*dashbaord trip name work*/



.highlight-placeholder {
	border: 2px dashed #007bff;
	background-color: #f8f9fa;
	margin-bottom: 5px; /* Adjust as needed */
}

.highlight-droppable {
	animation: highlight 0.5s linear;
}

@keyframes highlight {
	0% {
		border-color: #007bff;
	}
	50% {
		border-color: #ffc107;
	}
	100% {
		border-color: #007bff;
	}
}
.custom-cursor {
	cursor: move !important;
}

.dropdown-item.active, .dropdown-item:active {
	background-color: transparent !important;
}

.dt-button.buttons-columnVisibility:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f0c8";
	display: inline-block;
	padding-right: 9px;
}

.dt-button.buttons-columnVisibility.active:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f14a";
	display: inline-block;
	padding-right: 9px;
}

.label{
	background-color: #E5E5E5;
	color: black;
	padding: 4px;
	font-family: sans-serif;
	border: 0.5px solid black;
	border-radius: 2px;
	cursor: pointer;
	margin-top: 2px;
}
.panic-button { border: 0; border-radius: 5px; }
.parking-enable-button { border: 0; border-radius: 5px; }
.parking-disable-button { border: 0; border-radius: 5px; }
.panic-batch { margin-left: -15px; width: 40px; height: 40px; position: relative; background: #ccc; }
.parking-css { margin-left: -15px; width: 100%; }
.parking-css span { padding-top: 4px; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; color: #fff; background: red; }

.button-hide { display:none ;}
.hidden{
	visibility: hidden !important;
}

.pagination #geo-table_next.page-item:last-child:not(.active) .page-link, .pagination #geo-table_previous.page-item:first-child:not(.active) .page-link { background: transparent !important; }
.pagination #geo-table_next.page-item:last-child:not(.active) .page-link:hover, .pagination #transporter-list-table_next.page-item:last-child:not(.active) .page-link:hover, .pagination #geo-table_previous.page-item:first-child:not(.active) .page-link:hover { background-color: transparent !important;
	color: #442063; }
.button-hide { display:none ;}


.show-first-calibrated-row .form-control:focus, .show-first-calibrated-row .form-control:active  { box-shadow: none !important; outline: none; }
#timelineDiv .form-control, #timelineDiv  .btn-light { min-height: 40px; }
#timelineDiv .edit_icon { osition: absolute; right: 0.75rem; top: 0; }

#maintenance-template-table_wrapper .dataTables_info { padding-top: 0; }

.btn-post-stop-alert { padding: 0px 7px; width: 55%; border: 0; color: #fff; border-radius: 8px; font-weight: 700; background: transparent; }

.streamx-alarm-scroll { overflow: auto; }


#ADD-timeline-form .select2-container { text-align: center; }

.no-event-show { opacity: 0.5; }
.no-event-show button, .no-event-show button:focus, .no-event-show button:active { cursor: auto !important; position: static; box-shadow: inherit !important; transition: inherit !important; }

.add-sensor-btn { top: -10px; z-index: 99; }
.add-sensor-btn2 { top: 56px; z-index: 99; }


.isToggleActive .custom-control-label::before{
	color: #fff;
	border-color: #2a143c;
}

.custom-switch.isToggleActive .custom-control-label.active-voltagedescendingorder::after {
	-webkit-transform: translateX(0.84375rem);
	transform: translateX(0.84375rem);
	background: #fff;
}

#delete-sensor-Button { border: 0; box-shadow: inherit; background-color: transparent; }
.isToggleActive .custom-control-label.active-voltagedescendingorder::before { background-color: #371a50; }
.custom-control-input:checked ~ .custom-control-label.Anactive-voltagedescendingorder::before { background-color: transparent !important; }
.custom-switch .custom-control-input:checked ~ .custom-control-label.Anactive-voltagedescendingorder::after { transform: inherit !important; background-color: #adb5bd !important; }


#share-location-for-select-vehicle .inner { padding-bottom: 0; max-height: 216px !important; }

.custom-video-download-modal { padding-right: 15px; position: absolute; z-index: 9999; top: 0; width: 100%; left: 0; display: none; }
.custom-video-download-modal.active { display: block; }

.topIndex{
	z-index: 15000;
}

.hide-dropdown { display: none !important; }

.dropdown-toggle.none-drop:focus { border: 1px solid #442063 !important; box-shadow: inherit !important; outline: none !IMPORTANT; }

.custom-copy-tooltip { position: absolute; top: -58px; left: 126px; will-change: top, left; display: none; }
.custom-copy-tooltip.active { display: inline-block; }

.mettax-alarm-custom-video {
	width: 1040px;
	height: 500px;
}

.mettax-btn-orange {
	background-color: #f57c00; /* Orange background */
	border-color: #f57c00;     /* Orange border */
	color: #ffffff;
}

.mettaxmodalLargeNew {
	max-width: 1500px;
}

.mettax-delete-video-btn { color: red; font-size: 16px; }
.mettax-download-video-btn { color: green; font-size: 18px; }
.mettax-video-progress-btn { color: #2196f3; font-size: 18px; }

#mettax-video-alarm-table .sorting_asc { width: 20px !important; }


.add-extra-information{
	height:50px;
	width:100%;
	background-color: #EEF0F6;
	font-size: .95rem;
	font-weight: bold;
	padding-left: 8px;
	padding-top: 10px;
	border-radius: 3px;
}

#idForAddPadding.addPadding_inParameter{padding-bottom: 20px !important;}

#raw-data-parameters:hover {
	color: white;
}

#video-options-pannel{
	width: 100%;
	min-height: calc(100vh - 130px);
	border: 1px solid #BEB9B9;
	border-radius: 5px;
}

#video-content-pannel{
	padding: 8px;
	width: 100%;
	min-height: calc(100vh - 130px);
	border: 1px solid #BEB9B9;
	border-radius: 5px;
	box-sizing: border-box;
}

#video-content-pannel .vedio_main { height: auto !important; }

.video-section-iframe, .same-space-css { margin-top: 4rem; }
.custom-video-section .tab-list { display: flex; justify-content: space-between; overflow: hidden; border-bottom: 1px solid #BEB9B9; }
.custom-video-section .tab-list li { flex: 1 1 33.33%; position: relative; }
.custom-video-section .tab-list li:after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; background-color: #D9D9D9; }
.custom-video-section .tab-list li:last-child:after, .custom-video-section .tab-list li.active:after { display: none; }
.custom-video-section .tab-list li button { padding: 10px 20px; width: 100%; font-size: 16px; color: #000; border: 0; white-space: nowrap; background-color: #fff; }
.custom-video-section .tab-list li.active button { background-color: #EEF0F6; }
.custom-video-section .tab-content h3 { color: #000; font-size: 14px; font-weight: 500; text-transform: uppercase; }
.custom-video-section .tab-content small { margin-bottom: 8px; color: #7C7B7B; display: block; font-size: 12px; }
.custom-video-section .tab-content .column ul { padding-bottom: 7px; }
.custom-video-section .tab-content .column ul li { color: #000; font-size: 12px; }
.custom-video-section .tab-content .column ul li span { color: #7C7B7B; }
.custom-video-section .column { margin-bottom: 20px; padding: 6px 10px; border-radius: 4px; border: 1px solid #BEB9B9; }
.custom-video-section .column.live-video { margin-bottom: 0; }
#live-howen-video-controls-section .btn { margin-top: 10px; }
.custom-video-section .tab-content { margin-top: 15px; padding-bottom: 35px; }
.custom-video-section .tab-section { padding: 0 10px; }
.custom-video-section .tab-content .btn { padding: 0.4rem 1.125rem; font-size: 16px; border-radius: 5px; }
.custom-video-section .tab-content .btn.intercom { background-color: #3C86E1; }
.custom-video-section .tab-content .btn.live-map { background-color: #088114; }
.custom-video-section .calender-icon { background: #fff url('/gps/resources/img/calender-icon.svg') no-repeat 96% center; }
.custom-video-section .tab-content form label { color: #000; display: block; }
.custom-video-section .tab-content .form-control { margin-bottom: 15px; }
/*.custom-video-section .video-alarm-button { float: right; border: 0; font-size: 16px; padding: 9px 20px; border-radius: 5px; }*/
.custom-video-section .btn-submit { float: right; border: 0; font-size: 16px; padding: 9px 20px; border-radius: 5px; }
.custom-video-section form { overflow: hidden; }
.video-section-iframe .toggle-dashboard-table-map { height: auto; left: 24.3%; }
.playback-section { }
.playback-section .play-playback { width: 100%; min-height: 387px; border: 1px solid #BEB9B9; border-radius: 5px; background: #fff url('/gps/resources/img/play-video-icon.svg') no-repeat center; }
.alarm-section .play-alarm { width: 100%; min-height: 387px; max-height: 400px; border: 1px solid #BEB9B9; border-radius: 5px; background: #fff url('/gps/resources/img/alarm-events-play-icon.svg') no-repeat center; }
.streamx-playback-section .streamx-play-playback { width: 100%; min-height: 387px; max-height: 400px; border: 1px solid #BEB9B9; border-radius: 5px; background: #fff url('/gps/resources/img/play-video-icon.svg') no-repeat center; }
.streamx-alarm-section .streamx-play-alarm { width: 100%; min-height: 350px; border: 1px solid #BEB9B9; border-radius: 5px; background: #fff url('/gps/resources/img/play-video-icon.svg') no-repeat center; }
.howen-playback-section .howen-play-playback { width: 100%; min-height: 350px; border: 1px solid #BEB9B9; border-radius: 5px; background: #fff url('/gps/resources/img/play-video-icon.svg') no-repeat center; }
.howen-alarm-section .howen-play-alarm { width: 100%; min-height: 350px; border: 1px solid #BEB9B9; border-radius: 5px; background: #fff url('/gps/resources/img/alarm-events-play-icon.svg') no-repeat center; }
.howen-alarm-video-div{ width: 100%; min-height: 387px; max-height: 400px; border: 1px solid #BEB9B9; border-radius: 5px; }
.alarm-section #videoAlarmTable{ max-height: 300px }
.custom-video-section .tab-content .form-control.calender-icon { padding-right: 27px; }



.replacePlayback { position: relative; width: 100%; padding-bottom: 36%; height: 0; }
.replacePlayback video { object-fit: contain; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#videoPlaybackTable tr:first-child td, #videoPlaybackTable_wrapper tr td:first-child, #videoAlarmTable_wrapper tr td:first-child,
#videoAlarmTable tr:first-child td{ width: 18px !important; }
#live-map-section .modal { margin-top: 40px; padding: 0 12px !important; position: relative !important; }
#live-map-section .modal-dialog-centered { align-items: flex-start !important; }
#live-map-section .modal-content, #live-map-section .modal-dialog-centered { width: 100% !important; }
#live-map-section.show .modal { display: block !important; opacity: 1 !important; }

#howen-live-map-section .modal { margin-top: 22px; padding: 0 12px !important; height: auto; position: relative !important; }
#howen-live-map-section .modal-dialog-centered { align-items: flex-start !important; }
#howen-live-map-section .modal-content, #howen-live-map-section .modal-dialog-centered { width: 100% !important; }
#howen-live-map-section.show .modal { display: block !important; opacity: 1 !important; }

.qr-scan-custom { width: 100%; border: 1px solid #E5E5E5; border-radius: 4px; }
#share-location-for-select-vehicle .calendar-time { background: #fff url('/gps/resources/img/calender-icon.svg') no-repeat 96% center; }
#share-location-for-select-vehicle .btn-primary, #share-location-for-select-vehicle .btn-secondary { min-width: 120px; border-radius: 5px; font-size: 16px !important; padding: 3px 22px !IMPORTANT; border: 0; }
#share-location-for-select-vehicle .btn-primary svg { margin-right: 5px; }
#share-location-for-select-vehicle .qr-scan-custom canvas { width: 100% !important; height: auto !IMPORTANT; }

.highlighted-date{
	background-color: rgb(29, 192, 198) !important;
	color: white !important;
	border-radius: 50%;
}

.note-editable {
	width: 100%;
	box-sizing: border-box;
	table-layout: auto;
	width: 100%;
	font-size: 14px;
	line-height: 1.6;
	padding: 10px;
	margin: 10px 0;
	/*padding: 0;*/
}

.custom-announcement-title-css {
	word-wrap: break-word;        /* Allow long words to break and wrap */
	overflow-wrap: break-word;    /* Prevent overflow of long words */
	word-break: break-word;       /* Break long words to avoid overflow */
	max-width: 100%;              /* Ensure the text doesn't exceed the parent width */
	white-space: normal;          /* Allow text to break lines as needed */
	line-height: 1.4;             /* Optional: Adjust line height to control spacing */
}

.advDash_machine_1_icon, .advDash_machine_2_icon, .advDash_machine_3_icon{ height: 19px;width: 19px;}

.add-announcement-detail-modal.active, #dashboardRawparameterModal.active { display: block !important; padding-right: 8px; opacity: 1; overflow-x: hidden; overflow-y: auto; }
.add-announcement-detail-modal.active .modal-dialog, #dashboardRawparameterModal.active .modal-dialog  { -webkit-transform: none; transform: none; }
.removed .modal-backdrop { display: none; }

@media screen and (max-width:1600px) {
	#announcement-alert-modal .modal-dialog .form-control { min-height: 500px; }
}

@media screen and (max-width:1440px) {
	#announcement-alert-modal .modal-dialog .form-control { min-height: 400px; }
	.custom-video-section .tab-content .btn { padding: 0.4rem 0.8rem; font-size: 14px; }
}

@media screen and (max-width:1199px) {
	.custom-video-section .tab-content .btn { margin-bottom: 6px; }
}

/****************FOR NINZZA WHITELABEL START************************************************************/
#adDashboardMapDiv.col-sm-7 { margin-top: -90px; }
#adDashboardMapDiv.col-sm-7 #leafletDashboardMap { height: calc(91vh + 90px) !important; }
#dashboard-header-content.col-md-5 .wrapper_filter { padding: 10px 0; box-shadow: inherit !important; }
#dashboard-header-content.col-md-5 .tblite_wrapper_btn .tblite_status-btn:first-child { margin-left: 0; }

.page-content.d-block .toggle-dashboard-table-map { left: 41%; }
@media screen and (max-width:1440px) {
	#dashboard-header-content.col-md-5 .btn { margin-left: 5px; padding: 2px 6px; font-size: 0.9rem; }
	#dashboard-header-content.col-md-5 .btn img { max-width: 18px; }
	#adDashboardMapDiv.col-sm-7 { margin-top: -82px; }
	#adDashboardMapDiv.col-sm-7 #leafletDashboardMap { height: calc(91vh + 82px) !important; }
	#adDashboardTableDiv.col-sm-5 .dataTables_info { padding-right: 15px; }
}

@media screen and (max-width:767px) {
	#dashboard-header-content.col-md-5, #adDashboardMapDiv.col-sm-7, #adDashboardTableDiv.col-sm-5 { width: 100%; flex: 0 0 100%; max-width: 100%; }
	#adDashboardMapDiv.col-sm-7 { margin-top: 11px; }
	#adDashboardMapDiv.col-sm-7 #leafletDashboardMap { height: 91vh !important; }
}

@media screen and (max-width:575px) {

}

.ninzza .his-setting-wrapper { top: 220px; transition: inherit; }

.input-group-append #advDashboardSearchBtn { z-index: 0; }
/*****************************************FOR NINZZA WHITELABEL END*********************************************/

#announcement-alert-modal ul { list-style-position: inside; list-style-type: disc; }
#announcement-alert-modal ul li { list-style: inherit;  }

.leaflet-marker-container {
	position: relative;
	text-align: center;
}

.leaflet-marker-label {
	position: absolute;
	top: 2px;
	left: 50%;
	transform: translateX(-50%);
	background: transparent;
	color: white;
	padding: 2px 5px;
	font-size: 16px;
	font-weight: bold;
	border: transparent;
	white-space: nowrap;
}

.modal-new { overflow: hidden; }

.alert-overspeed-css { width: 60%; display: flex; flex-wrap: wrap; }

.radius-marker-tooltip {
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
	padding: 0 !important;
}

.modal-new .modal { overflow-x: hidden; overflow-y: auto; }

.custom-shareurlmodel { padding-left: 40px; display: none; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; left: 0; z-index: 2050; width: 100%; height: 100%; }
.custom-shareurlmodel.modal-opens { display: block; }

.modals-close { overflow: inherit; }