.errorTxt {
	color: #D8000C
}

p#okok {
	color: #8b1617;
	text-align: center;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;

}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
	font: inherit;
	vertical-align: baseline
}

::placeholder {
	color: rgb(0, 0, 0)
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

b {
	font-weight: bolder;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

body {
	background: #fff;
	font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgba(0, 0, 0, 0.835);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000;
	font-family: "Georgia", "Times New Roman", serif;
	font-weight: 400
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit
}

h1 {
	font-size: 1.8em;
	line-height: 1.3;
	margin-bottom: 0.6em;
 }
 
 h2 {
	font-size: 1.5em;
	line-height: 1.35;
	margin-bottom: 0.5em;
 }
 
 h3 {
	font-size: 1.25em;
	line-height: 1.4;
	margin-bottom: 0.45em;
 }
 
 h4 {
	font-size: 1.1em;
	line-height: 1.4;
	margin-bottom: 0.4em;
 }
 
 h5 {
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 0.35em;
 }
 
 h6 {
	font-size: 0.9em;
	line-height: 1.5;
	margin-bottom: 0.3em;
 }

.grecaptcha-badge {
	display: none !important;
}

table.tablehasil {
	display: block;
	border-collapse: collapse;
	border-spacing: 0;
	border-color: #003468;
	table-layout: fixed;
	width: 100%;
	max-width: 100%;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"100px\" width=\"100px\"><text transform=\"translate(20, 100) rotate(-45)\" fill=\"black\" font-size=\"20\">cekpajak.com</text></svg>');

}



.subheader {
	color: #777
}

p {
	margin: 0 0 20px 0;
	text-align:justify
}

p img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
}

p.lead {
	font-size: 21px;
	line-height: 27px;
	color: #777
}

em {
	font-style: italic
}

strong {
	font-weight: 700;
	color: #333
}

small {
	font-size: 100%
}

blockquote,
blockquote p {
	font-size: 17px;
	line-height: 24px;
	color: rgb(0, 0, 0);
	font-style: italic
}














blockquote {
	margin: 0 0 20px;
	padding: 9px 20px 0 19px;
	border-left: 1px solid #ddd
}

blockquote cite {
	display: block;
	font-size: 12px;
	color: #555
}

blockquote cite:before {
	content: "\2014 \0020"
}

blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
	color: #555
}

hr {
	border: solid #ddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 30px;
	height: 0
}

a,
a:visited {
	color: #333;
	text-decoration: underline;
	outline: 0
}

a:hover,
a:focus {
	color: #000
}

p a,
p a:visited {
	line-height: inherit
}

.adsMainMenu {
	width: 320px;
	height: 480px;
}

@media(min-width: 500px) {
	.adsMainMenu {
		width: 320px;
		height: 480px;
	}
}

@media(min-width: 800px) {
	.adsMainMenu {
		width: 750px;
		height: 480px;
	}
}

@media(min-width:1025px) and (max-width:1280px) {
	.adsMainMenu {
		width: 100%;
		height: 480px;
	}
}

@media(min-width:1281px) {
	.adsMainMenu {
		width: 100%;
		height: 480px;
	}
}

ul,
ol {
	margin-bottom: 20px
}

ul {
	list-style: none outside
}

ol {
	list-style: decimal
}

ol,
ul.square,
ul.circle,
ul.disc {
	margin-left: 30px
}

ul.square {
	list-style: square outside
}

ul.circle {
	list-style: circle outside
}

ul.disc {
	list-style: disc outside
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin: 4px 0 5px 30px;
	font-size: 90%
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
	margin-bottom: 6px
}

li {
	line-height: 1.6em;
	margin-bottom: 12px;
	text-align:justify;
}

ul.large li {
	line-height: 21px
}

li p {
	line-height: 21px
}

img.scale-with-grid {
	max-width: 100%;
	height: auto
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #050080;
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;


	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 20px;
	line-height: normal;
	padding: 10px 20px;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.styled-table {
	border-collapse: collapse;
	margin: 25px 0;
	font-size: .9em;
	font-family: sans-serif;
	min-width: auto;
	box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto
}

.styled-table thead tr {
	background-color: #050080;
	color: #fff;
	text-align: left
}

.styled-table th,
.styled-table td {
	padding: 12px 15px
}

.styled-table tbody tr {
	border-bottom: 1px solid #ddd
}

.styled-table tbody tr:nth-of-type(even) {
	background-color: #b6b6b6
}

.styled-table tbody tr:last-of-type {
	border-bottom: 2px solid #050080
}

.styled-table tbody tr.active-row {
	font-weight: 700;
	color: #050080
}

p.tablecenter {
	text-align: center;
	color: #8b1617
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #222;
	background: #ddd;


	border: 1px solid #888;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	border: 1px solid #666;
	background: #050080;
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center
}



form {
	margin-bottom: 20px
}

p.tab1 {
	padding-left: 14px;
	margin-bottom: 6px;
	display: list-item;
	list-style-type: decimal;
	list-style-position: inside;
	padding-bottom: 8px;
}

p.tab5 {
	padding-left: 14px;
	margin-bottom: 6px;
	display: list-item;
	list-style-type: disclosure-closed;
	list-style-position: inside;
	padding-bottom: 8px;
}


p.tab3 {
	padding-left: 14px;
	margin-bottom: 6px;
	display: list-item;
	list-style-type: disclosure-open;
	list-style-position: inside;
	padding-bottom: 8px;
}

p.tabparagraph {
	padding-left: 60px
}

ol.tab2 {
	padding-left: 45px
}

ol.tab4 {
	padding-left: 100px;
	list-style-type: disclosure-closed;
}

fieldset {
	margin-bottom: 20px
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;

	border-radius: 2px;
	font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	margin: 0;
	width: 210px;
	max-width: 100%;
	margin-bottom: 20px;
	background: #fff
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 1px solid #aaa;
	color: #444;

	box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

textarea {
	min-height: 60px
}

label,
legend {
	display: block;
	font-weight: 700;
	font-size: 13px
}

select {
	width: 220px
}

input[type="checkbox"] {
	display: inline
}

label span,
legend span {
	font-weight: 400;
	font-size: 13px;
	color: #444
}

.remove-bottom {
	margin-bottom: 0 !important
}

.half-bottom {
	margin-bottom: 10px !important
}

.add-bottom {
	margin-bottom: 20px !important
}

.container {
	padding: 0
}

.container {
	position: relative;
	margin: 0 auto
}

.container .column,
.container .columns {
	float: left;
	display: inline;
	margin-left: 10px;
	margin-right: 10px
}

.row {
	margin-bottom: 20px
}

.column.alpha,
.columns.alpha {
	margin-left: 0
}

.column.omega,
.columns.omega {
	margin-right: 0
}

.container .one.column,
.container .one.columns {
	width: 40px
}

.container .two.columns {
	width: 100px
}

.container .three.columns {
	width: 160px
}

.container .four.columns {
	width: 220px
}

.container .five.columns {
	width: 280px
}

.container .six.columns {
	width: 340px
}

.container .seven.columns {
	width: 400px
}

.container .eight.columns {
	width: 460px
}

.container .nine.columns {
	width: 520px
}

.container .ten.columns {
	width: 580px
}

.container .eleven.columns {
	width: 640px
}

.container .twelve.columns {
	width: 700px
}

.container .thirteen.columns {
	width: 760px
}

.container .fourteen.columns {
	width: 820px
}

.container .fifteen.columns {
	width: 880px;
	box-shadow: 0px 2px #888888;
	margin: 16px 0px 2px 0;
	gap: 1rem;
	grid-template-columns: 1fr 2fr;
	grid-template-areas: "sidebar main";
}



.container .sixteen.columns {
	width: 940px
}

.container .one-third.column {
	width: 300px
}

.container .two-thirds.column {
	width: 620px
}

.container .offset-by-one {
	padding-left: 60px
}

.container .offset-by-two {
	padding-left: 120px
}

.container .offset-by-three {
	padding-left: 180px
}

.container .offset-by-four {
	padding-left: 240px
}

.container .offset-by-five {
	padding-left: 300px
}

.container .offset-by-six {
	padding-left: 360px
}

.container .offset-by-seven {
	padding-left: 420px
}

.container .offset-by-eight {
	padding-left: 480px
}

.container .offset-by-nine {
	padding-left: 540px
}

.container .offset-by-ten {
	padding-left: 600px
}

.container .offset-by-eleven {
	padding-left: 660px
}

.container .offset-by-twelve {
	padding-left: 720px
}

.container .offset-by-thirteen {
	padding-left: 780px
}

.container .offset-by-fourteen {
	padding-left: 840px
}

.container .offset-by-fifteen {
	padding-left: 900px
}

@media only screen and (min-width:768px) and (max-width:959px) {

	.container .column,
	.container .columns {
		margin-left: 10px;
		margin-right: 10px
	}

	.column.alpha,
	.columns.alpha {
		margin-left: 0;
		margin-right: 10px
	}

	.column.omega,
	.columns.omega {
		margin-right: 0;
		margin-left: 10px
	}

	.alpha.omega {
		margin-left: 0;
		margin-right: 0
	}

	.container .one.column,
	.container .one.columns {
		width: 28px
	}

	.container .two.columns {
		width: 76px
	}

	.container .three.columns {
		width: 124px
	}

	.container .four.columns {
		width: 172px
	}

	.container .five.columns {
		width: 220px
	}

	.container .six.columns {
		width: 268px
	}

	.container .seven.columns {
		width: 316px
	}

	.container .eight.columns {
		width: 364px
	}

	.container .nine.columns {
		width: 412px
	}

	.container .ten.columns {
		width: 460px
	}

	.container .eleven.columns {
		width: 508px
	}

	.container .twelve.columns {
		width: 556px
	}

	.container .thirteen.columns {
		width: 604px
	}

	.container .fourteen.columns {
		width: 652px
	}

	.container .fifteen.columns {
		width: 700px
	}



	.container .sixteen.columns {
		width: 748px
	}

	.container .one-third.column {
		width: 236px
	}

	.container .two-thirds.column {
		width: 492px
	}

	.container .offset-by-one {
		padding-left: 48px
	}

	.container .offset-by-two {
		padding-left: 96px
	}

	.container .offset-by-three {
		padding-left: 144px
	}

	.container .offset-by-four {
		padding-left: 192px
	}

	.container .offset-by-five {
		padding-left: 240px
	}

	.container .offset-by-six {
		padding-left: 288px
	}

	.container .offset-by-seven {
		padding-left: 336px
	}

	.container .offset-by-eight {
		padding-left: 384px
	}

	.container .offset-by-nine {
		padding-left: 432px
	}

	.container .offset-by-ten {
		padding-left: 480px
	}

	.container .offset-by-eleven {
		padding-left: 528px
	}

	.container .offset-by-twelve {
		padding-left: 576px
	}

	.container .offset-by-thirteen {
		padding-left: 624px
	}

	.container .offset-by-fourteen {
		padding-left: 672px
	}

	.container .offset-by-fifteen {
		padding-left: 720px
	}
}





@media only screen and (max-width:767px) {

	.container .columns,
	.container .column {
		margin: 0
	}

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column {
		width: auto
	}

	.container .offset-by-one,
	.container .offset-by-two,
	.container .offset-by-three,
	.container .offset-by-four,
	.container .offset-by-five,
	.container .offset-by-six,
	.container .offset-by-seven,
	.container .offset-by-eight,
	.container .offset-by-nine,
	.container .offset-by-ten,
	.container .offset-by-eleven,
	.container .offset-by-twelve,
	.container .offset-by-thirteen,
	.container .offset-by-fourteen,
	.container .offset-by-fifteen {
		padding-left: 0
	}
}

@media only screen and (min-width:480px) and (max-width:767px) {

	.container .columns,
	.container .column {
		margin: 0
	}

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column {
		width: 420px
	}
}

.container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.row:after,
.clearfix:after {
	clear: both
}

.row,
.clearfix {}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

select.wilayah {
	width: 100%;

	box-sizing: border-box
}

select.kode {
	width: 28%;

	box-sizing: border-box
}

input.rangka[type="text"] {
	width: 100%;

	box-sizing: border-box
}

input.nomor[type="text"] {
	width: 35%;

	box-sizing: border-box
}

input.seri[type="text"] {
	width: 34%;
	box-sizing: border-box
}

.container {
	max-width: 998px
}

#temp {
	display: none
}

#ok {
	padding-left: 10px
}

#oko ol {
	margin: 0;
	padding: 0;
	list-style-position: inside
}

#okok p {
	background: #fffeeb;
	color: #767676;
	padding: 5px;
	border: 1px solid #ce9a0f;

}

input.form-control[type="text"] {
	width: 100%;
	box-sizing: border-box;
}

input.form-controls[type="text"] {
	width: 100%;
	box-sizing: border-box;
	background-color: rgb(223, 223, 223);
}

select.form-control-select {
	width: 100%;
	box-sizing: border-box;
}

select.kodes.form-control-select {
	width: 32%;
	box-sizing: border-box;
}

label.kecil {
	font-size: 10px;
}

.container .fives.columns {
	width: 293px;
}

@media(max-width:768px) {
	.container .fives.columns {
		width: 100%;
	}

	.container .sixteen.columns {
		width: 100%;
	}

	.container .eight.columns {
		width: 100%;
	}
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%
}

.center-home {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
}

#header .top {
	background: #000080;
	color: #fff;
	position: relative
}

#header .top .container {
	padding: 10px
}

#header img {
	position: absolute;
	top: 1px;
	left: 0;
	width: 8.5vw
}

#headerimages img {
	left: 0;
	padding-top: 20px;
	display: block;
	margin: auto;
	max-width: 100%;
	max-height: 100%
}

#header .top a {
	text-decoration: none;
	color: #ffffff
}

#header h1 {
	font-family: Arial, sans-serif;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 1;
	color: #fff;
	font-weight: 700;
	font-size: 1.8em
}

#header h1 span {
	font-weight: 400
}

#header h1 span:before {
	content: " - "
}

.menu-toggle {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 5px;
	top: 8px;
	padding: 5px;
	border: none;
	background: none;
	cursor: pointer
}

.menu-toggle span {
	display: block;
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #eee;
	margin-bottom: 5px
}

.nav {
	margin-top: 10px;
	text-align: center;
	line-height: 1;
	display: none
}

.nav>li {
	display: inline-block;
	position: relative
}

.nav a {
	text-decoration: none
}

.nav>li>a {
	display: inline-block;
	padding: 1px 6px
}

.nav ul {
	display: none;
	position: absolute;
	top: 1.4em;
	padding: 5px;
	margin: 0;
	left: 0;
	background: #fff;
	z-index: 100;
	width: 250px;
	text-align: left;
	border: 1px solid #aaa
}

.nav ul li {
	display: block
}

.nav ul li a {
	color: #000 !important
}

.nav>li:hover>a {
	text-decoration: underline
}

.nav>li:hover ul {
	display: block
}

.nav>li:hover ul a:hover {
	text-decoration: underline
}

h2 {
	font-size: 1.2em;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 3em;
	line-height: 1
}

h2.content {
	text-align: left;
	margin-bottom: revert-layer;
}

h2.searchh2 {
	font-size: 1.2em;
	text-align: left;
	margin-top: 1em;
	margin-bottom: 3em;
	line-height: 1
}

div#txt_4 {
	display: block;
	font-weight: 700;
	font-size: 11px;
}

div#txt_10 {
	display: block;
	font-weight: 700;
	font-size: 10px;
}

div#txt_9 {
	display: block;
	font-weight: 700;
	font-size: 12px;
}

div#txt_11 {
	display: block;
	font-weight: 700;
	font-size: 12px;
}

#form-wrap .container {
	padding: 0
}



/* Ini adalah komentar CSS */



@media(max-width:768px) {
	.container {
		padding: 5px
	}

	#header .top .container {
		padding: 8px
	}



	#header a {
		color: #fff;
		text-decoration: none
	}

	#header img {
		left: 4px;
		width: 88px;
		top: 8px;
	}

	h2 {
		font-size: 1.3em;
		text-align: center;
		margin-top: 1em;
		margin-bottom: 3em;
		line-height: 1.5
	}


	h3 {
		font-size: 1.25em;
		line-height: 1.4;
		margin-bottom: 0.45em;
	 }
	 
	 h4 {
		font-size: 1.2em;
		line-height: 1.4;
		margin-bottom: 0.4em;
	 }
	 
	 h5 {
		font-size: 1.15em;
		line-height: 1.45;
		margin-bottom: 0.35em;
	 }
	 
	 h6 {
		font-size: 1.1em;
		line-height: 1.5;
		margin-bottom: 0.3em;
	 }


	#header h1 {
		font-size: 1em;
		margin-bottom: 5px;
		text-align: center;
		margin-left: 85px;
		margin-right: 50px;
		line-height: 1.4;
	}

	#header h1 span:before {
		display: none
	}

	#header h1 span {
		display: block;
		font-size: .8em
	}

	.menu-toggle {
		top: 8px
	}

	.nav {
		background: #638a9f;
		margin: 0;
		text-align: left
	}

	.nav>li {
		display: block;
		line-height: 1;
		margin: 0;
		border-top: 1px solid #81a4b7;
		border-bottom: 1px solid #427089
	}

	.nav>li>a {
		display: block;
		padding: 10px;
		margin-right: 40px
	}

	.nav>li:before {
		content: ">";
		position: absolute;
		right: 10px;
		top: 10px;
		color: #c4d2da
	}

	.nav ul {
		position: relative;
		top: 0;
		padding: 5px 5px 0;
		margin: 0;
		left: 0;
		background: rgba(255, 255, 255, 0.9);
		z-index: 100;
		width: auto;
		text-align: left;
		border: 1px solid #aaa
	}

	.nav ul li {
		line-height: 1;
		margin: 0
	}

	.nav ul li a {
		display: block;
		padding: 8px 5px;
		border-bottom: 1px solid #ccc
	}

	.nav ul li:last-child a {
		border-bottom: none
	}
}










/* Ini adalah komentar CSS */


.breadcrumb {
	margin: 10px 0 20px
}

.breadcrumb li {
	display: inline;
	font-size: .9em
}

.breadcrumb li a {
	text-decoration: none
}

.breadcrumb li a:hover {
	text-decoration: underline
}

.breadcrumb li:after {
	content: " / "
}

table.cekplatno {
	border-collapse: collapse;
	border-spacing: 0;
	border-color: #003468;
	table-layout: fixed;
	width: 100%;
	max-width: 100%;
}

table td.cekplatnotd {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 5px;
	overflow: hidden;
	word-break: normal;
	color: #fff;
	background-color: #000080;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #3166ff;
}



table td.cekplatnotd1 p {
	margin: 0 0 0px 0;
}



table td.cekplatnotd1 {
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding: 4px 5px;
	overflow: hidden;
	word-break: normal;
	color: #000;
	background-color: #ebf5ffb8;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #3166ff;
	width: 48%;
}


table td.cekplatnotd2 {
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding: 4px 5px;
	overflow: hidden;
	word-break: normal;
	color: #000;
	background-color: #ebf5ffb8;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #3166ff;
	width: 4%;
}

h3.inforesi {
	color: white;
}

table td.cekplatnotd3 {
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding: 4px 5px;
	overflow: hidden;
	word-break: normal;
	color: #000;
	background-color: #ebf5ffb8;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #3166ff;
	width: 48%;
}


.breadcrumb li:last-child:after {
	content: ""
}

.content-wrap {
	margin-top: 1em
}

table.table-result {
	max-width: 100%;
	margin: 0 auto
}

table.table-result td {
	padding: 5px 0
}

table.table-result tr td:nth-child(1) {
	width: 114px;
	text-transform: uppercase
}

table.table-result tr td:nth-child(2) {
	text-transform: capitalize
}

#result-wrap {
	padding-top: 0px
}

#footer {
	height: 100px;
	padding-top: 50px;
	text-align: center
}

#nik {
	margin-bottom: 10px;
	text-align: center
}

.quick-links {
	min-height: 30px;
	margin: 30px 0 0 0;
	padding: 5px 20px;
	list-style: none;
	text-align: center;
	overflow: hidden
}

.quick-links:first-child {
	min-height: 0
}

.quick-links li {
	display: inline;
	margin: 0 8px;
	color: #999
}

.quick-links .github-btn,
.quick-links .tweet-btn,
.quick-links .follow-btn,
.quick-links .gplus-btn,
.quick-links .fb-btn {
	position: relative;
	top: 5px
}

.rss-title {
	display: none
}

.ektp-responsive-top {
	width: 320px;
	height: 50px
}

@media(min-width:500px) {
	.ektp-responsive-top {
		width: 468px;
		height: 60px
	}
}

@media(min-width:800px) {
	.ektp-responsive-top {
		width: 728px;
		height: 90px
	}
}

.text-error {
	color:red;
	padding:10px;
	background:#ffffd4;
	border:1px solid red;
}



.tablehasil { border-collapse: collapse; width: 100%; margin-top: 20px; }
.tablehasil td { padding: 8px; border: 1px solid #ccc; }
#loading { text-align: center; margin-top: 50px; font-size: 18px; font-weight: bold; }
.dot::after {
	 content: '';
	 animation: blinkdots 1s infinite steps(3, jump-none);
}
@keyframes blinkdots {
	 0%   { content: ''; }
	 33%  { content: '.'; }
	 66%  { content: '..'; }
	 100% { content: '...'; }
}






ul.compact {
	margin: 0;      /* hilangkan margin luar */
	padding: 0;     /* hilangkan indent default */
	list-style-position: inside; /* atau outside, sesuai kebutuhan */
 }
 ul.compact li {
	margin: 0;      /* hilangkan jarak vertikal default */
	padding: 0.2em 0; /* jarak kecil antar item */
	line-height: 1.2; /* rapatkan tinggi baris */
 }



/* UL dengan class */
.ul-standar {
	list-style-type: disc;
	padding: 0;
	margin: 0;
	margin-left: 40px;
	margin-bottom: 20px;
 }
 
 /* LI di dalam UL */
 .ul-standar li {
	margin-bottom: 6px;
 }
 

 pre {
	/* Mengatur jenis font menjadi monospace agar semua karakter memiliki lebar yang sama */
	font-family: monospace, monospace; 
	/* Mengatur ukuran font agar mudah dibaca */
	font-size: 1em;
	/* Mengaktifkan scrolling horizontal jika baris terlalu panjang */
	overflow-x: auto; 
	/* Memberikan padding agar teks tidak menempel pada tepi kotak */
	padding: 1em; 
	/* Mengatur warna latar belakang agar kontras dengan teks */
	background-color: #f4f4f4; 
	/* Memberikan border agar kotak lebih terlihat */
	border: 1px solid #ccc;
	/* Memberikan margin di bagian bawah agar tidak menempel dengan elemen lain */
	margin-bottom: 1em;
	/* Mengatur jeda baris agar teks tidak terlalu rapat */
	line-height: 1.5;
	/* Menghilangkan spasi ekstra saat me-render spasi putih, ini mencegah spasi berlebih pada awal dan akhir */
	white-space: pre-wrap; 
	word-wrap: break-word;
 }