.dtHorizontalExampleWrapper {
	max-width: 600px;
	margin: 0 auto;
}

#dtHorizontalExample th,
td {
	white-space: nowrap;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
	bottom: 0.5em;
}

.dtHorizontalExample2Wrapper {
	max-width: 600px;
	margin: 0 auto;
}

#dtHorizontalExample2 th,
td {
	white-space: nowrap;
}

body::-webkit-scrollbar-track {
	background-color: #f5f5f5;
	border-radius: 10px;
}

body::-webkit-scrollbar {
	width: 10px;
	background-color: #f5f5f5;
}

body::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, #5a5c69),
		color-stop(1, #5a5c69),
		color-stop(1, #5a5c69)
	);
}

.fab {
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 999;
}

/* .bg-utama {
	background-image: url("../Icon/bg.jpg");
	
} */

.darken-image {
	background-image: linear-gradient(
			rgba(255, 255, 255, 0.678),
			rgb(255, 255, 255)
		),
		url("../../img/bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.brul {
	background-color: rgba(255, 255, 255, 0.603);
}

/*
untuk button di login
start 
 */
.button-name {
	align-items: center;
	appearance: none;
	background-color: #fcfcfd;
	border-radius: 4px;
	border-width: 0;
	box-shadow: rgba(45, 35, 66, 0.2) 0 2px 4px,
		rgba(45, 35, 66, 0.15) 0 7px 13px -3px, #d6d6e7 0 -3px 0 inset;
	box-sizing: border-box;
	color: #36395a;
	cursor: pointer;
	display: inline-flex;
	font-family: "JetBrains Mono", monospace;
	height: 48px;
	width: 100%;
	justify-content: center;
	line-height: 1;
	list-style: none;
	overflow: hidden;
	padding-left: 16px;
	padding-right: 16px;
	position: relative;
	text-align: left;
	text-decoration: none;
	transition: box-shadow 0.15s, transform 0.15s;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	white-space: nowrap;
	will-change: box-shadow, transform;
	font-size: 18px;
}

.button-name:focus {
	box-shadow: #d6d6e7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px,
		rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #d6d6e7 0 -3px 0 inset;
}

.button-name:hover {
	box-shadow: rgba(45, 35, 66, 0.3) 0 4px 8px,
		rgba(45, 35, 66, 0.2) 0 7px 13px -3px, #d6d6e7 0 -3px 0 inset;
	transform: translateY(-2px);
}

.button-name:active {
	box-shadow: #d6d6e7 0 3px 7px inset;
	transform: translateY(2px);
}

/* bagian login end */