/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/*SIDE-BAR BORDER RADIUS FOR ACTIVE LINKS*/
a.active {
	border-radius: 0 25px 25px 0;
    margin-right: 16px;
    padding: 0 0 0 16px !important;
}

/*Sidenav Scroll after Left Sidebar Image*/
.sidenav {
	top: 120px !important;
	height: calc(100% - 100px) !important;
}

#add_vehicle, #edit_vehicle_modal {
	overflow: visible;
}

/*Create Plan Table and its body CSS*/
#create_plan_table, #edit_plan_table, #temp_plan_table, #view_report_table {
	table-layout: fixed;
}

#create_plan_tbody > tr > td, #edit_plan_tbody > tr > td, #template_plan_tbody > tr > td,
#allocation_tbody > tr > td {
	text-align: center;
	align-items: center;
}

#create_plan_table > thead > tr > th, #edit_plan_table > thead > tr > th, #temp_plan_table > thead > tr > th {
	color: black;
	text-align:center;
}

/*Text description in Create PLan Page*/
.text_desc {
	color: #01579b;
	font-weight: 500;
}

.priority_desc_tbody > tr > td, #view_report_tbody > tr > td{
	border: 1px solid !important;
}

.modal {
	max-height: 85% !important;
}

.prty_btn {
	width: 50%;
	padding: 0 0.5rem !important;
	font-size: 0.8rem !important;
}

table.striped > tbody > tr:nth-child(odd) {
  background-color: rgba(166, 166, 166, 0.3);
}

#history_track {
	overflow: visible !important;
}
/*LEGENDS TAG IN THE SIDE OF MAP IN HISTORY TRACKING MAP*/
#legend {
	font-family: Arial, sans-serif;
	background: #fff;
	padding: 10px;
	margin: 10px;
	border: 3px solid #000;
}
#legend h3 {
	margin-top: 0;
}
#legend img {
	vertical-align: middle;
}


input[type=search]:not(.browser-default):disabled {
	border-bottom: 0px !important;
}

/*CARD PANEL CSS*/
.card-panel {
	padding: 14px !important;
}

/*TRIP COUNT MODAL*/
#count_modal, #excavator_trips_modal { 
	width: 80% !important ; height: 90% !important ; 
}

#count_details_table {
	width: 100% !important;
}

/*UI MULTI DATES PICKER CUSTOM CSS*/
.ui-datepicker-next span {
	background-color: #0000 !important;

   background-image: url(https://iokfms.sesavedanta.co.in/app-assets/vendors/datetimepicker/icons/baseline_arrow_right_black_18dp.png) !important;
    background-position: 0px 0px !important;
}

.ui-datepicker-prev span {
	background-color: #0000 !important;
    background-image: url(https://iokfms.sesavedanta.co.in/app-assets/vendors/datetimepicker/icons/baseline_arrow_left_black_18dp.png) !important;
    background-position: 0px 0px !important;
}

.ui-datepicker-header {
	background-color: #99ccff !important; 
}

.ui-datepicker {
	background-color: #ffffff !important;
}

.ui-state-default {
	background-color: #99ccff !important;
	color: #000000 !important;
}

td.ui-state-highlight {
	background-color: #1a53ff !important;
}

.ui-state-highlight a {
	background-color: #1a53ff !important;
}
.ui-datepicker-next-hover, .ui-datepicker-prev-hover {
	background-color: inherit !important;
}