/* overvrite for Automoli */
.ktitle {
	font-family: 'Kanit', sans-serif !important;
}
.table-report tr th{
   	font-family: 'Kanit', sans-serif !important;
}
.ftable li span:first-of-type {
   	font-family: 'Kanit', sans-serif;
}

@media (max-width: 767px) {
	.rwd-report-table td:before {
	   	font-family: 'Kanit', sans-serif !important;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.rwd-report-table-3 td:before {
		font-family: 'Kanit', sans-serif !important;
	}
}
 
.user-status{
	font-size: 14px !important;
    text-wrap: initial !important;
}
.user-status a{
    text-wrap: nowrap !important;
}
.user-status i{
    font-size: 16px !important;
}

.smtf-menu-box{
	position: absolute;
    z-index: 100;
    top: 0;
    left: 300px;
    width: 100%;
    height: 40px;
    max-width: 80px;
	border-radius: 0 0 10px 0;
	cursor: pointer;
}

.smtf-menu-box .smtf-menu-sec  {
	position: absolute;
	top: 8px;
}
.smtf-menu-box .smtf-menu-sec .smtf-menu {
	position: absolute;
    top: 5px;
	font-style: normal;
}

.page-wrapper.toggled .smtf-menu-box{
	display: none !important;
}


.side-menu-top-fix {
    height: 40px;
}
.side-menu-top-fix-hide {
    pointer-events: initial;
    opacity: initial;
}
.sidebar-close {
    top: 0px;
    height: 40px;
}


/* 
 * Scrollspy report top menu
 */
.page-wrapper.toggled .sec-fixed-menu{
	margin-left: -150px;
	transition-duration: 4s;
}
.sec-fixed-menu{
	border-top: 1px solid #00000022;
    padding: 6px 0px;
	background-color: rgb(0,0,0,0.15);
	position: fixed !important;
	bottom: 0;
	z-index: 200;
	clear: both;
	width: 100%;
	/* Force Hardware Acceleration */
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
	will-change: transform;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}
.sec-fixed-menu .container-fluid{
	overflow: auto;
}
.sec-fixed-menu .fix-position{
	width: 50%;
    margin: 0 auto;

	background-color: #ffffff;
	border: 1px solid #e2e2e3;
	border-radius: 20px;
}
.sec-fixed-menu #sec-fm-left{
	width: 115px;
	padding-top: 3px;
	cursor: pointer;
}
.bigFonts .sec-fixed-menu #sec-fm-left {
	padding-top: 4px;
}
.bigFonts .sec-fixed-menu #sec-fm-left i{
	font-size: 18px !important;
}

.sec-fixed-menu #sec-fm-right{
	width: 115px;
	padding-top: 3px;
	cursor: pointer;
	text-align: right;
}
.bigFonts .sec-fixed-menu #sec-fm-right {
	padding-top: 4px;
}
.bigFonts .sec-fixed-menu #sec-fm-right i{
	font-size: 18px !important;
}

.sec-fixed-menu .fix-position ul{
	flex-wrap: nowrap;
}
.sec-fixed-menu .fix-position nav{
	flex-direction: row;
	scroll-behavior: smooth;
}
.sec-fixed-menu .scroll {
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.sec-fixed-menu .scroll::-webkit-scrollbar {
	display: none;
}
.sec-fixed-menu, .sec-fixed-menu nav {
	font-size: 0;
}
.sec-fixed-menu .vam {
	display: inline-block;
	vertical-align: middle;
}
.sec-fixed-menu .nav {
	width: 100%;
}
.sec-fixed-menu .nav-item {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.sec-fixed-menu .nav-link{
	padding: 6px 12px;
	font-size: 0.82rem;
	font-weight: 600;
}

/* 
 * One report layout tweaks
 * - odometer table on mobile
 * - fuel consumption table wrapping
 * - top mobile bar alignment
 */

@media (max-width: 767.98px) {
	/* Make odometer table labels and values align nicely */
	#chart-odometer-data td,
	#chart-odometer-data th {
		white-space: normal;
	}

	/* Hide secondary sidebar menu trigger - keep only top bar */
	.smtf-menu-box {
		display: none;
	}

	/* Align burger, logo and cog in one line on mobile */
	.side-menu-top-fix {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 8px;
	}
	.side-menu-top-fix .float-left,
	.side-menu-top-fix .float-right {
		float: none !important;
	}
	.side-menu-top-fix img {
		max-height: 24px;
	}

	/* Fix top spacing and white space on mobile */
	.page-content {
		padding-top: 0 !important;
	}
	/* Add padding to wrapper to account for fixed header */
	.page-wrapper {
		padding-top: 40px; 
	}
	
	/* Remove top margins from first elements to avoid white gap */
	.sec-report > .container-fluid.mt-4 {
		margin-top: 10px !important;
	}
	.sec-report .row.mt-4 {
		margin-top: 0 !important;
	}
    .sec-report h1.htitle {
        margin-top: 0.5rem;
        font-size: 1.75rem;
    }

    /* Hide navbar and breadcrumb on mobile if present (in new layout) */
    .navbar.mainnav,
    .sec-breadcrumb {
        display: none !important;
    }
}

/* Prevent fuel consumption table from overflowing its card */
.emission-box .table-report {
	width: 100%;
	table-layout: fixed;
}
.emission-box .table-report th,
.emission-box .table-report td {
	white-space: normal;
	word-wrap: break-word;
}



@media (max-width: 768px) {
	.sec-fixed-menu::after {
		content: '';
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		height: 100%;
		width: 35px;
		background: linear-gradient(to left, #e3e3e3, rgba(37, 40, 61, 0));
		pointer-events: none;
		transition: opacity .2s;
	}
	
	.sec-fixed-menu .fix-position{
		width: 100%;
	}
}

.sec-fixed-menu .nav-link.active {
	color: #ffffff; 
}

  







/*
 * Modal fullscreen
 */

@media (max-width: 575.98px) {
	.modal-fullscreen {
	  padding: 0 !important;
	}
	.modal-fullscreen .modal-dialog {
	  width: 100%;
	  max-width: none;
	  height: 100%;
	  margin: 0;
	}
	.modal-fullscreen .modal-content {
	  height: 100%;
	  border: 0;
	  border-radius: 0;
	}
	.modal-fullscreen .modal-body {
	  overflow-y: auto;
	}
  }
  @media (max-width: 767.98px) {
	.modal-fullscreen-sm {
	  padding: 0 !important;
	}
	.modal-fullscreen-sm .modal-dialog {
	  width: 100%;
	  max-width: none;
	  height: 100%;
	  margin: 0;
	}
	.modal-fullscreen-sm .modal-content {
	  height: 100%;
	  border: 0;
	  border-radius: 0;
	}
	.modal-fullscreen-sm .modal-body {
	  overflow-y: auto;
	}
  }
  @media (max-width: 991.98px) {
	.modal-fullscreen-md {
	  padding: 0 !important;
	}
	.modal-fullscreen-md .modal-dialog {
	  width: 100%;
	  max-width: none;
	  height: 100%;
	  margin: 0;
	}
	.modal-fullscreen-md .modal-content {
	  height: 100%;
	  border: 0;
	  border-radius: 0;
	}
	.modal-fullscreen-md .modal-body {
	  overflow-y: auto;
	}
  }
  @media (max-width: 1199.98px) {
	.modal-fullscreen-lg {
	  padding: 0 !important;
	}
	.modal-fullscreen-lg .modal-dialog {
	  width: 100%;
	  max-width: none;
	  height: 100%;
	  margin: 0;
	}
	.modal-fullscreen-lg .modal-content {
	  height: 100%;
	  border: 0;
	  border-radius: 0;
	}
	.modal-fullscreen-lg .modal-body {
	  overflow-y: auto;
	}
  }
  .modal-fullscreen-xl {
	padding: 0 !important;
  }
  .modal-fullscreen-xl .modal-dialog {
	width: 100%;
	max-width: none;
	height: 100%;
	margin: 0;
  }
  .modal-fullscreen-xl .modal-content {
	height: 100%;
	border: 0;
	border-radius: 0;
  }
  .modal-fullscreen-xl .modal-body {
	overflow-y: auto;
  }
  

/* Vehicle Stolen List */
.vs-item{
    padding: 2px 4px;
    height: 100%;
}

.vs-col-left{
    width: 30px;
    display: inline-block;
    vertical-align: top;
}
.vs-col-right{
    display: inline-block;
}
.vs-item p{
    font-size:14px;
    margin-bottom: 0;
    display: block;
}
.vs-item span{
    font-size:12px;
    margin-bottom: 0;
    display: block;
}
.vs-item.vs-base{
    border: 1px solid #adb5bd!important;
}
.vs-item.vs-base p{
    font-size:16px;
}
.vs-item.vs-base span{
    font-size:14px;
}

.vs-item.vs-found p{
    font-weight: bold;
    font-size:18px;
}
.vs-item.vs-found span{
    font-size:16px;
}

/* Vehicle Event List */
.ve-item{
    padding: 2px 4px;
    height: 100%;
}
.ve-item p{
    font-size:14px;
    margin-bottom: 0;
    display: block;
}
.ve-item span{
    font-size:12px;
    margin-bottom: 0;
    display: block;
}
.ve-item.ve-base{
    border: 1px solid #adb5bd!important;
}
.ve-item.ve-base p{
    font-size:16px;
}
.ve-item.ve-base span{
    font-size:14px;
}

.ve-item.ve-found p{
    font-weight: bold;
    font-size:18px;
}
.ve-item.ve-found span{
    font-size:16px;
}

.box-disabled,
.box-disabled img {
	filter: grayscale(1);
    opacity: 50%;
}

.event-src{
	position: absolute;
	top: 0;
	right: 0;
	padding: 2px 5px;
    font-size: 10px;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    background-color: #fafafa;
    border-radius: 0 0 0 5px;
}
.event-src span{
	font-weight: 500;
}


.rinfo span{
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight:600;
	
}
.rinfo span {
	color: #2d6294;
}
.rinfo p {
	margin-bottom: 0.5rem;
}

.decor-arrow-green li:before{
	content: "\e83d";
	font-family: 'fontello';
	color: #28a745;
	width: 0.8em;
	margin-left: -0.8em; 
}

.decor-arrow-red li:before{
	content: "\e83d";
	font-family: 'fontello';
	color: #b21620;
	width: 0.8em;
	margin-left: -0.8em; 
}

.img-status{
	max-width: 100px;
}

/* print */
@media print {
    *, :after, :before {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
    .print_nobreak {
        page-break-before: auto;
    }
	.tooltip, .no-print, .no-print *
    {
        display: none !important;
    }
	.report-disclaimer-box {
		width: inherit;
		height: inherit;
		overflow: inherit;
		border: inherit;
		padding: inherit;
		background-color: inherit;
	}
}