@import url(webfonts.css); 
@import url(style.css); 

@media (min-width:260px){
	body,html{
		font-size:0.8em
	}
	.hide{
		display:none;
	}
	.mb-60 {
		margin-bottom:0%;
	}
	.img-responsive {
		width:160px;
		height:30px;
	}
}
@media (min-width:360px){
	body,html{
		font-size:0.8em
	}
	.hide{
		display:none;
	}
	.mb-60 {
		margin-bottom:0%;
	}
	.img-responsive {
		width:200px;
	}
}

@media (min-width:576px){
	body,html{
		font-size:0.8em
	}
	.hide{
		display:none;
	}
	.mb-60 {
		margin-bottom:0%;
	}
	.img-responsive {
		width:200px;
	}
}

@media (min-width:768px){
	body,html{
		font-size:0.9em
	}
	.hide{
		display:block;
	}
	.mb-60 {
		margin-bottom:5%;
	}
	.img-responsive {
		width:200px;
	}
}

@media (min-width: 992px) {
	body,html{
		font-size:0.9em
	}
	.hide{
		display:block;
	}
	.mb-60 {
		margin-bottom:5%;
	}
	.img-responsive {
		width:200px;
	}
}

@media (min-width: 1200px) {
	body,html{
		font-size:0.9em
	}
	.hide{
		display:block;
	}
	.mb-60 {
		margin-bottom:5%;
	}
	.img-responsive {
		width:200px;
	}
}


.navbar-custom {
	background:#d41;
}
.menu-opsi {
	margin-right:10px;
	background:none;
}
.menu-opsi:hover {
	margin-right:10px;
	background:none;
	border-bottom:3px solid #ccc;
	box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)!important;
	-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
}

.menu-logout {
	margin-right:10px;
	background:orange;
}
.menu-logout:hover {
	margin-right:10px;
	background:#d30;
	box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)!important;
	-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
}

.file-list {
	padding:5px;
}
.file-list:hover {
	background:#F5F5F5;
	box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)!important;
	-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
}

.wrap{ 
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:justify;
	justify-content:space-between
}