*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body.hal-dashbaord{
	background-color: whitesmoke;
}


nav div.navbar i#humberger-menu{

	display: none;
	font-size: 1.7rem;
}


div.container-dashboard{
	margin: 0 auto;
	width: 84rem;
	margin-top: 1.8rem;
	display: flex;
	background-color: white;
	height: 12.5rem;
	border-bottom-left-radius: 0.3rem;
	border-bottom-right-radius: 0.3rem;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}

div.heroImg{
	background-color: darkblue;
	width: 84rem;
	height: 7rem;
	display: flex;
	overflow: hidden;
	align-items: center;
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
	justify-content: space-evenly;

}

div.heroImg img{
	width: 29rem;

}

div.heroImg img.d3{
	width: 30rem;
}

div.heroImg img.d2{
	transform: rotate(260deg);
}

div.contentItems{
	display: flex;
	flex-wrap: wrap;
	width: 25rem;
	position: relative;
	top: -1.8rem;
	right: -0.5rem;
	padding: 0.8rem;
	align-items: center;
}

div.contentItems i{
	background-color: lightgray;
	padding: 0.9rem;
	font-size: 2.2rem;
	border: 3px solid white;
	border-radius: 100%;
	width: 4.5rem;
	color: white;
	text-align: center;
}

div.itemsIconUser{
	width: 5rem;
	padding-bottom: 1rem;
}

div.contentItems b.titleNama{
	margin-top: 5rem;
	font-size: 1.1rem;
}

div.contentItems p{
	color: gray;
}

div.items-title{
	padding-top: 1.4rem;
}

section.{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: unset;
	margin-top: 0.6rem;
}


div.judulDashboard{
	width: 100%;
	background-color: white;
	padding: 0.8rem;
	border-bottom: 1px solid lightgray;
}

div.linkBaru.content{
	width: 18rem;
	height: 14rem;
	overflow: hidden;
	margin-right: 1rem;
	background-color: white;
	border-radius: 0.3rem;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}

div.judulDashboard b{
	font-size: 0.7rem;
	line-height: 1rem;
	color: gray;
	font-weight: bold;
}


div.card-items-dashboard2{
	width: 70rem;
	background-color: white;
	border-radius: 0.3rem;
	display: flex;
	flex-wrap: wrap;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	border-bottom: 5px solid lightgray;
	padding-bottom: 1.5rem;
}


div.card-items-dashboard2 div.itemsAjukanNaskah01{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 1.3rem;
	overflow:hidden;
	position: relative;
}

div.card-items-dashboard2 div.itemsAjukanNaskah01.active{
	display: none;
}

div.titleNaskah{
	padding: 1rem;
	width: 100%;
	border-bottom: 1px solid lightgray;
}

div.titleNaskah b{
	font-size: 1.2rem;

}

div.content-akun{
	width: 100%;
	margin: 1rem auto;
	padding: 1rem 2%;
}

div.itemsBaru{
	border-bottom: 1px solid lightgray;
	padding: 0.1rem;
	margin-bottom: 1.3rem;
	display: flex;
	flex-wrap: wrap;

}

div.itemsBaru b{
	margin-bottom: 1rem;
	margin-left: 0.3rem;

}

div.itemsBaru p{

	margin-bottom: 1rem;
	line-height: 1.5rem;

}

div.itemsBaru2 ul li{
	line-height: 1.7rem;
	font-size: 1rem;
	color: black;
	margin-right: 1rem;
}

div.itemsBaru2 ul{
	padding: 1.5rem;
	margin-top: 0.3rem;
	margin-right: 4rem;

}

div.itemsLangkah{
	padding: 0.2rem;
	border-radius: 100%;
	border: 4px solid royalblue;
	display: flex;

}

div.itemsLangkah span{
	border-radius: 100%;
	padding: 0.3rem;
	margin: auto;
	background-color: royalblue;
}

div.langkah-langkah{
	display: flex;
	width: 3rem;
	margin-right: 0.1rem;
	flex-direction: column;
	align-items: center;

}

div.juduLPengajuan{
	width: 100%;
	margin-bottom: 2.6rem;
}



ul.ProsesAkhir li{
	padding-bottom: 1.8rem;

}

div.penjelasan ul{
	margin: 0;
	padding-left: 1.9rem;
	padding-top: 0.5rem;

}

p.baris6{
	margin-top: 3rem;
	color: gray;
	margin-left: 1rem;
}

div.ajukanNaskah{
	width: 100%;
	height: 7rem;
	border: none;
	padding: unset;
}

div.ajukanNaskah a{
	padding: 0.9rem;
	width: 9rem;
	border-radius: 0.3rem;
	background: rgb(12, 0, 36);
	background: linear-gradient(80deg, rgba(15,0,54,0.5737179487179487) 1%, rgba(15, 22, 214, 1) 100%);
	color: white;
	border: none;
	margin-top: 1rem;
	display: block;
	cursor: pointer;

}


/*STYLE TOMBOL PENCARIAN*/
div.itemsAjukanNaskah01 input#search{

	padding: 0.8rem;
	border: 1px solid rgba(0, 0, 0, 0.3);
	outline-color: rgba(0, 0, 0, 0.3);
	font-size: 1rem;
	border-radius: 0.3rem;
	position: absolute;
	top: 3rem;
	right: 0;
}

div.table-ajukanNaskah{

	overflow: auto;
	width: 100%;
}


div.table-ajukanNaskah table{
	width: 75rem;
	padding-bottom: 1rem;
}

div.garisNaskah{
	height: 0.6rem;
	width: 100%;
	background-color: lightgrey;
	margin-top: 3.5rem;
}

div.penerbitan-buku{
	padding: 1rem;
	margin: 1rem auto;
	
}


div.table-ajukanNaskah table thead{

	background-color: whitesmoke;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	
}

div.table-ajukanNaskah table thead tr th{

	padding: 0.8rem;
	font-size: 0.8rem;
	color: gray;
	border-bottom: 2px solid darkgray;
}

div.table-ajukanNaskah table tbody tr td{

	padding-top: 1rem;
}

div.table-ajukanNaskah table th.judulTH{
	width: 20rem;
	text-align: left;
}

div.table-ajukanNaskah table th.id{
	width: 6rem;
}




/*STYLE UNTUK FORM AJUKAN NASKAH BARU*/

div.card-items-dashboard2 div.container_naskah_pertama{
	width: 63rem;
	margin: 1.7rem auto;
	position: relative;
	display: none;
}

div.card-items-dashboard2 div.container_naskah_pertama.active{
	display: block;
}

div.card-items-dashboard2 div.container_naskah_pertama form{
	margin: unset;
	padding: unset;
	display: flex;
	justify-content: space-between;
	border: none;
	width: 100%;
	

}

div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_satu{

	width: 65%;
	display: flex;
	flex-direction: column;

}

div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_satu div.toolbar{
	width: 100%;
	display: flex;
	flex-direction: column;
}

div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_satu div.toolbar div.word span{
	
	font-size: 0.9rem;

	margin: 0 1rem;
	
}

.editor-toolbar {
	background-color: #f4f4f4;
	padding: 5px;
	border: 1px solid #ddd;
}

.editor-toolbar button {
	margin: 0 5px;
	padding: 5px;
	font-size: 14px;
	cursor: pointer;
	background: none;
	border: none;
}


div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_satu textarea{
	width: 100%;
	height: 22rem;
	border: 1px solid lightgray;
	outline-style: none;
	padding: 0.5rem 1rem 0;
	font-size: 1rem;

}

div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_satu input{
	padding: 0.7rem;
	font-size: 1rem;
	outline-style: none;
	border-radius: 0.3rem;
	border: 1.9px solid lightgray;
	margin-bottom: 0.5rem;
}

div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_satu input.upload{
	cursor: pointer;
}

div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_satu label{
	color: black;
	margin: 1.3rem 0 0.4rem 0;
}

div.file_penjelasan{
	width: 100%;
	margin: 1.3rem 0;
	line-height: 1.5rem;
}

div.file_penjelasan b{
	color: black;
}



span.sinopsis{
	margin: 0.9rem 0 1.5rem 0;
	font-weight: bold;
	color: black;
	font-size: 0.9rem;
}

div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_dua{

	width: 33%;
	display: flex;
	box-sizing: border-box;
	
	flex-direction: column;

}

div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_dua{

	width: 33%;
	display: flex;
	box-sizing: border-box;
	
	flex-direction: column;

}

div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_dua input{

	padding: 0.7rem;
	font-size: 1rem;
	outline-style: none;
	border-radius: 0.3rem;
	border: 1.9px solid lightgray;
	margin-bottom: 0.5rem;
	box-sizing: border-box;

}


div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_dua label{
	font-weight: normal;
	color: black;
	margin: 1.3rem 0 0.4rem 0;
}



div.informasi_penulis{
	width: 100%;
	display: flex;
	margin-top: 1rem;
	flex-wrap: wrap;
	justify-content: space-between;
}

div.informasi_penulis span{
	font-size: 0.9rem;
	padding-top: 1rem;
	line-height: 1.2rem;
}

div.informasi_penulis div.icon i{
	font-size: 1rem;
	border-radius: 100%;
	padding: 0.2rem;
	cursor: pointer;
	width: 1.3rem;
	margin: 0 0.3rem;

}

div.informasi_penulis div.icon i.fa-plus{
	background-color: royalblue;
	color: white;
	text-align: center;
	font-weight: 550;
}

div.informasi_penulis div.icon i.fa-minus{
	background-color: red;
	color: white;
	text-align: center;
	font-weight: 550;
}

div.form_items_content{
	display: flex;
	flex-direction: column;
	width: 100%;
	border: 1.9px solid lightgray;
	padding: 0.6rem;
	border-radius: 0.3rem;
	background-color: whitesmoke;
	margin: 0.4rem 0;
	line-height: 0.1rem;

}

div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_dua div.form_items_content label{ 
	
	margin: 1rem 0;

}

div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_dua div.informasi_penulis span{

	line-height: 1.3rem;
	color: black;
}

div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_dua div.informasi_penulis button{

	padding: 0.8rem;
	background: rgb(12, 0, 36);
	background: linear-gradient(80deg, rgba(15,0,54,0.5737179487179487) 1%, rgba(15, 22, 214, 1) 100%);
	color: white;
	border: none;
	border-radius: 0.3rem;
	font-size: 1.2rem;
	cursor: pointer;
	margin-top: 1.5rem;
}

div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_dua select#topik{
	cursor: pointer;
	padding: 0.7rem;
	font-size: 1rem;
	outline-style: none;
	border-radius: 0.3rem;
	border: 1.9px solid lightgray;
	margin-bottom: 0.5rem;
	box-sizing: border-box;
}


/*STYLE UNTUK NOTICE JUDUL BUKU KOSONG*/

div.notice-judul{
	padding: 1.6rem;
	width: 20rem;
	text-align: center;
	margin: 1rem auto;
	font-size: 1.2rem;
	color: whitesmoke;
	border-radius: 0.3rem;
	box-sizing: border-box;
	background-color: white;
	color: rgba(0, 0, 0, 0.9);
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);

}



/*STYLE HALAMAN DAFTAR ALAMAT*/


div.card-items-dashboard2 div.titleNaskah.alamat{
	width: 100%;
	border-bottom: 1px solid lightgray;
}

div.content-card-daftar{
	width: 100%;
	padding: 1;
	display: flex;
	justify-content: space-between;
	padding: 0 1%;
	margin-bottom: 2rem;
}

div.daftar-alamat{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

div.daftar-alamat span{
	margin-left: 1.4rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

div.card-alamat{
	width: 100%;
	padding: 2.3rem;
	border: 1px solid lightgray;
	border-radius: 0.4rem;
	position: relative;
	margin: 0.5rem;
}

div.card-alamat button{
	padding: 0.4rem;
	width: 3.5rem;
	position: absolute;
	top: 2rem;
	right: 1rem;
	border-radius: 0.2rem;
	background-color: white;
	border: 1px solid lightgray;
	cursor: pointer;
	font-weight: bold;
}

div.card-alamat p.judul-alamat{
	color: black;
	font-size: 1rem;
	font-weight: 550;
	padding-bottom: 0.8rem;

}


div.card-alamat p{
	font-size: 0.9rem;
	color: gray;
}

/*TUTUP*/



/*STYLE HALAMAN UBAH PASSWORD*/

div.container-ubah-pass{
	position: relative;
	width: 84rem;
	margin: 0 auto;
	margin-bottom: 4rem;
}


div.card-items-dashboard2.ubah-password form{

	border: none;
	padding: 1rem;

}

div.card-items-dashboard2.ubah-password form input{

	width: 100%;
	padding: 0.8rem;
	border-radius: 0.3rem;
	font-size: 1.1rem;
	margin-bottom: 1.3rem;
	margin-top: 0.4rem;
	border: 1px solid lightgrey;
	outline-style: none;
	
}

div.card-items-dashboard2.ubah-password form label{

	font-size: 0.9rem;
	letter-spacing: 0.5px;
	
}

div.card-items-dashboard2.ubah-password form button{

	padding: 0.9rem;
	background: rgb(12, 0, 36);
	background: linear-gradient(80deg, rgba(15,0,54,0.5737179487179487) 1%, rgba(15, 22, 234, 1) 100%);
	color: white;
	border: none;
	border-radius: 0.3rem;
	cursor: pointer;
	font-size: 1rem;
	
}


div.table-ajukanNaskah table tr td.fontS{

	text-transform: capitalize;

}

div.table-ajukanNaskah table tr td.fontS.url{

	text-transform: lowercase;

}



/*TUTUP*/


/*RESPONSIVE MOBILE*/
@media screen and (max-width: 767px){
	
	/*style halaman TENTANG KAMI*/
	body div.container-ubah-pass{
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 2rem 4%;
		margin: 2rem auto;
	}

	div.container-tentang{
		display: flex;
		flex-wrap: wrap;
	}

	section.hero-img-tentang2{
		flex-wrap: wrap;
		width: 30rem;
		
	}

	nav i#humberger-menu{

		display: block;
		font-size: 2.2rem;
		cursor: pointer;
		margin-right: 2.3rem;
	}


	div.container-dashboard{
		margin: 0 auto;
		width: 100%;
		height: 21rem;
		margin-bottom: 1.7rem;
	}

	section.container-dashboard2{
		width: 100%;
		
	}

	section.container-dashboard div.card-items-dashboard2{
		width: 100%;
	}

	div.heroImg{
		width: 100%;
		height: 13rem;
		margin: unset;
		padding: unset;
		position: relative;
	}

	div.heroImg img.d1{
		width: 45vh;
		position: absolute;
		right: -14rem;
	}

	div.heroImg img.d3{
		width: 45vh;
		position: absolute;
		
	}

	div.heroImg img.d2{
		transform: rotate(240deg);
		width: 45vh;
		position: absolute;
		top: -3rem;
		left: -16rem;
		
	}

	section.card-items-dashboard{
		width: 100%;
		padding: unset;
		margin: 0 auto;
		flex-direction: column;


	}

	section.card-items-dashboard div.card-items-dashboard2{
		width: 100%;
		padding: 0.5rem;
		

	}


	section.card-items-dashboard div.linkBaru.content{
		width: 100%;
		margin: 2rem auto;
		height: 21rem;
		display: none;
	}

	section.card-items-dashboard div.linkBaru.content div.judulDashboard{
		padding: 1.3rem;
	}

	section.card-items-dashboard div.linkBaru.content div.judulDashboard b{
		font-size: 1.2rem;
	}

	section.card-items-dashboard div.linkBaru.content a{
		font-size: 1.4rem;
		padding: 0.7rem;
		padding-left: 2rem;
	}

	section.card-items-dashboard div.linkBaru.content i{
		font-size: 1.6rem;
	}

	section.card-items-dashboard div.linkBaru.content a.logOut{
		padding-top: 1.5rem;
		margin: 1.3rem auto;
	}

	div.content-akun{
		padding: 1rem;
		width: 100%;
	}

	div.content-akun div.itemsBaru p{
		line-height: 2.2rem;
		font-size: 1.5rem;
	}

	div.content-akun div.itemsBaru {
		width: 100%;
		font-size: 1.5rem;

	}

	div.itemsBaru2.baru {

		width: 100%;
		display: flex;
		flex-wrap: wrap;
		padding-left: 1rem;
	}

	div.itemsBaru2{
		width: 100%;
		padding: unset;
		justify-content: space-between;
		
	}

	div.itemsBaru2 div.kartu{
		width: 45rem;
		display: flex;
		background-color: yellow;
		position: relative;
	}


	div.itemsBaru2 div.juduLPengajuan{
		width: 100%;
		
	}

	div.itemsBaru2 b{
		font-size: 1.4rem;
	}



	div.itemsBaru2 ul li{
		font-size: 1.5rem;
		line-height: 2.2rem;
		text-align: left;
		width: 100%;

	}

	div.itemsBaru2 div.penjelasan{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		padding: 0.7rem;
	}

	div.itemsBaru2 div.penjelasan ul{
		margin-left: 1.6rem;
	}

	div.langkah-langkah{
		padding: unset;
		margin: unset;
	}

	div.titleNaskah b{
		font-size: 1.8rem;
	}

	div.titleUser{
		margin-top: -0.5rem;
		margin-left: 2.5rem;
	}

	p.baris6{
		font-size: 1.5rem;
		line-height: 1.9rem;
		letter-spacing: 0.3px;
	}

	div.titleUser b.titleNama{

		font-size: 1.8rem;
	}

	div.itemsIconUser{

		margin-left: 1.3rem;
	}

	div.contentItems i{
		padding: 1.4rem;
		font-size: 3.3rem;
		width: 6.9rem;
	}

	div.titleUser p{
		font-size: 1.5rem;

	}

	div.card-items-dashboard2 div.container_naskah_pertama{
		padding: 1rem 2rem;
		box-sizing: border-box;
	}

	div.card-items-dashboard2 div.container_naskah_pertama form{
		flex-direction: column;
		font-size: 1.2rem;
	}

	div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_satu{
		width: 100%;
		

	}

	div.card-items-dashboard2 div.container_naskah_pertama form div.form_content_dua{
		width: 100%;

	}

	div.itemsAjukanNaskah01 div.table-ajukanNaskah{
		overflow: auto;
		width: 100%;


	}

	div.itemsAjukanNaskah01{
		overflow: hidden;
		
	}

	div.itemsAjukanNaskah01 a.btnAddAbstract{
		padding: 1.5rem;
		width: 13rem;
		margin-bottom: 3rem;
		font-size: 1.4rem;
		text-align: center;
		
	}

	div.table-ajukanNaskah div.garisNaskah{
		width: 100%;
	}

	div.itemsAjukanNaskah01 div.table-ajukanNaskah table{
		width: 95rem;
		margin-right: 1rem;
		margin-top: 2.6rem;
		padding-bottom: 4rem;
		border-bottom: 0.2rem solid rgba(0, 0, 0, 0.3);

	}

	div.penerbitan-buku{
		font-size: 1.4rem;
	}

	div.itemsAjukanNaskah01 div.table-ajukanNaskah table th{
		font-size: 1.6rem;
		font-weight: normal;

	}

	div.table-ajukanNaskah table tr td.fontS{
		font-size: 1.6rem;
		text-transform: capitalize;
		line-height: 2.7rem;

	}

	div.table-ajukanNaskah table tr td.fontS.url{
		font-size: 1.6rem;
		text-transform: lowercase;

	}

	div.table-ajukanNaskah table tr td.fontS #btnDetail{
		font-size: 1.6rem;
		color: royalblue;

	}


	/*STYLE TOMBOL PENCARIAN*/
	div.itemsAjukanNaskah01 input#search{

		padding: 1.4rem;
		font-size: 1.4rem;
		position: unset;
		margin-top: 3rem;
	}




	/*STYLE UNTUK FORM AJUKAN NASKAH BARU*/

	section.card-items-dashboard div.container_naskah_pertama form#formData input{
		padding: 1.3rem;
		font-size: 1.5rem;
		width: 100%;

	}

	div.container_naskah_pertama h3{
		font-size: 1.6rem;
	}

	span.sinopsis{
		font-size: 1.4rem;
		margin-top: 1.7rem;
	}

	div.toolbar span{
		margin-top: 0.8rem;
		font-size: 1.2rem;
	}

	section.card-items-dashboard div.container_naskah_pertama form#formData label{
		margin-top: 4rem;

	}

	div.form_content_dua{
		margin: 2rem 0;
	}

	section.card-items-dashboard div.container_naskah_pertama form#formData div.form_content_dua select#topik{
		padding: 1.3rem;
		font-size: 1.4rem;
	}

	div.file_penjelasan{
		font-size: 1.4rem;
		line-height: 2.2rem;
	}


	div#informasi_penulis1 p{
		font-size: 1.6rem;

	}

	div#informasi_penulis1 div.form_items_content{
		padding: 1.3rem;
	}

	div#informasi_penulis2 p{
		font-size: 1.6rem;

	}

	div#informasi_penulis2 div.form_items_content{
		padding: 1.3rem;
		margin-top: 2rem;
	}

	div#informasi_penulis1 div.form_items_content label{
		padding: 0.5rem 0;

	}

	div#informasi_penulis2 div.form_items_content label{
		padding: 0.5rem 0;
	}

	div#informasi_penulis2 div.form_items_content button{
		padding: 1.4rem;
		font-size: 1.6rem;
	}

	div#informasi_penulis1 div.icon i{
		font-size: 2rem;
		width: 2.5rem;
		text-align: center;

		
	}

	div#informasi_penulis1{
		flex-wrap: wrap;
		display: flex;
		flex-direction: column;
		line-height: 3rem;
		
	}

	div#informasi_penulis1 span{
		font-size: 1.4rem;
		
	}

	div#informasi_penulis2 span{
		font-size: 1.4rem;
		line-height: 2rem;
		
	}

	div#informasi_penulis2{
		flex-wrap: wrap;
		display: flex;
		flex-direction: column;
		line-height: 3rem;
		
	}

	div#informasi_penulis2 div.icon i{
		font-size: 2rem;
		width: 2.5rem;
		text-align: center;
		
	}

	section.card-items-dashboard div.container_naskah_pertama form#formData label{
		
		font-size: 1.5rem;
		margin: 1rem 0;

	}


	div.card-items-dashboard2 div.daftar-alamat{
		margin: unset;
		padding-left: 1rem;
		padding-right: 2rem;
		width: 100%;
		font-size: 1.4rem;

	}

	div.card-items-dashboard2 div.daftar-alamat span{
		line-height: 2.2rem;
	}

	div.content-card-daftar{
		flex-direction: column;
		display: flex;

	}

	div.content-card-daftar div.card-alamat p.judul-alamat{
		font-size: 1.5rem;
	}

	div.content-card-daftar div.card-alamat p{
		font-size: 1.2rem;
	}

	div.content-card-daftar div.card-alamat button{
		position: unset;
		margin-top: 2rem;
		padding: 0.9rem;
		text-align: center;
		width: auto;
	}

	div.card-alamat{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}


	/*STYLE HALAMAN UBAH PASSWORD*/

	div.container-ubah-pass{
		position: relative;
		width: 84rem;
		margin: 0 auto;
		margin-bottom: 4rem;
		display: flex;
		flex-wrap: wrap;
	}


	div.card-items-dashboard2.ubah-password form input{

		
		padding: 1.3rem;
		margin-bottom: 2rem;
		font-size: 1.6rem;
	}

	div.card-items-dashboard2.ubah-password form label{

		font-size: 1.4rem;
		letter-spacing: 0.2px;


	}

	div.card-items-dashboard2.ubah-password form button{

		padding: 1.4rem;
		margin-bottom: 1.4rem;
		font-size: 1.5rem;

	}


	div.notice-judul{

		margin: 2rem;
		font-size: 1.5rem;
		padding: 2.8rem;
		width: 25rem;
		
		
	}





}