.admin-header {
	margin: -20px -20px 20px -20px;
	font-size: 1.5rem;
	padding: .75rem;
	background-color: #f7f7f7;
	border-bottom: 1px solid rgba(0, 0, 0, 0.175);
}

.card-transparent {
	background-color: rgba(255, 255, 255, .75);
}

.login-page,
.register-page {
	-ms-flex-align: center;
	align-items: center;
	/* background: #e9f2e5; */
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100vh;
	-ms-flex-pack: center;
	justify-content: center;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-simpan, .btn-hapus, .btn-tutup, .btn-add, .btn-export, .btn-cetak {
	width: 100px;
}
.btn-aksi-lg, .btn-aksi-sm-left, .btn-aksi-sm-right {
	height: 24px;
	padding: 4px;
	font-size: .875rem;
	line-height: .5;
}
.btn-aksi-lg {
	width: 70px;
}
.btn-aksi-sm-left {
	width: 24px;
	margin-right: 6px;
}
.btn-aksi-sm-right {
	width: 24px;
}
.modal-loading {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: -1px;
	background-color: rgba(0, 0, 0, .25);
}
.modal-loading-body {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.modal-loading-icon {
	background-color: #fff;
	border-radius: 50%;
	padding: .75rem;
}
.text-ellipsis-container {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.text-ellipsis {
	display: table-cell;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.bg-text-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.bg-text-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.bg-text-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.bg-text-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.custom-footer {
	background-color: #009789;
	color: #fff;
	margin: 0;
    border-style: none;
    box-shadow: 0px -3px 16px 0px rgba(0,0,0,0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.custom-footer a {
	color: #fff;
	margin-right: 1rem;
	text-decoration: none;
}
.custom-footer a.icon {
	font-size: 1.25rem;
}