.status_icon_container {
	position: absolute;
}

.status_icon_container span {
	display: inline-block;
	vertical-align: middle;
}

.status_icon_container:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 10px;
	height: 10px;
	background: #ccc;
	border: 2px solid #fff;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
	border-radius: 100px;
	margin-right: 5px;
}

.status_icon_container[data-status='0']:before {
	background: #ccc;
}

.status_icon_container[data-status='1']:before {
	background: #1DBF00;
}

.status_icon_container[data-status='2']:before {
	background: #ffeb00;
}

.status_icon_container[data-status='3']:before {
	background: #FF0000;
}

.home_page .map_container {
	color: black;
	z-index: auto !important;
	line-height: 2vh;
}

.thumbnail_container {
	text-align: center;
}

/* Anasayfada araç listesinde */
.list_vehicles .list_item .thumbnail_container {
	background: #ffffff;
}

.widget_container.widget_vehicle_summary .vehicle_icon_container[data-status="0"]
	{
	border-color: #ff1744;
}

.widget_container.widget_vehicle_summary .vehicle_icon_container[data-status="1"]
	{
	border-color: #00e676;
}

.widget_container.widget_vehicle_summary .vehicle_icon_container[data-status="-1"]
	{
	border-color: #bdbdbd;
}

.icon.ICON_0 {
	background-image: url("../images/iconTypes/ICON_0.png");
}

.icon.ICON_1000 {
	background-image: url("../images/iconTypes/ICON_1000.png");
}

.icon.ICON_2000 {
	background-image: url("../images/iconTypes/ICON_2000.png");
}

.icon.ICON_3000 {
	background-image: url("../images/iconTypes/ICON_3000.png");
}

.icon.ICON_4000 {
	background-image: url("../images/iconTypes/ICON_4000.png");
}

.icon.ICON_5000 {
	background-image: url("../images/iconTypes/ICON_5000.png");
}

.icon.ICON_6000 {
	background-image: url("../images/iconTypes/ICON_6000.png");
}

.icon.ICON_7000 {
	background-image: url("../images/iconTypes/ICON_7000.png");
}

.icon.ICON_8000 {
	background-image: url("../images/iconTypes/ICON_8000.png");
}

.icon.ICON_9000 {
	background-image: url("../images/iconTypes/ICON_9000.png");
}

.icon.ICON_10000 {
	background-image: url("../images/iconTypes/ICON_10000.png");
}

.icon.ICON_11000 {
	background-image: url("../images/iconTypes/ICON_11000.png");
}

.icon.ICON_12000 {
	background-image: url("../images/iconTypes/ICON_12000.png");
}

.icon.ICON_13000 {
	background-image: url("../images/iconTypes/ICON_13000.png");
}

.icon.ICON_14000 {
	background-image: url("../images/iconTypes/ICON_14000.png");
}

.icon.ICON_15000 {
	background-image: url("../images/iconTypes/ICON_15000.png");
}

.icon.ICON_16000 {
	background-image: url("../images/iconTypes/ICON_16000.png");
}

.icon.ICON_17000 {
	background-image: url("../images/iconTypes/ICON_17000.png");
}

.icon.ICON_18000 {
	background-image: url("../images/iconTypes/ICON_18000.png");
}

.icon.ICON_19000 {
	background-image: url("../images/iconTypes/ICON_19000.png");
}

/*Anasayfada filtre boş gelince, yükseklik azaldığı için filtre ile div birbirne giriyor*/
.search_container .scroll_container {
	min-height: 100px;
}

/*Anasyfada aram listesinde ikon ile yaazılar yanyana çıkmıyor, ayrık çıkıyor bunu düzeltmek için eklendi*/
.search_results_container ul li .result_text
	{
	vertical-align: middle;
	height: 38px;
}

.search_results_container ul li a {
	display: inline-block;
}

.coloredBackGround {
	background: #2979FF;
	color: white;
}

/*sehayatler harita yüksekliği  height: calc(100vw * (9/16));*/
.vehicle_group_list .vehicle_group_item .edit_container .edit_menu {
	z-index: 100;
}

.vehicle_group_list .vehicle_group_item .edit_container .edit_menu {
	min-width: 170px;
}

.loading {
	z-index: 20;
}

.info_news_container .info_news .info_container img {
	width: 300px;
	height: 300px;
}

.main_info_container {
	z-index: 100;
}

.home_page .map_container .map_footer {
	z-index: 6;
}

footer span {
	margin: 0 2px 0 5px
}

.icon.icon_close {
	margin-top: 7px;
}

.list_vehicles .list_item .description_container .average_speed {
	font-weight: 600;
}

.list_vehicles .list_item .description_container .title {
	font-weight: 600;
}

.button:hover {
	cursor: pointer;
}

/*Seyahat detay bilgileri aşağıda yer alan 4 lü bilgi  */
.column_container::after {
	content: "";
	clear: both;
	display: block;
}

.column_container .column {
	box-sizing: border-box;
	width: 50%;
	float: left;
}

.column_container .column.right {
	float: right;
}

.column_container .column.column_10_1 {
	width: 25%;
}

.column_container .column.column_10_2 {
	width: 19%;
}

.column_container .column.column_10_3 {
	width: 28%;
}

ul.favorite_reports_list.list .list_item.favorite_report_item :hover {
	color: #005aff;
}

.popup_container.narrow_infotech {
	width: 55%;
	height: 70%;
}

.popup_container.narrow_infotech .popup_content {
	padding: 20px;
	font-size: 14px;
	max-height: unset;
	overflow-y: auto;
}

.extraInfoTittle {
	font-weight: 700 !important;
}

body.trip_detail_open main>.widget_container {
	height: 90vh;
}

.radius_meters {
	z-index: 2;
}



/*************** Tooltip butonu, örnek olarak Coğrafi ayarlar menülerindeki sayfalarda kullanılmıştır.**********************************************************************************/
.tooltip_help{ position: absolute; text-align: center; background-color: #BCDBEA; border-radius: 50%; width: 18px; height: 18px; font-size: 12px; line-height: 20px; cursor: pointer; }
a.tooltip_help span { position: absolute; width: 400px; color: #FFFFFF; background: #000000; line-height: 19px; font-size: 15px; text-align: justify; visibility: hidden; border-radius: 6px; }
a.tooltip_help span:after { content: ''; position: absolute; top: 100%; left: 35%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #000000; border-right: 8px solid transparent; border-left: 8px solid transparent; }
a:hover.tooltip_help span { visibility: visible; opacity: 0.8; bottom: 30px; left: 50%; margin-left: -143px; z-index: 999; padding: 5px; }
/****** END ********* Tooltip butonu, örnek olarak Coğrafi ayarlar menülerindeki sayfalarda kullanılmıştır.**********************************************************************************/  
  
#customersPointTypesTbl {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customersPointTypesTbl td, #customersPointTypesTbl th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customersPointTypesTbl tr:nth-child(even){background-color: #f2f2f2;}

#customersPointTypesTbl tr:hover {background-color: #ddd;}

#customersPointTypesTbl th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}
.customersPointTypesText{
	width: 100%;
}


.form_container .input_wrapper .icon{left: 7px;}

.linkInPopup{
	text-decoration: underline; outline: none; color: white; font-size: 13px;
}

.boldLabel{
	font-weight: bold;
}

.sagTikHrefs{
	text-decoration: underline;
	text-decoration-color: cadetblue;
}

.notTrasparentLoading{width:100%; height:100%; position: fixed; background: rgba(255,255,255,1); display: none; top:0; left:0; z-index: 300; }
.notTrasparentLoading img{display: block; margin: 0 auto; width:100px; height: 100px; position: absolute; top:50%; margin-top: -50px; left:50%; margin-left: -50px;}

.rota_map_r_click_item{font-size: 13px;}
/*.list .list_item {margin: 10px 0 0 0;}*/



.loginSeperator {
  display:flex;
  justify-content:center;
  align-items: center;
  color:grey;
}

.loginSeperator:after,
.loginSeperator:before {
    content: "";
    display: block;
    background: grey;
    width: 37%;
    height:1px;
    margin: 0 10px;
}


.dropbtn {
  background-color: #2979FF;
  color: #fff;
  padding: 8px;
  font-size: 12px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #e2e2e2;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  z-index: 100;
}

.dropdown-content a {
  padding: 8px 8px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background:#e5d17a; }

.show {display: block;
padding-left: 5px;
padding-right: 5px;
text-align: center;
min-width: -webkit-fill-available;
}

.popup_container .popup_content {
	/*Burası auto kalmalıdır. Aksi halde sistemdeki popuplar bozulmaktadır. İstenen düzeltme sayfaya özel, sayfanın kendisine eklenmelidir.*/
	overflow-y: auto; 
	min-height: 200px!important;
}

.popup_container .popup_content_warning { overflow-y: auto;  padding: 20px; font-size:14px; max-height: calc(100vh - 300px); }
.popup_container .popup_content_success { overflow-y: auto;  padding: 20px; font-size:14px; max-height: calc(100vh - 300px); }

.column_container .column.column_4_1{width: 20%;}
.column_container .column.column_4_3{width: 80%;}

@media print {
  .hidden-print {
    display: none !important;
  }
}

.hizliLoginBtn {
	width: 100%;
	height: 40px;
}


.aHrefDuzButonsuzHalleri {
	color: blue;
    font-size: 14px;
}

.comboLabelsBildirimler {
	text-align: left;
    float: left;
    font-size: 12px;
	cursor:text;
	white-space: nowrap;
}

.filterListBtn{
	vertical-align: bottom !important;
}

.filterListBtnDeactive{
	background: #d6d6d6;
    border: 1px solid #9E9E9E;
    color: #000;
}

.page_header{height: 44px;}
.page_headerWithFilter{min-height: 70px; height: auto;}

.form_container .input_wrapper_w_icons .icons{
	top: 15px;
}

.trkcell_fast_login_btn{
position: relative;
    margin-left: 64px;
    color: #ffc900;
    display: inline-block;
    
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    cursor: pointer;
}

.infoSoruIsareti:before
{
    content: '?';
    display: inline-block;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    width: 1.8ex;
    height: 1.8ex;
    font-size: 2ex;
    line-height: 1.8ex;
    border-radius: 1.2ex;
    margin-right: 4px;
    padding: 1px;
    color: #fece00;
    background: white;
    border: 1px solid #fece00;
    text-decoration: none;
}

.kopilotAdminMsg{
	color: red;
}

.rotateElement{
    -webkit-animation: spinCustom 0.7s infinite linear;
}

@-webkit-keyframes spinCustom {
	0%  {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}	
}


.custom_lock_icon:after{content: '\1F512';font-size:12px;color:#A6B1C2;}
.fullsizediv{z-index: 9999; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: white;}
.titleSpec {font-size: 18px;}
.right_alignedCustom{text-align: right}


.badge-info {
	color: #fff;
	background-color: #17a2b8;
}
.badge-success {
	color: #fff;
	background-color: #28a745;
}
.badge-secondary {
	color: #fff;
	background-color: #6c757d;
}
.badge-light {
	color: #212529;
	background-color: #f8f9fa;
}
.badge-danger {
	color: #fff;
	background-color: #dc3545;
}

.badge-warning {
	color: #212529;
	background-color: #ffc107;
}

.badge-pill {
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 10rem;
}
.badge {
	display: inline-block;
	padding: .25em .4em;
	font-size: 95%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
}

.disabledButton{
	border: 1px solid #999999!important;
	background-color: #cccccc!important;
	color: #666666!important;
	cursor: not-allowed!important;
}

.icon.coklu_arac 				{background:#484848; -webkit-mask: url(../images/coklu_arac.svg) no-repeat center center; mask: url(../images/coklu_arac.svg) no-repeat center center;}
.icon.icon_map_pause 			{background:#484848; -webkit-mask: url(../images/icon_map_pause.svg) no-repeat center center; mask: url(../images/icon_map_pause.svg) no-repeat center center;}
.icon.bolgedeki_araclar 		{background:#484848; -webkit-mask: url(../images/bolgedeki_araclar.svg) no-repeat center center; mask: url(../images/bolgedeki_araclar.svg) no-repeat center center;}
.icon.etki_alani 				{background:#484848; -webkit-mask: url(../images/etki_alani.svg) no-repeat center center; mask: url(../images/etki_alani.svg) no-repeat center center;}
.icon.bolgedenGecenAraclar 		{background:#484848; -webkit-mask: url(../images/bolgedenGecenAraclar.svg) no-repeat center center; mask: url(../images/bolgedenGecenAraclar.svg) no-repeat center center;}
.icon.map_info_icon 			{background:#484848; -webkit-mask: url(../images/map_info_icon.svg) no-repeat center center; mask: url(../images/map_info_icon.svg) no-repeat center center;}
.icon.lock_open_icon 			{background:#484848; -webkit-mask: url(../images/lock_open_icon.svg) no-repeat center center; mask: url(../images/lock_open_icon.svg) no-repeat center center;}
.icon.closed_lock_icon 			{background:red; -webkit-mask: url(../images/closed_lock_icon.svg) no-repeat center center; mask: url(../images/closed_lock_icon.svg) no-repeat center center;}
.icon.movie_video_icon 			{background:#484848; -webkit-mask: url(../images/movie_video_icon.svg) no-repeat center center; mask: url(../images/movie_video_icon.svg) no-repeat center center;}
.icon.map_pin_icon 				{background:#484848; -webkit-mask: url(../images/map_pin_icon.svg) no-repeat center center; mask: url(../images/map_pin_icon.svg) no-repeat center center;}
.icon.icon_telemetry			{background:#a6b1c3; -webkit-mask: url("../images/icon_telemetry.svg") no-repeat center center;  mask: url("../images/icon_telemetry.svg") no-repeat center center; }
.icon.street_view_icon 			{background:#484848; -webkit-mask: url(../images/street_view_icon.svg) no-repeat center center; mask: url(../images/street_view_icon.svg) no-repeat center center;}
.icon.green_RF 					{background: green; -webkit-mask: url(../images/card_id_identification_identity_icon_green.png) no-repeat center center; mask: url(../images/card_id_identification_identity_icon_green.png) no-repeat center center;}
.icon.grey_RF					{background: grey; -webkit-mask: url(../images/card_id_identification_identity_icon_grey.png) no-repeat center center; mask: url(../images/card_id_identification_identity_icon_grey.png) no-repeat center center;}

.icon.mobilbil-playback			{background: grey; -webkit-mask: url(../images/mobilbil-playback.svg) no-repeat center center; mask: url(../images/mobilbil-playback.svg) no-repeat center center;}
.icon.mobilbil-video			{background: grey; -webkit-mask: url(../images/mobilbil-video.svg) no-repeat center center; mask: url(../images/mobilbil-video.svg) no-repeat center center;}

.motorBlokaj .lock_open_icon:hover {background:#484848; -webkit-mask: url(../images/closed_lock_icon.svg) no-repeat center center; mask: url(../images/closed_lock_icon.svg) no-repeat center center;}
.motorBlokaj .closed_lock_icon:hover {background:#fbc315; -webkit-mask: url(../images/lock_open_icon.svg) no-repeat center center; mask: url(../images/lock_open_icon.svg) no-repeat center center;}

.icon.grey_RF:hover{background: green!important;}
.icon.green_RF:hover{background: grey!important;}
.vehicle_detail_container .vehicle_info_tabs .tab_menu2 span:hover i.grey_RF{
	background-color: green;
}
.vehicle_detail_container .vehicle_info_tabs .tab_menu2 span:hover i.green_RF{
	background-color: grey;
}

.infoWindowDiv{min-width: 270px;overflow: auto;}
.infoWindowTable{border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #f5f5f9; font-size:13px}
.infoWindowTable th, td {text-align: left;padding: 5px;}
.infoWindowTable tr:nth-child(even){background-color: #ededed}
.vehicle_detail_container .vehicle_info_tabs_custom .tab_menu span {padding-bottom: 0;}
.tekrarFlag{font-size: 17px; color: #e91e63; font-weight: bold;}
.mBlokajIconInListi {background-color: red!important;width: 14px;height: 14px;margin-right: 0!important;}
.graphDiv {text-align: center;border: 1px solid #dfe0e1; margin-bottom: 10px;overflow: hidden; background: white}
.aciklamaDivGraphDial {margin-top: -70px;}
.dialGraphTable tr {position: relative;}
.aciklamaDivGraph table th,td {padding: 0 5px;font-size: 12px;}
.aciklamaDivGraph {font-size: 12px;}
.aciklamaDivGraphStatusMeter{margin-top: -40px}
.dialGraphTableChart{text-align: center;border: 1px solid #dfe0e1;padding: 10px 0 10px 10px;}
.dialGraphTableChart th,td{position: relative; margin-bottom: -20px}
.chartTd {width: 200px; height: 100px;}
#eventContentTelemetry {border: 1px solid #dfe0e1;padding: 10px 0 10px 10px;margin: 5px;}
#chartContentTelemetryBorder {border: 1px solid #dfe0e1;padding: 10px 0 10px 10px;margin: 5px;}
.telemetryTitleH {font-weight: bold; padding: 5px;}
#telemetryContent {padding: 10px 0 10px 10px;margin: 5px;}
.dialGraphTableChartTelemetry {text-align: center;}
.dialGraphTableChartTelemetry th,td{position: relative; margin-bottom: -20px}
.eventItemTelemetry{background: #9e9e9e1a; padding: 5px;margin: 5px;border-radius: 10px;}
#telemetryPageContent {border: 1px solid #dfe0e1;padding: 10px 0 10px 10px;margin: 5px;min-height: 40px;}
.greyClass{color: grey}
.noTelemetryDataDiv {padding: 5px; background: #f0baba; border-radius: 10px;}

.list_toggle_custom_i {float: right; padding: 10px; position: relative;cursor: pointer; color: #000;}
.search_container .list_toggle.vehicle_open i.list_toggle_custom_i {transform: unset;color: #000;}
.search_container .list_toggle.active i.list_toggle_custom_i {transform: unset;color: white;}
.search_container .list_toggle.active a{color: white}
.search_container .list_toggle.active i{color: white}
.noFocusVisible:focus-visible { outline: unset;}
.telemetryImages {height: 50px; width: 50px;margin-top: 5px;}

.noWrapNoOverflow{position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*.noWrapNoOverflow:not(.title):after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; display: block;}*/
.column_container .column.column_2_1{width: 50%;}
.column_container .column.column_1_1{width: 100%;}
.fs_datatable thead th{word-break: break-all;}
.widget_container.widget_vehicle_summary .column_container .column > span {overflow-wrap: break-word;}
.page_header .form_container .input_wrapper {width: 20%;max-width: 180px;}

.icon.icon_map_road 			{background:#484848; -webkit-mask: url(../images/icon_map_road.svg) no-repeat center center; mask: url(../images/icon_map_road.svg) no-repeat center center;}
.icon.icon_map_here 			{background:#484848; -webkit-mask: url(../images/icon_map_here.svg) no-repeat center center; mask: url(../images/icon_map_here.svg) no-repeat center center;}
.icon.icon_map_osm 				{background:#484848; -webkit-mask: url(../images/icon_map_osm.svg) no-repeat center center; mask: url(../images/icon_map_osm.svg) no-repeat center center;}
.icon.icon_arrow_back_left 		{background:#484848; -webkit-mask: url(../images/icon_arrow_back_left.svg) no-repeat center center; mask: url(../images/icon_arrow_back_left.svg) no-repeat center center;}
.icon.icon_map_infotech_world 	{background:#484848; -webkit-mask: url(../images/icon_map_infotech_world.svg) no-repeat center center; mask: url(../images/icon_map_infotech_world.svg) no-repeat center center;}
.icon.icon_canbus				{background:#484848; -webkit-mask: url(../images/canbus_icon_v1.svg) no-repeat center center; mask: url(../images/canbus_icon_v1.svg) no-repeat center center;}
.icon.point_route_region		{background:#484848; -webkit-mask: url(../images/point_route_region.svg) no-repeat center center; mask: url(../images/point_route_region.svg) no-repeat center center;}

.baseMapsItem {width: 100%; min-width: 160px;text-align: left;overflow: hidden;}
.coloredBackGroundBaseMapItem{color: #2979FF}

.cPointItem {width: 100%; min-width: 160px;text-align: left;overflow: hidden;}
.cPointItem.active{color: #2979FF}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url(../images/icon_select_arrow.svg) no-repeat calc(100% - 10px) center;
    padding: 6px 8px;
    height: 20px;
    position: absolute;
    background-size: 11px auto;
    width: 10px;
	appearance: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: black;
	font-weight: 400;
}

.event_selection_div .select2-container--default .select2-selection--single .select2-selection__rendered {color: black;	font-weight: 400;}
.select2-dropdown {background-color: #fafbfc;}
.select2-container--default .select2-selection--single {background-color: #fafbfc;}
.select2-container--default .select2-search--dropdown .select2-search__field {background-color: #fafbfc!important;}
.select2-container{text-align: left}


.googleStreetViewClass{margin: 2px;float: left;   height: 660px;   width: 49%;border: 1px solid #000000; border-radius: 5px;}
.centerText{display: flex; justify-content: center; align-items: center; background: #f8f9fa; height: 100%}

textarea[disabled="disabled"] {background-color: #f5f5f5;}


.incescrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; }
.incescrollbar::-webkit-scrollbar { width: 9px; background-color: #F5F5F5; }
.incescrollbar::-webkit-scrollbar-thumb { border-radius: 8px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #bdbdbd; }

.itemNumber{background: #bdbdbdd6; color: black; border-radius: 28px; font-size: 13px; margin-right: 5px; padding: 2px 6px;}
.itemSaat{font-size: 11px;margin-top: 3px; float: right; width: 117px;}
.itemLocation{font-size: 13px;}
.list_item_seferpage{margin: 5px 2px 0 0; padding: 5px; border: 1px solid #eeeeee; background: #f7f7f7; border-radius: 12px;cursor: pointer;}
.locationsefer { font-size: 11px; padding: 2px; }
.list_item_seferpage.active{background: #2196f3; color: white;}
.itemNumber.active{background: #2196f3; color: white;}
.historyPageShortLocation{display: inline-block; width: calc(100% - 130px); white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; }
.filterInputShort{width: 120px!important;}

.icon.fleet-icon			{background:#a6b1c3; -webkit-mask: url("../images/fleet-icon.svg") no-repeat center center;  mask: url("../images/fleet-icon.svg") no-repeat center center; }

#otherVehicleGroupMobiles, #otherVehicleGroupUsers{height: 250px; overflow-y: auto; border: 1px solid #9e9e9e; padding: 10px;}
#otherVehicleGroupMobilesWrapper, #otherVehicleGroupUsersWrapper{display: none;overflow-wrap: anywhere;}
.templatePageSubGroupLst{color: black;padding: 5px 5px 5px 0px;background: #ededed;}
.templatePageSubItemLst{margin: 2px; color: #585050; background: #ddf1f3;}
#infoDivVehicleGroupTree{background: aliceblue; padding: 8px; border-left: 1px solid blue; margin-bottom: 10px;}
.tooltip_QuestionMark{color: #03A9F4;font-size: 15px;}

.icon.icon_map_legand				{background:#484848; -webkit-mask: url(../images/icon_map_legand.svg) no-repeat center center; mask: url(../images/icon_map_legand.svg) no-repeat center center;}
.icon.icon_gsensor			{background-image: url(../images/renkler/orange_circle.png); width:15px; height: 15px;}
.icon.icon_ignition1		{background-image: url(../images/renkler/ignition_red.png); width:15px; height: 15px;}
.icon.icon_ignition2		{background-image: url(../images/renkler/ignition_green.png); width:15px; height: 15px;}
.icon.icon_ignition3		{background-image: url(../images/renkler/ignition_purple.png); width:15px; height: 15px;}
.icon.icon_movement_start	{background-image: url(../images/renkler/movement_green.png); width:15px; height: 15px;}
.icon.icon_movement_stop	{background-image: url(../images/renkler/movement_red.png); width:15px; height: 15px;}
.icon.icon_speed1			{background-image: url(../images/renkler/blue_speed.png); width:15px; height: 15px;}
.icon.icon_speed2			{background-image: url(../images/renkler/red_speed.png); width:15px; height: 15px;}
.icon.icon_electric1		{background-image: url(../images/renkler/electric_green.png); width:15px; height: 15px;}
.icon.icon_electric2		{background-image: url(../images/renkler/electric_red.png); width:15px; height: 15px;}
.icon.icon_other		    {background-image: url(../images/renkler/other.png); width:15px; height: 15px;}

.wideMobileSelectInput{max-width: 280px!important; width: 250px!important;}
.wideFilterInput{max-width: 280px!important; width: 250px!important;}
.normalHeaderFilters{width: 10%!important;}
.narrowHeaderFilters{width: 7%!important;}
.list_trips .list_item_trip:active i, .list_trips .list_item_trip.active i {color: white!important}
.onFiltreLabels{font-size: 12px;}
.notAllowedDiv {cursor: not-allowed;background: #f7f7f7;}
.allowedDiv {cursor: inherit;background: #ffffff;}

.arrowBtnTransformed {transform: scaleY(-1);}

.disabledABtn {
  pointer-events: none;
  cursor: default;
  color: #d6d6d6;
}
.map_container{background: #f2f1ee;}
.filter_container{margin-top: 2px;}
.map_container .map_action_container {z-index: 5;}
.map_container .map_action_container a + a:before{height: 0;}

.map_container .map_action_container .verticalTooltip:after{transform-origin: 0 0;transform: rotate(90deg)!important;top: 30px!important;content:attr(tooltip_title); display: block; position: absolute; max-width: 0; overflow: hidden;  transition: all .2s;  right: 30px;  box-sizing: border-box; opacity: 0; height: 30px; color: #fff; background: #484848; white-space: nowrap; padding: 0 10px; line-height: 30px; font-size: 12px; text-decoration: none; border-top-left-radius: 4px; border-bottom-left-radius:4px;}
.map_container .map_action_container .verticalTooltip[tooltip_title]:not([tooltip_title=""]):hover:after{right: -51px!important; min-width: 50px;}
.map_container .map_action_container .verticalToTopTooltip:after{transform-origin: 0 0; transform: rotate(270deg)!important; top: 0px!important; content: attr(tooltip_title); display: block; position: absolute; max-width: 0; overflow: hidden; transition: all .2s; right: 45px; box-sizing: border-box; opacity: 0; height: 30px; color: #fff; background: #484848; white-space: nowrap; padding: 0 10px; line-height: 30px; font-size: 12px; text-decoration: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.map_container .map_action_container .verticalToTopTooltip[tooltip_title]:not([tooltip_title=""]):hover:after{right: unset!important; min-width: 50px;}
.pageMenuHeader{top: -10px;position: relative;}
.button.button_hidden{display: none;}

.form_container .input_wrapper.error select {
    border-color: #FF6565;
}

/*Google logosu görünmesin*/
.gm-style-cc {display: none !important;}
.gm-style a[href^="https://maps.google.com/maps"] {display: none !important;}

.select2-selection__clear {padding: 0 5px;}
.pointDatatableImageWithDesc{top: 39%; position: absolute;}
.dashboardLodingGif{width: 15px; display: none;}
.telemetryTopBtns{color: -webkit-link; cursor: pointer; text-decoration: underline;padding: 3px 5px;border: none;top: -10px; position: relative;}

.mainMapActiveTab{
	background: #a6dbf2db !important;
    border: solid #a4a4a4 0.5px;
    border-bottom: unset;
    border-radius: unset;
	border-bottom: solid 3px red;
}

.mainMapMobileListTab {float: right;color: black!important;}
.no_checkbox>i.jstree-checkbox
{
    display:none
}

.no_checkbox .jstree-themeicon {
    width: 30px!important;
    height: 30px!important;
    /*background-image: url("../images/iconTypes/ICON_0.png"); */
    background-size: 30px!important;
}

.treePageAsteriskExplanation{text-align: left; color: grey; font-size: 14px;}
#vehicle_list{padding-bottom: 50px;}

/* ANASAYFA Kontak IMAGE START */
.kontak_acik_icon:after, .kontak_acik_detay_icon:after, .kontak_kapali_icon:after, .kontak_kapali_detay_icon:after{ content: ''; display: block; height: 17px; width: 17px; position: absolute; top: 27px; left: 0; z-index: 8; animation: fadeIn 1s; }
.kontak_acik_icon:after, .kontak_acik_detay_icon:after{ background: transparent url(../images/ignition_on_icon.png) no-repeat 0px 0px; }
.kontak_kapali_icon:after, .kontak_kapali_detay_icon:after{ background: transparent url(../images/ignition_off_icon.png) no-repeat 0px 0px; }
.kontak_acik_detay_icon:after, .kontak_kapali_detay_icon:after{ top: 50px; left: 5px; }
/* ANASAYFA Kontak IMAGE END */


.list_item_vehicle_info span{
	max-width: 185px;
    overflow-wrap: break-word;
}

ul.vehicles_list li .icon_container {
	top: 7px;
	position: relative;
}

.searchedMobileGroups:before {
    content:"\a";
    white-space: pre;
}
.searchedMobileGroups {font-size: 12px;top: -10px; position: relative; color: #757575;}
.search_results_container ul li a {line-height: 25px;}
.badgeOverflowWrap{white-space: unset!important;text-align: left;}
.mobileDetailTabContent{margin-bottom: 50px;}
.vehicle_detail_container .vehicle_info_tabs .tab_menu span {margin: 0 5px;}
.vehicle_detail_container .vehicle_info_tabs .tab_menu2{padding-bottom: 17px;}

table.mainPageCanbusTable{ width: 98%; border-collapse: collapse;}
table.mainPageCanbusTable tr{border-bottom: 2px dashed #00000026;}
table.mainPageCanbusTable td:first-child, table.mainPageCanbusTable th:first-child { width: 70%;  }
table.mainPageCanbusTable td:not(:first-child), table.mainPageCanbusTable th:not(:first-child) { width: 30%;text-align: right;  }
table.mainPageCanbusTable td, th { padding: 5px; }
.vehicle_detail_container .vehicle_info_tabs .tab_menu{margin: 0 -10px 15px;}
.canbusSummaryInfos{font-size: 13px;}
.canbusWrapperDiv{width:100%; height:250px!important;position: relative; text-align: center;}
.downloadCanbusChartBtn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.3s ease;z-index: 9;}
.canbusWrapperDiv:hover .downloadCanbusChartBtn{opacity: 1;}

.scrollable-div { height: calc(100% - 50px); overflow-y: hidden; transition: overflow 0.3s ease; }
.scrollable-div:hover { overflow-y: auto; }
.scrollable-div::-webkit-scrollbar { width: 3px; }
.scrollable-div::-webkit-scrollbar-track { background: #c3c3c3; }
.scrollable-div::-webkit-scrollbar-thumb { background: #707070; }
.scrollable-div::-webkit-scrollbar-thumb:hover { background: #555; }
.map_container .map_action_container .main-page-toolbar{height: calc(100% - 50px);top: 20px; max-height: 85vh;}
.mapBtnsInHiddenGroup{display: none;right: 40px; position: absolute;margin-top: -80px;}
.map_container .map_action_container .action_group + .action_group{margin-top: 5px;}
.trips_search_overlay{overflow-x: auto;}
.icon.icon_trips_overlay, .icon.icon_past_trips_overlay{background-color: #fafbfd;}
body.overlay_open{overflow-y: auto;overflow-x: hidden;}
.canbusAndTelemetryBorderedDiv{border: 1px solid #dfe0e1; padding: 10px 0 10px 10px; margin: 5px; min-height: 40px;}
.bakimDetayleriBasliklari{text-decoration: underline;}
.button.button_red{background: red; color: white; border-color: #e8e8e8;}
.form_container .icon_in_input{position: relative;}
.form_container .icon_in_input input{ padding-right: 50px;}
.form_container .icon_in_input .icons{position: absolute; right: 0; top: 0; padding-right: 10px; line-height: 34px;color: #aaa }
.form_container .icon_in_input .icons span{margin: 0 5px;}
textarea:disabled {background-color: #efefef;}
.settingPageDiv{margin: 10px;}
.tooltip-icon-settings-page{
	display: inline-block;
        width: 18px;
        height: 18px;
        background-color: black;
        color: white;
        border-radius: 50%;
        text-align: center;
        line-height: 18px;
        font-size: 12px;
        cursor: help;
        margin-left: 5px;
}
.page_header .form_container .input_wrapper.date_selector_wider{max-width: 240px; width: 240px;}
.arizaliAracRaporuParametreleri { font-family: Arial, sans-serif; padding: 20px; background: #f9f9f9; margin: auto; } .arizaliAracRaporuParametreleri .slider-container { text-align: center; } .arizaliAracRaporuParametreleri .slider-value { margin-top: 10px; font-size: 18px; color: #484848; } .arizaliAracRaporuParametreleri input[type="range"] { -webkit-appearance: none; width: 100%; height: 8px; background: #ddd; border-radius: 5px; outline: none; } .arizaliAracRaporuParametreleri input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; height: 20px; width: 20px; background: #1E9794; border-radius: 50%; cursor: pointer; border: 2px solid white; box-shadow: 0 0 2px rgba(0,0,0,0.2); } .arizaliAracRaporuParametreleri input[type="range"]::-moz-range-thumb { height: 20px; width: 20px; background: #1E9794; border-radius: 50%; cursor: pointer; border: 2px solid white; }

.search_container .scroll_container_extends{width:calc(100%); overflow: hidden; overflow-y: scroll; max-height: calc(100vh - 180px); min-height: 100px; position: relative; padding: 0 50px 0 0;}
.widget_container.has_scroll_container .widget_content .scroll_container_extends{overflow: hidden; overflow-y: scroll; scrollbar-width:none;  -ms-overflow-style: none;  padding: 0 ; position: relative; height: 100%; width: 100%; box-sizing: border-box;}
.widget_container.has_scroll_container .widget_content .scroll_container_extends::-webkit-scrollbar {width: 0px;}
#notification_owner_username_div{padding-bottom: 15px;}
.displayFlex{display: flex}