<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*.py-4 {
	padding-bottom: 0rem!important;
	padding-top: 0!important;
    background-color: transparent;
}*/

#app {
	background-image: url('/css/assets/images/bg-app.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.login_wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 400px;
    padding-top: 2.5rem;
}

#pemberi-kerja {
	background-image: url('/css/assets/images/employer_login_bg.png');
}

#pemberi-kerja-informal {
	background-image: url('/css/assets/images/informal_employer_login_bg.png');
}

#pencari-kerja {
	background-image: url('/css/assets/images/jobseeker_login_bg.png');
}

#pencari-kerja-informal {
	background-image: url('/css/assets/images/informal_jobseeker_login_bg.png');
}

#sekolah {
	background-image: url('/css/assets/images/school_login_bg.png');
}

#siswa {
	background-image: url('/css/assets/images/student_login_bg.png');
}

#general {
	background-image: url('/css/assets/images/general_login_bg.png');
}

#login_header {
	font-size: 1.2rem;
	font-weight: bold;
}

.login_wrapper .col-md-6 {
	padding-left: 0;
}

@media only screen and (max-width: 600px) {
	/*.py-4 {
		padding-bottom: 20rem!important;
	}*/

	.login_wrapper {
		height: auto;
	}

	#login_content .col-md-4 {
	    flex: 0 0 8.3333333333%;
    	max-width: 8.3333333333%;
	}

	#login_content .col-md-6 {
	    flex: 0 0 91.6666666667%;
    	max-width: 91.6666666667%;
	}

	.login_wrapper .col-md-6 {
		padding-left: 15px;
	}

	#pemberi-kerja, #pencari-kerja, #sekolah, #siswa, #general {
		background-image: unset;
	}
}

@media only screen and (max-width: 320px) {
	#login_content .col-md-6 {
	    flex: 0 0 90%;
	}
}</pre></body></html>