@font-face {
	font-family: Poppins;
	src: url(../font/Poppins-Regular.ttf);
	font-weight: 200;
}

@font-face {
	font-family: Signika;
	src: url(../font/Signika-Semibold.otf);
	font-weight: 200;
}

body {
	font-family: Poppins;
}

.bg-login {
	background-image: url("../img/button-awal.PNG");
}

.header-img {
	background-image: url(../img/sd-wallpaper.png);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 202px;
}

.imagea{
  max-width:280px;
  max-height: 350px;
  position: relative;
  left: 25%;
}

.inpute[type=file]{
padding:10px;
background:transparent;
}
.header-label {
	position: relative;
	/*left: 700px;*/
	top: 20px;
	right: 240px;
	float: right;
}

.header-unit {
	/*position: relative;
	left: 810px;
	top: -97px;*/
	/*ganti*/
	float: right;
	position: relative;
	top: 35px;
	left: 100px;
	max-width: auto;
}

.header-title {
	font-family: Signika;
	font-size: 42px;
}

.input-group-text {
	background-color: white;
	border-right: none;
}

h6 {
	font-size: 18px;
}

.btn-transparent {
	background-color: transparent;
	border: none;
}

.nav .nav-item a {
	color: white;
	font-size: 12px;
}

.nav>.nav-item>a:hover {
	background-color: #007575 !important;
}

.nav .nav-item img {
	width: 18px;
}

.sekilas-info {
	clip-path: polygon(0 0%, 100% 0, 80% 100%, 0% 100%);
	width: fit-content;
	border-radius: 15px;
	padding: 9px 0;

	border-top-right-radius: 0;
	position: absolute;
	z-index: 2;
}

marquee {
	display: inline-flex;
	padding: 5.5px 0;
	/*ganti*/
	width: 100%;
	background-color: white;
	border-radius: 15px;
	clip-path: polygon(115px 0, 100% 0, 100% 70px, 57px 99px);
	border: 3px solid #ffa545;
}

.img-profile {
	top: 0px;
	z-index: 2;
	min-width: 175px;
	min-height: 175px;
	max-height: 200px;
	max-width: 200px;
}

.btn-outline-dark {
	border: 0.5px solid #707070;
	color: #707070;
	border-radius: 10px;
}

.btn-outline-dark:hover {
	background-color: #3b68a3;
	border: 0.5px solid #3b68a3;
}

.card-menu {
	border-radius: 7px;
}

.card-img-top {
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
}

.table-tengah td {
	vertical-align: middle;
	text-align: center;
	padding: 3px 10px 3px 10px;
}

.datepicker {
    z-index: 2000;
}

.border{
	min-height: 37px;
}