.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #ffffff;
	opacity: 1;
}

.preloader .loading {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-family: "Poppins", sans-serif;
	font-weight: 500;
}

.bg-login-aside {
	background-image: url(../media/bg/bg-auth.png);
}

label.error {
	color: red;
}

#the-canvas {
	border: 1px solid black;
	width: 100% !important;
}

#tanda-terima {
	border: 1px solid black;
	width: 100% !important;
}

#surat-tugas {
	border: 1px solid black;
	width: 100% !important;
}

#berita-acara {
	border: 1px solid black;
	width: 100% !important;
	direction: ltr;
}

#draft-surat-izin {
	border: 1px solid black;
	width: 100% !important;
}

#surat-izin {
	border: 1px solid black;
	width: 100% !important;
}

#nib {
	border: 1px solid black;
	width: 99% !important;
}

#pendirian {
	border: 1px solid black;
	width: 99% !important;
}

#pengesahan {
	border: 1px solid black;
	width: 99% !important;
}

#imb {
	border: 1px solid black;
	width: 99% !important;
}

#skimb {
	border: 1px solid black;
	width: 99% !important;
}

#izin {
	border: 1px solid black;
	width: 99% !important;
}


.offcanvas.offcanvas-right {
	/* right: -625px; */
	/* right: -34%; */
	left: auto;
}

.offcanvas {
	/* width: 625px; */
	/* width: 34%; */
}

.file-upload {
	display: inline-flex;
	align-items: center;
	font-size: 10px;
}

.file-upload__input {
	display: none;
}

.file-upload__button {
	-webkit-appearance: none;
	background: #EFEFEF;
	border: 1px solid #212121;
	border-radius: 4px;
	outline: none;
	padding: 0.3em 0.6em;
	margin-right: 15px;
	color: #393939;
	font-size: 1rem;
	font-family: "Quicksand", sans-serif;
	font-weight: bold;
	cursor: pointer;
}

.file-upload__button:active {
	background: #efefef;
}

.file-upload__label {
	max-width: 80%;
	font-size: 1rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-family: "Quicksand", sans-serif;
}

#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	color: #455A64;
	padding-left: 10px;
	margin-top: 30px
}

#progressbar li {
	list-style-type: none;
	font-size: 13px;
	width: 12.5%;
	float: left;
	position: relative;
	font-weight: 400
}

#progressbar .step0:before {
	font-family: "Font Awesome 5 Free";
	content: "\f111";
	color: #fff
}

#progressbar li:before {
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
	font-size: 20px;
	background: #C5CAE9;
	border-radius: 50%;
	margin: auto;
	padding: 0px
}

#progressbar li:after {
	content: '';
	width: 100%;
	height: 12px;
	background: #C5CAE9;
	position: absolute;
	left: 0;
	top: 16px;
	z-index: -1
}

#progressbar li:last-child:after {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	position: absolute;
	left: -50%
}

#progressbar li:nth-child(2):after,
#progressbar li:nth-child(3):after,
#progressbar li:nth-child(4):after,
#progressbar li:nth-child(5):after,
#progressbar li:nth-child(6):after,
#progressbar li:nth-child(7):after {
	left: -50%
}

#progressbar li:first-child:after {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	position: absolute;
	left: 50%
}

#progressbar li:last-child:after {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px
}

#progressbar li:first-child:after {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px
}

#progressbar li.active:before,
#progressbar li.active:after {
	background: #71b3e1
}

#progressbar li.active:before {
	font-family: "Font Awesome 5 Free";
	content: "\2713"
}

/* E-Kinerja */
/* #table-custom,
thead th,
td {
	border: 1px solid black;
} */

/* .table-custom {
	width: 100%;
	margin-bottom: 1rem;
} */

/* .table-custom thead {
	display: table-header-group;
	vertical-align: middle;
	border-color: none;
}

.table-custom tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
} */

/* .borderless td,
.borderless th,
.borderless tr {
	border: none;
} */