.page_login {
	background-color: #ffffff;
	background-position: center top 20px;
	background-image: url("../images/wip_bg.png");
	background-repeat: no-repeat;
	background-size: 75%;
}
.full-container {
	background-color: transparent;
	margin: auto;
}

.top_title {
	border: none;
}

.l_b_black {
	border: none;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	/*	text-align:right;
	padding:50px; */
}

.no_border {
	border: none;
}

.bottom {
	border: none;
	border-bottom: 1px solid black;
}

.header_black {
	border: 1px solid black;
	text-align: center;
}

.lb_r_black {
	border: none;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	text-align: right;
	padding-right: 5px;
}

.lb_l_black {
	border: none;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	text-align: left;
	padding-left: 5px;
}

.lb_c_black {
	border: none;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	text-align: center;
	padding-left: 5px;
}

.btn-xss {
	padding: 0px;
	height: 18px;
}

.l_blue {
	border: none;
	border-left: 1px solid #64b5f6;
	padding-left: 5px;
}

.lc_blue {
	border: none;
	border-left: 1px solid #64b5f6;
	text-align: center;
}

.lr_blue {
	border: none;
	border-left: 1px solid #64b5f6;
	text-align: right;
	padding-right: 5px;
}

.autosuggest_up {
	background-color: #f0f4c3;
	border: 1px solid #90caf9;
	display: none;

	position: absolute;
	bottom: 25px;
	font-family: Tahoma;
	font-size: 12px;

	z-index: 999;
}

.autosuggest_up ul li {
	background-color: #f0f4c3;
	margin-left: -30px;
	border-bottom: 1px solid #90caf9;
	cursor: pointer;
	display: block;
	list-style: none;
	padding: 2px;
	white-space: nowrap;
	z-index: 999;
	text-align: left;
}

.autosuggest_up ul li:hover {
	background-color: #316ac5;
	color: #ffffff;
	z-index: 10;
}

.form-fix {
	padding: 2px 2px 2px 2px;
}

select .form-control {
	padding-top: 0;
}

.ajax_progress {
	display: none; /* Hidden by default */
	position: absolute;
	margin: auto;
	top: 10%;
	right: 41%;
	height: 100px;
	z-index: 99;
}

.table-grid {
	table-layout: fixed;
	border-collapse: collapse;
	cellpadding: 0;
	cellspacing: 0;
	border-spacing: 0px;
	margin-left: 0;
	/*margin-right: auto;*/
}

.table-grid > tr > td {
	padding: 0;
	/*word-wrap:break-word;*/
	word-break: break-all;
}

.table-grid > thead > tr > th,
.table-grid > tbody > tr > th,
.table-grid > tfoot > tr > th,
.table-grid > thead > tr > td,
.table-grid > tbody > tr > td,
.table-grid > tfoot > tr > td {
	border: 1px solid rgba(113, 182, 249, 0.75);
	vertical-align: top;
}

.table-grid .table-grid td {
	border-top: 0;
	border-right: 1px solid rgba(113, 182, 249, 0.75);
	border-bottom: 0;
	border-left: 0;
	vertical-align: top;
}

.table-grid .table-grid td:last-child,
.table-grid .table-grid th:last-child {
	border-right: 0;
}

.border_primary {
	border: 1px solid rgba(113, 182, 249, 0.75);
}

.col-fix {
	padding-left: 2px;
	padding-right: 2px;
}

.progress_bar {
	position: absolute;
	/* fixed or absolute */
	margin: auto;
	top: 30%;
	/*text-align: center;*/
	/*right: 50%;*/
	/*height:100px;*/
	z-index: 9999;
	/* Sit on top */
	/* display: none; */
}

/* Progress Bar Container */
#ajax-progress-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	z-index: 9999;
	display: none;
	background-color: transparent;
}

/* Progress Bar itu sendiri */
#ajax-progress-bar .progress {
	width: 0%;
	height: 100%;
	background-color: #ff0000; /* Warna merah */
	background-image: linear-gradient(
		90deg,
		#ff0000 0%,
		#ff3333 50%,
		#ff0000 100%
	);
	transition: width 0.4s ease;
	animation: progressShimmer 1.5s infinite linear;
}

/* Efek shimmer/berkilau */
@keyframes progressShimmer {
	0% {
		background-position: -200px 0;
	}
	100% {
		background-position: calc(200px + 100%) 0;
	}
}