html {
	position:relative;
	
}

body {
	
	background-color:#F0F0F0;
	
	height:100%;
    
}





.link-menu {
	position:absolute;
	bottom:100px;
	width:100%;
	height:100px;
	color:#FFFFFF;
	background-color:#0590d5 ;
	
	
}

#kontainer {
   min-height:100%;
   position:relative;
}

#body {
 
   padding-bottom:400px;   /* sesuaikan dengan tinggi footer */
}

#footer {
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:100px 200px 100px;
	position:absolute;
	bottom:0px;
	width:100%;
	height:400px;
	color:#FFFFFF;
	background-color:#0590d5;

}
#footer .subcribe{
	background-color:#0590d5;
	display:flex;
	justify-content:center;
	align-items:center;
}
#footer .menu-link{
	background-color:#2EB8FA;
}

.info-menu{
	display:flex;
	padding-top:20px;
	flex-wrap:wrap;
	justify-content:space-between;
}
.koperasi{
	 width:300px;
}
.menu-footer a{
	text-decoration:none;
	display:block;
	color:#fff;
}
.menu-footer a:hover{
	
	color:#000;
	transition:0.5s;
}


.sub{
	width:500px;
	
}


/* konten utama */
.panel{
	position:relative;
	background-color:white;
	border-radius:5px;
	margin-top:30px;
	padding:10px;
	margin-bottom:30px;
	 overflow: hidden;
}

.info{
	position:absolute;
	background-color:red;
	width:50px;
	height:50px;
	top:0;
	right:0;
	
}

/* end konten utama */
/* Navbar */
.navmenu{	
	background-color: #0590d5;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.7);*/

}

.navbar-brand img{
	border-radius:50%;
	 width:100px;
	 height:100px;
}

.navbar-brand h4{
	color:white;
}

.navbar-brand, .nav-link{
	color:white !important;	
}	
.nav-link{
	margin-right:10px;	
	color:white;
	content:'';
	display:block;	
}

.navbar-nav .customer{
	display:flex;
	margin-top:8px;
	margin-left:10px;
	color:white;
}

.navbar-nav .customer .customer-email {

	margin-left:5px;
	color:white;
}

.navbar-nav .customer .customer-keranjang{
	margin-left:20px;
	color:white;
}

.navbar-nav .customer .customer-keranjang a{
	color:white;
	text-decoration:none;
	
}
.tombol{
	margin-right:10px;
	border-radius:40px;
}
/* endNavbar */

/* Sidebar */
.headermenu {
	background-color: #fa6083;
	height:40px;
	line-height:40px;
	color:white;
	text-align:center;
	border-radius:3px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	border-right:10px solid #FF0000;
}

.menu{
	
	border-radius:3px;
	background-color: #f43862;
	padding:10px;
	background-image: linear-gradient(to bottom, #FF4646 , #FFB9B9);
}

.menu a{
	display:block;
	color:white;
	margin-bottom:10px;
	border-right:3px solid white;
	transition: 0.5s;
}

.menu a:hover{
	text-decoration:none;
	color:#CCFF00;
	margin-left:30px;
}

/* endSidebar */


/* produk */
.judul {
	margin-top:10px;
	display:flex;
	height:50px;
	margin-bottom:10px;
	justify-content:center;

	
}
.judul2 {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border-bottom:4px solid #CCCCCC;	
}
/* endproduk */

/* kontak */
.box{
	border-radius:3px;
	background-color: #2875f3;
	padding:10px;
	color:white;
	height:200px;
	border-left:5px solid  #e1f60b;	
}

.box-2{
	border-radius:3px;
	background-color: #45b39d;
	padding:10px;
	color:white;
	height:200px;
	border-left:5px solid  #e1f60b;	
}
.box-2 a{
	text-decoration:none;
	color:#cd6155;
}
/* endkontak */

/* DaftarUMKM */
.summary{
	display:flex;
	flex-wrap: wrap;
	margin-bottom:50px;
	margin-top:50px;
	justify-content:center;
	width:100%;
	
}
.report-1{
	border-top:5px solid #e6f908;
	border-bottom:2px solid  #f60b72;
	border-radius:3px;
	background-color: #086ef9 ;
	width:200px;
	height:100px;
	margin-right:20px;
	color:white;
	padding:5px;
}
.report-1 i{
	margin-left:80px;
	margin-right:auto;
	opacity: 0.3;
	position:absolute;
	font-size:80px;
	color:#aaccf9;
}

.report-1 span{
	font-size:30px;
	margin-left:70px;
	
}

.report-2{
	border-top:5px solid #e6f908;
	border-bottom:2px solid  #f60b72;
	border-radius:3px;
	background-color:  #b61027  ;
	width:200px;
	height:100px;
	margin-right:20px;
	color:white;
	padding:5px;
}

.report-2 i{
	margin-left:80px;
	margin-right:auto;
	opacity: 0.3;
	position:absolute;
	font-size:80px;
	color:#aaccf9;
}


.report-2 span{
	font-size:30px;
	margin-left:70px;
	
}

.report-3{
	border-top:5px solid #e6f908;
	border-bottom:2px solid  #f60b72;
	border-radius:3px;
	background-color:#fc0527;
	width:200px;
	height:100px;
	margin-right:20px;
	color:white;
	padding:5px;
}

.report-3 i{
	margin-left:80px;
	margin-right:auto;
	opacity: 0.3;
	position:absolute;
	font-size:80px;
	color:#aaccf9;
}


.report-3 span{
	font-size:30px;
	margin-left:70px;
	
}

.report-4{
	border-top:5px solid #e6f908;
	border-bottom:2px solid  #f60b72;
	border-radius:3px;
	background-color:#179905;
	width:200px;
	height:100px;
	margin-right:20px;
	color:white;
	padding:5px;
}

.report-4 i{
	margin-left:80px;
	margin-right:auto;
	opacity: 0.3;
	position:absolute;
	font-size:80px;
	color:#aaccf9;
}


.report-4 span{
	font-size:30px;
	margin-left:70px;
	
}

/* endDaftarUMKM */

/* daftarkeranjang */
.keranjang{
	position:fixed;
	top:250px;
	right:0px;
	height:200px;
	width:30px;
	background-color:black;
	border-radius:2px;
	cursor:pointer;
	z-index:999;
	padding:5px;
	margin: 0 0 10px 0;
	
}

.keranjang a{
	margin-left:10px;
	color:white;
}

.keranjang a:hover{
	color:red;
	text-decoration:none;
}
.keranjang h5{
	font-size:12px;
	letter-spacing:3px;
	transform: rotate(90deg);
	
	
}

/* enddaftarkeranjang */

/* login */
.log{
	background-color: #e6e6e6;
	padding:15px;
	border-radius:5px;
	width:500px;
	margin:10px auto;
}

.beli{
	display:grid;
	grid-template-columns:50px 100px;
	grid-gap:10px;
	
	
}
/* end login */
.nota{
	display:grid;
	grid-template-columns:1fr 1fr;
}

.invoice{
	 display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
  background-color: white;
  padding: 10px;

}


@media (max-width:768px){
	.kontak{
	display:grid;
	grid-template-columns:1fr;
	grid-template-areas:
	  'tentang'
	  'ketentuan';
	 
	background-color: black; 
    margin-bottom:10px;	
	}

	.tombol{
		margin-bottom:10px;
		width:80px;
		height:40px;
		
	}
}
	
	
}