.box-nb {
	margin-bottom: 14px;
	background-color: white;
	border: 1px solid #d0d0d0;
    border-radius: 10px !important;
}

.header-box {
	background: #121212;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 6px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.label-status {
	display: inline-block;
	color: #121212;
	border-top: 2px solid;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px 12px 5px 12px !important;
	margin: 0 10px;
	text-align: center;
}

.selesai {
	background: #121212;
	font-size: 12px !important;
	color: #fff;
	padding: 5px 12px 5px 12px !important;
	margin-bottom: 20px !important;
    border-radius: 10px !important;

}

.selesai:hover {
	background: #000;
	color: #FFF;
}

.selesai:focus {
	background: #000;
	color: #FFF;
}

.melayani {
	background: #f7f312;
	font-size: 12px !important;
	color: #000;
	padding: 5px 12px 5px 12px !important;
	margin-bottom: 20px !important;
    border-radius: 10px !important;
}

.melayani:hover {
	background: #dacc03;
	color: #000;
}

.melayani:focus {
	background: #dacc03;
	color: #000;
}

.noloket {
	background: #121212;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 10px;
}

.box-loket {
	margin-bottom: 20px;
	height: 325px;
	border: 1px solid #d0d0d0;
    border-radius: 10px !important;
}

.header-box-klik {
	background: #121212;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 10px !important;
	padding-bottom: 20px !important;
	border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.header-box-klik:hover {
	background: #000;
	color: #FFF;
}

.header-box-klik:focus {
	background: #000;
	color: #FFF;
}

.header-box-disabled {
	color: #000;
	background: white;
	text-transform: uppercase;
	cursor: no-drop;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding: 10px !important;
	padding-bottom: 18px !important;
	border-bottom: 2px solid #121212;
	border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.content-box {
	padding: 20px;
    border-radius: 10px !important;
}

.noantrian-lg {
	font-size: 170px;
	color: #121212;
	text-align: center;
	margin-top: -10px;
}

.nama-customer-lg {
	font-size: 20px;
	color: #121212;
	text-align: center;
	margin-top: -50px;
	margin-bottom: -20px;
}

.noantrian-sm {
	margin-top: 20px;
	font-size: 80px;
	color: #121212;
	text-align: center;
}

.nama-customer-sm {
	font-size: 11px;
	color: #121212;
	text-align: center;
}

.customer {
	font-size: 18px;
	color: #121212;
	text-align: center;
}