.content{
	width:100%;
	margin:0;
	height:auto;
	padding: 10px;
	background-color:#F5F5F5;
}
.content1 {
	background-color:#00BCD4;
	text-align:center;
	padding:1em;
}

.content2 {
	display: flex;
	background-color:#e1e2e1;
	justify-content: space-between;
}
.content2 > div {
	padding: 10px;
}
.content2 > .center_div{
	font-size: 14px;
}
.content1 > div {
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	margin:0;
	font-size: 10px;
	color:#fff;
}
.mycona {
	margin-top: 100px;
	padding:50px 50px;
	width:30%;
	height:50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: rgba(255, 255, 255, 0.397);
	box-shadow: 1px 2px 5px black;
}
@media all and (max-width : 568px) {
	.mycona {
		padding:30px 20px;
		width:90%;
		display: flex;
		flex-direction: column;
	}
	.content2 {
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color:#e1e2e1;
		justify-content: space-between;
	}
}
.content2 > .content2-header1 > p.firstdiv {
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	font-weight:700;
	color:rgb(1, 141, 160);
	margin:0;
}
.shipment {
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	width:100%;
	margin:4% 0;
}
.line2 {
	display: flex;
	position: absolute;
	height: 5px;
	width: 50px;
	display: block;
	top: 28%;
	left: 100%;
}
@media all and (max-width : 568px) {
	.shipment {
		display: flex;
		justify-content: center;
		text-align: center;
		align-items: center;
		flex-direction: column;
		width:100%;
		margin:2%;
	}
	.line1 {
		display: flex;
		justify-content: center;
		height: 50px;
		width: 5px;
		display: block;
		top: 28%;
		left: 45%;
	}
}
.shipment > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align:center;
	width:20%;
	position:relative;
	float:left;
	margin-left:5%;
	position: relative;
	
}

.delivery_stat {
	/* background: red !important */
	background: #98D091;
}

.shipment > div > span {
	font-size:15px;
	font-weight:600;
} 
.imgcircle {
	height:75px;
	width:75px;
	border-radius:50%;
	position:relative;
	
}
.imgcircle img {
	height:30px;
	position:absolute;
	top: 28%;
	left: 30%;
}


.triangle{
    width: 0;
    height: 0;
    border-bottom:solid 35px darkgray;
    border-right:solid 20px transparent;
    border-left:solid 20px transparent; 
}
.confirm .line{
	background-color:#98D091; 
}
.process .line{
	background: #98D091;
}
.quality .line{
	background: #98D091;
}

.dispatch .line{
	background: #98D091;
}

.delivery .line{
	background: #98D091;
}
.flash_logo {
	display: block;
	width: 200px;
	height: 100px;
	
}
.img-wrapper{
	background: black;
	width:200px;
	height: 200px;
	padding:10px;
	display: flex;
	justify-self: center;
	border:1.5px grey dashed;
	border-radius:50%;
	position: absolute;
	top:-100px;
}
.img-wrapper > img {
	width: 100%;
	height: 100%;
	border-radius:50%;
}
.acct-wrapper{
	width:100%;
	display: flex;
	flex-wrap: wrap;
}
.data_btn{
	padding:4px;
	position: absolute;
	bottom:0;	
}


