.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
	color: #5e6278 !important;
}

.form-check.form-check-solid-2 .form-check-input {
  border: 0;
  background-color: #d9dcdf;
}

.form-check.form-check-solid-2 .form-check-input:active, .form-check.form-check-solid-2 .form-check-input:focus {
  filter: none;
  background-color: #d9dcdf;
}

.btn.btn-ecodrive {
  color: #FFFFFF;
  border-color: #99C129;
  background-color: #568535;
}

.btn.btn-ecodrive:hover {
  color: #FFFFFF;
  border-color: #568535;
  background-color: #99C129;
}

.link-ecodrive {
  color: #568535;
}

.link-ecodrive:hover {
  color: #99C129;
}

.text-hover-ecodrive {
	 color: #568535;
}

.text-hover-ecodrive:hover {
	 color: #568535;
}

.svg-icon.svg-icon-ecodrive svg [fill]:not(.permanent):not(g) {
  transition: fill 0.3s ease;
  fill: #99C129;
}

.bg-light-ecodrive {
  background-color: #fcfff3 !important;
}

.btn.btn-light-ecodrive {
  color: #99C129;
  border-color: #fcfff3;
  background-color: #fcfff3;
}

.btn.btn-light-ecodrive svg [fill]:not(.permanent):not(g) {
	fill:#99C129;
}

.btn.btn-light-ecodrive:hover {
  color: #FFFFFF;
  border-color: #99C129;
  background-color: #99C129;
}

.btn.btn-light-ecodrive:hover svg [fill]:not(.permanent):not(g) {
 transition:fill .3s ease;
 fill:#fcfff3
}

.btn.btn-active-ecodrive.active {
  color: #FFFFFF;
  border-color: #99C129;
  background-color: #99C129 !important;
}

.form-check.form-check-solid-2 .form-check-input:checked {
  background-color: #99C129;
  border-color: #99C129;
}

.noUi-touch-area {
  background: #99C129 !important;
  border-radius: 100% !important;
}




.kanban-container .kanban-board .kanban-board-header.jmp-new {
  background-color: rgba(24,115,205,0.9);
  box-shadow: none;
}

.kanban-container .kanban-board .kanban-board-header.jmp-accepted {
  background-color: rgba(0,180,216,0.9);
  box-shadow: none;
}

.kanban-container .kanban-board .kanban-board-header.jmp-inprogress {
  background-color: rgba(255,207,134,0.9);
  box-shadow: none;
}

.kanban-container .kanban-board .kanban-board-header.jmp-completed {
  background-color: rgba(130,22,80,0.9);
  box-shadow: none;
}

.kanban-container .kanban-board .kanban-board-header.jmp-new .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.jmp-accepted .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.jmp-inprogress .kanban-title-board,
.kanban-container .kanban-board .kanban-board-header.jmp-completed .kanban-title-board {
  color: white !important;
}

.svg-icon.svg-icon-7hx svg {
	height:7.5rem!important;
	width:7.5rem!important
}

.svg-icon.svg-icon-ticket-new svg [fill]:not(.permanent):not(g) {
 transition:fill .3s ease;
 fill:#1873cd;
}
.svg-icon.svg-icon-ticket-assigned svg [fill]:not(.permanent):not(g) {
 transition:fill .3s ease;
 fill:#00b4d8;
}
.svg-icon.svg-icon-ticket-hold-client svg [fill]:not(.permanent):not(g) {
 transition:fill .3s ease;
 fill:#ffcf86;
}
.svg-icon.svg-icon-ticket-hold-support svg [fill]:not(.permanent):not(g) {
 transition:fill .3s ease;
 fill:#821650;
}
.svg-icon.svg-icon-ticket-solved svg [fill]:not(.permanent):not(g) {
 transition:fill .3s ease;
 fill:#50cd89;
}
.svg-icon.svg-icon-ticket-archived svg [fill]:not(.permanent):not(g) {
 transition:fill .3s ease;
 fill:#eb5757;
}


/*.form-check.form-check-solid .form-check-input {
  background-color: #bbbcbd !important;
}*/


.svg-icon.svg-icon-jmp-new svg [fill]:not(.permanent):not(g) {
 transition:fill .3s ease;
 fill:#1873cd;
}

.svg-icon.svg-icon-jmp-accepted svg [fill]:not(.permanent):not(g) {
 transition:fill .3s ease;
 fill:#00b4d8;
}

.svg-icon.svg-icon-jmp-ongoing svg [fill]:not(.permanent):not(g) {
 transition:fill .3s ease;
 fill:#ffcf86;
}

.svg-icon.svg-icon-jmp-completed svg [fill]:not(.permanent):not(g) {
 transition:fill .3s ease;
 fill:#99c129;
}

.svg-icon.svg-icon-jmp-refused svg [fill]:not(.permanent):not(g) {
 transition:fill .3s ease;
 fill:#eb5757;
}

.svg-icon.svg-icon-jmp-expired svg [fill]:not(.permanent):not(g) {
 transition:fill .3s ease;
 fill:#ff0000;
}

@media (max-width: 768px) {
	.hide-navigation--check {
		display:none
	}
}

.truncate-jmp-motif {
  display: inline-block;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}


.preload-x {
    position:absolute; 
    top:50%; 
    left:50%; 
    transform:translate(-50%,-50%); 
    z-index: 11;
    color: #000000;
    font-weight: bold;
}

.overlay-x {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(243,246,249,1);
}

.dt-buttons,.dataTables_filter{
	display:none !important;
}

.truncate-bu-hsse {
  display: inline-block;
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}

.truncate-profile-vname {
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}




.jmp-alert-new {
	background-color: rgba(24,115,205,0.1);
	border-color: rgba(24,115,205,0.3) !important;
}
.jmp-alert-new h5, .jmp-alert-new label {
	color: rgba(24,115,205);
}

.jmp-alert-accepted {
	background-color: rgba(0,180,216,0.1);
	border-color: rgba(0,180,216,0.3) !important;
}
.jmp-alert-accepted h5, .jmp-alert-accepted label {
	color: rgba(0,180,216);
}

.jmp-alert-ongoing {
	background-color: rgba(255,207,134,0.1);
	border-color: rgba(255,207,134,0.3) !important;
}
.jmp-alert-ongoing h5, .jmp-alert-ongoing label {
	color: rgba(255,207,134);
}

.jmp-alert-completed {
	background-color: rgba(153,193,41,0.1);
	border-color: rgba(153,193,41,0.3) !important;
}
.jmp-alert-completed h5, .jmp-alert-completed label {
	color: rgba(153,193,41);
}

.jmp-alert-refused {
	background-color: rgba(235,87,87,0.1);
	border-color: rgba(235,87,87,0.3) !important;
}
.jmp-alert-refused h5, .jmp-alert-refused label {
	color: rgba(235,87,87);
}

.jmp-alert-expired {
	background-color: rgba(255,0,0,0.1);
	border-color: rgba(255,0,0,0.3) !important;
}
.jmp-alert-expired h5, .jmp-alert-expired label {
	color: rgba(255,0,0);
}


#kt_modal_driver_vehicle_details_assign .single--vehicle:hover .search-label-1 {
	transition: all 0.6s ease;
	transform: scale(1.1);
}

/* FLOT */
.plot-placeholder {
	width: 100%;
	height: 310px;
	font-size: 14px;
	line-height: 1.2em;
}
.graph-control {
	height: 40px;
}
.graph-control-label {
	float: right;
}
.graph-control {
	height: 27px;
}
.graph-control li {
	display: inline;
}
.graph-control-buttons {
	float: right;
	margin-left: 10px;
}
.graph-control-buttons img {
	cursor: pointer;
}