body {
	/*overflow: hidden;*/
}
.navbar-logo{
	color: white;
	font-size: 16pt;
	font-weight: 600;
	letter-spacing: 0px;
	padding: 10px;
	width: 160px;
	opacity: 75%;
}
.navbar-logo:hover{
	opacity: 90%;
}
.judul-form {
	font-weight: 900;
	font-size: 24pt;
	position: relative;
}
.sub-judul-form {
	position: relative;
	top: -16px;
	font-weight: 400;
	font-size: 9pt;
}
.form-container-wrapper{
	height: 50px;
}
.form-container{
	top: 10px;
	opacity: 75%;
	margin: auto;
	position: relative;
	z-index: 200;
	border: none;
}
.form-container button {
	width: 45%;
	height: 50px;
}

.header{
	z-index: 99;
}

/*FORM CSS*/

/* From uiverse.io by @alexruix */
.group {
 display: flex;
 line-height: 28px;
 align-items: center;
 position: relative;
 max-width: 190px;
}

.input-form {
 width: 100%;
 height: 40px;
 line-height: 28px;
 padding: 0 1rem;
 padding-left: 2.5rem;
 border: 2px solid transparent;
 border-radius: 8px;
 outline: none;
 background-color: #f3f3f4;
 color: #0d0c22;
 transition: .3s ease;
}

.input-form::placeholder {
 color: #9e9ea7;
}

.input-form:focus, input:hover {
 outline: none;
 border-color: rgba(234,76,137,0.4);
 background-color: #fff;
 box-shadow: 0 0 0 4px rgb(234 76 137 / 10%);
}

.icon {
 position: absolute;
 left: 1rem;
 fill: #9e9ea7;
 width: 1rem;
 height: 1rem;
}

.input-form{
	align-items: left;
}


.table-title{
	font-weight: 900;
	font-size: 24pt;
	position: relative;
	color: black;
}