@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	color: black;
	font-family: "Poppins";
	text-decoration: none;
}

/* tab */
.tab {
    display: inline-block;
    margin-left: 20px;
}
.mintab {
    display: inline-block;
    margin-left: -20px;
}

.btn-primary{
	background-color: #3757ad;
}

/* body */
body{
	background-image: url("/img/aset/backgroundUtama.jpg");
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow:auto;
    
    background-attachment:fixed;

}

/* Navbar =========================== */
.navbar{
	background-color: #ffffff;
	
}

/* list hasil decisiontree */

.list-group.listhasildecisiontree{
	height: 430px;
	overflow-y:scroll;
}

/* list akun */
.list-group.listAkun{
	height: 430px;
	overflow-y:scroll;
}

/* notif */
.container.notif{
	left: 0px;
	right: 0px;
	z-index: 99;
	position: absolute;
}

/* home */

/* row jumbotron */
	.jumbotron{
		height: 100vh;
		margin-bottom: -2rem;
		background-image: url("/img/aset/internet.jpg");
		background-repeat: no-repeat;
		background-position: center;
    	overflow:auto;
		width: 100%;
		
		background-size: cover;
	}
	.isijumbotron{
		top: 23vh;
		left: 0px;
		right: 0px;
		color: #e2e2e2;
		z-index: 2;
		position: absolute;
	}

/* Tabel Data */
.tabelData{
	background-color: #EDF2F4;
}

/* row tree diagram */

	.judultreediagram h1{
		color: #ffffff;
	}
	.treeDiagram{
		background-color: #2B2D42;
	}
	
	.frametree{
		overflow-x: scroll;
		position: relative;
	}

	.tree {
		width: 130vw;
		height: auto;
		text-align: center;
	}
	.tree ul {
		padding-top: 20px;
		position: relative;
		transition: .5s;
		
	}
	.tree li {
		display: inline-table;
		text-align: center;
		list-style-type: none;
		position: relative;
		padding: 10px;
		transition: .5s;
	}
	.tree li::before, .tree li::after {
		content: '';
		position: absolute;
		top: 0;
		right: 50%;
		border-top: 1px solid rgb(255, 255, 255);
		width: 51%;
		height: 10px;
	}
	.tree li::after {
		right: auto;
		left: 50%;
		border-left: 1px solid rgb(255, 255, 255);
	}
	.tree li:only-child::after, .tree li:only-child::before {
		display: none;
	}
	.tree li:only-child {
		padding-top: 0;
	}
	.tree li:first-child::before, .tree li:last-child::after {
		border: 0 none;
	}
	.tree li:last-child::before {
		border-right: 1px solid rgb(255, 255, 255);
		border-radius: 0 5px 0 0;
		-webkit-border-radius: 0 5px 0 0;
		-moz-border-radius: 0 5px 0 0;
	}
	.tree li:first-child::after {
		border-radius: 5px 0 0 0;
		-webkit-border-radius: 5px 0 0 0;
		-moz-border-radius: 5px 0 0 0;
	}
	.tree ul ul::before {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		border-left: 1px solid rgb(255, 255, 255);
		width: 0;
		height: 20px;
	}
	.tree li a {
		border: 1px solid white;
		padding: 10px;
		display: inline-grid;
		border-radius: 5px;
		text-decoration-line: none;
		border-radius: 5px;
		transition: .5s;
		
		background-color: #EF233C; /*Background kotak*/
	}
	.tree li a span {
		/* border: 1px solid rgb(0, 0, 0); */
		text-shadow: 0 0 3px #ffffff, 0 0 5px #000000;
		border-radius: 5px;
		color: white;
		padding: 8px;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 500;
		
		/* background-color: blanchedalmond; */
	}
	/*Hover-Section*/
	.tree li a:hover, .tree li a:hover i, .tree li a:hover span, .tree li a:hover+ul li a {
		background: #c8e4f8;
		color: #000;
		border: 1px solid #94a0b4;
	}
	.tree li a:hover+ul li::after, .tree li a:hover+ul li::before, .tree li a:hover+ul::before, .tree li a:hover+ul ul::before {
		border-color: #94a0b4;
	}
/* penjelasanData ke User */
.penjelasanData{
	background-color: #2B2D42; 
	
}
.isipenjelasanData h1,.isipenjelasanData h3,.isipenjelasanData p{
	color: #ffffff;
}


/* form prediksi */
	.formPrediksi{
		background-color: #2B2D42;
	}
	.formPrediksi h1,.formPrediksi p,.formPrediksi label,.formPrediksi button,.formPrediksi h4 ,.formPrediksi h5{
		color: #ffffff;
	}

/* hasil prediksi */
	.hasilPrediksi{
		background-color: #8D99AE;
	}

	.simpulanRincian h2{
		text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;

	}

/*  footer */
	.footer{
		background-color: #0F1316;
	}
	.footer p{
		color: white;
	}

	@media only screen and (max-width: 700px){
		.isijumbotron{
			top: 4vh;
		}
	  
	  }