body {
	background: #f1f1f1;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
.editbox {
	width: 100% !important;
}
.head_text {
	color: #3a3a3a;
	font-size: 15px;
	padding: 20px 0 0 25px;
}
.text {
	color: #666666;
	font-size: 13px;
}
.textbox {
	color: #000000;
	font-size: 14px;
	background-color: #FFFFFF;
	border: #666666 solid 1px;
	width: 20em;
	height: 2em;
	margin: 0;
}
.barat {
	color: #2C89DF;
	font-size: 12px;
	font-weight: bold;
}
.login {
	background-color:#2c89df;
	height:30px;
	width: 100px;
	border: none;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	cursor:pointer;
}
.text_logo {
	color: #666666;
	font-size: 11px;
}
.regd {
	color: #FFFFFF;
	font-size: 15px;
	
	padding: 0 0 0 20px; 
}
.regd2 {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	background: url(images/ui-bg_diagonals-small_25_c5ddfc_40x40.png);
	padding: 0 0 0 20px;
}
.regd_disabled {
	color: #666;
	font-size: 15px;
	border:1px solid #ccc;
	opacity:0.5;
	padding: 0 0 0 20px; border-radius:2px;
}
.regd_new {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	background: url(images/ui-bg_diagonals-small_25_c5ddfc_40x40.png);
	width: 8px;
	height: 25px;
}
.regd-new, .regd-edit, .regd-save, .regd-delete, .regd-search, .regd-print, .regd-add{ color:#fff; -moz-border-radius:3px;-webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.regd-new{ background-color:#2c89df;  border:1px solid #015188;}
.regd-edit, .regd-update{ background-color:#F09B46;  border:1px solid #987208;}
.regd-save{ background-color:#5CB688; border:1px solid #588158;}
.regd-delete{ background-color:#C01D1D; border:1px solid #7A2525;}
.regd-search{ background-color:#666; border:1px solid #515151;}
.regd-print{ background-color:#96C; border:1px solid #906;}
.regd-add{ background-color:#09F; border:1px solid #069;}
.errors {
	color: red;
}
#container {
	position: relative;
}
div#results {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #000;
	left: 109px;
	width: 152px;
}
.active {
	text-decoration: none;
	color: red;
	cursor: not-allowed;
}
div#results ul {
	margin: 0;
	padding: 0;
}
div#results ul li {
	list-style: none;
	padding-bottom: 5px;
	padding-top: 5px;
}
div#results ul li:hover {
	background-color: #1484e6;
}
/*----- Deepak CSS -------*/
table{ border-collapse:collapse;}
h1,h2,h3,h4,h5,h6,p,ol,ul{ margin:0; padding:0; font-weight:normal;}
ul{ list-style:none;}
li{ display:inline;}
a{ text-decoration:none; color:#067;}	
div{ margin:0 auto;}
img{ max-width:100%; border:none;}
.wrapper{ width:100%;}
.row1{ padding:1.5% 0; background-color:#2c89df; border-bottom:1px solid #333; display:block;}
.row2{ padding:3.5% 0; background:url(../img/index.jpg) top center no-repeat; }
.row3{ padding:1.5% 0; background-color:#2c89df; border-top:1px solid #333;}
.row4{ padding:3% 0;}
header, nav, section, footer{ margin:0 auto; width:1170px; padding:0 15px; display:block;}
.style1{ font-size:50px; color:#FFF; text-align:center;}
.style2{ font-size:25px; color:#4fa1d9; text-align:center; letter-spacing:1px; }
.style3{ font-size:14px; color:#666; text-align:right;}
.style4{ text-align:center; margin-bottom:10px;}
.style5{ font-size:50px; color:#fff; text-shadow:0 4px 3px #000; font-weight:bold;}
.style6{ font-size:25px; color:#fff; background-color:#2c89df; padding:15px 0;}
.style7{ color:#fff; background-color:#2c89df; padding:3px 0; display:inline-block; width:100%;}

.text-center{ text-align:center;}
.text-left{ text-align:left}
.text-right{ text-align:right}
.admin-login{ width:300px; background-color:#FFF; padding:4% 5%; border:3px solid #ccc; box-shadow:0 0 3px #000;}
.user-level{ width:100%; font-size:15px; color:#666;}
.user-input{ width:100%; text-align:center;}
.menu-bg{width:100%; margin:0 auto;  background-color:#2c89df; border-bottom:2px solid #195F9F; margin-bottom:20px;}
.fieldset-style{ border-radius:5px; border:1px solid #ccc; margin:0 auto;}
.table-heading{height:40px; text-indent:20px; font-size:18px; color:#333; background:-moz-repeating-linear-gradient(#fff , #e3e3e3); background:-webkit-repeating-linear-gradient(#dadada 50%, #ececec); background:-o-repeating-linear-gradient(#dadada 50%, #ececec); border-bottom:1px solid #ccc;}

@media screen and (min-width:1280px)and (max-width:1600px){
.lg-clrfix{ clear:both; width:100%; height:0;}
#vertical-ad{ display:block; width:100%;}
#square-shape-ad{ display:none;}
#square-shape-ad2{ display:block; width:100%}
.member-login{ display:inline}
#special-member{ display:none;}


.col-lg-1{ width:8.33333333%;}/*---- 97.5px ---*/
.col-lg-2{ width:16.66666667%}/*---- 195px ---*/
.col-lg-3{ width:25%;}/*------------ 292.5px ---*/
.col-lg-4{ width:33.33333333%;}/*--- 390px ---*/
.col-lg-5{ width:41.66666667%}/*---- 487.5px ---*/
.col-lg-6{ width:50%;}/*------------ 585px ---*/
.col-lg-7{ width:58.33333333%;}/*--- 682.5px ---*/
.col-lg-8{ width:66.66666667%}/*---- 780px ---*/
.col-lg-9{ width:75%;}/*------------ 877.5px ---*/
.col-lg-10{ width:83.33333333%;}/*-- 970px ---*/
.col-lg-11{ width:91.66666667%}/*--- 1072.5px ---*/
.col-lg-12{ width:86%}/*---------- 1170px ---*/
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11{float:left; display:block;}

.social-media{ margin-left:0px; float:left;}
.search-strip{ width:86%;}

.input-row2{ width:62%;}
.field-level2{ width:70%;}
.member-details-input-box2{ width:30%;}
input.otp-input{ width:83%;}
#toggle{ display:none;}
}
/* =========================================================
    AI-FRIENDLY MODERN THEME UPGRADE
   Visual/UI layer only: colors, spacing, tables, forms, menu.
   Backend PHP logic remains untouched.
   ========================================================= */
:root{
  --ai-bg:#eef4ff;
  --ai-bg-2:#f8fbff;
  --ai-panel:#ffffff;
  --ai-primary:#2563eb;
  --ai-primary-2:#7c3aed;
  --ai-cyan:#06b6d4;
  --ai-dark:#0f172a;
  --ai-muted:#64748b;
  --ai-border:#dbe7ff;
  --ai-success:#10b981;
  --ai-danger:#ef4444;
  --ai-warning:#f59e0b;
  --ai-radius:18px;
  --ai-shadow:0 18px 45px rgba(15,23,42,.12);
}

*{box-sizing:border-box;}
html{min-height:100%;}
body{
  margin:0 !important;
  color:#172033 !important;
  font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif !important;
  font-size:14px !important;
  line-height:1.45 !important;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.16), transparent 34%),
    radial-gradient(circle at top right, rgba(124,58,237,.16), transparent 30%),
    linear-gradient(135deg,#f7fbff 0%,#eef4ff 45%,#f9fbff 100%) !important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(37,99,235,.035) 1px, transparent 1px),linear-gradient(90deg, rgba(37,99,235,.035) 1px, transparent 1px);
  background-size:28px 28px;
  z-index:-1;
}
a{color:var(--ai-primary) !important; transition:.2s ease;}
a:hover{color:var(--ai-primary-2) !important;}

/* Top identity/login hero */
.row1{
  padding:22px 0 !important;
  background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 48%,#7c3aed 100%) !important;
  border:0 !important;
  box-shadow:0 15px 45px rgba(15,23,42,.28);
  position:relative;
  overflow:hidden;
}
.row1:after{
  content:"AI Powered Transport Intelligence";
  position:absolute;
  right:32px;
  top:18px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  color:#dbeafe;
  font-size:12px;
  letter-spacing:.8px;
  text-transform:uppercase;
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
}
.style1{
  color:#fff !important;
  font-size:42px !important;
  font-weight:900 !important;
  letter-spacing:1px !important;
  text-shadow:0 8px 22px rgba(0,0,0,.25) !important;
}
.style1:after{
  content:"Smart Logistics • Billing • Fleet • Reports";
  display:block;
  margin-top:8px;
  font-size:13px;
  font-weight:600;
  letter-spacing:2px;
  opacity:.84;
}
.row2{
  min-height:calc(100vh - 155px);
  padding:70px 0 !important;
  background:
    linear-gradient(135deg,rgba(15,23,42,.70),rgba(37,99,235,.34)),
    url(../img/index.jpg) center/cover no-repeat !important;
}
.row3{
  padding:14px 0 !important;
  background:#0f172a !important;
  border:0 !important;
  color:#cbd5e1 !important;
}
.row3 h2{color:#fff !important;font-weight:800;letter-spacing:1px;}
header, nav, section, footer{max-width:1180px !important;width:94% !important;}

/* Login card */
.admin-login{
  width:410px !important;
  max-width:92vw;
  padding:34px !important;
  border:1px solid rgba(255,255,255,.35) !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 30px 80px rgba(15,23,42,.38) !important;
  backdrop-filter:blur(18px);
  position:relative;
  overflow:hidden;
}
.admin-login:before{
  content:"AI Login";
  display:block;
  margin-bottom:18px;
  color:#0f172a;
  font-size:28px;
  font-weight:900;
}
.admin-login:after{
  content:"Secure access to your smart transport dashboard";
  position:absolute;
  top:68px;
  left:34px;
  color:var(--ai-muted);
  font-size:13px;
}
.admin-login .style4{margin-top:30px !important;}
.admin-login h3{font-size:18px !important;font-weight:800 !important;color:#1e293b !important;}
.user-level{font-size:13px !important;font-weight:700;color:#334155 !important;margin-top:10px;}
input[type="text"],input[type="password"],input[type="date"],input[type="number"],select,textarea,.textbox,.member-details-input-box2,.input-row2{
  border:1px solid var(--ai-border) !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#111827 !important;
  min-height:38px;
  padding:8px 12px !important;
  outline:none !important;
  box-shadow:0 4px 12px rgba(15,23,42,.05) !important;
  transition:.18s ease !important;
}
input:focus,select:focus,textarea:focus,.textbox:focus{
  border-color:var(--ai-primary) !important;
  box-shadow:0 0 0 4px rgba(37,99,235,.12),0 8px 20px rgba(15,23,42,.08) !important;
}
.login,input[type="submit"],input[type="button"],button,.regd-new,.regd-save,.regd-add,.regd-search,.regd-print,.regd-edit,.regd-update,.regd-delete{
  min-height:38px !important;
  padding:8px 18px !important;
  border-radius:12px !important;
  border:0 !important;
  color:#fff !important;
  font-weight:800 !important;
  cursor:pointer !important;
  background:linear-gradient(135deg,var(--ai-primary),var(--ai-primary-2)) !important;
  box-shadow:0 10px 25px rgba(37,99,235,.25) !important;
  transition:transform .15s ease, box-shadow .15s ease !important;
}
.login:hover,input[type="submit"]:hover,input[type="button"]:hover,button:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(37,99,235,.32) !important;}
.regd-delete{background:linear-gradient(135deg,#ef4444,#be123c) !important;}
.regd-save{background:linear-gradient(135deg,#10b981,#059669) !important;}
.regd-edit,.regd-update{background:linear-gradient(135deg,#f59e0b,#ea580c) !important;}
.regd-print{background:linear-gradient(135deg,#7c3aed,#4f46e5) !important;}

/* Navigation makeover */
.menu-bg{
  position:sticky;
  top:0;
  z-index:999;
  width:100% !important;
  margin:0 0 26px !important;
  padding:10px 0 !important;
  background:rgba(15,23,42,.94) !important;
  border:0 !important;
  box-shadow:0 18px 45px rgba(15,23,42,.22) !important;
  backdrop-filter:blur(16px);
}
.menu-bg:before{
  content:" AI • Smart Transport ERP";
  display:inline-block;
  margin:0 14px 8px 2.5%;
  color:#fff;
  font-size:15px;
  font-weight:900;
  letter-spacing:.4px;
}
.menu-bg:after{
  content:"Quick access enabled";
  display:inline-block;
  padding:6px 12px;
  color:#bfdbfe;
  background:rgba(37,99,235,.16);
  border:1px solid rgba(147,197,253,.22);
  border-radius:999px;
  font-size:12px;
}
#nav{
  min-height:54px !important;
  height:auto !important;
  padding:6px !important;
  background:transparent !important;
  border-radius:18px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  align-items:center !important;
}
#nav li{display:block !important;}
#nav li.top{height:auto !important;float:none !important;}
#nav li a.top_link{
  height:42px !important;
  line-height:42px !important;
  padding:0 12px !important;
  border-radius:12px !important;
  color:#e5edff !important;
  background:rgba(255,255,255,.06) !important;
  font-size:13px !important;
  letter-spacing:.1px;
}
#nav li a.top_link span,#nav li a.top_link span.down{height:42px !important;line-height:42px !important;padding:0 8px !important;}
#nav li:hover a.top_link,#nav li:hover a.top_link span.down{background:linear-gradient(135deg,var(--ai-primary),var(--ai-primary-2)) !important;color:#fff !important;}
#nav li:hover ul.sub,#nav li:hover li:hover ul{
  top:46px !important;
  left:0 !important;
  width:220px !important;
  padding:8px !important;
  background:#ffffff !important;
  border:1px solid var(--ai-border) !important;
  border-radius:16px !important;
  box-shadow:var(--ai-shadow) !important;
}
#nav li:hover ul.sub li{width:204px !important;height:auto !important;float:none !important;}
#nav li:hover ul.sub li a{
  width:204px !important;
  line-height:36px !important;
  min-height:36px !important;
  color:#1e293b !important;
  border:0 !important;
  border-radius:10px !important;
  text-indent:12px !important;
  font-weight:700;
}
#nav li:hover ul.sub li a:hover{background:#eff6ff !important;color:var(--ai-primary) !important;}

/* Content panels, fieldsets, tables */
.wrapper.row4{padding:20px 0 60px !important;}
fieldset,.fieldset-style,form > table,section > table,body > table,.ui-widget-content{
  border:1px solid var(--ai-border) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 14px 36px rgba(15,23,42,.08) !important;
  overflow:hidden;
}
legend{
  padding:8px 14px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,var(--ai-primary),var(--ai-cyan)) !important;
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:.3px;
}
.table-heading,.regd2,.style6,.ul-title{
  background:linear-gradient(135deg,#1e3a8a,#2563eb,#7c3aed) !important;
  color:#fff !important;
  font-weight:900 !important;
  border:0 !important;
  letter-spacing:.2px;
}
table{border-collapse:separate !important;border-spacing:0 !important;}
th,td{padding:9px 10px !important;border-color:#e2e8f0 !important;vertical-align:middle;}
th{background:#eff6ff !important;color:#0f172a !important;font-weight:900 !important;}
tr:nth-child(even) td{background:rgba(248,250,252,.72);}
tr:hover td{background:#eef6ff !important;}
.text,.style3{color:var(--ai-muted) !important;}
.head_text{font-size:20px !important;font-weight:900 !important;color:#172033 !important;}
.errors{color:#dc2626 !important;font-weight:800;}

/* Welcome dashboard */
body[style*="welcome-bg-image"]{
  background:linear-gradient(135deg,#eef4ff,#f8fbff) !important;
}
body[style*="welcome-bg-image"] .col-lg-3{
  height:auto !important;
  min-height:560px;
  border-radius:24px !important;
  background:rgba(255,255,255,.9) !important;
  border:1px solid var(--ai-border) !important;
  box-shadow:var(--ai-shadow) !important;
  padding:18px !important;
}
body[style*="welcome-bg-image"] .col-lg-3:after{
  content:"AI reminder panel scans permit, fitness, insurance and renewal dates.";
  display:block;
  margin-top:16px;
  padding:14px;
  border-radius:16px;
  background:#eff6ff;
  color:#334155;
  font-weight:700;
}
#news-container1{width:100% !important;height:440px !important;}
#news-container1 ul{width:100% !important;text-indent:0 !important;}
#news-container1 ul li{
  margin:10px 0 !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  background:#fff;
  border:1px solid #e2e8f0;
  line-height:1.35 !important;
  box-shadow:0 8px 18px rgba(15,23,42,.05);
}
.style5{
  display:inline-block;
  margin-top:70px !important;
  padding:42px 50px !important;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,58,138,.92),rgba(124,58,237,.86));
  color:#fff !important;
  font-size:44px !important;
  line-height:1.15 !important;
  box-shadow:0 30px 80px rgba(15,23,42,.30);
  text-shadow:none !important;
}
.style5:after{
  content:"AI-ready dashboard for faster booking, billing, reports and fleet control";
  display:block;
  margin-top:18px;
  font-size:15px;
  font-weight:600;
  color:#dbeafe;
}

/* Responsive polish */
@media (max-width:900px){
  .style1{font-size:30px !important;}
  .row1:after{display:none;}
  .admin-login{width:94% !important;padding:24px !important;}
  #nav{display:block !important;}
  #nav li.top,#nav li a.top_link{float:none !important;display:block !important;width:100% !important;margin:4px 0;}
  .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{width:100% !important;float:none !important;}
  .style5{font-size:30px !important;margin-top:24px !important;padding:28px !important;}
}

@media print{
  body{background:#fff !important;color:#000 !important;}
  .menu-bg{display:none !important;}
  fieldset,table{box-shadow:none !important;border-radius:0 !important;}
}

html,body{
 width:100%!important;
 height:100%!important;
 margin:0!important;
 padding:0!important;
 overflow-x:hidden!important;
}
.container,.wrapper,.content,.main,.page,section,header,footer{
 max-width:100%!important;
 width:100%!important;
 margin:0!important;
}
.row,[class*="row"]{
 margin-left:0!important;
 margin-right:0!important;
}
body *{
 box-sizing:border-box;
}