body{
	margin:0;	
	padding:0;	
}

.bg{
	background-image: url('../../assets/img/bg.jpg');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-size: cover;
  background-repeat: no-repeat;
}

.transparan{
	opacity: 85%;
}




.nav-tabs .nav-link.active {
	background-color: #007bff; /* Bootstrap Primary */
	color: white !important;
}

.nav-tabs .nav-link {
	background-color: #757575;
	color: white;
}



.container1{
	width: 100%;
}

.progressbar1{
	counter-reset:step;
}


.progressbar1 li{
	list-style-type: none;
	float: left;
	width: 15%;
	position: relative;
	text-align: center;			
	font-weight: bold;
}

.progressbar1 li:before{
	content: counter(step);
	counter-increment: step;
	width: 30px;
	height: 30px;
	line-height: 25px;
	border: 3px solid #c7cbd1;
	display: block;
	text-align: center;
	margin: 10px auto 10px auto;
	border-radius: 50%;
	background-color: #c7cbd1;
	font-weight: bold;	
	position:relative;
	z-index:50 !important;
}

.progressbar1 li:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	border: 1px solid #c7cbd1;
	background-color: #c7cbd1;
	top: 25px;
	left: -50%;			
	z-index:0;
}

.progressbar1 li:first-child:after{
	content: none;			
}

.progressbar1 li.active{
	color:#00bcd4;
	font-weight: bold;
}

.progressbar1 li.active:before{
	border-color:#00bcd4;
	background-color: #00bcd4;
	color:white;
}

.progressbar1 li.active + li:after{
	border-color:#00bcd4;
	background-color:#00bcd4;
}

/* ====================== BATAS STATUS SUBMIT ================= */
.progressbar1 li.active1:before{
	border-color:#2196f3;
	background-color: #2196f3;
	color:white;
}

.progressbar1 li.active1 + li:after{
	border-color:#2196f3;
	background-color:#2196f3;
}

.progressbar1 li.active1{
	color:#2196f3;
	font-weight: bold;
}
.progressbar1 li.active1:before{
	border-color:#2196f3;
	background-color: #2196f3;
	color:white;
}
.progressbar li.active1 + li:after{
	border-color:#2196f3;
	background-color:#2196f3;
}

/* ==================== BATAS STATUS FOLLOW UP ================== */

.progressbar1 li.active2:before{
	border-color:#ffc107;
	background-color: #ffc107;
	color:white;
}

.progressbar1 li.active2 + li:after{
	border-color:#ffc107;
	background-color:#ffc107;
}

.progressbar1 li.active2{
	color:#ffc107;
	font-weight: bold;
}
.progressbar1 li.active2:before{
	border-color:#ffc107;
	background-color: #ffc107;
	color:white;
}
.progressbar li.active2 + li:after{
	border-color:#ffc107;
	background-color:#ffc107;
}

.progressbar1 li.active2{
	color:#ffc107;
	font-weight: bold;
}
.progressbar1 li.active2:before{
	border-color:#ffc107;
	background-color: #ffc107;
	color:white;
}
.progressbar li.active2 + li:after{
	border-color:#ffc107;
	background-color:#ffc107;
}

/* ==================== BATAS STATUS NEGOTIATION ================== */

.progressbar1 li.active3:before{
	border-color:#ff9800;
	background-color: #ff9800;
	color:white;
}

.progressbar1 li.active3 + li:after{
	border-color:#ff9800;
	background-color:#ff9800;
}

.progressbar1 li.active3{
	color:#ff9800;
	font-weight: bold;
}
.progressbar1 li.active3:before{
	border-color:#ff9800;
	background-color: #ff9800;
	color:white;
}
.progressbar li.active3 + li:after{
	border-color:#ff9800;
	background-color:#ff9800;
}


.progressbar1 li.active3{
	color:#ff9800;
	font-weight: bold;
}
.progressbar1 li.active3:before{
	border-color:#ff9800;
	background-color: #ff9800;
	color:white;
}
.progressbar li.active3 + li:after{
	border-color:#ff9800;
	background-color:#ff9800;
}

/* ==================== BATAS STATUS WAITING PO ================== */

.progressbar1 li.active4:before{
	border-color:#4caf50;
	background-color: #4caf50;
	color:white;
}

.progressbar1 li.active4 + li:after{
	border-color:#4caf50;
	background-color:#4caf50;
}

.progressbar1 li.active4{
	color:#4caf50;
	font-weight: bold;
}
.progressbar1 li.active4:before{
	border-color:#4caf50;
	background-color: #4caf50;
	color:white;
}
.progressbar li.active4 + li:after{
	border-color:#4caf50;
	background-color:#4caf50;
}


.progressbar1 li.active4{
	color:#4caf50;
	font-weight: bold;
}
.progressbar1 li.active4:before{
	border-color:#4caf50;
	background-color: #4caf50;
	color:white;
}
.progressbar li.active4 + li:after{
	border-color:#4caf50;
	background-color:#4caf50;
}

/* ==================== BATAS STATUS WIN  ================== */

.progressbar1 li.active5:before{
	border-color:#343a40;
	background-color: #343a40;
	color:white;
}

.progressbar1 li.active5 + li:after{
	border-color:#343a40;
	background-color:#343a40;
}

.progressbar1 li.active5{
	color:#343a40;
	font-weight: bold;
}
.progressbar1 li.active5:before{
	border-color:#343a40;
	background-color: #343a40;
	color:white;
}
.progressbar li.active5 + li:after{
	border-color:#343a40;
	background-color:#343a40;
}


.progressbar1 li.active5{
	color:#343a40;
	font-weight: bold;
}
.progressbar1 li.active5:before{
	border-color:#343a40;
	background-color: #343a40;
	color:white;
}
.progressbar li.active5 + li:after{
	border-color:#343a40;
	background-color:#343a40;
}

/* ==================== BATAS STATUS PENDING  ================== */

.progressbar1 li.active6:before{
	border-color:#dc3545;
	background-color: #dc3545;
	color:white;
}

.progressbar1 li.active6 + li:after{
	border-color:#dc3545;
	background-color:#dc3545;
}

.progressbar1 li.active6{
	color:#dc3545;
	font-weight: bold;
}
.progressbar1 li.active6:before{
	border-color:#dc3545;
	background-color: #dc3545;
	color:white;
}
.progressbar li.active6 + li:after{
	border-color:#dc3545;
	background-color:#dc3545;
}


.progressbar1 li.active6{
	color:#dc3545;
	font-weight: bold;
}
.progressbar1 li.active6:before{
	border-color:#dc3545;
	background-color: #dc3545;
	color:white;
}
.progressbar li.active6 + li:after{
	border-color:#dc3545;
	background-color:#dc3545;
}

/* ==================== BATAS STATUS LOS  ================== */

.progressbar1 li.active7{
	color:#388e3c;
	font-weight: bold;
}
.progressbar1 li.active7:before{
	border-color:#388e3c;
	background-color: #388e3c;
	color:white;
}
.progressbar li.active7 + li:after{
	border-color:#388e3c;
	background-color:#388e3c;
}




/* ======================= START FORECASR POSITION ================== */

.positi_forecast {
  margin-left:20px;
}
.capaian_kantor1{
	height: 0px;
}

.capaian_kantor2{
	height: 400px;
	width:100%;
	margin-left: 200px;
}

.text{
	font-size:16px;
	margin-top: 10px;
}

.tombol{
	padding : 7px;
}

a:hover{
	text-decoration: none;
}

/* -------------------START LINK ISIAL DASHBOARD SALES */



/* ------------------- END LINK ISIAL DASHBOARD SALES */

@media only screen and (max-width: 600px) {
  .positi_forecast {
    margin-left:0px;
  }
	.capaian_kantor1{
		height: 400px;
	}
	.capaian_kantor2{
		height: 250px !important;
		width:100%;
	}

	.text{		
		font-size:10px;
		margin-top: 0px;
	}

	.transparan{
		opacity: 85%;
	}

	a:hover{
		text-decoration: none;
	}

	
}