/* jquery.dataTables custom styling */
/* WARNING: '.dataTable td' etc rules mess with subtables but the rule corruption begins in jquery.dataTables.css,
   which would be messy to fix. You have to override the rules of the subtable somehow. */

.dataTable {
	border-collapse:collapse;
}

table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc{
	line-height:100%;
	vertical-align:middle;
	padding-right:18px;
}

.dataTable .sorting_disabled {
	padding-right:5px;
	cursor:default;
}

.easyMap_cloned_dataTable.dataTable th {
	border:none;
}

table.dataTable thead th, table.dataTable td, .dataTable .incremental_number {
	padding:5px;
}

#toolbarLeft .easyMap_toolbar_dataTable .dataTables_scrollHead {
	background:url("../images/barBack29.png") repeat-x scroll 0 0 #EAF2F9;
}

.easyMap_cloned_dataTable {
	position:absolute;
	top:0;
	left:300px;
	width:auto;
}

#toolbarLeft .easyMap_toolbar_dataTable .dataTable th,
.easyMap_cloned_dataTable.dataTable th {
	padding:1px 0;
}

#toolbarLeft .easyMap_toolbar_dataTable .dataTable th.sorting,
#toolbarLeft .easyMap_toolbar_dataTable .dataTable th.sorting_asc,
#toolbarLeft .easyMap_toolbar_dataTable .dataTable th.sorting_desc,
.easyMap_cloned_dataTable.dataTable th.sorting,
.easyMap_cloned_dataTable.dataTable th.sorting_asc,
.easyMap_cloned_dataTable.dataTable th.sorting_desc {
	padding:1px 18px 1px 0;
}

#toolbarLeft .easyMap_toolbar_dataTable .dataTable td,
.easyMap_cloned_dataTable.dataTable td {
	padding:0;
	line-height:13px;
}

#toolbarLeft .easyMap_toolbar_dataTable .dataTable td.eye input {
	margin:0 0 0 4px;
}

#toolbarLeft .easyMap_toolbar_dataTable .dataTables_scrollBody{
	border-top:1px solid #9CB2CC;
	border-bottom:1px solid #9CB2CC;
	border-right:none;
	border-left:none;
}

#toolbarLeft .easyMap_toolbar_dataTable .dataTable thead th {
	font-size:11px;
	border:none;
}


.easyMap_cloned_dataTable.dataTable td {
	font-family:monospace; /*because iii and mmm is the same char count but td will be different!*/
}

.easyMap_toolbar_dataTable td{
	color:#000000;
	font-size:11px;
	font-weight:normal;
}

#toolbarLeft .easyMap_toolbar_dataTable .car_stat_filter span.checkboxitems_list {
	font-size:10px;
	font-weight:normal;
	height:25px;
	padding-right:35px;
	overflow:hidden;
}

#toolbarLeft .easyMap_toolbar_dataTable .car_stat_filter span.checkboxitems_list.showall {
	font-size:10px;
	font-weight:bold;
	line-height:22px;
	text-align:center;
	margin-right:5px;
}

#toolbarLeft .easyMap_toolbar_dataTable .car_stat_filter span.checkboxitems_list.showall .show_humanstring {
	height:auto;
}


#toolbarLeft .easyMap_toolbar_dataTable .car_stat_filter span.checkboxitems_list .show_humanstring {
	position:relative;
	float:left;
	overflow:hidden;
	margin:1px;
	height:10px;
}

#toolbarLeft .easyMap_toolbar_dataTable .car_stat_filter span.checkboxitems_list .show_humanstring_container {
	position:relative;
	width:100%;
	height:100%;
}

#toolbarLeft .easyMap_toolbar_dataTable .car_stat_filter span.checkboxitems_list:hover {
	overflow:visible;
	z-index:999;
	background-color:white;
	height:auto;
	padding:2px 3px;
	border:1px solid #9CB2CC;
	border-radius:2px;
	overflow:auto;
	margin-right:35px;
}

#toolbarLeft .easyMap_toolbar_dataTable div.dataTables_filter {
	line-height:22px;
	width:auto;
	float:left;
	position:relative;
	z-index:2;
}

#toolbarLeft .easyMap_toolbar_dataTable div.dataTables_filter label {
	font-size:10px;
}

#toolbarLeft .easyMap_toolbar_dataTable .dataTables_filter input {
	border:1px solid #D9D9D9;
	font-weight:normal;
	padding:0 4px;
	height:22px;
	line-height:22px;
}

#toolbarLeft .easyMap_toolbar_dataTable .car_stat_filter {
	width:auto;
	position:absolute;
	right:5px;
	padding-left:120px;
	z-index:1;
}

#toolbarLeft .easyMap_toolbar_dataTable .DTTT_container + .car_stat_filter {
	right:35px;
}

#toolbarLeft .easyMap_toolbar_dataTable td.error_codes .error_count {
	top:50%;
	left:50%;
	width:14px;
	height:14px;
	background-color:red;
	border-radius:50%;
}

#toolbarLeft .easyMap_toolbar_dataTable td.error_codes .error_count .number {
	color:white;
	font-weight:bold;
	text-align:center;
	font-family:Helvetica, Inter, sans-serif;
}

#toolbarLeft .easyMap_toolbar_dataTable tr td.state_icon
{
	min-width: 15px;
	background-position:center center;
	background-repeat:no-repeat;
}

.slideout_panel_wrapper.dashboard .data .heading {
	background-position:10px center;
	background-repeat:no-repeat;
}


#inputform_carpanel_div_carlist .dataTables_scrollHead, #inputform_beaconpanel_div_beaconlist .dataTables_scrollHead, #cargroups_movecars_tab .dataTables_scrollHead, #users_carpanel_div_carlist .dataTables_scrollHead, #users_beaconpanel_div_beaconlist .dataTables_scrollHead,
#add_remove_company_cargroups .dataTables_scrollHead, #add_remove_company_beacongroups .dataTables_scrollHead,
.fences_selection .dataTables_scrollHead, .carpanel_car_list .dataTables_scrollHead, .beaconpanel_beacon_list .dataTables_scrollHead,
.checkbox_selection .dataTables_scrollHead {
	display:none;
}

#inputform_carpanel_div_carlist .dataTables_scrollBody, #groups_carpanel_div_carlist .dataTables_scrollBody, #users_carpanel_div_carlist .dataTables_scrollBody,
#inputform_beaconpanel_div_beaconlist .dataTables_scrollBody, #groups_beaconpanel_div_beaconlist .dataTables_scrollBody, #users_beaconpanel_div_beaconlist .dataTables_scrollBody,
#add_remove_company_cargroups .dataTables_scrollBody, #add_remove_company_beacongroups .dataTables_scrollBody,
.fences_selection .dataTables_scrollBody, .carpanel_car_list .dataTables_scrollBody, .beaconpanel_beacon_list .dataTables_scrollBody,
.checkbox_selection .dataTables_scrollBody{
	border:1px solid #9CB2CC;
}

#groups_beaconpanel_div_beaconlist .dataTable tbody tr.active, #groups_beaconpanel_div_beaconlist .dataTable tbody tr.inactive,
#groups_carpanel_div_carlist .dataTable tbody tr.active, #groups_carpanel_div_carlist .dataTable tbody tr.inactive{
	background:none;
}

#groups_carpanel_div_carlist .dataTable tbody tr.active td, #groups_carpanel_div_carlist .dataTable tbody tr.inactive td,
#groups_beaconpanel_div_beaconlist .dataTable tbody tr.active td, #groups_beaconpanel_div_beaconlist .dataTable tbody tr.inactive td{
	border-top: 1px solid #d4d4d4;
	background-clip:padding-box;
	cursor:pointer;
}
#boat_routes_list_div .dataTable tbody tr td .settings_wheel ,
#groups_carpanel_div_carlist .dataTable tbody tr td .settings_wheel,
#groups_beaconpanel_div_beaconlist .dataTable tbody tr td .settings_wheel {
	width:13px;
	height:12px;
	background:transparent url('../images/settings_one_wheel.png') no-repeat center center;
}
#boat_routes_list_div .dataTable tbody tr td .delete_cross{
	height:18px;
	background:transparent url('../images/bubble/delete.png') no-repeat center center;
}
#boat_routes_list_div .dataTable tbody tr td .settings_wheel,
#boat_routes_list_div .dataTable tbody tr td .delete_cross{
	width:100%;
}
#boat_routes_list_div .dataTable tbody tr td.delete_cell,
#boat_routes_list_div .dataTable tbody tr td.edit_cell{
	box-sizing: border-box;
	text-align:center;
}
#boat_routes_list_div .dataTable tbody tr td.delete_cell{
	padding-right: 1px;
}
#boat_routes_list_div .dataTable tbody tr td.delete_cell:hover,
#boat_routes_list_div .dataTable tbody tr td.edit_cell:hover{
	border: 1px solid black;
}
#groups_carpanel_div_carlist .dataTable:not(.multiplecarsonmaphack) tbody tr.active td,
#groups_beaconpanel_div_beaconlist .dataTable:not(.multiplebeaconsonmaphack) tbody tr.active td{
	background-color:#D1E2EF;
}

#groups_carpanel_div_carlist .dataTable tbody tr.marked td, #groups_beaconpanel_div_beaconlist .dataTable tbody tr.marked td{
	background-color:#D1E2EF !important;
}

#groups_carpanel_div_carlist .dataTable tbody tr.inactive td, #groups_beaconpanel_div_beaconlist .dataTable tbody tr.inactive td{
	background-color:#fff;
}

#inputform_carpanel_div_carlist .dataTable tr.active, #inputform_beaconpanel_div_beaconlist .dataTable tr.active {
	background-color:#D1E2EF;
}

#inputform_carpanel_div_carlist .dataTable td, #groups_carpanel_div_carlist .dataTable td, #users_carpanel_div_carlist .dataTable td,
#add_remove_company_cargroups .dataTable td,
#inputform_beaconpanel_div_beaconlist .dataTable td, #groups_beaconpanel_div_beaconlist .dataTable td, #users_beaconpanel_div_beaconlist .dataTable td,
#add_remove_company_beacongroups .dataTable td,
.fences_selection .dataTable td, .carpanel_car_list .dataTable td, .beaconpanel_beacon_list .dataTable td,
.checkbox_selection .dataTable td{
	padding:1px 1px 1px 0;
}

#inputform_carpanel_div_carlist .dataTable .check_cars input, #groups_carpanel_div_carlist .dataTable .check_cars input, #users_carpanel_div_carlist .dataTable .check_cars input,
#inputform_beaconpanel_div_beaconlist .dataTable .check_beacons input, #groups_beaconpanel_div_beaconlist .dataTable .check_beacons input, #users_beaconpanel_div_beaconlist .dataTable .check_beacons input,
.fences_selection .dataTable .check_fences input, .carpanel_car_list .dataTable .check_cars input, .beaconpanel_beacon_list .dataTable .check_beacons input,
.checkbox_selection .dataTable .check_fences input {
	margin:0 1px;
	padding:0;
}

#inputform_carpanel_div_carlist .dataTable td label, #groups_carpanel_div_carlist .dataTable td label, #users_carpanel_div_carlist .dataTable td label,
#inputform_beaconpanel_div_beaconlist .dataTable td label, #groups_beaconpanel_div_beaconlist .dataTable td label, #users_beaconpanel_div_beaconlist .dataTable td label,
.fences_selection .dataTable td label, .carpanel_car_list .dataTable td label,.beaconpanel_beacon_list .dataTable td label,
.checkbox_selection .dataTable td label {
	white-space:nowrap;
}

#inputform_carpanel_div_carlist .dataTable .check_cars, #groups_carpanel_div_carlist .dataTable .check_cars,
#inputform_beaconpanel_div_beaconlist .dataTable .check_beacons, #groups_beaconpanel_div_beaconlist .dataTable .check_beacons,
.fences_selection .dataTable .check_fences, .carpanel_car_list .dataTable .check_cars, .beaconpanel_beacon_list .dataTable .check_beacons,
.checkbox_selection .dataTable .check_checkbox {
	padding:1px 0;
}

#inputform_carpanel_div_carlist .dataTables_filter, #groups_carpanel_div_carlist .dataTables_filter, #users_carpanel_div_carlist .dataTables_filter,
#add_remove_company_cargroups .dataTables_filter,
#inputform_beaconpanel_div_beaconlist .dataTables_filter, #groups_beaconpanel_div_beaconlist .dataTables_filter, #users_beaconpanel_div_beaconlist .dataTables_filter,
#add_remove_company_beacongroups .dataTables_filter,
.fences_selection .dataTables_filter, .carpanel_car_list div.dataTables_wrapper div.dataTables_filter,.beaconpanel_beacon_list div.dataTables_wrapper div.dataTables_filter,
.checkbox_selection .dataTables_filter {
	font-weight:bold;
	line-height:22px;
	vertical-align:middle;
	margin:0 0 2px 0;
}

#inputform_carpanel_div_carlist .dataTables_filter input, #groups_carpanel_div_carlist .dataTables_filter input, #users_carpanel_div_carlist  .dataTables_filter input,
#add_remove_company_cargroups .dataTables_filter input,
#inputform_beaconpanel_div_beaconlist .dataTables_filter input, #groups_beaconpanel_div_beaconlist .dataTables_filter input, #users_beaconpanel_div_beaconlist  .dataTables_filter input,
#add_remove_company_beacongroups .dataTables_filter input,
#fence_list_div_id .dataTables_filter input, .fences_selection .dataTables_filter input, .carpanel_car_list .dataTables_filter input,.beaconpanel_beacon_list .dataTables_filter input,
#boat_routes_list_div .dataTables_filter input, .fences_selection .dataTables_filter input, .carpanel_car_list .dataTables_filter input,.beaconpanel_beacon_list .dataTables_filter input,
.checkbox_selection .dataTables_filter input {
	border:1px solid #D9D9D9;
	width:123px;
	font-weight:normal;
	height:16px;
	padding:0;
}

#inputform_carpanel_div_carlist .dataTables_filter input, #inputform_beaconpanel_div_beaconlist .dataTables_filter input, .fences_selection .dataTables_filter input, .carpanel_car_list .dataTables_filter input, .beaconpanel_beacon_list .dataTables_filter input,
#add_remove_company_cargroups .dataTables_filter input, #add_remove_company_beacongroups .dataTables_filter input,
.checkbox_selection .dataTables_filter input {
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
}

.car_table thead tr,
.beacon_table thead tr,
.driver_table thead tr {
 	background:white url('../images/gradient1x23.png') left bottom repeat-x;
 	background-size:auto 100%;
}

.car_table thead tr th.sorting_disabled,
.beacon_table thead tr th.sorting_disabled,
.driver_table thead tr th.sorting_disabled {
	background:none;
	line-height:100%;
	vertical-align:middle;
}

.car_table thead tr th,
.beacon_table thead tr th,
.driver_table thead tr th {
	border-bottom:1px solid #D9D9D9;
}

.car_table_wrap,
.beacon_table_wrap,
.driver_table_wrap {
	margin-top: 20px;
	position:relative;
	float:left;
}

.car_table_wrap .dataTables_filter,
.beacon_table_wrap .dataTables_filter,
.driver_table_wrap .dataTables_filter {
	float:left;
	margin:5px 0;
	font-weight:bold;
}

.car_table_wrap .dataTables_filter input,
.beacon_table_wrap .dataTables_filter input,
.driver_table_wrap .dataTables_filter input {
	border:1px solid #D9D9D9;
	font-weight:normal;
	padding:2px;
}

.driver_table_wrap td.edit_driver_btn button {
    padding:5px 22px;
    margin-top:1px;
    color: #ffffff;
    background-color: #006dc7;
    border:none;
    font-size:11px;
    cursor:pointer;
}

.driver_table_wrap td.edit_driver_btn,
.driver_table_wrap td.delete_driver_btn {
	padding:2px 10px;
	text-align: center;
  	vertical-align: middle;
	border-color: #fff;
}

.driver_table_wrap .delete_driver_btn a{
    margin: 0;
    padding:5px 22px;
    color: #ffffff;
    background-color: #e60050;
	text-decoration: none;
}

.driver-table-btn-header {
	display: none;
}
.manage_table_button {
	clear: both;
    margin: 0;
    margin-left: 10px;
    color: black;
	padding: 3px 22px;
    border: 1px solid #D9D9D9;
    text-decoration: none;
	cursor: pointer;
}
.manage_table_button.bulk-delete-btn {
	color: #ffffff;
    background-color: #e60050;
}
.manage_table_button.bulk-delete-btn.bulk_disabled {
	color: lightgray;
    background-color: grey;
	cursor: default;
}
.manage_table_button.add-new-btn {
	color: #ffffff;
	margin-left: 10px;
    padding: 3px 22px;
    color: black;
    border: 1px solid #D9D9D9;
}
.add_new_driver_btn_form {
	display: inline-block;
}
.driver_list_top_btns {
	display:inline-block
}
.driver_table .bulk-checkbox {
	margin-right:10px;
}
table.dataTable thead tr {
	background:transparent url('../images/gradient1x23.png') repeat-x bottom;
	background-size:auto 100%;
    color:#28435B;
    font-size:12px;
    padding:5px;
    padding:0 5px 0 10px;
}

table.dataTable thead tr th {
	border:1px solid #9CB2CC;
}

div.dataTables_wrapper div.dataTables_filter {
	margin: 0 0 10px 0;
}

.alert_input_table div.dataTables_wrapper div.dataTables_filter {
	margin: 0 0 2px 0;
}

div.dataTables_wrapper div.dataTables_filter label {
 	color: #28435B;
 	font-weight:bold;
}

div.dataTables_wrapper div.dataTables_filter input {
	border: 1px solid #D9D9D9;
	font-weight: normal;
	width:123px;
	color: #28435B;
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    vertical-align: middle;
}

.alert_input_table div.dataTables_wrapper div.dataTables_filter input{
	width:88px;
}

/*http://datatables.net/forums/discussion/7299/header-and-data-column-width-mismatch-with-border-collapse-collapse-and-sscrollx-100*/
.freezing.dataTable, .freezing#rec {
	border-collapse:separate;
	border-spacing: 0;
}

.freezing.dataTable th, .freezing.dataTable td {
    border-width: 1px 0 0 1px;
}

.freezing.dataTable tr:last-child td, .freezing.dataTable tr:last-child th {
	border-bottom-width: 1px;
}

.freezing.dataTable tr td:last-child, .freezing.dataTable tr th:last-child {
	border-right-width: 1px;
}

.freezing.dataTable thead th {
	border-bottom-color: #9CB2CC;
}

.freezing.dataTable thead td {
	padding: 0 5px 0 10px;
}

.freezing.dataTable tbody tr:first-child td, .freezing.dataTable tfoot tr:first-child td {
	border-top-width: 0;
}

/*.freezing.dataTable td.table_header {
	background-color: white;
}
*/
.freezing.dataTable .odd .sorting_1, .freezing.dataTable .even .sorting_1, .freezing.dataTable .odd, .freezing.dataTable .even {
	background-color: inherit;
}

.freezing.dataTable .sorting {
	background: url('../libraries/DataTables-1.9.4/media/images/sort_both.png') no-repeat center right;
}

.freezing.dataTable .sorting_asc {
	background: url('../libraries/DataTables-1.9.4/media/images/sort_asc.png') no-repeat center right;
}

.freezing.dataTable .sorting_desc {
	background: url('../libraries/DataTables-1.9.4/media/images/sort_desc.png') no-repeat center right;
}

.freezing.dataTable .sorting_asc_disabled {
	background: url('../libraries/DataTables-1.9.4/media/images/sort_asc_disabled.png') no-repeat center right;
}

.freezing.dataTable .sorting_desc_disabled {
	background: url('../libraries/DataTables-1.9.4/media/images/sort_desc_disabled.png') no-repeat center right;
}

table#objects_for_cars_table.dataTable, table#objects_for_beacons_table.dataTable{
	border-radius: 5px;
	border: 2px solid #d9d9d9;
	border-collapse: separate;
	overflow:hidden;
	border-spacing: 0px;
}

#objects_for_cars_table.dataTable th, #objects_for_beacons_table.dataTable th {
	background-color: #ededed;
}

#objects_for_cars_table.dataTable td, #objects_for_cars_table.dataTable th, #objects_for_beacons_table.dataTable td, #objects_for_beacons_table.dataTable th {
	border-style: solid;
	border-width: 0 0 1px 1px;
	border-color: #d9d9d9;
	color: #7c7c7c;
}

#objects_for_cars_table.dataTable td, #objects_for_beacons_table.dataTable td {
	background-color: #ffffff;
	border-bottom-color: #f7f7f7;
}

#objects_for_cars_table.dataTable tr:last-child td, #objects_for_beacons_table.dataTable tr:last-child td {
	border-bottom-width: 0px;
}

#objects_for_cars_table.dataTable td:first-child,
#objects_for_cars_table.dataTable th:first-child,
#objects_for_beacons_table.dataTable td:first-child,
#objects_for_beacons_table.dataTable th:first-child{
	border-left-width: 0px;
}

.fixedHeader td.table_header {
	background-color: white;
}

.users_logins_statistics_table td div.details {
	background-image: url(../images/expand_button.png);
	cursor: pointer;
	height: 14px;
	width: 14px;
}

.users_logins_statistics_table tr.aggregate_data {
	cursor: pointer;
}

.users_logins_statistics_table td div.details.opened {
	background-image: url(../images/collapse_button.png);
}

#rtd2_div .users_logins_statistics_table table.details {
	border: 1px solid #000000;
	border-spacing: 0px;
	float: right;
	width: 80%;
}

.users_logins_statistics_table table.details tr.odd {
	background-color: #cccccc;
}

.users_logins_statistics_table table.details tr.even {
	background-color: #eeeeee;
}

.users_logins_statistics_table table.details th,
.users_logins_statistics_table table.details td {
	padding: 10px;
	text-align: left;
}

.users_logins_statistics_table td.hidden,
.users_logins_statistics_table th.hidden  {
	display: none;
}
#monitoring_wrapper .tooltip{
	margin: 5px;
	color: #999;
   	cursor: pointer;
   	font-weight: bold;
   	text-decoration: underline;
}
