/* ===== e-Track Navbar (Bootstrap 3) ===== */
		.navbar.navbar-default {
		  background: #ffffff;
		  border: 0;
		  box-shadow: 0 6px 18px rgba(10,42,67,.12);
		}

		.navbar .navbar-brand {
		  padding: 8px 15px;
		}
		.navbar .navbar-brand img{
		  display:block;
		}

		/* link style */
		.navbar-default .navbar-nav > li > a{
		  color:#0A2A43;
		  font-weight:700;
		  letter-spacing:.2px;
		  padding: 18px 14px;
		  transition: all .18s ease;
		  position: relative;
		}

		/* hover highlight */
		.navbar-default .navbar-nav > li > a:hover,
		.navbar-default .navbar-nav > li > a:focus{
		  color:#1F4E79;
		  background: rgba(245,158,11,.08);
		  border-radius: 10px;
		}

		/* active indicator (tambahkan class active di <li>) */
		.navbar-default .navbar-nav > .active > a,
		.navbar-default .navbar-nav > .active > a:hover,
		.navbar-default .navbar-nav > .active > a:focus{
		  color:#1F4E79;
		  background: transparent;
		}
		.navbar-default .navbar-nav > .active > a:after{
		  content:'';
		  position:absolute;
		  left:12px;
		  right:12px;
		  bottom:10px;
		  height:3px;
		  background:#F59E0B;
		  border-radius:99px;
		}

		/* dropdown menu look */
		.dropdown-menu{
		  border:0;
		  border-radius:12px;
		  box-shadow: 0 16px 35px rgba(10,42,67,.18);
		  padding:8px;
		  min-width: 220px;
		}
		.dropdown-menu > li > a{
		  padding:10px 12px;
		  border-radius:10px;
		  font-weight:700;
		  color:#0A2A43;
		  transition: all .15s ease;
		}
		.dropdown-menu > li > a:hover{
		  background: rgba(31,78,121,.10);
		  color:#1F4E79;
		}

		/* smooth dropdown animation */
		@media (min-width: 768px){
		  .navbar-nav > li.dropdown .dropdown-menu{
			display:block;
			opacity:0;
			transform: translateY(8px);
			visibility:hidden;
			transition: all .15s ease;
		  }
		  .navbar-nav > li.dropdown.open .dropdown-menu{
			opacity:1;
			transform: translateY(0);
			visibility:visible;
		  }
		}

		/* caret rotate when open */
		.navbar-nav > li.dropdown > a .caret{
		  transition: transform .15s ease;
		  margin-left:6px;
		}
		.navbar-nav > li.dropdown.open > a .caret{
		  transform: rotate(180deg);
		}

		/* right side user menu */
		.navbar-default .navbar-nav.navbar-right > li > a{
		  background: rgba(31,78,121,.08);
		  border-radius: 999px;
		  padding: 12px 14px;
		  margin-top: 6px;
		}
		.navbar-default .navbar-nav.navbar-right > li > a:hover{
		  background: rgba(245,158,11,.14);
		}
		
		.table th{
		  white-space: nowrap;
		}
		
		.class_no_wrap{
			white-space: nowrap;
		}

th {
  white-space: nowrap;
}

.th-text-nowrap{
  white-space: nowrap;
  display: inline-block;
}

		
		.input-auto-info{
		  color:#31708f;            /* warna text-info Bootstrap 3 */
		  font-weight:700;
		  background-color:#f5f7fa; /* tetap terlihat disabled */
		}
		
			.notif-idle{
			  color:#F59E0B;   /* amber / warning */
			}

			/* READY – siap dikirim (biru terang, eye-catching) */
			.notif-ready{
			  color:#2563EB;   /* vivid blue */
			}

			/* SENT – sudah terkirim (hijau terang, sukses jelas) */
			.notif-sent{
			  color:#16A34A;   /* bright green */
			}

		.notif-icon{
		  font-size:18px;
		  cursor:pointer;
		  margin:0 6px;
		  transition: all .15s ease;
		}

		.notif-icon:hover{
		  opacity:.85;
		  transform: scale(1.08);
		}