/*
* wBiza Dev Tools
* (c) 2021 Sendi Pratama
*/
@charset "ISO-8859-1";
@import "../fonts/fontawesome/font-awesome.min.css";
.txHitSmoth{
	color: rgb(45, 45, 45);
}

.hide{
	display: none;
}

body{
	font-family: "Poppins", Sans-serif;
	font-size: 14px;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	background-color: white;
	color: rgb(51, 51, 51);
}

#customMessage,.popConfir{
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 9999;
}
	.centerin{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#customMessage .boxMessage,.popConfir .boxMessage{
		display: inline-block;
		background-color: white;
		box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.32);
		min-width: 300px;
		padding: 25px;
		border-radius: 8px;
		text-align: center;
		margin: 0px 10px;
	}
		#customMessage .boxMessage .judul,.popConfir .boxMessage .judul2{
			font-size: 22px;
		}
		#customMessage .boxMessage .msg,.popConfir .boxMessage .msg{
			margin: 10px 0px;
			font-size: 16px;
		}
	#customMessage input{
		font-size: 15px;
		letter-spacing: 0px;
		color: white;
		background-image: linear-gradient(to right, rgb(51, 136, 238), rgb(118, 181, 255));
		border: none;
		border-radius: 30px;
		padding: 8px 30px;
		cursor: pointer;
		outline: none;
		margin-top: 15px;
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}
	#customMessage input:hover{
		background-image: linear-gradient(to right, rgb(51, 136, 238), rgb(51, 136, 238));
	}
	.boxMessage input{
		font-size: 15px;
		letter-spacing: 0px;
		color: white;
		border: none;
		border-radius: 30px;
		padding: 8px 30px;
		cursor: pointer;
		outline: none;
		margin-top: 15px;
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}
	.bgHovRed{
		background-image: linear-gradient(to right, rgb(108, 30, 30), rgb(213, 8, 8));
	}
		.bgHovRed:hover{
			background-image: linear-gradient(to right, rgb(147, 40, 40), rgb(247, 12, 12));
		}
		.bgHovGreen{
			background-image: linear-gradient(to right, rgb(62, 102, 40), rgb(99, 133, 82));
		}
			.bgHovGreen:hover{
				background-image: linear-gradient(to right, rgb(79, 123, 55), rgb(122, 155, 106));
			}
		.bgHovOrange{
			background-image: linear-gradient(to right, rgb(157, 95, 30), rgb(242, 132, 16));
		}
			.bgHovOrange:hover{
				background-image: linear-gradient(to right, rgb(196, 126, 52), rgb(238, 153, 64));
			}
#loader{
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgb(35, 42, 48);
	z-index: 9999;
}
::placeholder {
	color: rgba(255, 255, 255, 0.67);
	opacity: 1; /* Firefox */
}


.hovGreen:hover{
	background-color: rgb(206, 234, 190);
	cursor: pointer;
}